@withpotter/components 0.13.0-next.101

package/dist/shell/foot-theme-menu.js

@@ -0,0 +1,90 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from "react";
+import { AnimatePresence, motion } from "motion/react";
+import { Moon, Sun, SunMoon } from "lucide-react";
+import { durations, eases } from "@withpotter/lib/motion";
+import { useTheme } from "@withpotter/lib/theme-context";
+const MODES = [
+  { mode: "dark", label: "Dark", Icon: Moon },
+  { mode: "full-light", label: "Light", Icon: Sun },
+  { mode: "light", label: "Light, dark sidebar", Icon: SunMoon }
+];
+function FootThemeMenu({ className }) {
+  const { themeMode, setThemeMode } = useTheme();
+  const [open, setOpen] = useState(false);
+  const [offered, setOffered] = useState([]);
+  const rootRef = useRef(null);
+  const current = MODES.find((m) => m.mode === themeMode) ?? MODES[0];
+  useEffect(() => {
+    if (!open) return;
+    const onDoc = (e) => {
+      if (!rootRef.current?.contains(e.target)) setOpen(false);
+    };
+    const onKey = (e) => {
+      if (e.key === "Escape") setOpen(false);
+    };
+    document.addEventListener("mousedown", onDoc);
+    window.addEventListener("keydown", onKey);
+    return () => {
+      document.removeEventListener("mousedown", onDoc);
+      window.removeEventListener("keydown", onKey);
+    };
+  }, [open]);
+  return /* @__PURE__ */ jsxs("div", { ref: rootRef, className: "flex items-center", children: [
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        className,
+        title: "Appearance",
+        "aria-label": "Appearance",
+        "aria-expanded": open,
+        "data-state": open ? "open" : "closed",
+        onClick: () => {
+          if (!open)
+            setOffered(
+              MODES.filter((m) => m.mode !== themeMode).map((m) => m.mode)
+            );
+          setOpen((v) => !v);
+        },
+        children: /* @__PURE__ */ jsx(current.Icon, { width: 16, height: 16 })
+      }
+    ),
+    /* @__PURE__ */ jsx(AnimatePresence, { initial: false, children: open && /* @__PURE__ */ jsx(
+      motion.div,
+      {
+        role: "radiogroup",
+        "aria-label": "Appearance",
+        className: "flex items-center gap-1 overflow-hidden",
+        initial: { width: 0, opacity: 0 },
+        animate: { width: "auto", opacity: 1 },
+        exit: { width: 0, opacity: 0 },
+        transition: { duration: durations.normal, ease: eases.out },
+        children: /* @__PURE__ */ jsx("span", { className: "ml-1 flex items-center gap-1", children: MODES.filter((m) => offered.includes(m.mode)).map(
+          ({ mode, label, Icon }) => /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              role: "radio",
+              "aria-checked": false,
+              "aria-label": label,
+              title: label,
+              className,
+              onClick: () => {
+                setThemeMode(mode);
+                setOpen(false);
+              },
+              children: /* @__PURE__ */ jsx(Icon, { width: 16, height: 16 })
+            },
+            mode
+          )
+        ) })
+      }
+    ) })
+  ] });
+}
+export {
+  FootThemeMenu
+};
+//# sourceMappingURL=foot-theme-menu.js.map

package/dist/shell/foot-theme-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/shell/foot-theme-menu.tsx"],"sourcesContent":["'use client';\n\nimport { useEffect, useRef, useState } from 'react';\nimport { AnimatePresence, motion } from 'motion/react';\nimport { Moon, Sun, SunMoon } from 'lucide-react';\nimport { durations, eases } from '@withpotter/lib/motion';\nimport { useTheme, type ThemeMode } from '@withpotter/lib/theme-context';\n\nconst MODES: { mode: ThemeMode; label: string; Icon: typeof Moon }[] = [\n  { mode: 'dark', label: 'Dark', Icon: Moon },\n  { mode: 'full-light', label: 'Light', Icon: Sun },\n  { mode: 'light', label: 'Light, dark sidebar', Icon: SunMoon },\n];\n\n/**\n * The look switch at the foot of the rail. One button showing the current look;\n * pressing it opens the three looks beside it, in the same row, like an\n * accordion, and choosing one closes it again. (It was a button that stepped\n * through three looks without saying which came next.) System is not here: it\n * lives in Settings → Preferences.\n */\nexport function FootThemeMenu({ className }: { className: string }) {\n  const { themeMode, setThemeMode } = useTheme();\n  const [open, setOpen] = useState(false);\n  /* The looks on offer, fixed when it opens. Choosing one changes the current\n     look, which would otherwise change this list mid-close and make the row\n     jump instead of fold. */\n  const [offered, setOffered] = useState<ThemeMode[]>([]);\n  const rootRef = useRef<HTMLDivElement>(null);\n  const current = MODES.find((m) => m.mode === themeMode) ?? MODES[0];\n\n  useEffect(() => {\n    if (!open) return;\n    const onDoc = (e: MouseEvent) => {\n      if (!rootRef.current?.contains(e.target as Node)) setOpen(false);\n    };\n    const onKey = (e: KeyboardEvent) => {\n      if (e.key === 'Escape') setOpen(false);\n    };\n    document.addEventListener('mousedown', onDoc);\n    window.addEventListener('keydown', onKey);\n    return () => {\n      document.removeEventListener('mousedown', onDoc);\n      window.removeEventListener('keydown', onKey);\n    };\n  }, [open]);\n\n  return (\n    <div ref={rootRef} className=\"flex items-center\">\n      <button\n        type=\"button\"\n        className={className}\n        title=\"Appearance\"\n        aria-label=\"Appearance\"\n        aria-expanded={open}\n        data-state={open ? 'open' : 'closed'}\n        onClick={() => {\n          if (!open)\n            setOffered(\n              MODES.filter((m) => m.mode !== themeMode).map((m) => m.mode),\n            );\n          setOpen((v) => !v);\n        }}\n      >\n        <current.Icon width={16} height={16} />\n      </button>\n      <AnimatePresence initial={false}>\n        {open && (\n          <motion.div\n            role=\"radiogroup\"\n            aria-label=\"Appearance\"\n            className=\"flex items-center gap-1 overflow-hidden\"\n            initial={{ width: 0, opacity: 0 }}\n            animate={{ width: 'auto', opacity: 1 }}\n            exit={{ width: 0, opacity: 0 }}\n            transition={{ duration: durations.normal, ease: eases.out }}\n          >\n            <span className=\"ml-1 flex items-center gap-1\">\n              {MODES.filter((m) => offered.includes(m.mode)).map(\n                ({ mode, label, Icon }) => (\n                  <button\n                    key={mode}\n                    type=\"button\"\n                    role=\"radio\"\n                    aria-checked={false}\n                    aria-label={label}\n                    title={label}\n                    className={className}\n                    onClick={() => {\n                      setThemeMode(mode);\n                      setOpen(false);\n                    }}\n                  >\n                    <Icon width={16} height={16} />\n                  </button>\n                ),\n              )}\n            </span>\n          </motion.div>\n        )}\n      </AnimatePresence>\n    </div>\n  );\n}\n"],"mappings":";AAgDI,SAgBI,KAhBJ;AA9CJ,SAAS,WAAW,QAAQ,gBAAgB;AAC5C,SAAS,iBAAiB,cAAc;AACxC,SAAS,MAAM,KAAK,eAAe;AACnC,SAAS,WAAW,aAAa;AACjC,SAAS,gBAAgC;AAEzC,MAAM,QAAiE;AAAA,EACrE,EAAE,MAAM,QAAQ,OAAO,QAAQ,MAAM,KAAK;AAAA,EAC1C,EAAE,MAAM,cAAc,OAAO,SAAS,MAAM,IAAI;AAAA,EAChD,EAAE,MAAM,SAAS,OAAO,uBAAuB,MAAM,QAAQ;AAC/D;AASO,SAAS,cAAc,EAAE,UAAU,GAA0B;AAClE,QAAM,EAAE,WAAW,aAAa,IAAI,SAAS;AAC7C,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,KAAK;AAItC,QAAM,CAAC,SAAS,UAAU,IAAI,SAAsB,CAAC,CAAC;AACtD,QAAM,UAAU,OAAuB,IAAI;AAC3C,QAAM,UAAU,MAAM,KAAK,CAAC,MAAM,EAAE,SAAS,SAAS,KAAK,MAAM,CAAC;AAElE,YAAU,MAAM;AACd,QAAI,CAAC,KAAM;AACX,UAAM,QAAQ,CAAC,MAAkB;AAC/B,UAAI,CAAC,QAAQ,SAAS,SAAS,EAAE,MAAc,EAAG,SAAQ,KAAK;AAAA,IACjE;AACA,UAAM,QAAQ,CAAC,MAAqB;AAClC,UAAI,EAAE,QAAQ,SAAU,SAAQ,KAAK;AAAA,IACvC;AACA,aAAS,iBAAiB,aAAa,KAAK;AAC5C,WAAO,iBAAiB,WAAW,KAAK;AACxC,WAAO,MAAM;AACX,eAAS,oBAAoB,aAAa,KAAK;AAC/C,aAAO,oBAAoB,WAAW,KAAK;AAAA,IAC7C;AAAA,EACF,GAAG,CAAC,IAAI,CAAC;AAET,SACE,qBAAC,SAAI,KAAK,SAAS,WAAU,qBAC3B;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL;AAAA,QACA,OAAM;AAAA,QACN,cAAW;AAAA,QACX,iBAAe;AAAA,QACf,cAAY,OAAO,SAAS;AAAA,QAC5B,SAAS,MAAM;AACb,cAAI,CAAC;AACH;AAAA,cACE,MAAM,OAAO,CAAC,MAAM,EAAE,SAAS,SAAS,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI;AAAA,YAC7D;AACF,kBAAQ,CAAC,MAAM,CAAC,CAAC;AAAA,QACnB;AAAA,QAEA,8BAAC,QAAQ,MAAR,EAAa,OAAO,IAAI,QAAQ,IAAI;AAAA;AAAA,IACvC;AAAA,IACA,oBAAC,mBAAgB,SAAS,OACvB,kBACC;AAAA,MAAC,OAAO;AAAA,MAAP;AAAA,QACC,MAAK;AAAA,QACL,cAAW;AAAA,QACX,WAAU;AAAA,QACV,SAAS,EAAE,OAAO,GAAG,SAAS,EAAE;AAAA,QAChC,SAAS,EAAE,OAAO,QAAQ,SAAS,EAAE;AAAA,QACrC,MAAM,EAAE,OAAO,GAAG,SAAS,EAAE;AAAA,QAC7B,YAAY,EAAE,UAAU,UAAU,QAAQ,MAAM,MAAM,IAAI;AAAA,QAE1D,8BAAC,UAAK,WAAU,gCACb,gBAAM,OAAO,CAAC,MAAM,QAAQ,SAAS,EAAE,IAAI,CAAC,EAAE;AAAA,UAC7C,CAAC,EAAE,MAAM,OAAO,KAAK,MACnB;AAAA,YAAC;AAAA;AAAA,cAEC,MAAK;AAAA,cACL,MAAK;AAAA,cACL,gBAAc;AAAA,cACd,cAAY;AAAA,cACZ,OAAO;AAAA,cACP;AAAA,cACA,SAAS,MAAM;AACb,6BAAa,IAAI;AACjB,wBAAQ,KAAK;AAAA,cACf;AAAA,cAEA,8BAAC,QAAK,OAAO,IAAI,QAAQ,IAAI;AAAA;AAAA,YAZxB;AAAA,UAaP;AAAA,QAEJ,GACF;AAAA;AAAA,IACF,GAEJ;AAAA,KACF;AAEJ;","names":[]}

