/* icons.jsx — the Radish icon set. Inline SVG, no library. 24x24 viewBox, 1.6 stroke,
   currentColor, round caps/joins. Lowercase snake names; verbs for actions, nouns for objects.

   Written in the planner's own module style: no imports, no exports. Every page loads React
   globally and Babel-transpiles each file as a plain script, so this declares a global `Icon`
   (a function declaration) and also attaches window.RadishIcons. Load it BEFORE any consumer.
   A page-level script uses the bare `Icon`; a script wrapped in an IIFE may write
   `const Icon = window.RadishIcons.Icon`. NEVER write a top-level `const Icon` /
   destructuring of `Icon` off window — it collides with this file's global and throws at load.

   The first 22 glyphs are the production ICONS map verbatim; the next seven came with the
   account handoff (design_handoff_account); the last five (plans, supplier, money, idle, ext)
   are the /people glyphs, converted from JSX <circle>/<rect> groups to single path strings.
   `flag` and `more` came with design_handoff_task_inspector; `more`'s three dots are r=.5
   circles, which the 1.6 stroke paints as the handoff's filled r=1.3 dots.
   `user` is one person, `users` is a group — they are not interchangeable.
   Icon-only buttons put aria-label on the <button>; the glyph itself is aria-hidden. */
const ICONS = {
  chev:    'M6 9l6 6 6-6',
  drop:    'M6 9l6 6 6-6',
  check:   'M5 12l5 5 9-9',
  plus:    'M12 5v14M5 12h14',
  x:       'M6 6l12 12M18 6L6 18',
  search:  'M11 19a8 8 0 1 1 0-16 8 8 0 0 1 0 16zM21 21l-4.3-4.3',
  filter:  'M3 5h18M6 12h12M10 19h4',
  warn:    'M12 3l10 18H2L12 3zM12 10v5M12 18v.5',
  alert:   'M12 3 2 20h20L12 3zM12 10v4M12 17.4v.01',
  info:    'M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20zM12 8v.5M12 11v6',
  lock:    'M7 11V8a5 5 0 0 1 10 0v3M5 11h14v10H5z',
  diamond: 'M12 2l10 10-10 10L2 12 12 2z',
  arrow_r: 'M5 12h14M13 5l7 7-7 7',
  grip:    'M9 6a1 1 0 1 1-2 0 1 1 0 0 1 2 0zM9 12a1 1 0 1 1-2 0 1 1 0 0 1 2 0zM9 18a1 1 0 1 1-2 0 1 1 0 0 1 2 0zM17 6a1 1 0 1 1-2 0 1 1 0 0 1 2 0zM17 12a1 1 0 1 1-2 0 1 1 0 0 1 2 0zM17 18a1 1 0 1 1-2 0 1 1 0 0 1 2 0z',
  cal:     'M3 7h18M5 7v13h14V7M8 4v4M16 4v4',
  edit:    'M3 21l4-1 11-11-3-3L4 17l-1 4zM14 6l3 3',
  trash:   'M5 7h14M9 7V5h6v2M7 7l1 13h8l1-13',
  user:    'M12 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8zM4 21a8 8 0 0 1 16 0',
  settings:'M12 8a4 4 0 1 0 0 8 4 4 0 0 0 0-8zM19 12l2 1-1 3-2-1M5 12l-2-1 1-3 2 1M12 5l1-2 3 1-1 2M12 19l-1 2-3-1 1-2',
  link:    'M10 14a5 5 0 0 0 7 0l3-3a5 5 0 0 0-7-7l-1 1M14 10a5 5 0 0 0-7 0l-3 3a5 5 0 0 0 7 7l1-1',
  zoom_in: 'M11 19a8 8 0 1 1 0-16 8 8 0 0 1 0 16zM21 21l-4.3-4.3M11 8v6M8 11h6',
  zoom_out:'M11 19a8 8 0 1 1 0-16 8 8 0 0 1 0 16zM21 21l-4.3-4.3M8 11h6',
  arrow_l: 'M19 12H5M11 6l-6 6 6 6',
  users:   'M9 11.2a3.2 3.2 0 1 0 0-6.4 3.2 3.2 0 0 0 0 6.4zM3.5 19a5.5 5.5 0 0 1 11 0M16 5.2a3 3 0 0 1 0 5.6M17 13.5a5.2 5.2 0 0 1 3.5 4.9',
  signout: 'M15 17l5-5-5-5M20 12H9M11 4H6a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h5',
  key:     'M12 15a4 4 0 1 1-8 0 4 4 0 0 1 8 0zM11 12l8-8 2 2-2 2 2 2-3 3-2-2-2 2',
  copy:    'M9 9h11v11H9zM5 15V5a2 2 0 0 1 2-2h8',
  building:'M4 20V7l8-3 8 3v13M3 20h18M9 20v-4h6v4',
  refresh: 'M20 11a8 8 0 1 0-.7 4.3M20 5v6h-6',
  plans:    'M5.5 3h13A2.5 2.5 0 0 1 21 5.5v13a2.5 2.5 0 0 1-2.5 2.5h-13A2.5 2.5 0 0 1 3 18.5v-13A2.5 2.5 0 0 1 5.5 3zM3 9h18M9 9v12',
  supplier: 'M3 13V6h11v7M14 9h4l3 3v3h-7zM9 17h6M3 13h11M9 17a2 2 0 1 1-4 0 2 2 0 0 1 4 0zM19 17a2 2 0 1 1-4 0 2 2 0 0 1 4 0z',
  money:    'M12 3a9 9 0 1 0 0 18 9 9 0 0 0 0-18zM12 7v10M14.5 9.3c-.5-1-3.5-1.4-3.5.4 0 1.7 3.5 1 3.5 2.8 0 1.9-3 1.5-3.6.4',
  idle:     'M12 3a9 9 0 1 0 0 18 9 9 0 0 0 0-18zM12 8v4l2.5 2.5',
  ext:      'M14 5h5v5M19 5l-8 8M18 13v6H5V6h6',
  flag:     'M5 21V4M5 4h11l-2 4 2 4H5',
  more:     'M5.5 12a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0zM12.5 12a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0zM19.5 12a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0z',
};

function Icon({ name, size, className, style }) {
  return (
    <svg width={size || 14} height={size || 14} viewBox="0 0 24 24" fill="none" stroke="currentColor"
      strokeWidth={1.6} strokeLinecap="round" strokeLinejoin="round"
      className={className} style={{ flexShrink: 0, ...(style || {}) }} aria-hidden="true">
      <path d={ICONS[name] || ICONS.info} />
    </svg>
  );
}

window.RadishIcons = { ICONS, Icon };