/* global React */ // Icon library — minimal stroke icons (Lucide-inspired, drawn fresh) // HISTORICAL BUG: the original order had `...props` AFTER the className // builder. Because consumers pass ``, the // spread overwrote the className we just composed ("i sm" -> "sm"), // stripping the base `.i` class from the element. The SVG then // had no width/height CSS rule and stretched to fill its container — // which made icons in narrow menus look gigantic. Spreading props FIRST // and overriding with our own attributes afterwards fixes this for good. const I = (paths, viewBox = "0 0 24 24") => (props) => React.createElement( "svg", { ...props, className: "i" + (props && props.className ? " " + props.className : ""), viewBox, fill: "none", stroke: "currentColor", strokeWidth: (props && props.sw) || 1.6, strokeLinecap: "round", strokeLinejoin: "round", }, paths ); const Icon = { search: I(), plus: I(), chevronDown: I(), chevronRight: I(), chevronLeft: I(), bell: I(<>), settings: I(<>), home: I(), folder: I(), layers: I(<>), bar: I(<>), shield: I(), shieldCheck: I(<>), database: I(<>), fileText: I(<>), brain: I(), target: I(<>), map: I(<>), pin: I(<>), users: I(<>), user: I(<>), logout: I(<>), filter: I(), download: I(<>), upload: I(<>), more: I(<>), arrowUp: I(), arrowDown: I(), check: I(), x: I(), alert: I(<>), info: I(<>), link: I(<>), globe: I(<>), clock: I(<>), calendar: I(<>), message: I(), zap: I(), edit: I(<>), plus2: I(<>), star: I(), copy: I(<>), trash: I(<>), sigma: I(), formula: I(<>), eye: I(<>), pause: I(<>), play: I(), trending: I(), flag: I(<>), lock: I(<>), shieldHalf: I(<>), spreadsheet: I(<>), layout: I(<>), pulse: I(), euro: I(<>), trees: I(<>), scale: I(<>), badgeCheck: I(<>), building: I(<>), sun: I(<>), moon: I(), command: I(), send: I(<>), heart: I(), syringe: I(<>), thermometer: I(), qrcode: I(<>), refresh: I(<>), smartphone: I(<>), plane: I(), save: I(<>), camera: I(<>), cloudOff: I(<>), wifi: I(<>), wifiOff: I(<>), battery: I(<>), }; window.Icon = Icon;