package/dist/shell/icons.d.ts

@@ -0,0 +1,50 @@
+import type { SVGProps } from 'react';
+import { type LucideIcon } from 'lucide-react';
+type P = SVGProps<SVGSVGElement>;
+export declare const ShellIcon: {
+    home: (p: P) => import("react").JSX.Element;
+    cart: (p: P) => import("react").JSX.Element;
+    box: (p: P) => import("react").JSX.Element;
+    users: (p: P) => import("react").JSX.Element;
+    wallet: (p: P) => import("react").JSX.Element;
+    transfer: (p: P) => import("react").JSX.Element;
+    globe: (p: P) => import("react").JSX.Element;
+    spark: (p: P) => import("react").JSX.Element;
+    chart: (p: P) => import("react").JSX.Element;
+    heart: (p: P) => import("react").JSX.Element;
+    star: (p: P) => import("react").JSX.Element;
+    gift: (p: P) => import("react").JSX.Element;
+    receipt: (p: P) => import("react").JSX.Element;
+    mail: (p: P) => import("react").JSX.Element;
+    bell: (p: P) => import("react").JSX.Element;
+    ask: (p: P) => import("react").JSX.Element;
+    chat: (p: P) => import("react").JSX.Element;
+    book: (p: P) => import("react").JSX.Element;
+    card: (p: P) => import("react").JSX.Element;
+    bank: (p: P) => import("react").JSX.Element;
+    grid: (p: P) => import("react").JSX.Element;
+    clock: (p: P) => import("react").JSX.Element;
+    check: (p: P) => import("react").JSX.Element;
+    edit: (p: P) => import("react").JSX.Element;
+    folder: (p: P) => import("react").JSX.Element;
+    templates: (p: P) => import("react").JSX.Element;
+    whistle: (p: P) => import("react").JSX.Element;
+    settings: (p: P) => import("react").JSX.Element;
+    percent: (p: P) => import("react").JSX.Element;
+    scale: (p: P) => import("react").JSX.Element;
+    toggle: (p: P) => import("react").JSX.Element;
+    truck: (p: P) => import("react").JSX.Element;
+    boxes: (p: P) => import("react").JSX.Element;
+    calendar: (p: P) => import("react").JSX.Element;
+    megaphone: (p: P) => import("react").JSX.Element;
+    link: (p: P) => import("react").JSX.Element;
+    scan: (p: P) => import("react").JSX.Element;
+    pin: (p: P) => import("react").JSX.Element;
+    updown: (p: P) => import("react").JSX.Element;
+    collapse: (p: P) => import("react").JSX.Element;
+};
+export type ShellIconName = keyof typeof ShellIcon;
+export type ShellIconComponent = (p: SVGProps<SVGSVGElement>) => React.JSX.Element;
+/** Return the console icon component for a nav id, or null to fall back. */
+export declare function navIcon(id: string): ShellIconComponent | null;
+export type { LucideIcon };

package/dist/shell/icons.js

