/* eslint-disable */
// Inline SVG icon set — Lucide-ish strokes. All 24x24 viewBox, currentColor.
// Used both for the searchable grid and for editorial-scale hero icons.

const I = ({ d, p, c, r, sw = 1.5, fill = "none" }) => (
  <svg viewBox="0 0 24 24" fill={fill} stroke="currentColor" strokeWidth={sw}
       strokeLinecap="round" strokeLinejoin="round" xmlns="http://www.w3.org/2000/svg">
    {p}
  </svg>
);

const ICONS = [
  { name: "search",     pack: "essentials", svg: <I p={<><circle cx="11" cy="11" r="7"/><path d="M20 20l-3.5-3.5"/></>}/> },
  { name: "heart",      pack: "essentials", svg: <I p={<path d="M12 20s-7-4.5-7-10a4 4 0 017-2.6A4 4 0 0119 10c0 5.5-7 10-7 10z"/>}/> },
  { name: "star",       pack: "essentials", svg: <I p={<path d="M12 3l2.7 6 6.3.5-4.8 4.2 1.5 6.3L12 17l-5.7 3 1.5-6.3L3 9.5 9.3 9z"/>}/> },
  { name: "bell",       pack: "essentials", svg: <I p={<><path d="M6 9a6 6 0 1112 0c0 5 2 6 2 6H4s2-1 2-6z"/><path d="M10 19a2 2 0 004 0"/></>}/> },
  { name: "user",       pack: "essentials", svg: <I p={<><circle cx="12" cy="9" r="4"/><path d="M4 20c1.5-4 4.5-6 8-6s6.5 2 8 6"/></>}/> },
  { name: "users",      pack: "essentials", svg: <I p={<><circle cx="9" cy="9" r="3.5"/><path d="M2 20c1-3.5 3.5-5 7-5s6 1.5 7 5"/><circle cx="17" cy="8" r="3"/><path d="M22 18c-.7-2.5-2.3-3.7-5-4"/></>}/> },
  { name: "settings",   pack: "essentials", svg: <I p={<><circle cx="12" cy="12" r="3"/><path d="M19.4 15a1.6 1.6 0 00.3 1.8l.1.1a2 2 0 11-2.8 2.8l-.1-.1a1.6 1.6 0 00-1.8-.3 1.6 1.6 0 00-1 1.5V21a2 2 0 11-4 0v-.1a1.6 1.6 0 00-1-1.5 1.6 1.6 0 00-1.8.3l-.1.1a2 2 0 11-2.8-2.8l.1-.1a1.6 1.6 0 00.3-1.8 1.6 1.6 0 00-1.5-1H3a2 2 0 110-4h.1a1.6 1.6 0 001.5-1 1.6 1.6 0 00-.3-1.8l-.1-.1a2 2 0 112.8-2.8l.1.1a1.6 1.6 0 001.8.3H9a1.6 1.6 0 001-1.5V3a2 2 0 114 0v.1a1.6 1.6 0 001 1.5 1.6 1.6 0 001.8-.3l.1-.1a2 2 0 112.8 2.8l-.1.1a1.6 1.6 0 00-.3 1.8V9a1.6 1.6 0 001.5 1H21a2 2 0 110 4h-.1a1.6 1.6 0 00-1.5 1z"/></>}/> },
  { name: "calendar",   pack: "essentials", svg: <I p={<><rect x="3" y="5" width="18" height="16" rx="2"/><path d="M8 3v4M16 3v4M3 10h18"/></>}/> },
  { name: "clock",      pack: "essentials", svg: <I p={<><circle cx="12" cy="12" r="9"/><path d="M12 7v5l3 2"/></>}/> },
  { name: "home",       pack: "essentials", svg: <I p={<path d="M3 11l9-8 9 8v9a2 2 0 01-2 2h-4v-6h-6v6H5a2 2 0 01-2-2z"/>}/> },
  { name: "mail",       pack: "essentials", svg: <I p={<><rect x="3" y="5" width="18" height="14" rx="2"/><path d="M3 7l9 7 9-7"/></>}/> },
  { name: "phone",      pack: "essentials", svg: <I p={<path d="M22 16.9v3a2 2 0 01-2.2 2 19.8 19.8 0 01-8.6-3.1 19.5 19.5 0 01-6-6A19.8 19.8 0 012 4.2 2 2 0 014 2h3a2 2 0 012 1.7c.1.9.3 1.8.6 2.6a2 2 0 01-.5 2.1L7.9 9.7a16 16 0 006 6l1.3-1.3a2 2 0 012.1-.5c.8.3 1.7.5 2.6.6a2 2 0 011.7 2z"/>}/> },
  { name: "camera",     pack: "essentials", svg: <I p={<><path d="M3 8a2 2 0 012-2h2l2-2h6l2 2h2a2 2 0 012 2v10a2 2 0 01-2 2H5a2 2 0 01-2-2z"/><circle cx="12" cy="13" r="3.5"/></>}/> },
  { name: "image",      pack: "essentials", svg: <I p={<><rect x="3" y="3" width="18" height="18" rx="2"/><circle cx="9" cy="9" r="2"/><path d="M21 16l-5-5L5 21"/></>}/> },
  { name: "play",       pack: "essentials", svg: <I p={<path d="M7 4.5v15l13-7.5z"/>}/> },
  { name: "pause",      pack: "essentials", svg: <I p={<><rect x="6" y="4" width="4" height="16"/><rect x="14" y="4" width="4" height="16"/></>}/> },
  { name: "download",   pack: "essentials", svg: <I p={<path d="M12 3v12m-5-5l5 5 5-5M4 21h16"/>}/> },
  { name: "upload",     pack: "essentials", svg: <I p={<path d="M12 21V9m-5 5l5-5 5 5M4 3h16"/>}/> },
  { name: "share",      pack: "essentials", svg: <I p={<><circle cx="18" cy="5" r="3"/><circle cx="6" cy="12" r="3"/><circle cx="18" cy="19" r="3"/><path d="M8.6 10.5l6.8-4M8.6 13.5l6.8 4"/></>}/> },
  { name: "trash",      pack: "essentials", svg: <I p={<><path d="M3 6h18M8 6V4a2 2 0 012-2h4a2 2 0 012 2v2"/><path d="M5 6l1 14a2 2 0 002 2h8a2 2 0 002-2l1-14"/></>}/> },
  { name: "edit",       pack: "essentials", svg: <I p={<path d="M14 4l6 6L9 21H3v-6z"/>}/> },
  { name: "check",      pack: "essentials", svg: <I p={<path d="M4 12l5 5 11-12"/>}/> },
  { name: "x",          pack: "essentials", svg: <I p={<path d="M5 5l14 14M19 5L5 19"/>}/> },
  { name: "plus",       pack: "essentials", svg: <I p={<path d="M12 5v14M5 12h14"/>}/> },
  { name: "menu",       pack: "essentials", svg: <I p={<path d="M4 6h16M4 12h16M4 18h16"/>}/> },

  /* Commerce */
  { name: "shopping-bag", pack: "commerce", svg: <I p={<><path d="M5 7h14l-1 13a2 2 0 01-2 2H8a2 2 0 01-2-2z"/><path d="M9 11V7a3 3 0 016 0v4"/></>}/> },
  { name: "credit-card",  pack: "commerce", svg: <I p={<><rect x="2" y="6" width="20" height="13" rx="2"/><path d="M2 11h20M6 16h4"/></>}/> },
  { name: "coin",         pack: "commerce", svg: <I p={<><circle cx="12" cy="12" r="9"/><path d="M14 9.5c-.6-1-1.8-1.5-3-1.5-1.7 0-3 1-3 2.3 0 1.3 1.3 1.7 3 2 1.7.3 3 .8 3 2.2 0 1.4-1.4 2.5-3 2.5-1.5 0-2.6-.6-3-1.5M12 5v2.5M12 16.5V19"/></>}/> },
  { name: "gift",         pack: "commerce", svg: <I p={<><rect x="3" y="8" width="18" height="13" rx="2"/><path d="M3 13h18M12 8v13"/><path d="M12 8c-1.5-3-5-4-5-1.5 0 1.5 2 1.5 5 1.5zm0 0c1.5-3 5-4 5-1.5 0 1.5-2 1.5-5 1.5z"/></>}/> },
  { name: "tag",          pack: "commerce", svg: <I p={<><path d="M3 12V4a1 1 0 011-1h8l9 9-9 9z"/><circle cx="7" cy="7" r="1.5"/></>}/> },
  { name: "package",      pack: "commerce", svg: <I p={<><path d="M3 7l9-4 9 4-9 4z"/><path d="M3 7v10l9 4 9-4V7"/><path d="M12 11v10"/></>}/> },
  { name: "receipt",      pack: "commerce", svg: <I p={<><path d="M5 2v20l3-2 2 2 2-2 2 2 2-2 3 2V2z"/><path d="M9 7h6M9 11h6M9 15h4"/></>}/> },
  { name: "wallet",       pack: "commerce", svg: <I p={<><rect x="2" y="6" width="20" height="14" rx="2"/><path d="M2 10h20M18 14h.01"/><path d="M4 6V4a2 2 0 012-2h10v4"/></>}/> },

  /* Files / Dev */
  { name: "file",         pack: "files", svg: <I p={<path d="M14 3H6a2 2 0 00-2 2v14a2 2 0 002 2h12a2 2 0 002-2V9zM14 3v6h6"/>}/> },
  { name: "folder",       pack: "files", svg: <I p={<path d="M3 7a2 2 0 012-2h4l2 2h8a2 2 0 012 2v8a2 2 0 01-2 2H5a2 2 0 01-2-2z"/>}/> },
  { name: "code",         pack: "files", svg: <I p={<path d="M8 6l-6 6 6 6M16 6l6 6-6 6"/>}/> },
  { name: "terminal",     pack: "files", svg: <I p={<><rect x="2" y="4" width="20" height="16" rx="2"/><path d="M6 9l3 3-3 3M12 15h6"/></>}/> },
  { name: "database",     pack: "files", svg: <I p={<><ellipse cx="12" cy="5" rx="8" ry="3"/><path d="M4 5v6c0 1.7 3.6 3 8 3s8-1.3 8-3V5M4 11v6c0 1.7 3.6 3 8 3s8-1.3 8-3v-6"/></>}/> },
  { name: "git-branch",   pack: "files", svg: <I p={<><circle cx="6" cy="5" r="2"/><circle cx="6" cy="19" r="2"/><circle cx="18" cy="7" r="2"/><path d="M6 7v10M18 9c0 4-6 4-6 8"/></>}/> },
  { name: "cloud",        pack: "files", svg: <I p={<path d="M6 18a4 4 0 01-.4-7.9 6 6 0 0111.6 1.4A4 4 0 0117 18z"/>}/> },
  { name: "link",         pack: "files", svg: <I p={<><path d="M10 14a4 4 0 005.7 0l3-3a4 4 0 00-5.7-5.7l-1.5 1.5"/><path d="M14 10a4 4 0 00-5.7 0l-3 3a4 4 0 005.7 5.7l1.5-1.5"/></>}/> },

  /* Comm */
  { name: "message",      pack: "comm", svg: <I p={<path d="M3 5a2 2 0 012-2h14a2 2 0 012 2v10a2 2 0 01-2 2H8l-5 4z"/>}/> },
  { name: "chat",         pack: "comm", svg: <I p={<><path d="M21 12a8 8 0 11-3.5-6.6L21 4l-1 4z"/><path d="M8 12h.01M12 12h.01M16 12h.01"/></>}/> },
  { name: "phone-call",   pack: "comm", svg: <I p={<><path d="M22 16.9v3a2 2 0 01-2.2 2 19.8 19.8 0 01-8.6-3.1 19.5 19.5 0 01-6-6A19.8 19.8 0 012 4.2 2 2 0 014 2h3a2 2 0 012 1.7c.1.9.3 1.8.6 2.6a2 2 0 01-.5 2.1L7.9 9.7a16 16 0 006 6l1.3-1.3a2 2 0 012.1-.5c.8.3 1.7.5 2.6.6a2 2 0 011.7 2z"/><path d="M15 4a4 4 0 014 4M15 8a8 8 0 018 0"/></>}/> },
  { name: "send",         pack: "comm", svg: <I p={<path d="M22 2L11 13M22 2l-7 20-4-9-9-4z"/>}/> },
  { name: "at",           pack: "comm", svg: <I p={<><circle cx="12" cy="12" r="4"/><path d="M16 12v1.5a2.5 2.5 0 005 0V12a9 9 0 10-3.5 7.1"/></>}/> },

  /* Maps */
  { name: "map-pin",      pack: "maps", svg: <I p={<><path d="M20 10c0 7-8 13-8 13S4 17 4 10a8 8 0 0116 0z"/><circle cx="12" cy="10" r="3"/></>}/> },
  { name: "compass",      pack: "maps", svg: <I p={<><circle cx="12" cy="12" r="9"/><path d="M16 8l-2 6-6 2 2-6z"/></>}/> },
  { name: "globe",        pack: "maps", svg: <I p={<><circle cx="12" cy="12" r="9"/><path d="M3 12h18M12 3a14 14 0 010 18M12 3a14 14 0 000 18"/></>}/> },
  { name: "navigation",   pack: "maps", svg: <I p={<path d="M3 11l18-8-8 18-2.5-7.5z"/>}/> },

  /* Weather */
  { name: "sun",          pack: "weather", svg: <I p={<><circle cx="12" cy="12" r="4"/><path d="M12 2v2M12 20v2M4.9 4.9l1.4 1.4M17.7 17.7l1.4 1.4M2 12h2M20 12h2M4.9 19.1l1.4-1.4M17.7 6.3l1.4-1.4"/></>}/> },
  { name: "moon",         pack: "weather", svg: <I p={<path d="M21 14a9 9 0 11-11-11 7 7 0 0011 11z"/>}/> },
  { name: "cloud-rain",   pack: "weather", svg: <I p={<><path d="M6 15a4 4 0 01-.4-7.9 6 6 0 0111.6 1.4A4 4 0 0117 15"/><path d="M8 18v3M12 17v4M16 18v3"/></>}/> },

  /* Brand-ish */
  { name: "zap",          pack: "essentials", svg: <I p={<path d="M13 2L4 14h7l-1 8 9-12h-7z"/>}/> },
  { name: "rocket",       pack: "essentials", svg: <I p={<><path d="M5 19c-2 0-3 2-3 2s2-1 2-3M14 4s5-2 7 0-2 7-2 7l-8 8-5-5z"/><circle cx="14" cy="10" r="1.5"/></>}/> },
  { name: "award",        pack: "essentials", svg: <I p={<><circle cx="12" cy="9" r="6"/><path d="M9 14l-2 8 5-3 5 3-2-8"/></>}/> },
  { name: "shield",       pack: "essentials", svg: <I p={<path d="M12 3l8 3v5c0 5-3.5 9-8 11-4.5-2-8-6-8-11V6z"/>}/> },
  { name: "eye",          pack: "essentials", svg: <I p={<><path d="M2 12s4-7 10-7 10 7 10 7-4 7-10 7S2 12 2 12z"/><circle cx="12" cy="12" r="3"/></>}/> },
];

window.ICONS = ICONS;