@@ -0,0 +1,276 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import {
+  ChartLine,
+  Banknote,
+  PanelsTopLeft,
+  Shapes,
+  Target,
+  UserRound
+} from "lucide-react";
+const s = (props) => ({
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  strokeWidth: 2,
+  strokeLinecap: "round",
+  strokeLinejoin: "round",
+  ...props
+});
+const ShellIcon = {
+  home: (p) => /* @__PURE__ */ jsxs("svg", { ...s(p), children: [
+    /* @__PURE__ */ jsx("path", { d: "M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8" }),
+    /* @__PURE__ */ jsx("path", { d: "M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z" })
+  ] }),
+  cart: (p) => /* @__PURE__ */ jsxs("svg", { ...s(p), children: [
+    /* @__PURE__ */ jsx("circle", { cx: "8", cy: "21", r: "1" }),
+    /* @__PURE__ */ jsx("circle", { cx: "19", cy: "21", r: "1" }),
+    /* @__PURE__ */ jsx("path", { d: "M2.05 2.05h2l2.66 12.42a2 2 0 0 0 2 1.58h9.78a2 2 0 0 0 1.95-1.57l1.65-7.43H5.12" })
+  ] }),
+  box: (p) => /* @__PURE__ */ jsxs("svg", { ...s(p), children: [
+    /* @__PURE__ */ jsx("path", { d: "M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z" }),
+    /* @__PURE__ */ jsx("path", { d: "m3.3 7 8.7 5 8.7-5M12 22V12" })
+  ] }),
+  users: (p) => /* @__PURE__ */ jsxs("svg", { ...s(p), children: [
+    /* @__PURE__ */ jsx("path", { d: "M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2" }),
+    /* @__PURE__ */ jsx("circle", { cx: "9", cy: "7", r: "4" }),
+    /* @__PURE__ */ jsx("path", { d: "M22 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75" })
+  ] }),
+  wallet: (p) => /* @__PURE__ */ jsxs("svg", { ...s(p), children: [
+    /* @__PURE__ */ jsx("path", { d: "M19 7V4a1 1 0 0 0-1-1H5a2 2 0 0 0 0 4h15a1 1 0 0 1 1 1v4h-3a2 2 0 0 0 0 4h3a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1" }),
+    /* @__PURE__ */ jsx("path", { d: "M3 5v14a2 2 0 0 0 2 2h15a1 1 0 0 0 1-1v-4" })
+  ] }),
+  // Payments — two opposing arrows (money in / out). Leans into Box's
+  // transfer-native identity rather than a generic wallet.
+  transfer: (p) => /* @__PURE__ */ jsxs("svg", { ...s(p), children: [
+    /* @__PURE__ */ jsx("path", { d: "M3 9h13" }),
+    /* @__PURE__ */ jsx("path", { d: "M13.5 5.5 17 9l-3.5 3.5" }),
+    /* @__PURE__ */ jsx("path", { d: "M21 15H8" }),
+    /* @__PURE__ */ jsx("path", { d: "M10.5 11.5 7 15l3.5 3.5" })
+  ] }),
+  globe: (p) => /* @__PURE__ */ jsxs("svg", { ...s(p), children: [
+    /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "9" }),
+    /* @__PURE__ */ jsx("path", { d: "M3 12h18M12 3c2.5 2.5 3.5 6 3.5 9s-1 6.5-3.5 9c-2.5-2.5-3.5-6-3.5-9S9.5 5.5 12 3Z" })
+  ] }),
+  spark: (p) => /* @__PURE__ */ jsx("svg", { ...s(p), children: /* @__PURE__ */ jsx("path", { d: "M12 3v4M12 17v4M3 12h4M17 12h4M5.6 5.6l2.8 2.8M15.6 15.6l2.8 2.8M18.4 5.6l-2.8 2.8M8.4 15.6l-2.8 2.8" }) }),
+  chart: (p) => /* @__PURE__ */ jsxs("svg", { ...s(p), children: [
+    /* @__PURE__ */ jsx("path", { d: "M3 3v16a2 2 0 0 0 2 2h16" }),
+    /* @__PURE__ */ jsx("path", { d: "M7 15.5 11 11l3 2.5 4.5-6" }),
+    /* @__PURE__ */ jsx("circle", { cx: "18.5", cy: "7.5", r: "1.6" })
+  ] }),
+  heart: (p) => /* @__PURE__ */ jsx("svg", { ...s(p), children: /* @__PURE__ */ jsx("path", { d: "M12 21s-7-4.5-9.5-9C1 9 2.5 5.5 6 5.5c2 0 3.2 1.2 4 2.3.8-1.1 2-2.3 4-2.3 3.5 0 5 3.5 3.5 6.5C19 16.5 12 21 12 21Z" }) }),
+  star: (p) => /* @__PURE__ */ jsx("svg", { ...s(p), children: /* @__PURE__ */ jsx("path", { d: "m12 2.5 2.9 5.9 6.5.95-4.7 4.58 1.1 6.47L12 17.9l-5.8 3.05 1.1-6.47-4.7-4.58 6.5-.95L12 2.5Z" }) }),
+  gift: (p) => /* @__PURE__ */ jsxs("svg", { ...s(p), children: [
+    /* @__PURE__ */ jsx("rect", { x: "3", y: "8", width: "18", height: "4", rx: "1" }),
+    /* @__PURE__ */ jsx("path", { d: "M12 8v13M4 12v7a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-7" }),
+    /* @__PURE__ */ jsx("path", { d: "M7.5 8a2.5 2.5 0 0 1 0-5C11 3 12 8 12 8s1-5 4.5-5a2.5 2.5 0 0 1 0 5" })
+  ] }),
+  receipt: (p) => /* @__PURE__ */ jsxs("svg", { ...s(p), children: [
+    /* @__PURE__ */ jsx("path", { d: "M4 2v20l2-1 2 1 2-1 2 1 2-1 2 1 2-1 2 1V2l-2 1-2-1-2 1-2-1-2 1-2-1-2 1Z" }),
+    /* @__PURE__ */ jsx("path", { d: "M8 7h8M8 11h8M8 15h5" })
+  ] }),
+  mail: (p) => /* @__PURE__ */ jsxs("svg", { ...s(p), children: [
+    /* @__PURE__ */ jsx("rect", { x: "3", y: "5", width: "18", height: "14", rx: "2" }),
+    /* @__PURE__ */ jsx("path", { d: "m3 7 9 6 9-6" })
+  ] }),
+  bell: (p) => /* @__PURE__ */ jsxs("svg", { ...s(p), children: [
+    /* @__PURE__ */ jsx("path", { d: "M10.268 21a2 2 0 0 0 3.464 0" }),
+    /* @__PURE__ */ jsx("path", { d: "M3.262 15.326A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673C19.41 13.956 18 12.499 18 8A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326" })
+  ] }),
+  ask: (p) => /* @__PURE__ */ jsx("svg", { ...s(p), children: /* @__PURE__ */ jsx("path", { d: "M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z" }) }),
+  chat: (p) => /* @__PURE__ */ jsx("svg", { ...s(p), children: /* @__PURE__ */ jsx("path", { d: "M21 11.5a8.38 8.38 0 0 1-8.5 8.5 8.5 8.5 0 0 1-3.9-.9L3 21l1.9-5.6A8.5 8.5 0 0 1 12.5 3 8.38 8.38 0 0 1 21 11.5Z" }) }),
+  book: (p) => /* @__PURE__ */ jsxs("svg", { ...s(p), children: [
+    /* @__PURE__ */ jsx("path", { d: "M4 5a2 2 0 0 1 2-2h11v16H6a2 2 0 0 0-2 2V5Z" }),
+    /* @__PURE__ */ jsx("path", { d: "M17 3v16" })
+  ] }),
+  card: (p) => /* @__PURE__ */ jsxs("svg", { ...s(p), children: [
+    /* @__PURE__ */ jsx("rect", { width: "20", height: "14", x: "2", y: "5", rx: "2" }),
+    /* @__PURE__ */ jsx("path", { d: "M2 10h20" })
+  ] }),
+  bank: (p) => /* @__PURE__ */ jsx("svg", { ...s(p), children: /* @__PURE__ */ jsx("path", { d: "m3 9 9-6 9 6M4 10v9M20 10v9M8 10v9M16 10v9M12 10v9M2 21h20" }) }),
+  grid: (p) => /* @__PURE__ */ jsxs("svg", { ...s(p), children: [
+    /* @__PURE__ */ jsx("rect", { x: "4", y: "4", width: "7", height: "7", rx: "1.5" }),
+    /* @__PURE__ */ jsx("rect", { x: "13", y: "4", width: "7", height: "7", rx: "1.5" }),
+    /* @__PURE__ */ jsx("rect", { x: "4", y: "13", width: "7", height: "7", rx: "1.5" }),
+    /* @__PURE__ */ jsx("rect", { x: "13", y: "13", width: "7", height: "7", rx: "1.5" })
+  ] }),
+  clock: (p) => /* @__PURE__ */ jsxs("svg", { ...s(p), children: [
+    /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "9" }),
+    /* @__PURE__ */ jsx("path", { d: "M12 7v5l3 2" })
+  ] }),
+  check: (p) => /* @__PURE__ */ jsx("svg", { ...s({ strokeWidth: 2, ...p }), children: /* @__PURE__ */ jsx("path", { d: "M20 6 9 17l-5-5" }) }),
+  edit: (p) => /* @__PURE__ */ jsxs("svg", { ...s(p), children: [
+    /* @__PURE__ */ jsx("path", { d: "M12 20h9" }),
+    /* @__PURE__ */ jsx("path", { d: "M16.5 3.5a2.12 2.12 0 0 1 3 3L7 19l-4 1 1-4Z" })
+  ] }),
+  folder: (p) => /* @__PURE__ */ jsx("svg", { ...s(p), children: /* @__PURE__ */ jsx("path", { d: "M3 7a2 2 0 0 1 2-2h4l2 2h6a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V7Z" }) }),
+  templates: (p) => /* @__PURE__ */ jsxs("svg", { ...s(p), children: [
+    /* @__PURE__ */ jsx("path", { d: "M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .962 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.962 0z" }),
+    /* @__PURE__ */ jsx("path", { d: "M20 3v4" }),
+    /* @__PURE__ */ jsx("path", { d: "M22 5h-4" })
+  ] }),
+  whistle: (p) => /* @__PURE__ */ jsxs("svg", { ...s(p), children: [
+    /* @__PURE__ */ jsx("path", { d: "M14 8h6a1 1 0 0 1 1 1v2a5 5 0 0 1-5 5h-1a5 5 0 0 1-5-5H4a2 2 0 0 1-2-2 2 2 0 0 1 2-2h10Z" }),
+    /* @__PURE__ */ jsx("circle", { cx: "15", cy: "11", r: "1.2", fill: "currentColor", stroke: "none" }),
+    /* @__PURE__ */ jsx("path", { d: "M9 6.5 11 8" })
+  ] }),
+  settings: (p) => /* @__PURE__ */ jsxs("svg", { ...s(p), children: [
+    /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "3" }),
+    /* @__PURE__ */ jsx("path", { d: "M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 1 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 1 1-2.83-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 1 1 2.83-2.83l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 1 1 2.83 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1Z" })
+  ] }),
+  percent: (p) => /* @__PURE__ */ jsxs("svg", { ...s(p), children: [
+    /* @__PURE__ */ jsx("path", { d: "M19 5 5 19" }),
+    /* @__PURE__ */ jsx("circle", { cx: "6.5", cy: "6.5", r: "2.5" }),
+    /* @__PURE__ */ jsx("circle", { cx: "17.5", cy: "17.5", r: "2.5" })
+  ] }),
+  scale: (p) => /* @__PURE__ */ jsx("svg", { ...s(p), children: /* @__PURE__ */ jsx("path", { d: "M12 3v18M7 21h10M5 7l14-2M5 7l-3 7a4 4 0 0 0 6 0L5 7Zm14-2 3 7a4 4 0 0 1-6 0l3-7Z" }) }),
+  toggle: (p) => /* @__PURE__ */ jsxs("svg", { ...s(p), children: [
+    /* @__PURE__ */ jsx("rect", { x: "2", y: "7", width: "20", height: "10", rx: "5" }),
+    /* @__PURE__ */ jsx("circle", { cx: "8", cy: "12", r: "2.5" })
+  ] }),
+  truck: (p) => /* @__PURE__ */ jsxs("svg", { ...s(p), children: [
+    /* @__PURE__ */ jsx("path", { d: "M14 18V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v11a1 1 0 0 0 1 1h2" }),
+    /* @__PURE__ */ jsx("path", { d: "M15 18H9" }),
+    /* @__PURE__ */ jsx("path", { d: "M19 18h2a1 1 0 0 0 1-1v-3.65a1 1 0 0 0-.22-.624l-3.48-4.35A1 1 0 0 0 17.52 8H14" }),
+    /* @__PURE__ */ jsx("circle", { cx: "17", cy: "18", r: "2" }),
+    /* @__PURE__ */ jsx("circle", { cx: "7", cy: "18", r: "2" })
+  ] }),
+  boxes: (p) => /* @__PURE__ */ jsxs("svg", { ...s(p), children: [
+    /* @__PURE__ */ jsx("path", { d: "M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z" }),
+    /* @__PURE__ */ jsx("path", { d: "M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12" }),
+    /* @__PURE__ */ jsx("path", { d: "M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17" })
+  ] }),
+  calendar: (p) => /* @__PURE__ */ jsxs("svg", { ...s(p), children: [
+    /* @__PURE__ */ jsx("path", { d: "M8 2v4" }),
+    /* @__PURE__ */ jsx("path", { d: "M16 2v4" }),
+    /* @__PURE__ */ jsx("rect", { x: "3", y: "4", width: "18", height: "18", rx: "2" }),
+    /* @__PURE__ */ jsx("path", { d: "M3 10h18" })
+  ] }),
+  megaphone: (p) => /* @__PURE__ */ jsxs("svg", { ...s(p), children: [
+    /* @__PURE__ */ jsx("path", { d: "m3 11 18-5v12L3 14v-3z" }),
+    /* @__PURE__ */ jsx("path", { d: "M11.6 16.8a3 3 0 1 1-5.8-1.6" })
+  ] }),
+  link: (p) => /* @__PURE__ */ jsxs("svg", { ...s(p), children: [
+    /* @__PURE__ */ jsx("path", { d: "M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71" }),
+    /* @__PURE__ */ jsx("path", { d: "M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71" })
+  ] }),
+  scan: (p) => /* @__PURE__ */ jsxs("svg", { ...s(p), children: [
+    /* @__PURE__ */ jsx("path", { d: "M3 7V5a2 2 0 0 1 2-2h2" }),
+    /* @__PURE__ */ jsx("path", { d: "M17 3h2a2 2 0 0 1 2 2v2" }),
+    /* @__PURE__ */ jsx("path", { d: "M21 17v2a2 2 0 0 1-2 2h-2" }),
+    /* @__PURE__ */ jsx("path", { d: "M7 21H5a2 2 0 0 1-2-2v-2" }),
+    /* @__PURE__ */ jsx("path", { d: "M7 12h10" })
+  ] }),
+  pin: (p) => /* @__PURE__ */ jsxs("svg", { ...s(p), children: [
+    /* @__PURE__ */ jsx("path", { d: "M12 21s7-6 7-11a7 7 0 0 0-14 0c0 5 7 11 7 11Z" }),
+    /* @__PURE__ */ jsx("circle", { cx: "12", cy: "10", r: "2.5" })
+  ] }),
+  updown: (p) => /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: 2,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      ...p,
+      children: [
+        /* @__PURE__ */ jsx("path", { d: "m7 15 5 5 5-5" }),
+        /* @__PURE__ */ jsx("path", { d: "m7 9 5-5 5 5" })
+      ]
+    }
+  ),
+  collapse: (p) => /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 20 20", fill: "none", ...p, children: [
+    /* @__PURE__ */ jsx(
+      "rect",
+      {
+        x: "7",
+        y: "6.5",
+        width: "7",
+        height: "1.5",
+        rx: "0.75",
+        transform: "rotate(90 7 6.5)",
+        fill: "currentColor"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "rect",
+      {
+        x: "3",
+        y: "4",
+        width: "14",
+        height: "12",
+        rx: "2.8",
+        stroke: "currentColor",
+        strokeWidth: 1.5
+      }
+    )
+  ] })
+};
+const NAV_ICON = {
+  // work surfaces — each distinct so co-visible rows never collide
+  catalog: "box",
+  orders: "cart",
+  shipping: "truck",
+  calendar: "calendar",
+  "calendar-sync": "clock",
+  resources: "boxes",
+  attendees: "users",
+  "check-in": "scan",
+  locations: "pin",
+  collections: "folder",
+  discounts: "percent",
+  blog: "book",
+  // spine
+  customers: "users",
+  payments: "transfer",
+  finance: "transfer",
+  invoices: "receipt",
+  insights: "chart",
+  marketing: "megaphone",
+  loyalty: "gift",
+  reviews: "star",
+  website: "globe",
+  editor: "edit",
+  templates: "templates",
+  domains: "link",
+  // settings
+  settings: "settings",
+  "business-profile": "bank",
+  workspaces: "users",
+  features: "toggle",
+  notifications: "bell",
+  email: "mail",
+  "shipping-settings": "truck",
+  "business-locations": "pin",
+  billing: "card",
+  taxes: "percent",
+  policies: "scale"
+};
+const swap = (Icon) => {
+  const Swapped = (p) => /* @__PURE__ */ jsx(Icon, { strokeWidth: 1.5, ...p });
+  return Swapped;
+};
+const SWAPPED_ICON = {
+  catalog: swap(Shapes),
+  inventory: swap(Shapes),
+  "product-inventory": swap(Shapes),
+  payments: swap(Banknote),
+  finance: swap(Banknote),
+  customers: swap(UserRound),
+  marketing: swap(Target),
+  insights: swap(ChartLine),
+  analytics: swap(ChartLine),
+  website: swap(PanelsTopLeft)
+};
+function navIcon(id) {
+  const swapped = SWAPPED_ICON[id];
+  if (swapped) return swapped;
+  const key = NAV_ICON[id];
+  return key ? ShellIcon[key] : null;
+}
+export {
+  ShellIcon,
+  navIcon
+};
+//# sourceMappingURL=icons.js.map

package/dist/shell/icons.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/shell/icons.tsx"],"sourcesContent":["import type { SVGProps } from 'react';\nimport {\n  ChartLine,\n  Banknote,\n  PanelsTopLeft,\n  Shapes,\n  Target,\n  UserRound,\n  type LucideIcon,\n} from 'lucide-react';\n\n/*\n * Shell icons — ported from potter-console (src/components/Icon.tsx). These are\n * the hand-tuned Box product icons that give the console its look. The shell\n * renders these; the rest of the dashboard stays on Lucide. `navIcon(id)` maps a\n * sidebar item id to one of these, and the sidebar falls back to the item's\n * Lucide icon for anything unmapped.\n */\n\ntype P = SVGProps<SVGSVGElement>;\n/**\n * Icon-system standard: every glyph is drawn on a 24×24 grid, stroke width 2,\n * round caps/joins, pure outline (no fills, no filled dots) — i.e. pixel-matched\n * to lucide-react so a custom glyph and a Lucide glyph are indistinguishable in\n * the same row. `s()` is the single base for all of them.\n *\n * Rendered size scale (apply via width/height on the <svg>): 14 (dense cells),\n * 16 (default / sub-nav), 18 (sidebar nav), 24 (empty states / callouts).\n */\nconst s = (props: P) => ({\n  viewBox: '0 0 24 24',\n  fill: 'none',\n  stroke: 'currentColor',\n  strokeWidth: 2,\n  strokeLinecap: 'round' as const,\n  strokeLinejoin: 'round' as const,\n  ...props,\n});\n\nexport const ShellIcon = {\n  home: (p: P) => (\n    <svg {...s(p)}>\n      <path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\" />\n      <path d=\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\" />\n    </svg>\n  ),\n  cart: (p: P) => (\n    <svg {...s(p)}>\n      <circle cx=\"8\" cy=\"21\" r=\"1\" />\n      <circle cx=\"19\" cy=\"21\" r=\"1\" />\n      <path d=\"M2.05 2.05h2l2.66 12.42a2 2 0 0 0 2 1.58h9.78a2 2 0 0 0 1.95-1.57l1.65-7.43H5.12\" />\n    </svg>\n  ),\n  box: (p: P) => (\n    <svg {...s(p)}>\n      <path d=\"M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z\" />\n      <path d=\"m3.3 7 8.7 5 8.7-5M12 22V12\" />\n    </svg>\n  ),\n  users: (p: P) => (\n    <svg {...s(p)}>\n      <path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\" />\n      <circle cx=\"9\" cy=\"7\" r=\"4\" />\n      <path d=\"M22 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75\" />\n    </svg>\n  ),\n  wallet: (p: P) => (\n    <svg {...s(p)}>\n      <path d=\"M19 7V4a1 1 0 0 0-1-1H5a2 2 0 0 0 0 4h15a1 1 0 0 1 1 1v4h-3a2 2 0 0 0 0 4h3a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1\" />\n      <path d=\"M3 5v14a2 2 0 0 0 2 2h15a1 1 0 0 0 1-1v-4\" />\n    </svg>\n  ),\n  // Payments — two opposing arrows (money in / out). Leans into Box's\n  // transfer-native identity rather than a generic wallet.\n  transfer: (p: P) => (\n    <svg {...s(p)}>\n      <path d=\"M3 9h13\" />\n      <path d=\"M13.5 5.5 17 9l-3.5 3.5\" />\n      <path d=\"M21 15H8\" />\n      <path d=\"M10.5 11.5 7 15l3.5 3.5\" />\n    </svg>\n  ),\n  globe: (p: P) => (\n    <svg {...s(p)}>\n      <circle cx=\"12\" cy=\"12\" r=\"9\" />\n      <path d=\"M3 12h18M12 3c2.5 2.5 3.5 6 3.5 9s-1 6.5-3.5 9c-2.5-2.5-3.5-6-3.5-9S9.5 5.5 12 3Z\" />\n    </svg>\n  ),\n  spark: (p: P) => (\n    <svg {...s(p)}>\n      <path d=\"M12 3v4M12 17v4M3 12h4M17 12h4M5.6 5.6l2.8 2.8M15.6 15.6l2.8 2.8M18.4 5.6l-2.8 2.8M8.4 15.6l-2.8 2.8\" />\n    </svg>\n  ),\n  chart: (p: P) => (\n    <svg {...s(p)}>\n      <path d=\"M3 3v16a2 2 0 0 0 2 2h16\" />\n      {/* A trend with a marked endpoint, not three bars. Analytics here is\n          \"measure and point\" — direction is the subject, so the glyph shows\n          movement toward a value rather than a generic chart shape. */}\n      <path d=\"M7 15.5 11 11l3 2.5 4.5-6\" />\n      <circle cx=\"18.5\" cy=\"7.5\" r=\"1.6\" />\n    </svg>\n  ),\n  heart: (p: P) => (\n    <svg {...s(p)}>\n      <path d=\"M12 21s-7-4.5-9.5-9C1 9 2.5 5.5 6 5.5c2 0 3.2 1.2 4 2.3.8-1.1 2-2.3 4-2.3 3.5 0 5 3.5 3.5 6.5C19 16.5 12 21 12 21Z\" />\n    </svg>\n  ),\n  star: (p: P) => (\n    <svg {...s(p)}>\n      <path d=\"m12 2.5 2.9 5.9 6.5.95-4.7 4.58 1.1 6.47L12 17.9l-5.8 3.05 1.1-6.47-4.7-4.58 6.5-.95L12 2.5Z\" />\n    </svg>\n  ),\n  gift: (p: P) => (\n    <svg {...s(p)}>\n      <rect x=\"3\" y=\"8\" width=\"18\" height=\"4\" rx=\"1\" />\n      <path d=\"M12 8v13M4 12v7a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-7\" />\n      <path d=\"M7.5 8a2.5 2.5 0 0 1 0-5C11 3 12 8 12 8s1-5 4.5-5a2.5 2.5 0 0 1 0 5\" />\n    </svg>\n  ),\n  receipt: (p: P) => (\n    <svg {...s(p)}>\n      <path d=\"M4 2v20l2-1 2 1 2-1 2 1 2-1 2 1 2-1 2 1V2l-2 1-2-1-2 1-2-1-2 1-2-1-2 1Z\" />\n      <path d=\"M8 7h8M8 11h8M8 15h5\" />\n    </svg>\n  ),\n  mail: (p: P) => (\n    <svg {...s(p)}>\n      <rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\" />\n      <path d=\"m3 7 9 6 9-6\" />\n    </svg>\n  ),\n  bell: (p: P) => (\n    <svg {...s(p)}>\n      <path d=\"M10.268 21a2 2 0 0 0 3.464 0\" />\n      <path d=\"M3.262 15.326A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673C19.41 13.956 18 12.499 18 8A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326\" />\n    </svg>\n  ),\n  ask: (p: P) => (\n    <svg {...s(p)}>\n      <path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\" />\n    </svg>\n  ),\n  chat: (p: P) => (\n    <svg {...s(p)}>\n      <path d=\"M21 11.5a8.38 8.38 0 0 1-8.5 8.5 8.5 8.5 0 0 1-3.9-.9L3 21l1.9-5.6A8.5 8.5 0 0 1 12.5 3 8.38 8.38 0 0 1 21 11.5Z\" />\n    </svg>\n  ),\n  book: (p: P) => (\n    <svg {...s(p)}>\n      <path d=\"M4 5a2 2 0 0 1 2-2h11v16H6a2 2 0 0 0-2 2V5Z\" />\n      <path d=\"M17 3v16\" />\n    </svg>\n  ),\n  card: (p: P) => (\n    <svg {...s(p)}>\n      <rect width=\"20\" height=\"14\" x=\"2\" y=\"5\" rx=\"2\" />\n      <path d=\"M2 10h20\" />\n    </svg>\n  ),\n  bank: (p: P) => (\n    <svg {...s(p)}>\n      <path d=\"m3 9 9-6 9 6M4 10v9M20 10v9M8 10v9M16 10v9M12 10v9M2 21h20\" />\n    </svg>\n  ),\n  grid: (p: P) => (\n    <svg {...s(p)}>\n      <rect x=\"4\" y=\"4\" width=\"7\" height=\"7\" rx=\"1.5\" />\n      <rect x=\"13\" y=\"4\" width=\"7\" height=\"7\" rx=\"1.5\" />\n      <rect x=\"4\" y=\"13\" width=\"7\" height=\"7\" rx=\"1.5\" />\n      <rect x=\"13\" y=\"13\" width=\"7\" height=\"7\" rx=\"1.5\" />\n    </svg>\n  ),\n  clock: (p: P) => (\n    <svg {...s(p)}>\n      <circle cx=\"12\" cy=\"12\" r=\"9\" />\n      <path d=\"M12 7v5l3 2\" />\n    </svg>\n  ),\n  check: (p: P) => (\n    <svg {...s({ strokeWidth: 2, ...p })}>\n      <path d=\"M20 6 9 17l-5-5\" />\n    </svg>\n  ),\n  edit: (p: P) => (\n    <svg {...s(p)}>\n      <path d=\"M12 20h9\" />\n      <path d=\"M16.5 3.5a2.12 2.12 0 0 1 3 3L7 19l-4 1 1-4Z\" />\n    </svg>\n  ),\n  folder: (p: P) => (\n    <svg {...s(p)}>\n      <path d=\"M3 7a2 2 0 0 1 2-2h4l2 2h6a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V7Z\" />\n    </svg>\n  ),\n  templates: (p: P) => (\n    <svg {...s(p)}>\n      <path d=\"M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .962 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.962 0z\" />\n      <path d=\"M20 3v4\" />\n      <path d=\"M22 5h-4\" />\n    </svg>\n  ),\n  whistle: (p: P) => (\n    <svg {...s(p)}>\n      <path d=\"M14 8h6a1 1 0 0 1 1 1v2a5 5 0 0 1-5 5h-1a5 5 0 0 1-5-5H4a2 2 0 0 1-2-2 2 2 0 0 1 2-2h10Z\" />\n      <circle cx=\"15\" cy=\"11\" r=\"1.2\" fill=\"currentColor\" stroke=\"none\" />\n      <path d=\"M9 6.5 11 8\" />\n    </svg>\n  ),\n  settings: (p: P) => (\n    <svg {...s(p)}>\n      <circle cx=\"12\" cy=\"12\" r=\"3\" />\n      <path d=\"M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 1 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 1 1-2.83-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 1 1 2.83-2.83l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 1 1 2.83 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1Z\" />\n    </svg>\n  ),\n  percent: (p: P) => (\n    <svg {...s(p)}>\n      <path d=\"M19 5 5 19\" />\n      <circle cx=\"6.5\" cy=\"6.5\" r=\"2.5\" />\n      <circle cx=\"17.5\" cy=\"17.5\" r=\"2.5\" />\n    </svg>\n  ),\n  scale: (p: P) => (\n    <svg {...s(p)}>\n      <path d=\"M12 3v18M7 21h10M5 7l14-2M5 7l-3 7a4 4 0 0 0 6 0L5 7Zm14-2 3 7a4 4 0 0 1-6 0l3-7Z\" />\n    </svg>\n  ),\n  toggle: (p: P) => (\n    <svg {...s(p)}>\n      <rect x=\"2\" y=\"7\" width=\"20\" height=\"10\" rx=\"5\" />\n      <circle cx=\"8\" cy=\"12\" r=\"2.5\" />\n    </svg>\n  ),\n  truck: (p: P) => (\n    <svg {...s(p)}>\n      <path d=\"M14 18V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v11a1 1 0 0 0 1 1h2\" />\n      <path d=\"M15 18H9\" />\n      <path d=\"M19 18h2a1 1 0 0 0 1-1v-3.65a1 1 0 0 0-.22-.624l-3.48-4.35A1 1 0 0 0 17.52 8H14\" />\n      <circle cx=\"17\" cy=\"18\" r=\"2\" />\n      <circle cx=\"7\" cy=\"18\" r=\"2\" />\n    </svg>\n  ),\n  boxes: (p: P) => (\n    <svg {...s(p)}>\n      <path d=\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\" />\n      <path d=\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\" />\n      <path d=\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\" />\n    </svg>\n  ),\n  calendar: (p: P) => (\n    <svg {...s(p)}>\n      <path d=\"M8 2v4\" />\n      <path d=\"M16 2v4\" />\n      <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" />\n      <path d=\"M3 10h18\" />\n    </svg>\n  ),\n  megaphone: (p: P) => (\n    <svg {...s(p)}>\n      <path d=\"m3 11 18-5v12L3 14v-3z\" />\n      <path d=\"M11.6 16.8a3 3 0 1 1-5.8-1.6\" />\n    </svg>\n  ),\n  link: (p: P) => (\n    <svg {...s(p)}>\n      <path d=\"M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71\" />\n      <path d=\"M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71\" />\n    </svg>\n  ),\n  scan: (p: P) => (\n    <svg {...s(p)}>\n      <path d=\"M3 7V5a2 2 0 0 1 2-2h2\" />\n      <path d=\"M17 3h2a2 2 0 0 1 2 2v2\" />\n      <path d=\"M21 17v2a2 2 0 0 1-2 2h-2\" />\n      <path d=\"M7 21H5a2 2 0 0 1-2-2v-2\" />\n      <path d=\"M7 12h10\" />\n    </svg>\n  ),\n  pin: (p: P) => (\n    <svg {...s(p)}>\n      <path d=\"M12 21s7-6 7-11a7 7 0 0 0-14 0c0 5 7 11 7 11Z\" />\n      <circle cx=\"12\" cy=\"10\" r=\"2.5\" />\n    </svg>\n  ),\n  updown: (p: P) => (\n    <svg\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth={2}\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      {...p}\n    >\n      <path d=\"m7 15 5 5 5-5\" />\n      <path d=\"m7 9 5-5 5 5\" />\n    </svg>\n  ),\n  collapse: (p: P) => (\n    <svg viewBox=\"0 0 20 20\" fill=\"none\" {...p}>\n      <rect\n        x=\"7\"\n        y=\"6.5\"\n        width=\"7\"\n        height=\"1.5\"\n        rx=\"0.75\"\n        transform=\"rotate(90 7 6.5)\"\n        fill=\"currentColor\"\n      />\n      <rect\n        x=\"3\"\n        y=\"4\"\n        width=\"14\"\n        height=\"12\"\n        rx=\"2.8\"\n        stroke=\"currentColor\"\n        strokeWidth={1.5}\n      />\n    </svg>\n  ),\n};\n\nexport type ShellIconName = keyof typeof ShellIcon;\nexport type ShellIconComponent = (\n  p: SVGProps<SVGSVGElement>,\n) => React.JSX.Element;\n\n/**\n * Sidebar item id → custom glyph. This is the single source of truth for every\n * FIXED nav id; the Lucide `icon` on each NavItem is a genuine fallback for\n * *unmapped* dynamic ids only (content modules, less-common intent surfaces),\n * not dead code. Every id that can be co-visible in one list gets a DISTINCT\n * glyph — no two rows share a mark.\n */\nconst NAV_ICON: Record<string, ShellIconName> = {\n  // work surfaces — each distinct so co-visible rows never collide\n  catalog: 'box',\n  orders: 'cart',\n  shipping: 'truck',\n  calendar: 'calendar',\n  'calendar-sync': 'clock',\n  resources: 'boxes',\n  attendees: 'users',\n  'check-in': 'scan',\n  locations: 'pin',\n  collections: 'folder',\n  discounts: 'percent',\n  blog: 'book',\n  // spine\n  customers: 'users',\n  payments: 'transfer',\n  finance: 'transfer',\n  invoices: 'receipt',\n  insights: 'chart',\n  marketing: 'megaphone',\n  loyalty: 'gift',\n  reviews: 'star',\n  website: 'globe',\n  editor: 'edit',\n  templates: 'templates',\n  domains: 'link',\n  // settings\n  settings: 'settings',\n  'business-profile': 'bank',\n  workspaces: 'users',\n  features: 'toggle',\n  notifications: 'bell',\n  email: 'mail',\n  'shipping-settings': 'truck',\n  'business-locations': 'pin',\n  billing: 'card',\n  taxes: 'percent',\n  policies: 'scale',\n};\n\n/**\n * The six top-level rows John asked to have new marks (2026-10-11): Products,\n * Money, Customers, Marketing, Analytics, Website. Lucide at the console's\n * 1.5 stroke, so they sit with the hand-tuned glyphs around them.\n */\nconst swap = (Icon: LucideIcon): ShellIconComponent => {\n  const Swapped: ShellIconComponent = (p) => <Icon strokeWidth={1.5} {...p} />;\n  return Swapped;\n};\nconst SWAPPED_ICON: Record<string, ShellIconComponent> = {\n  catalog: swap(Shapes),\n  inventory: swap(Shapes),\n  'product-inventory': swap(Shapes),\n  payments: swap(Banknote),\n  finance: swap(Banknote),\n  customers: swap(UserRound),\n  marketing: swap(Target),\n  insights: swap(ChartLine),\n  analytics: swap(ChartLine),\n  website: swap(PanelsTopLeft),\n};\n\n/** Return the console icon component for a nav id, or null to fall back. */\nexport function navIcon(id: string): ShellIconComponent | null {\n  const swapped = SWAPPED_ICON[id];\n  if (swapped) return swapped;\n  const key = NAV_ICON[id];\n  return key ? (ShellIcon[key] as ShellIconComponent) : null;\n}\n\n// keep the type import referenced for consumers that map Lucide → console\nexport type { LucideIcon };\n"],"mappings":"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","names":[]}

package/dist/shell/keyboard-shortcuts-dialog.d.ts

@@ -0,0 +1,4 @@
+export declare function KeyboardShortcutsDialog({ open, onClose, }: {
+    open: boolean;
+    onClose: () => void;
+}): import("react").JSX.Element;

package/dist/shell/keyboard-shortcuts-dialog.js

@@ -0,0 +1,46 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import {
+  Dialog,
+  DialogContent,
+  DialogHeader,
+  DialogTitle
+} from "@withpotter/ui-kit/dialog";
+const SHORTCUTS = [
+  // `sidebar-ask.tsx`
+  { keys: ["\u2318", "K"], label: "Search" },
+  // `dashboard/layout.tsx`
+  { keys: ["\u2318", "\\"], label: "Collapse or expand the sidebar" },
+  // Radix dialogs and the menus in `shell/`
+  { keys: ["Esc"], label: "Close a window or menu" }
+];
+function KeyboardShortcutsDialog({
+  open,
+  onClose
+}) {
+  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange: (next) => !next && onClose(), children: /* @__PURE__ */ jsxs(DialogContent, { className: "max-w-sm", children: [
+    /* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsx(DialogTitle, { children: "Keyboard shortcuts" }) }),
+    /* @__PURE__ */ jsx("ul", { className: "divide-y divide-[var(--border-subtle)]", children: SHORTCUTS.map((s) => /* @__PURE__ */ jsxs(
+      "li",
+      {
+        className: "flex items-center justify-between gap-4 py-3 text-sm text-[var(--text-secondary)]",
+        children: [
+          /* @__PURE__ */ jsx("span", { children: s.label }),
+          /* @__PURE__ */ jsx("span", { className: "flex items-center gap-1", children: s.keys.map((k) => /* @__PURE__ */ jsx(
+            "kbd",
+            {
+              className: "grid min-w-6 place-items-center rounded-md border border-[var(--border-subtle)] bg-[var(--bg-muted)] px-2 py-1 text-xs font-medium text-[var(--text-primary)]",
+              children: k
+            },
+            k
+          )) })
+        ]
+      },
+      s.label
+    )) })
+  ] }) });
+}
+export {
+  KeyboardShortcutsDialog
+};
+//# sourceMappingURL=keyboard-shortcuts-dialog.js.map

package/dist/shell/keyboard-shortcuts-dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/shell/keyboard-shortcuts-dialog.tsx"],"sourcesContent":["'use client';\n\nimport {\n  Dialog,\n  DialogContent,\n  DialogHeader,\n  DialogTitle,\n} from '@withpotter/ui-kit/dialog';\n\n/**\n * The shortcuts the app really has, and no others. Add a row here in the same\n * change that adds a shortcut, or this list is a promise the keyboard does not\n * keep. Each is bound where it is listed in the comment beside it.\n */\nconst SHORTCUTS: { keys: string[]; label: string }[] = [\n  // `sidebar-ask.tsx`\n  { keys: ['⌘', 'K'], label: 'Search' },\n  // `dashboard/layout.tsx`\n  { keys: ['⌘', '\\\\'], label: 'Collapse or expand the sidebar' },\n  // Radix dialogs and the menus in `shell/`\n  { keys: ['Esc'], label: 'Close a window or menu' },\n];\n\nexport function KeyboardShortcutsDialog({\n  open,\n  onClose,\n}: {\n  open: boolean;\n  onClose: () => void;\n}) {\n  return (\n    <Dialog open={open} onOpenChange={(next) => !next && onClose()}>\n      <DialogContent className=\"max-w-sm\">\n        <DialogHeader>\n          <DialogTitle>Keyboard shortcuts</DialogTitle>\n        </DialogHeader>\n        <ul className=\"divide-y divide-[var(--border-subtle)]\">\n          {SHORTCUTS.map((s) => (\n            <li\n              key={s.label}\n              className=\"flex items-center justify-between gap-4 py-3 text-sm text-[var(--text-secondary)]\"\n            >\n              <span>{s.label}</span>\n              <span className=\"flex items-center gap-1\">\n                {s.keys.map((k) => (\n                  <kbd\n                    key={k}\n                    className=\"grid min-w-6 place-items-center rounded-md border border-[var(--border-subtle)] bg-[var(--bg-muted)] px-2 py-1 text-xs font-medium text-[var(--text-primary)]\"\n                  >\n                    {k}\n                  </kbd>\n                ))}\n              </span>\n            </li>\n          ))}\n        </ul>\n      </DialogContent>\n    </Dialog>\n  );\n}\n"],"mappings":";AAkCU,cAIE,YAJF;AAhCV;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAOP,MAAM,YAAiD;AAAA;AAAA,EAErD,EAAE,MAAM,CAAC,UAAK,GAAG,GAAG,OAAO,SAAS;AAAA;AAAA,EAEpC,EAAE,MAAM,CAAC,UAAK,IAAI,GAAG,OAAO,iCAAiC;AAAA;AAAA,EAE7D,EAAE,MAAM,CAAC,KAAK,GAAG,OAAO,yBAAyB;AACnD;AAEO,SAAS,wBAAwB;AAAA,EACtC;AAAA,EACA;AACF,GAGG;AACD,SACE,oBAAC,UAAO,MAAY,cAAc,CAAC,SAAS,CAAC,QAAQ,QAAQ,GAC3D,+BAAC,iBAAc,WAAU,YACvB;AAAA,wBAAC,gBACC,8BAAC,eAAY,gCAAkB,GACjC;AAAA,IACA,oBAAC,QAAG,WAAU,0CACX,oBAAU,IAAI,CAAC,MACd;AAAA,MAAC;AAAA;AAAA,QAEC,WAAU;AAAA,QAEV;AAAA,8BAAC,UAAM,YAAE,OAAM;AAAA,UACf,oBAAC,UAAK,WAAU,2BACb,YAAE,KAAK,IAAI,CAAC,MACX;AAAA,YAAC;AAAA;AAAA,cAEC,WAAU;AAAA,cAET;AAAA;AAAA,YAHI;AAAA,UAIP,CACD,GACH;AAAA;AAAA;AAAA,MAbK,EAAE;AAAA,IAcT,CACD,GACH;AAAA,KACF,GACF;AAEJ;","names":[]}

package/dist/shell/moved-settings.d.ts

@@ -0,0 +1,2 @@
+/** Where a moved settings address now lives, or null if it has not moved. */
+export declare function movedSettingsTarget(pathname: string, search?: string): string | null;

package/dist/shell/moved-settings.js

@@ -0,0 +1,29 @@
+const CHECKOUT_PAGE = "/dashboard/business/checkout";
+const SHIPPING_PAGE = "/dashboard/business/shipping";
+const LOCATIONS_PAGE = "/dashboard/operations/locations";
+const TAB_FOR = {
+  "/dashboard/settings/checkout": null,
+  "/dashboard/settings/taxes": "taxes",
+  "/dashboard/settings/receipts": "receipts",
+  // Documents became part of Receipts.
+  "/dashboard/settings/documents": "receipts"
+};
+function movedSettingsTarget(pathname, search = "") {
+  const path = pathname.replace(/\/+$/, "");
+  if (path === "/dashboard/settings/shipping") return SHIPPING_PAGE;
+  if (path === "/dashboard/settings/stock") return LOCATIONS_PAGE;
+  if (path === "/dashboard/settings/locations" || path === "/dashboard/settings/hours") {
+    return new URLSearchParams(search).get("tab") === "delivery" ? SHIPPING_PAGE : LOCATIONS_PAGE;
+  }
+  if (path.startsWith("/dashboard/settings/locations/")) {
+    return path.replace("/dashboard/settings/locations", LOCATIONS_PAGE);
+  }
+  if (!(path in TAB_FOR)) return null;
+  const tab = TAB_FOR[path] ?? new URLSearchParams(search).get("tab")?.trim() ?? null;
+  const resolved = tab === "documents" ? "receipts" : tab;
+  return resolved && resolved !== "checkout" ? `${CHECKOUT_PAGE}?tab=${encodeURIComponent(resolved)}` : CHECKOUT_PAGE;
+}
+export {
+  movedSettingsTarget
+};
+//# sourceMappingURL=moved-settings.js.map

package/dist/shell/moved-settings.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/shell/moved-settings.ts"],"sourcesContent":["/**\n * Settings addresses that are no longer settings.\n *\n * Checkout, Taxes, Receipts and Documents are one page under Website now\n * (`/dashboard/business/checkout`). Their old addresses still have to land\n * somewhere — bookmarks, old emails, links in other apps — but anything under\n * `/dashboard/settings` is drawn in the settings window, so the old address\n * opened the window with the new page inside it. Routing them before the window\n * is considered sends the visitor to the page itself.\n *\n * The pages at those addresses redirect too, but they never get the chance on a\n * desktop screen: the page guard holds back every settings page there.\n */\nconst CHECKOUT_PAGE = '/dashboard/business/checkout';\nconst SHIPPING_PAGE = '/dashboard/business/shipping';\nconst LOCATIONS_PAGE = '/dashboard/operations/locations';\n\nconst TAB_FOR: Record<string, string | null> = {\n  '/dashboard/settings/checkout': null,\n  '/dashboard/settings/taxes': 'taxes',\n  '/dashboard/settings/receipts': 'receipts',\n  // Documents became part of Receipts.\n  '/dashboard/settings/documents': 'receipts',\n};\n\n/** Where a moved settings address now lives, or null if it has not moved. */\nexport function movedSettingsTarget(\n  pathname: string,\n  search = '',\n): string | null {\n  const path = pathname.replace(/\\/+$/, '');\n  if (path === '/dashboard/settings/shipping') return SHIPPING_PAGE;\n  if (path === '/dashboard/settings/stock') return LOCATIONS_PAGE;\n  if (\n    path === '/dashboard/settings/locations' ||\n    path === '/dashboard/settings/hours'\n  ) {\n    // Delivery was a tab here once; an old link to it follows it to its page.\n    return new URLSearchParams(search).get('tab') === 'delivery'\n      ? SHIPPING_PAGE\n      : LOCATIONS_PAGE;\n  }\n  if (path.startsWith('/dashboard/settings/locations/')) {\n    return path.replace('/dashboard/settings/locations', LOCATIONS_PAGE);\n  }\n  if (!(path in TAB_FOR)) return null;\n\n  const tab =\n    TAB_FOR[path] ?? new URLSearchParams(search).get('tab')?.trim() ?? null;\n  // The old Documents tab folded into Receipts.\n  const resolved = tab === 'documents' ? 'receipts' : tab;\n  return resolved && resolved !== 'checkout'\n    ? `${CHECKOUT_PAGE}?tab=${encodeURIComponent(resolved)}`\n    : CHECKOUT_PAGE;\n}\n"],"mappings":"AAaA,MAAM,gBAAgB;AACtB,MAAM,gBAAgB;AACtB,MAAM,iBAAiB;AAEvB,MAAM,UAAyC;AAAA,EAC7C,gCAAgC;AAAA,EAChC,6BAA6B;AAAA,EAC7B,gCAAgC;AAAA;AAAA,EAEhC,iCAAiC;AACnC;AAGO,SAAS,oBACd,UACA,SAAS,IACM;AACf,QAAM,OAAO,SAAS,QAAQ,QAAQ,EAAE;AACxC,MAAI,SAAS,+BAAgC,QAAO;AACpD,MAAI,SAAS,4BAA6B,QAAO;AACjD,MACE,SAAS,mCACT,SAAS,6BACT;AAEA,WAAO,IAAI,gBAAgB,MAAM,EAAE,IAAI,KAAK,MAAM,aAC9C,gBACA;AAAA,EACN;AACA,MAAI,KAAK,WAAW,gCAAgC,GAAG;AACrD,WAAO,KAAK,QAAQ,iCAAiC,cAAc;AAAA,EACrE;AACA,MAAI,EAAE,QAAQ,SAAU,QAAO;AAE/B,QAAM,MACJ,QAAQ,IAAI,KAAK,IAAI,gBAAgB,MAAM,EAAE,IAAI,KAAK,GAAG,KAAK,KAAK;AAErE,QAAM,WAAW,QAAQ,cAAc,aAAa;AACpD,SAAO,YAAY,aAAa,aAC5B,GAAG,aAAa,QAAQ,mBAAmB,QAAQ,CAAC,KACpD;AACN;","names":[]}

package/dist/shell/notification-kinds.d.ts

@@ -0,0 +1,12 @@
+import { type LucideIcon } from 'lucide-react';
+/** The colour of the dot on a notification's tile: what kind of news it is. */
+export type NotificationTone = 'good' | 'warning' | 'info' | 'neutral';
+export interface NotificationKind {
+    Icon: LucideIcon;
+    /** The context line under the title, before the time. */
+    label: string;
+    tone: NotificationTone;
+}
+/** How a notification of this type is drawn. A type nobody has styled is still a bell. */
+export declare function notificationKind(type: string): NotificationKind;
+export declare const TONE_DOT: Record<NotificationTone, string>;