@sovereignfs/ui 0.33.0 → 0.37.0

package/dist/index.js

@@ -667,6 +667,498 @@ function EllipsisVerticalIcon(props) {
   );
 }
 
+// src/components/Icon/icons/banana.tsx
+import { jsx as jsx31, jsxs as jsxs24 } from "react/jsx-runtime";
+function BananaIcon(props) {
+  return /* @__PURE__ */ jsxs24(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx31("path", { d: "M4 13c3.5-2 8-2 10 2a5.5 5.5 0 0 1 8 5" }),
+        /* @__PURE__ */ jsx31("path", { d: "M5.15 17.89c5.52-1.52 8.65-6.89 7-12C11.55 4 11.5 2 13 2c3.22 0 5 5.5 5 8 0 6.5-4.2 12-10.49 12C5.11 22 2 22 2 20c0-1.5 1.14-1.55 3.15-2.11Z" })
+      ]
+    }
+  );
+}
+
+// src/components/Icon/icons/apple.tsx
+import { jsx as jsx32, jsxs as jsxs25 } from "react/jsx-runtime";
+function AppleIcon(props) {
+  return /* @__PURE__ */ jsxs25(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx32("path", { d: "M12 6.528V3a1 1 0 0 1 1-1h0" }),
+        /* @__PURE__ */ jsx32("path", { d: "M18.237 21A15 15 0 0 0 22 11a6 6 0 0 0-10-4.472A6 6 0 0 0 2 11a15.1 15.1 0 0 0 3.763 10 3 3 0 0 0 3.648.648 5.5 5.5 0 0 1 5.178 0A3 3 0 0 0 18.237 21" })
+      ]
+    }
+  );
+}
+
+// src/components/Icon/icons/carrot.tsx
+import { jsx as jsx33, jsxs as jsxs26 } from "react/jsx-runtime";
+function CarrotIcon(props) {
+  return /* @__PURE__ */ jsxs26(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx33("path", { d: "M2.27 21.7s9.87-3.5 12.73-6.36a4.5 4.5 0 0 0-6.36-6.37C5.77 11.84 2.27 21.7 2.27 21.7zM8.64 14l-2.05-2.04M15.34 15l-2.46-2.46" }),
+        /* @__PURE__ */ jsx33("path", { d: "M22 9s-1.33-2-3.5-2C16.86 7 15 9 15 9s1.33 2 3.5 2S22 9 22 9z" }),
+        /* @__PURE__ */ jsx33("path", { d: "M15 2s-2 1.33-2 3.5S15 9 15 9s2-1.84 2-3.5C17 3.33 15 2 15 2z" })
+      ]
+    }
+  );
+}
+
+// src/components/Icon/icons/egg.tsx
+import { jsx as jsx34 } from "react/jsx-runtime";
+function EggIcon(props) {
+  return /* @__PURE__ */ jsx34(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      ...props,
+      children: /* @__PURE__ */ jsx34("path", { d: "M12 2C8 2 4 8 4 14a8 8 0 0 0 16 0c0-6-4-12-8-12" })
+    }
+  );
+}
+
+// src/components/Icon/icons/beef.tsx
+import { jsx as jsx35, jsxs as jsxs27 } from "react/jsx-runtime";
+function BeefIcon(props) {
+  return /* @__PURE__ */ jsxs27(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx35("path", { d: "M16.4 13.7A6.5 6.5 0 1 0 6.28 6.6c-1.1 3.13-.78 3.9-3.18 6.08A3 3 0 0 0 5 18c4 0 8.4-1.8 11.4-4.3" }),
+        /* @__PURE__ */ jsx35("path", { d: "m18.5 6 2.19 4.5a6.48 6.48 0 0 1-2.29 7.2C15.4 20.2 11 22 7 22a3 3 0 0 1-2.68-1.66L2.4 16.5" }),
+        /* @__PURE__ */ jsx35("circle", { cx: "12.5", cy: "8.5", r: "2.5" })
+      ]
+    }
+  );
+}
+
+// src/components/Icon/icons/fish.tsx
+import { jsx as jsx36, jsxs as jsxs28 } from "react/jsx-runtime";
+function FishIcon(props) {
+  return /* @__PURE__ */ jsxs28(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx36("path", { d: "M6.5 12c.94-3.46 4.94-6 8.5-6 3.56 0 6.06 2.54 7 6-.94 3.47-3.44 6-7 6s-7.56-2.53-8.5-6Z" }),
+        /* @__PURE__ */ jsx36("path", { d: "M18 12v.5" }),
+        /* @__PURE__ */ jsx36("path", { d: "M16 17.93a9.77 9.77 0 0 1 0-11.86" }),
+        /* @__PURE__ */ jsx36("path", { d: "M7 10.67C7 8 5.58 5.97 2.73 5.5c-1 1.5-1 5 .23 6.5-1.24 1.5-1.24 5-.23 6.5C5.58 18.03 7 16 7 13.33" }),
+        /* @__PURE__ */ jsx36("path", { d: "M10.46 7.26C10.2 5.88 9.17 4.24 8 3h5.8a2 2 0 0 1 1.98 1.67l.23 1.4" }),
+        /* @__PURE__ */ jsx36("path", { d: "m16.01 17.93-.23 1.4A2 2 0 0 1 13.8 21H9.5a5.96 5.96 0 0 0 1.49-3.98" })
+      ]
+    }
+  );
+}
+
+// src/components/Icon/icons/coffee.tsx
+import { jsx as jsx37, jsxs as jsxs29 } from "react/jsx-runtime";
+function CoffeeIcon(props) {
+  return /* @__PURE__ */ jsxs29(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx37("path", { d: "M10 2v2" }),
+        /* @__PURE__ */ jsx37("path", { d: "M14 2v2" }),
+        /* @__PURE__ */ jsx37("path", { d: "M16 8a1 1 0 0 1 1 1v8a4 4 0 0 1-4 4H7a4 4 0 0 1-4-4V9a1 1 0 0 1 1-1h14a4 4 0 1 1 0 8h-1" }),
+        /* @__PURE__ */ jsx37("path", { d: "M6 2v2" })
+      ]
+    }
+  );
+}
+
+// src/components/Icon/icons/wine.tsx
+import { jsx as jsx38, jsxs as jsxs30 } from "react/jsx-runtime";
+function WineIcon(props) {
+  return /* @__PURE__ */ jsxs30(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx38("path", { d: "M8 22h8" }),
+        /* @__PURE__ */ jsx38("path", { d: "M7 10h10" }),
+        /* @__PURE__ */ jsx38("path", { d: "M12 15v7" }),
+        /* @__PURE__ */ jsx38("path", { d: "M12 15a5 5 0 0 0 5-5c0-2-.5-4-2-8H9c-1.5 4-2 6-2 8a5 5 0 0 0 5 5Z" })
+      ]
+    }
+  );
+}
+
+// src/components/Icon/icons/beer.tsx
+import { jsx as jsx39, jsxs as jsxs31 } from "react/jsx-runtime";
+function BeerIcon(props) {
+  return /* @__PURE__ */ jsxs31(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx39("path", { d: "M17 11h1a3 3 0 0 1 0 6h-1" }),
+        /* @__PURE__ */ jsx39("path", { d: "M9 12v6" }),
+        /* @__PURE__ */ jsx39("path", { d: "M13 12v6" }),
+        /* @__PURE__ */ jsx39("path", { d: "M14 7.5c-1 0-1.44.5-3 .5s-2-.5-3-.5-1.72.5-2.5.5a2.5 2.5 0 0 1 0-5c.78 0 1.57.5 2.5.5S9.44 2 11 2s2 1.5 3 1.5 1.72-.5 2.5-.5a2.5 2.5 0 0 1 0 5c-.78 0-1.5-.5-2.5-.5Z" }),
+        /* @__PURE__ */ jsx39("path", { d: "M5 8v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V8" })
+      ]
+    }
+  );
+}
+
+// src/components/Icon/icons/cookie.tsx
+import { jsx as jsx40, jsxs as jsxs32 } from "react/jsx-runtime";
+function CookieIcon(props) {
+  return /* @__PURE__ */ jsxs32(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx40("path", { d: "M12 2a10 10 0 1 0 10 10 4 4 0 0 1-5-5 4 4 0 0 1-5-5" }),
+        /* @__PURE__ */ jsx40("path", { d: "M8.5 8.5v.01" }),
+        /* @__PURE__ */ jsx40("path", { d: "M16 15.5v.01" }),
+        /* @__PURE__ */ jsx40("path", { d: "M12 12v.01" }),
+        /* @__PURE__ */ jsx40("path", { d: "M11 17v.01" }),
+        /* @__PURE__ */ jsx40("path", { d: "M7 14v.01" })
+      ]
+    }
+  );
+}
+
+// src/components/Icon/icons/pizza.tsx
+import { jsx as jsx41, jsxs as jsxs33 } from "react/jsx-runtime";
+function PizzaIcon(props) {
+  return /* @__PURE__ */ jsxs33(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx41("path", { d: "m12 14-1 1" }),
+        /* @__PURE__ */ jsx41("path", { d: "m13.75 18.25-1.25 1.42" }),
+        /* @__PURE__ */ jsx41("path", { d: "M17.775 5.654a15.68 15.68 0 0 0-12.121 12.12" }),
+        /* @__PURE__ */ jsx41("path", { d: "M18.8 9.3a1 1 0 0 0 2.1 7.7" }),
+        /* @__PURE__ */ jsx41("path", { d: "M21.964 20.732a1 1 0 0 1-1.232 1.232l-18-5a1 1 0 0 1-.695-1.232A19.68 19.68 0 0 1 15.732 2.037a1 1 0 0 1 1.232.695z" })
+      ]
+    }
+  );
+}
+
+// src/components/Icon/icons/candy.tsx
+import { jsx as jsx42, jsxs as jsxs34 } from "react/jsx-runtime";
+function CandyIcon(props) {
+  return /* @__PURE__ */ jsxs34(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx42("path", { d: "M10 7v10.9" }),
+        /* @__PURE__ */ jsx42("path", { d: "M14 6.1V17" }),
+        /* @__PURE__ */ jsx42("path", { d: "M16 7V3a1 1 0 0 1 1.707-.707 2.5 2.5 0 0 0 2.152.717 1 1 0 0 1 1.131 1.131 2.5 2.5 0 0 0 .717 2.152A1 1 0 0 1 21 8h-4" }),
+        /* @__PURE__ */ jsx42("path", { d: "M16.536 7.465a5 5 0 0 0-7.072 0l-2 2a5 5 0 0 0 0 7.07 5 5 0 0 0 7.072 0l2-2a5 5 0 0 0 0-7.07" }),
+        /* @__PURE__ */ jsx42("path", { d: "M8 17v4a1 1 0 0 1-1.707.707 2.5 2.5 0 0 0-2.152-.717 1 1 0 0 1-1.131-1.131 2.5 2.5 0 0 0-.717-2.152A1 1 0 0 1 3 16h4" })
+      ]
+    }
+  );
+}
+
+// src/components/Icon/icons/salad.tsx
+import { jsx as jsx43, jsxs as jsxs35 } from "react/jsx-runtime";
+function SaladIcon(props) {
+  return /* @__PURE__ */ jsxs35(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx43("path", { d: "M7 21h10" }),
+        /* @__PURE__ */ jsx43("path", { d: "M12 21a9 9 0 0 0 9-9H3a9 9 0 0 0 9 9Z" }),
+        /* @__PURE__ */ jsx43("path", { d: "M11.38 12a2.4 2.4 0 0 1-.4-4.77 2.4 2.4 0 0 1 3.2-2.77 2.4 2.4 0 0 1 3.47-.63 2.4 2.4 0 0 1 3.37 3.37 2.4 2.4 0 0 1-1.1 3.7 2.51 2.51 0 0 1 .03 1.1" }),
+        /* @__PURE__ */ jsx43("path", { d: "m13 12 4-4" }),
+        /* @__PURE__ */ jsx43("path", { d: "M10.9 7.25A3.99 3.99 0 0 0 4 10c0 .73.2 1.41.54 2" })
+      ]
+    }
+  );
+}
+
+// src/components/Icon/icons/milk.tsx
+import { jsx as jsx44, jsxs as jsxs36 } from "react/jsx-runtime";
+function MilkIcon(props) {
+  return /* @__PURE__ */ jsxs36(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx44("path", { d: "M8 2h8" }),
+        /* @__PURE__ */ jsx44("path", { d: "M9 2v2.789a4 4 0 0 1-.672 2.219l-.656.984A4 4 0 0 0 7 10.212V20a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2v-9.789a4 4 0 0 0-.672-2.219l-.656-.984A4 4 0 0 1 15 4.788V2" }),
+        /* @__PURE__ */ jsx44("path", { d: "M7 15a6.472 6.472 0 0 1 5 0 6.47 6.47 0 0 0 5 0" })
+      ]
+    }
+  );
+}
+
+// src/components/Icon/icons/drumstick.tsx
+import { jsx as jsx45, jsxs as jsxs37 } from "react/jsx-runtime";
+function DrumstickIcon(props) {
+  return /* @__PURE__ */ jsxs37(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx45("path", { d: "M15.4 15.63a7.875 6 135 1 1 6.23-6.23 4.5 3.43 135 0 0-6.23 6.23" }),
+        /* @__PURE__ */ jsx45("path", { d: "m8.29 12.71-2.6 2.6a2.5 2.5 0 1 0-1.65 4.65A2.5 2.5 0 1 0 8.7 18.3l2.59-2.59" })
+      ]
+    }
+  );
+}
+
+// src/components/Icon/icons/croissant.tsx
+import { jsx as jsx46, jsxs as jsxs38 } from "react/jsx-runtime";
+function CroissantIcon(props) {
+  return /* @__PURE__ */ jsxs38(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx46("path", { d: "M10.2 18H4.774a1.5 1.5 0 0 1-1.352-.97 11 11 0 0 1 .132-6.487" }),
+        /* @__PURE__ */ jsx46("path", { d: "M18 10.2V4.774a1.5 1.5 0 0 0-.97-1.352 11 11 0 0 0-6.486.132" }),
+        /* @__PURE__ */ jsx46("path", { d: "M18 5a4 3 0 0 1 4 3 2 2 0 0 1-2 2 10 10 0 0 0-5.139 1.42" }),
+        /* @__PURE__ */ jsx46("path", { d: "M5 18a3 4 0 0 0 3 4 2 2 0 0 0 2-2 10 10 0 0 1 1.42-5.14" }),
+        /* @__PURE__ */ jsx46("path", { d: "M8.709 2.554a10 10 0 0 0-6.155 6.155 1.5 1.5 0 0 0 .676 1.626l9.807 5.42a2 2 0 0 0 2.718-2.718l-5.42-9.807a1.5 1.5 0 0 0-1.626-.676" })
+      ]
+    }
+  );
+}
+
+// src/components/Icon/icons/cup-soda.tsx
+import { jsx as jsx47, jsxs as jsxs39 } from "react/jsx-runtime";
+function CupSodaIcon(props) {
+  return /* @__PURE__ */ jsxs39(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx47("path", { d: "m6 8 1.75 12.28a2 2 0 0 0 2 1.72h4.54a2 2 0 0 0 2-1.72L18 8" }),
+        /* @__PURE__ */ jsx47("path", { d: "M5 8h14" }),
+        /* @__PURE__ */ jsx47("path", { d: "M7 15a6.47 6.47 0 0 1 5 0 6.47 6.47 0 0 0 5 0" }),
+        /* @__PURE__ */ jsx47("path", { d: "m12 8 1-6h2" })
+      ]
+    }
+  );
+}
+
+// src/components/Icon/icons/spray-can.tsx
+import { jsx as jsx48, jsxs as jsxs40 } from "react/jsx-runtime";
+function SprayCanIcon(props) {
+  return /* @__PURE__ */ jsxs40(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx48("path", { d: "M3 3h.01" }),
+        /* @__PURE__ */ jsx48("path", { d: "M7 5h.01" }),
+        /* @__PURE__ */ jsx48("path", { d: "M11 7h.01" }),
+        /* @__PURE__ */ jsx48("path", { d: "M3 7h.01" }),
+        /* @__PURE__ */ jsx48("path", { d: "M7 9h.01" }),
+        /* @__PURE__ */ jsx48("path", { d: "M3 11h.01" }),
+        /* @__PURE__ */ jsx48("rect", { width: "4", height: "4", x: "15", y: "5" }),
+        /* @__PURE__ */ jsx48("path", { d: "m19 9 2 2v10c0 .6-.4 1-1 1h-6c-.6 0-1-.4-1-1V11l2-2" }),
+        /* @__PURE__ */ jsx48("path", { d: "m13 14 8-2" }),
+        /* @__PURE__ */ jsx48("path", { d: "m13 19 8-2" })
+      ]
+    }
+  );
+}
+
+// src/components/Icon/icons/snowflake.tsx
+import { jsx as jsx49, jsxs as jsxs41 } from "react/jsx-runtime";
+function SnowflakeIcon(props) {
+  return /* @__PURE__ */ jsxs41(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx49("path", { d: "m10 20-1.25-2.5L6 18" }),
+        /* @__PURE__ */ jsx49("path", { d: "M10 4 8.75 6.5 6 6" }),
+        /* @__PURE__ */ jsx49("path", { d: "m14 20 1.25-2.5L18 18" }),
+        /* @__PURE__ */ jsx49("path", { d: "m14 4 1.25 2.5L18 6" }),
+        /* @__PURE__ */ jsx49("path", { d: "m17 21-3-6h-4" }),
+        /* @__PURE__ */ jsx49("path", { d: "m17 3-3 6 1.5 3" }),
+        /* @__PURE__ */ jsx49("path", { d: "M2 12h6.5L10 9" }),
+        /* @__PURE__ */ jsx49("path", { d: "m20 10-1.5 2 1.5 2" }),
+        /* @__PURE__ */ jsx49("path", { d: "M22 12h-6.5L14 15" }),
+        /* @__PURE__ */ jsx49("path", { d: "m4 10 1.5 2L4 14" }),
+        /* @__PURE__ */ jsx49("path", { d: "m7 21 3-6-1.5-3" }),
+        /* @__PURE__ */ jsx49("path", { d: "m7 3 3 6h4" })
+      ]
+    }
+  );
+}
+
+// src/components/Icon/icons/shopping-basket.tsx
+import { jsx as jsx50, jsxs as jsxs42 } from "react/jsx-runtime";
+function ShoppingBasketIcon(props) {
+  return /* @__PURE__ */ jsxs42(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx50("path", { d: "m15 11-1 9" }),
+        /* @__PURE__ */ jsx50("path", { d: "m19 11-4-7" }),
+        /* @__PURE__ */ jsx50("path", { d: "M2 11h20" }),
+        /* @__PURE__ */ jsx50("path", { d: "m3.5 11 1.6 7.4a2 2 0 0 0 2 1.6h9.8a2 2 0 0 0 2-1.6l1.7-7.4" }),
+        /* @__PURE__ */ jsx50("path", { d: "M4.5 15.5h15" }),
+        /* @__PURE__ */ jsx50("path", { d: "m5 11 4-7" }),
+        /* @__PURE__ */ jsx50("path", { d: "m9 11 1 9" })
+      ]
+    }
+  );
+}
+
 // src/components/Icon/icons/index.ts
 var ICONS = {
   house: HouseIcon,
@@ -697,12 +1189,32 @@ var ICONS = {
   "alert-triangle": AlertTriangleIcon,
   calendar: CalendarIcon,
   "sliders-horizontal": SlidersHorizontalIcon,
-  "ellipsis-vertical": EllipsisVerticalIcon
+  "ellipsis-vertical": EllipsisVerticalIcon,
+  banana: BananaIcon,
+  apple: AppleIcon,
+  carrot: CarrotIcon,
+  egg: EggIcon,
+  beef: BeefIcon,
+  fish: FishIcon,
+  coffee: CoffeeIcon,
+  wine: WineIcon,
+  beer: BeerIcon,
+  cookie: CookieIcon,
+  pizza: PizzaIcon,
+  candy: CandyIcon,
+  salad: SaladIcon,
+  milk: MilkIcon,
+  drumstick: DrumstickIcon,
+  croissant: CroissantIcon,
+  "cup-soda": CupSodaIcon,
+  "spray-can": SprayCanIcon,
+  snowflake: SnowflakeIcon,
+  "shopping-basket": ShoppingBasketIcon
 };
 
 // src/components/Icon/Icon.tsx
 import styles2 from "./Icon.module.css";
-import { jsx as jsx31 } from "react/jsx-runtime";
+import { jsx as jsx51 } from "react/jsx-runtime";
 function Icon({
   name,
   size = "md",
@@ -711,14 +1223,14 @@ function Icon({
 }) {
   const Svg = ICONS[name];
   const classes = [styles2.root, styles2[size], className].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsx31(Svg, { className: classes, role: aria["aria-label"] ? "img" : void 0, ...aria });
+  return /* @__PURE__ */ jsx51(Svg, { className: classes, role: aria["aria-label"] ? "img" : void 0, ...aria });
 }
 
 // src/components/Toggle/Toggle.tsx
 import styles3 from "./Toggle.module.css";
-import { jsx as jsx32 } from "react/jsx-runtime";
+import { jsx as jsx52 } from "react/jsx-runtime";
 function Toggle({ checked, onChange, disabled, className, ...rest }) {
-  return /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsx52(
     "button",
     {
       type: "button",
@@ -728,14 +1240,14 @@ function Toggle({ checked, onChange, disabled, className, ...rest }) {
       className: [styles3.track, checked ? styles3.on : styles3.off, className].filter(Boolean).join(" "),
       onClick: () => onChange(!checked),
       ...rest,
-      children: /* @__PURE__ */ jsx32("span", { className: styles3.thumb })
+      children: /* @__PURE__ */ jsx52("span", { className: styles3.thumb })
     }
   );
 }
 
 // src/components/SegmentedControl/SegmentedControl.tsx
 import styles4 from "./SegmentedControl.module.css";
-import { jsx as jsx33 } from "react/jsx-runtime";
+import { jsx as jsx53 } from "react/jsx-runtime";
 function SegmentedControl({
   value,
   onChange,
@@ -743,7 +1255,7 @@ function SegmentedControl({
   size = "md",
   "aria-label": ariaLabel
 }) {
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx53(
     "div",
     {
       role: "radiogroup",
@@ -751,7 +1263,7 @@ function SegmentedControl({
       className: [styles4.track, styles4[size]].join(" "),
       children: options.map((opt) => {
         const active = opt.value === value;
-        return /* @__PURE__ */ jsx33(
+        return /* @__PURE__ */ jsx53(
           "button",
           {
             type: "button",
@@ -770,11 +1282,11 @@ function SegmentedControl({
 
 // src/components/Tabs/Tabs.tsx
 import styles5 from "./Tabs.module.css";
-import { jsx as jsx34 } from "react/jsx-runtime";
+import { jsx as jsx54 } from "react/jsx-runtime";
 function Tabs({ items, value, onChange, "aria-label": ariaLabel }) {
-  return /* @__PURE__ */ jsx34("div", { role: "tablist", "aria-label": ariaLabel, className: styles5.tablist, children: items.map((item) => {
+  return /* @__PURE__ */ jsx54("div", { role: "tablist", "aria-label": ariaLabel, className: styles5.tablist, children: items.map((item) => {
     const active = item.value === value;
-    return /* @__PURE__ */ jsx34(
+    return /* @__PURE__ */ jsx54(
       "button",
       {
         type: "button",
@@ -791,15 +1303,15 @@ function Tabs({ items, value, onChange, "aria-label": ariaLabel }) {
 
 // src/components/Select/Select.tsx
 import styles6 from "./Select.module.css";
-import { jsx as jsx35, jsxs as jsxs24 } from "react/jsx-runtime";
+import { jsx as jsx55, jsxs as jsxs43 } from "react/jsx-runtime";
 function Select({ className, size = "md", children, ...rest }) {
-  return /* @__PURE__ */ jsxs24(
+  return /* @__PURE__ */ jsxs43(
     "div",
     {
       className: [styles6.wrapper, size === "sm" ? styles6.sm : void 0, className].filter(Boolean).join(" "),
       children: [
-        /* @__PURE__ */ jsx35("select", { className: styles6.select, ...rest, children }),
-        /* @__PURE__ */ jsx35(
+        /* @__PURE__ */ jsx55("select", { className: styles6.select, ...rest, children }),
+        /* @__PURE__ */ jsx55(
           "svg",
           {
             className: styles6.chevron,
@@ -812,7 +1324,7 @@ function Select({ className, size = "md", children, ...rest }) {
             strokeWidth: "2",
             strokeLinecap: "round",
             strokeLinejoin: "round",
-            children: /* @__PURE__ */ jsx35("polyline", { points: "6 9 12 15 18 9" })
+            children: /* @__PURE__ */ jsx55("polyline", { points: "6 9 12 15 18 9" })
           }
         )
       ]
@@ -822,18 +1334,18 @@ function Select({ className, size = "md", children, ...rest }) {
 
 // src/components/SystemBanner/SystemBanner.tsx
 import styles7 from "./SystemBanner.module.css";
-import { jsx as jsx36, jsxs as jsxs25 } from "react/jsx-runtime";
+import { jsx as jsx56, jsxs as jsxs44 } from "react/jsx-runtime";
 function SystemBanner({ variant = "info", onDismiss, children }) {
-  return /* @__PURE__ */ jsxs25("div", { role: "status", "aria-live": "polite", className: [styles7.banner, styles7[variant]].join(" "), children: [
-    /* @__PURE__ */ jsx36("span", { className: styles7.content, children }),
-    onDismiss && /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsxs44("div", { role: "status", "aria-live": "polite", className: [styles7.banner, styles7[variant]].join(" "), children: [
+    /* @__PURE__ */ jsx56("span", { className: styles7.content, children }),
+    onDismiss && /* @__PURE__ */ jsx56(
       "button",
       {
         type: "button",
         className: styles7.dismiss,
         onClick: onDismiss,
         "aria-label": "Dismiss banner",
-        children: /* @__PURE__ */ jsx36(
+        children: /* @__PURE__ */ jsx56(
           "svg",
           {
             width: "14",
@@ -842,7 +1354,7 @@ function SystemBanner({ variant = "info", onDismiss, children }) {
             fill: "none",
             xmlns: "http://www.w3.org/2000/svg",
             "aria-hidden": true,
-            children: /* @__PURE__ */ jsx36(
+            children: /* @__PURE__ */ jsx56(
               "path",
               {
                 d: "M1 1L13 13M13 1L1 13",
@@ -866,7 +1378,7 @@ import {
   useState
 } from "react";
 import styles8 from "./Popover.module.css";
-import { jsx as jsx37, jsxs as jsxs26 } from "react/jsx-runtime";
+import { jsx as jsx57, jsxs as jsxs45 } from "react/jsx-runtime";
 var TRIGGER_GAP = 8;
 var VIEWPORT_MARGIN = 4;
 function Popover({
@@ -942,9 +1454,9 @@ function Popover({
     document.addEventListener("keydown", handleKeyDown);
     return () => document.removeEventListener("keydown", handleKeyDown);
   }, [open, onClose]);
-  return /* @__PURE__ */ jsxs26("div", { ref: containerRef, className: styles8.container, children: [
+  return /* @__PURE__ */ jsxs45("div", { ref: containerRef, className: styles8.container, children: [
     trigger,
-    open && /* @__PURE__ */ jsx37(
+    open && /* @__PURE__ */ jsx57(
       "div",
       {
         ref: panelRef,
@@ -965,7 +1477,7 @@ function Popover({
 
 // src/components/Button/Button.tsx
 import styles9 from "./Button.module.css";
-import { jsx as jsx38, jsxs as jsxs27 } from "react/jsx-runtime";
+import { jsx as jsx58, jsxs as jsxs46 } from "react/jsx-runtime";
 function Button({
   variant = "primary",
   size = "md",
@@ -977,7 +1489,7 @@ function Button({
   ...rest
 }) {
   const classes = [styles9.button, styles9[variant], styles9[size], className].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsxs27(
+  return /* @__PURE__ */ jsxs46(
     "button",
     {
       type,
@@ -989,7 +1501,7 @@ function Button({
         loading && // aria-hidden: the button's own accessible name (its visible children,
         // unchanged below) plus aria-busy already communicate the pending
         // state — an unhidden Spinner-style status region would double-narrate it.
-        /* @__PURE__ */ jsx38("span", { className: styles9.spinner, "aria-hidden": "true" }),
+        /* @__PURE__ */ jsx58("span", { className: styles9.spinner, "aria-hidden": "true" }),
         children
       ]
     }
@@ -998,23 +1510,23 @@ function Button({
 
 // src/components/Input/Input.tsx
 import styles10 from "./Input.module.css";
-import { jsx as jsx39 } from "react/jsx-runtime";
+import { jsx as jsx59 } from "react/jsx-runtime";
 function Input({ type = "text", className, ...rest }) {
   const classes = [styles10.input, className].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsx39("input", { type, className: classes, ...rest });
+  return /* @__PURE__ */ jsx59("input", { type, className: classes, ...rest });
 }
 
 // src/components/Textarea/Textarea.tsx
 import styles11 from "./Textarea.module.css";
-import { jsx as jsx40 } from "react/jsx-runtime";
+import { jsx as jsx60 } from "react/jsx-runtime";
 function Textarea({ className, rows = 4, ...rest }) {
   const classes = [styles11.textarea, className].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsx40("textarea", { rows, className: classes, ...rest });
+  return /* @__PURE__ */ jsx60("textarea", { rows, className: classes, ...rest });
 }
 
 // src/components/CodeTextarea/CodeTextarea.tsx
 import styles12 from "./CodeTextarea.module.css";
-import { jsx as jsx41 } from "react/jsx-runtime";
+import { jsx as jsx61 } from "react/jsx-runtime";
 function CodeTextarea({
   className,
   rows = 12,
@@ -1025,7 +1537,7 @@ function CodeTextarea({
   ...rest
 }) {
   const classes = [styles12.textarea, invalid ? styles12.invalid : void 0, className].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsx61(
     "textarea",
     {
       rows,
@@ -1040,7 +1552,7 @@ function CodeTextarea({
 
 // src/components/StatusBadge/StatusBadge.tsx
 import styles13 from "./StatusBadge.module.css";
-import { jsx as jsx42, jsxs as jsxs28 } from "react/jsx-runtime";
+import { jsx as jsx62, jsxs as jsxs47 } from "react/jsx-runtime";
 var STATUS_CLASS = {
   unmodified: styles13.neutral,
   draft: styles13.info,
@@ -1068,14 +1580,14 @@ function StatusBadge({
   "aria-label": ariaLabel
 }) {
   const label = children ?? STATUS_LABEL[status];
-  return /* @__PURE__ */ jsxs28(
+  return /* @__PURE__ */ jsxs47(
     "span",
     {
       className: [styles13.badge, STATUS_CLASS[status], className].filter(Boolean).join(" "),
       "aria-label": ariaLabel,
       children: [
-        /* @__PURE__ */ jsx42("span", { className: styles13.dot, "aria-hidden": "true" }),
-        /* @__PURE__ */ jsx42("span", { className: styles13.label, children: label })
+        /* @__PURE__ */ jsx62("span", { className: styles13.dot, "aria-hidden": "true" }),
+        /* @__PURE__ */ jsx62("span", { className: styles13.label, children: label })
       ]
     }
   );
@@ -1084,7 +1596,7 @@ function StatusBadge({
 // src/components/SplitPane/SplitPane.tsx
 import { useCallback, useEffect as useEffect2, useRef as useRef2, useState as useState2 } from "react";
 import styles14 from "./SplitPane.module.css";
-import { jsx as jsx43, jsxs as jsxs29 } from "react/jsx-runtime";
+import { jsx as jsx63, jsxs as jsxs48 } from "react/jsx-runtime";
 var clampSize = (value, min, max) => Math.min(Math.max(value, min), max);
 function SplitPane({
   primary,
@@ -1170,15 +1682,15 @@ function SplitPane({
   const style = {
     "--split-pane-primary-size": `${primarySize}%`
   };
-  return /* @__PURE__ */ jsxs29(
+  return /* @__PURE__ */ jsxs48(
     "div",
     {
       ref: containerRef,
       className: [styles14.splitPane, className].filter(Boolean).join(" "),
       style,
       children: [
-        /* @__PURE__ */ jsx43("section", { className: styles14.pane, "aria-label": primaryLabel, children: primary }),
-        resizable && /* @__PURE__ */ jsx43(
+        /* @__PURE__ */ jsx63("section", { className: styles14.pane, "aria-label": primaryLabel, children: primary }),
+        resizable && /* @__PURE__ */ jsx63(
           "button",
           {
             type: "button",
@@ -1188,7 +1700,7 @@ function SplitPane({
             onKeyDown: resizeWithKeyboard
           }
         ),
-        /* @__PURE__ */ jsx43("section", { className: styles14.pane, "aria-label": secondaryLabel, children: secondary })
+        /* @__PURE__ */ jsx63("section", { className: styles14.pane, "aria-label": secondaryLabel, children: secondary })
       ]
     }
   );
@@ -1197,7 +1709,7 @@ function SplitPane({
 // src/components/TagInput/TagInput.tsx
 import { useMemo, useState as useState3 } from "react";
 import styles15 from "./TagInput.module.css";
-import { jsx as jsx44, jsxs as jsxs30 } from "react/jsx-runtime";
+import { jsx as jsx64, jsxs as jsxs49 } from "react/jsx-runtime";
 var DEFAULT_SEPARATORS = /[\n,]+/;
 var splitTags = (value, separators) => value.split(separators).map((tag) => tag.trim()).filter(Boolean);
 function TagInput({
@@ -1271,8 +1783,8 @@ function TagInput({
     event.preventDefault();
     addTags(tags);
   };
-  return /* @__PURE__ */ jsxs30("div", { className: [styles15.wrapper, className].filter(Boolean).join(" "), children: [
-    /* @__PURE__ */ jsxs30(
+  return /* @__PURE__ */ jsxs49("div", { className: [styles15.wrapper, className].filter(Boolean).join(" "), children: [
+    /* @__PURE__ */ jsxs49(
       "div",
       {
         className: [
@@ -1281,9 +1793,9 @@ function TagInput({
           error || localError || ariaInvalid ? styles15.invalid : void 0
         ].filter(Boolean).join(" "),
         children: [
-          value.map((tag, index) => /* @__PURE__ */ jsxs30("span", { className: styles15.tag, children: [
-            /* @__PURE__ */ jsx44("span", { className: styles15.tagLabel, children: tag }),
-            /* @__PURE__ */ jsx44(
+          value.map((tag, index) => /* @__PURE__ */ jsxs49("span", { className: styles15.tag, children: [
+            /* @__PURE__ */ jsx64("span", { className: styles15.tagLabel, children: tag }),
+            /* @__PURE__ */ jsx64(
               "button",
               {
                 type: "button",
@@ -1295,7 +1807,7 @@ function TagInput({
               }
             )
           ] }, `${tag}-${index}`)),
-          /* @__PURE__ */ jsx44(
+          /* @__PURE__ */ jsx64(
             "input",
             {
               id,
@@ -1317,7 +1829,7 @@ function TagInput({
         ]
       }
     ),
-    message && /* @__PURE__ */ jsx44(
+    message && /* @__PURE__ */ jsx64(
       "p",
       {
         id: messageId,
@@ -1376,7 +1888,7 @@ function usePrefersReducedMotion() {
 
 // src/components/OverlayHeader/OverlayHeader.tsx
 import styles16 from "./OverlayHeader.module.css";
-import { jsx as jsx45, jsxs as jsxs31 } from "react/jsx-runtime";
+import { jsx as jsx65, jsxs as jsxs50 } from "react/jsx-runtime";
 function OverlayHeader({
   title,
   onClose,
@@ -1385,20 +1897,20 @@ function OverlayHeader({
   secondRow,
   className
 }) {
-  return /* @__PURE__ */ jsxs31("div", { className: [styles16.header, className].filter(Boolean).join(" "), children: [
-    /* @__PURE__ */ jsxs31("div", { className: styles16.row, children: [
-      onBack && /* @__PURE__ */ jsx45("button", { type: "button", className: styles16.backButton, "aria-label": "Back", onClick: onBack, children: /* @__PURE__ */ jsx45(Icon, { name: "chevron-left", size: "md", "aria-hidden": true }) }),
-      /* @__PURE__ */ jsx45("span", { className: styles16.title, children: title }),
-      action && /* @__PURE__ */ jsx45("div", { className: styles16.action, children: action }),
-      /* @__PURE__ */ jsx45("button", { type: "button", className: styles16.closeButton, "aria-label": "Close", onClick: onClose, children: /* @__PURE__ */ jsx45(Icon, { name: "x", size: "sm", "aria-hidden": true }) })
+  return /* @__PURE__ */ jsxs50("div", { className: [styles16.header, className].filter(Boolean).join(" "), children: [
+    /* @__PURE__ */ jsxs50("div", { className: styles16.row, children: [
+      onBack && /* @__PURE__ */ jsx65("button", { type: "button", className: styles16.backButton, "aria-label": "Back", onClick: onBack, children: /* @__PURE__ */ jsx65(Icon, { name: "chevron-left", size: "md", "aria-hidden": true }) }),
+      /* @__PURE__ */ jsx65("span", { className: styles16.title, children: title }),
+      action && /* @__PURE__ */ jsx65("div", { className: styles16.action, children: action }),
+      /* @__PURE__ */ jsx65("button", { type: "button", className: styles16.closeButton, "aria-label": "Close", onClick: onClose, children: /* @__PURE__ */ jsx65(Icon, { name: "x", size: "sm", "aria-hidden": true }) })
     ] }),
-    secondRow && /* @__PURE__ */ jsx45("div", { className: styles16.secondRow, children: secondRow })
+    secondRow && /* @__PURE__ */ jsx65("div", { className: styles16.secondRow, children: secondRow })
   ] });
 }
 
 // src/components/Dialog/Dialog.tsx
 import styles17 from "./Dialog.module.css";
-import { jsx as jsx46, jsxs as jsxs32 } from "react/jsx-runtime";
+import { jsx as jsx66, jsxs as jsxs51 } from "react/jsx-runtime";
 var MOTION_DURATION_MS = 250;
 var OverlaySecondRowContext = createContext(
   void 0
@@ -1474,7 +1986,7 @@ function Dialog({
   return (
     // role="presentation" removes the scrim from the AT (it is purely visual).
     // e.target check lets clicks inside the panel bubble without triggering dismiss.
-    /* @__PURE__ */ jsx46(
+    /* @__PURE__ */ jsx66(
       "div",
       {
         className: [styles17.scrim, isOpenPhase ? styles17.scrimOpen : ""].filter(Boolean).join(" "),
@@ -1485,7 +1997,7 @@ function Dialog({
         onKeyDown: (e) => {
           if (e.key === "Escape") onClose();
         },
-        children: /* @__PURE__ */ jsxs32(
+        children: /* @__PURE__ */ jsxs51(
           "div",
           {
             ref: panelRef,
@@ -1495,7 +2007,7 @@ function Dialog({
             tabIndex: -1,
             className: [styles17.panel, styles17[size], isOpenPhase ? styles17.panelOpen : ""].filter(Boolean).join(" "),
             children: [
-              /* @__PURE__ */ jsx46(
+              /* @__PURE__ */ jsx66(
                 OverlayHeader,
                 {
                   title,
@@ -1504,8 +2016,8 @@ function Dialog({
                   className: styles17.mobileHeader
                 }
               ),
-              /* @__PURE__ */ jsx46("button", { type: "button", className: styles17.close, "aria-label": "Close", onClick: onClose, children: "\xD7" }),
-              /* @__PURE__ */ jsx46("div", { className: styles17.content, children: /* @__PURE__ */ jsx46(OverlaySecondRowContext.Provider, { value: setSecondRow, children }) })
+              /* @__PURE__ */ jsx66("button", { type: "button", className: styles17.close, "aria-label": "Close", onClick: onClose, children: "\xD7" }),
+              /* @__PURE__ */ jsx66("div", { className: styles17.content, children: /* @__PURE__ */ jsx66(OverlaySecondRowContext.Provider, { value: setSecondRow, children }) })
             ]
           }
         )
@@ -1517,7 +2029,7 @@ function Dialog({
 // src/components/Drawer/Drawer.tsx
 import { useEffect as useEffect5, useRef as useRef4 } from "react";
 import styles18 from "./Drawer.module.css";
-import { jsx as jsx47, jsxs as jsxs33 } from "react/jsx-runtime";
+import { jsx as jsx67, jsxs as jsxs52 } from "react/jsx-runtime";
 var MOTION_DURATION_MS2 = 250;
 var FOCUSABLE2 = 'a[href], button:not([disabled]), textarea:not([disabled]), input:not([disabled]), select:not([disabled]), [tabindex]:not([tabindex="-1"])';
 var SWIPE_DISMISS_THRESHOLD_PX = 100;
@@ -1606,7 +2118,7 @@ function Drawer({
   return (
     // role="presentation" removes the scrim from the AT (it is purely visual).
     // e.target check lets clicks inside the panel bubble without triggering dismiss.
-    /* @__PURE__ */ jsx47(
+    /* @__PURE__ */ jsx67(
       "div",
       {
         className: [styles18.scrim, isOpenPhase ? styles18.scrimOpen : ""].filter(Boolean).join(" "),
@@ -1617,7 +2129,7 @@ function Drawer({
         onKeyDown: (e) => {
           if (e.key === "Escape") onClose();
         },
-        children: /* @__PURE__ */ jsxs33(
+        children: /* @__PURE__ */ jsxs52(
           "div",
           {
             ref: panelRef,
@@ -1631,7 +2143,7 @@ function Drawer({
               isOpenPhase ? styles18.panelOpen : ""
             ].filter(Boolean).join(" "),
             children: [
-              /* @__PURE__ */ jsx47(
+              /* @__PURE__ */ jsx67(
                 "div",
                 {
                   className: styles18.handle,
@@ -1654,7 +2166,7 @@ function Drawer({
 // src/components/Sheet/Sheet.tsx
 import { useEffect as useEffect6, useRef as useRef5 } from "react";
 import styles19 from "./Sheet.module.css";
-import { jsx as jsx48, jsxs as jsxs34 } from "react/jsx-runtime";
+import { jsx as jsx68, jsxs as jsxs53 } from "react/jsx-runtime";
 var FOCUSABLE3 = 'a[href], button:not([disabled]), textarea:not([disabled]), input:not([disabled]), select:not([disabled]), [tabindex]:not([tabindex="-1"])';
 var MOTION_DURATION_MS3 = 250;
 function Sheet({
@@ -1715,7 +2227,7 @@ function Sheet({
     return () => document.removeEventListener("keydown", handleKeyDown);
   }, [open, onClose]);
   if (!mounted) return null;
-  return /* @__PURE__ */ jsxs34(
+  return /* @__PURE__ */ jsxs53(
     "div",
     {
       ref: panelRef,
@@ -1729,8 +2241,8 @@ function Sheet({
         phase === "open" ? styles19.panelOpen : ""
       ].filter(Boolean).join(" "),
       children: [
-        title && /* @__PURE__ */ jsx48(OverlayHeader, { title, onClose, onBack, action: headerAction }),
-        /* @__PURE__ */ jsx48("div", { className: styles19.content, children })
+        title && /* @__PURE__ */ jsx68(OverlayHeader, { title, onClose, onBack, action: headerAction }),
+        /* @__PURE__ */ jsx68("div", { className: styles19.content, children })
       ]
     }
   );
@@ -1739,7 +2251,7 @@ function Sheet({
 // src/components/ConfirmDialog/ConfirmDialog.tsx
 import { useEffect as useEffect7, useRef as useRef6 } from "react";
 import styles20 from "./ConfirmDialog.module.css";
-import { jsx as jsx49, jsxs as jsxs35 } from "react/jsx-runtime";
+import { jsx as jsx69, jsxs as jsxs54 } from "react/jsx-runtime";
 function ConfirmDialog({
   open,
   onClose,
@@ -1768,7 +2280,7 @@ function ConfirmDialog({
   }, [onClose]);
   return (
     // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-noninteractive-element-interactions
-    /* @__PURE__ */ jsx49(
+    /* @__PURE__ */ jsx69(
       "dialog",
       {
         ref: dialogRef,
@@ -1777,12 +2289,12 @@ function ConfirmDialog({
         onClick: (e) => {
           if (e.target === e.currentTarget) onClose();
         },
-        children: /* @__PURE__ */ jsxs35("div", { className: styles20.body, children: [
-          /* @__PURE__ */ jsx49("h2", { className: styles20.title, children: title }),
-          /* @__PURE__ */ jsx49("div", { className: styles20.message, children: message }),
-          error && /* @__PURE__ */ jsx49("p", { className: styles20.error, children: error }),
-          /* @__PURE__ */ jsxs35("div", { className: styles20.actions, children: [
-            /* @__PURE__ */ jsx49(Button, { type: "button", variant: "secondary", onClick: onClose, disabled: pending, children: cancelLabel }),
+        children: /* @__PURE__ */ jsxs54("div", { className: styles20.body, children: [
+          /* @__PURE__ */ jsx69("h2", { className: styles20.title, children: title }),
+          /* @__PURE__ */ jsx69("div", { className: styles20.message, children: message }),
+          error && /* @__PURE__ */ jsx69("p", { className: styles20.error, children: error }),
+          /* @__PURE__ */ jsxs54("div", { className: styles20.actions, children: [
+            /* @__PURE__ */ jsx69(Button, { type: "button", variant: "secondary", onClick: onClose, disabled: pending, children: cancelLabel }),
             destructive ? (
               // A solid red fill, not Button's own `destructive` variant (an
               // outlined/ghost style meant for lower-emphasis placements) — a
@@ -1791,7 +2303,7 @@ function ConfirmDialog({
               // -text-on-error tokens the codebase already introduced for this
               // exact "reads as a filled action button, not a tinted status
               // surface" case (see semantic.css).
-              /* @__PURE__ */ jsx49(
+              /* @__PURE__ */ jsx69(
                 "button",
                 {
                   type: "button",
@@ -1801,7 +2313,7 @@ function ConfirmDialog({
                   children: confirmLabel
                 }
               )
-            ) : /* @__PURE__ */ jsx49(Button, { type: "button", variant: "primary", onClick: onConfirm, disabled: pending, children: confirmLabel })
+            ) : /* @__PURE__ */ jsx69(Button, { type: "button", variant: "primary", onClick: onConfirm, disabled: pending, children: confirmLabel })
           ] })
         ] })
       }
@@ -1965,18 +2477,18 @@ function useIsMobile(breakpointPx = MOBILE_BREAKPOINT_PX) {
 
 // src/components/Menu/Menu.tsx
 import styles21 from "./Menu.module.css";
-import { Fragment, jsx as jsx50, jsxs as jsxs36 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx70, jsxs as jsxs55 } from "react/jsx-runtime";
 function Menu({ trigger, open, onClose, items, "aria-label": ariaLabel, align }) {
   const isMobile = useIsMobile();
-  const list = /* @__PURE__ */ jsx50("ul", { className: styles21.list, role: "menu", children: items.map((entry, index) => {
+  const list = /* @__PURE__ */ jsx70("ul", { className: styles21.list, role: "menu", children: items.map((entry, index) => {
     if (entry.type === "separator") {
-      return /* @__PURE__ */ jsx50("li", { role: "separator", className: styles21.separator }, index);
+      return /* @__PURE__ */ jsx70("li", { role: "separator", className: styles21.separator }, index);
     }
     if (entry.type === "label") {
-      return /* @__PURE__ */ jsx50("li", { role: "presentation", className: styles21.label, children: entry.label }, index);
+      return /* @__PURE__ */ jsx70("li", { role: "presentation", className: styles21.label, children: entry.label }, index);
     }
     const isCheckable = entry.checked !== void 0;
-    return /* @__PURE__ */ jsx50("li", { role: "none", children: /* @__PURE__ */ jsxs36(
+    return /* @__PURE__ */ jsx70("li", { role: "none", children: /* @__PURE__ */ jsxs55(
       "button",
       {
         role: isCheckable ? "menuitemradio" : "menuitem",
@@ -1989,20 +2501,20 @@ function Menu({ trigger, open, onClose, items, "aria-label": ariaLabel, align })
           entry.onSelect();
         },
         children: [
-          isCheckable && /* @__PURE__ */ jsx50("span", { className: styles21.check, "aria-hidden": true, children: entry.checked && /* @__PURE__ */ jsx50(Icon, { name: "check", size: "sm", "aria-hidden": true }) }),
-          entry.icon && /* @__PURE__ */ jsx50(Icon, { name: entry.icon, size: "sm", "aria-hidden": true }),
+          isCheckable && /* @__PURE__ */ jsx70("span", { className: styles21.check, "aria-hidden": true, children: entry.checked && /* @__PURE__ */ jsx70(Icon, { name: "check", size: "sm", "aria-hidden": true }) }),
+          entry.icon && /* @__PURE__ */ jsx70(Icon, { name: entry.icon, size: "sm", "aria-hidden": true }),
           entry.label
         ]
       }
     ) }, index);
   }) });
   if (isMobile) {
-    return /* @__PURE__ */ jsxs36(Fragment, { children: [
+    return /* @__PURE__ */ jsxs55(Fragment, { children: [
       trigger,
-      /* @__PURE__ */ jsx50(Drawer, { open, onClose, "aria-label": ariaLabel, children: list })
+      /* @__PURE__ */ jsx70(Drawer, { open, onClose, "aria-label": ariaLabel, children: list })
     ] });
   }
-  return /* @__PURE__ */ jsx50(Popover, { trigger, open, onClose, "aria-label": ariaLabel, align, children: list });
+  return /* @__PURE__ */ jsx70(Popover, { trigger, open, onClose, "aria-label": ariaLabel, align, children: list });
 }
 
 // src/components/Toast/Toast.tsx
@@ -2017,7 +2529,7 @@ import {
   useState as useState8
 } from "react";
 import styles22 from "./Toast.module.css";
-import { jsx as jsx51, jsxs as jsxs37 } from "react/jsx-runtime";
+import { jsx as jsx71, jsxs as jsxs56 } from "react/jsx-runtime";
 var ToastContext = createContext2(null);
 function useToast() {
   const ctx = useContext2(ToastContext);
@@ -2055,16 +2567,16 @@ function ToastProvider({ children }) {
     };
   }, []);
   const value = useMemo2(() => ({ show, dismiss }), [show, dismiss]);
-  return /* @__PURE__ */ jsxs37(ToastContext.Provider, { value, children: [
+  return /* @__PURE__ */ jsxs56(ToastContext.Provider, { value, children: [
     children,
-    /* @__PURE__ */ jsx51(
+    /* @__PURE__ */ jsx71(
       "ol",
       {
         className: styles22.region,
         "aria-label": "Notifications",
         "aria-live": "polite",
         "aria-atomic": "false",
-        children: toasts.map((toast) => /* @__PURE__ */ jsx51(Toast, { ...toast, onDismiss: dismiss }, toast.id))
+        children: toasts.map((toast) => /* @__PURE__ */ jsx71(Toast, { ...toast, onDismiss: dismiss }, toast.id))
       }
     )
   ] });
@@ -2087,18 +2599,18 @@ function Toast({
 }) {
   const categoryClass = styles22[category] ?? styles22.info;
   const iconName = CATEGORY_ICON[category] ?? "info";
-  return /* @__PURE__ */ jsxs37(
+  return /* @__PURE__ */ jsxs56(
     "li",
     {
       role: "status",
       className: `${styles22.toast} ${String(categoryClass)} ${exiting ? styles22.exiting : ""}`,
       children: [
-        /* @__PURE__ */ jsx51("span", { className: styles22.icon, "aria-hidden": "true", children: /* @__PURE__ */ jsx51(Icon, { name: iconName, size: "sm", "aria-hidden": true }) }),
-        /* @__PURE__ */ jsxs37("div", { className: styles22.body, children: [
-          /* @__PURE__ */ jsx51("div", { className: styles22.title, children: title }),
-          message && /* @__PURE__ */ jsx51("div", { className: styles22.message, children: message })
+        /* @__PURE__ */ jsx71("span", { className: styles22.icon, "aria-hidden": "true", children: /* @__PURE__ */ jsx71(Icon, { name: iconName, size: "sm", "aria-hidden": true }) }),
+        /* @__PURE__ */ jsxs56("div", { className: styles22.body, children: [
+          /* @__PURE__ */ jsx71("div", { className: styles22.title, children: title }),
+          message && /* @__PURE__ */ jsx71("div", { className: styles22.message, children: message })
         ] }),
-        /* @__PURE__ */ jsx51(
+        /* @__PURE__ */ jsx71(
           "button",
           {
             type: "button",
@@ -2115,7 +2627,7 @@ function Toast({
 
 // src/components/Card/Card.tsx
 import styles23 from "./Card.module.css";
-import { jsx as jsx52 } from "react/jsx-runtime";
+import { jsx as jsx72 } from "react/jsx-runtime";
 var paddingClass = {
   sm: styles23.paddingSm,
   md: styles23.paddingMd,
@@ -2130,13 +2642,13 @@ function Card({
   ...rest
 }) {
   const cls = [styles23.card, paddingClass[padding], interactive && styles23.interactive, className].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsx52(Tag, { className: cls, ...rest, children });
+  return /* @__PURE__ */ jsx72(Tag, { className: cls, ...rest, children });
 }
 
 // src/components/FormField/FormField.tsx
 import { useId as useId2 } from "react";
 import styles24 from "./FormField.module.css";
-import { jsx as jsx53, jsxs as jsxs38 } from "react/jsx-runtime";
+import { jsx as jsx73, jsxs as jsxs57 } from "react/jsx-runtime";
 function FormField({
   label,
   hint,
@@ -2157,52 +2669,52 @@ function FormField({
     "aria-invalid": error ? true : void 0,
     required: required || void 0
   };
-  return /* @__PURE__ */ jsxs38("div", { className: [styles24.field, className].filter(Boolean).join(" "), children: [
-    /* @__PURE__ */ jsxs38("label", { className: styles24.label, htmlFor: fieldId, children: [
+  return /* @__PURE__ */ jsxs57("div", { className: [styles24.field, className].filter(Boolean).join(" "), children: [
+    /* @__PURE__ */ jsxs57("label", { className: styles24.label, htmlFor: fieldId, children: [
       label,
-      required && /* @__PURE__ */ jsx53("span", { className: styles24.required, "aria-hidden": "true", children: "*" })
+      required && /* @__PURE__ */ jsx73("span", { className: styles24.required, "aria-hidden": "true", children: "*" })
     ] }),
     children(field),
-    hint && !error && /* @__PURE__ */ jsx53("p", { id: hintId, className: styles24.hint, children: hint }),
-    error && /* @__PURE__ */ jsx53("p", { id: errorId, className: styles24.error, role: "alert", children: error })
+    hint && !error && /* @__PURE__ */ jsx73("p", { id: hintId, className: styles24.hint, children: hint }),
+    error && /* @__PURE__ */ jsx73("p", { id: errorId, className: styles24.error, role: "alert", children: error })
   ] });
 }
 
 // src/components/PageHeader/PageHeader.tsx
 import styles25 from "./PageHeader.module.css";
-import { jsx as jsx54, jsxs as jsxs39 } from "react/jsx-runtime";
+import { jsx as jsx74, jsxs as jsxs58 } from "react/jsx-runtime";
 function PageHeader({ title, description, action, className }) {
-  return /* @__PURE__ */ jsxs39("header", { className: [styles25.header, className].filter(Boolean).join(" "), children: [
-    /* @__PURE__ */ jsxs39("div", { className: styles25.text, children: [
-      /* @__PURE__ */ jsx54("h1", { className: styles25.title, children: title }),
-      description && /* @__PURE__ */ jsx54("p", { className: styles25.description, children: description })
+  return /* @__PURE__ */ jsxs58("header", { className: [styles25.header, className].filter(Boolean).join(" "), children: [
+    /* @__PURE__ */ jsxs58("div", { className: styles25.text, children: [
+      /* @__PURE__ */ jsx74("h1", { className: styles25.title, children: title }),
+      description && /* @__PURE__ */ jsx74("p", { className: styles25.description, children: description })
     ] }),
-    action && /* @__PURE__ */ jsx54("div", { className: styles25.action, children: action })
+    action && /* @__PURE__ */ jsx74("div", { className: styles25.action, children: action })
   ] });
 }
 
 // src/components/EmptyState/EmptyState.tsx
 import styles26 from "./EmptyState.module.css";
-import { jsx as jsx55, jsxs as jsxs40 } from "react/jsx-runtime";
+import { jsx as jsx75, jsxs as jsxs59 } from "react/jsx-runtime";
 function EmptyState({ icon, heading, description, action, className }) {
-  return /* @__PURE__ */ jsxs40("div", { className: [styles26.root, className].filter(Boolean).join(" "), children: [
-    icon && /* @__PURE__ */ jsx55("span", { className: styles26.icon, children: /* @__PURE__ */ jsx55(Icon, { name: icon, size: "lg", "aria-hidden": true }) }),
-    /* @__PURE__ */ jsx55("h2", { className: styles26.heading, children: heading }),
-    description && /* @__PURE__ */ jsx55("p", { className: styles26.description, children: description }),
+  return /* @__PURE__ */ jsxs59("div", { className: [styles26.root, className].filter(Boolean).join(" "), children: [
+    icon && /* @__PURE__ */ jsx75("span", { className: styles26.icon, children: /* @__PURE__ */ jsx75(Icon, { name: icon, size: "lg", "aria-hidden": true }) }),
+    /* @__PURE__ */ jsx75("h2", { className: styles26.heading, children: heading }),
+    description && /* @__PURE__ */ jsx75("p", { className: styles26.description, children: description }),
     action
   ] });
 }
 
 // src/components/Spinner/Spinner.tsx
 import styles27 from "./Spinner.module.css";
-import { jsx as jsx56 } from "react/jsx-runtime";
+import { jsx as jsx76 } from "react/jsx-runtime";
 var sizeClass = {
   sm: styles27.sm,
   md: styles27.md,
   lg: styles27.lg
 };
 function Spinner({ size = "md", label = "Loading\u2026", className }) {
-  return /* @__PURE__ */ jsx56(
+  return /* @__PURE__ */ jsx76(
     "span",
     {
       role: "status",
@@ -2215,7 +2727,7 @@ function Spinner({ size = "md", label = "Loading\u2026", className }) {
 // src/components/Avatar/Avatar.tsx
 import { useState as useState9 } from "react";
 import styles28 from "./Avatar.module.css";
-import { jsx as jsx57 } from "react/jsx-runtime";
+import { jsx as jsx77 } from "react/jsx-runtime";
 function initials(name) {
   const parts = name.trim().split(/\s+/);
   if (parts.length === 1) return (parts[0] ?? "").slice(0, 2).toUpperCase();
@@ -2230,21 +2742,21 @@ function Avatar({ name, src, size = "md", className }) {
   const [imgFailed, setImgFailed] = useState9(false);
   const cls = [styles28.avatar, sizeClass2[size], className].filter(Boolean).join(" ");
   if (src && !imgFailed) {
-    return /* @__PURE__ */ jsx57("span", { className: cls, "aria-label": name, children: /* @__PURE__ */ jsx57("img", { src, alt: name, className: styles28.img, onError: () => setImgFailed(true) }) });
+    return /* @__PURE__ */ jsx77("span", { className: cls, "aria-label": name, children: /* @__PURE__ */ jsx77("img", { src, alt: name, className: styles28.img, onError: () => setImgFailed(true) }) });
   }
-  return /* @__PURE__ */ jsx57("span", { className: cls, "aria-label": name, children: initials(name) });
+  return /* @__PURE__ */ jsx77("span", { className: cls, "aria-label": name, children: initials(name) });
 }
 
 // src/components/NavTabs/NavTabs.tsx
 import styles29 from "./NavTabs.module.css";
-import { jsx as jsx58 } from "react/jsx-runtime";
+import { jsx as jsx78 } from "react/jsx-runtime";
 function NavTabs({ items, className, "aria-label": ariaLabel }) {
-  return /* @__PURE__ */ jsx58(
+  return /* @__PURE__ */ jsx78(
     "nav",
     {
       className: [styles29.nav, className].filter(Boolean).join(" "),
       "aria-label": ariaLabel ?? "Page navigation",
-      children: items.map((item) => /* @__PURE__ */ jsx58(
+      children: items.map((item) => /* @__PURE__ */ jsx78(
         "a",
         {
           href: item.href,
@@ -2261,7 +2773,7 @@ function NavTabs({ items, className, "aria-label": ariaLabel }) {
 // src/components/Tooltip/Tooltip.tsx
 import { useId as useId3 } from "react";
 import styles30 from "./Tooltip.module.css";
-import { jsx as jsx59, jsxs as jsxs41 } from "react/jsx-runtime";
+import { jsx as jsx79, jsxs as jsxs60 } from "react/jsx-runtime";
 var sideClass = {
   top: styles30.top,
   bottom: styles30.bottom,
@@ -2270,15 +2782,15 @@ var sideClass = {
 };
 function Tooltip({ content, children, side = "top" }) {
   const tipId = useId3();
-  return /* @__PURE__ */ jsxs41("span", { className: styles30.wrapper, children: [
-    /* @__PURE__ */ jsx59("span", { "aria-describedby": tipId, children }),
-    /* @__PURE__ */ jsx59("span", { id: tipId, role: "tooltip", className: [styles30.tip, sideClass[side]].join(" "), children: content })
+  return /* @__PURE__ */ jsxs60("span", { className: styles30.wrapper, children: [
+    /* @__PURE__ */ jsx79("span", { "aria-describedby": tipId, children }),
+    /* @__PURE__ */ jsx79("span", { id: tipId, role: "tooltip", className: [styles30.tip, sideClass[side]].join(" "), children: content })
   ] });
 }
 
 // src/components/Checkbox/Checkbox.tsx
 import styles31 from "./Checkbox.module.css";
-import { jsx as jsx60, jsxs as jsxs42 } from "react/jsx-runtime";
+import { jsx as jsx80, jsxs as jsxs61 } from "react/jsx-runtime";
 function Checkbox({
   checked,
   onChange,
@@ -2290,9 +2802,9 @@ function Checkbox({
   ...rest
 }) {
   const inputId = id ?? `checkbox-${label.toLowerCase().replace(/\s+/g, "-")}`;
-  return /* @__PURE__ */ jsxs42("span", { className: [styles31.root, className].filter(Boolean).join(" "), children: [
-    /* @__PURE__ */ jsxs42("span", { className: [styles31.box, checked ? styles31.checked : ""].filter(Boolean).join(" "), children: [
-      /* @__PURE__ */ jsx60(
+  return /* @__PURE__ */ jsxs61("span", { className: [styles31.root, className].filter(Boolean).join(" "), children: [
+    /* @__PURE__ */ jsxs61("span", { className: [styles31.box, checked ? styles31.checked : ""].filter(Boolean).join(" "), children: [
+      /* @__PURE__ */ jsx80(
         "input",
         {
           ...rest,
@@ -2304,7 +2816,7 @@ function Checkbox({
           onChange: (e) => onChange(e.target.checked)
         }
       ),
-      checked && /* @__PURE__ */ jsx60("svg", { className: styles31.tick, viewBox: "0 0 10 8", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx60(
+      checked && /* @__PURE__ */ jsx80("svg", { className: styles31.tick, viewBox: "0 0 10 8", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx80(
         "path",
         {
           d: "M1 4l3 3 5-6",
@@ -2315,7 +2827,7 @@ function Checkbox({
         }
       ) })
     ] }),
-    label && /* @__PURE__ */ jsx60(
+    label && /* @__PURE__ */ jsx80(
       "label",
       {
         htmlFor: inputId,
@@ -2332,7 +2844,7 @@ function Checkbox({
 
 // src/components/DragHandleRow/DragHandleRow.tsx
 import styles32 from "./DragHandleRow.module.css";
-import { jsx as jsx61, jsxs as jsxs43 } from "react/jsx-runtime";
+import { jsx as jsx81, jsxs as jsxs62 } from "react/jsx-runtime";
 function DragHandleRow({
   children,
   handleProps,
@@ -2340,13 +2852,13 @@ function DragHandleRow({
   className,
   ...rest
 }) {
-  return /* @__PURE__ */ jsxs43(
+  return /* @__PURE__ */ jsxs62(
     "div",
     {
       ...rest,
       className: [styles32.row, isDragging ? styles32.dragging : "", className].filter(Boolean).join(" "),
       children: [
-        /* @__PURE__ */ jsx61(
+        /* @__PURE__ */ jsx81(
           "button",
           {
             type: "button",
@@ -2354,16 +2866,16 @@ function DragHandleRow({
             className: styles32.handle,
             tabIndex: -1,
             ...handleProps,
-            children: /* @__PURE__ */ jsx61(DragIcon, {})
+            children: /* @__PURE__ */ jsx81(DragIcon, {})
           }
         ),
-        /* @__PURE__ */ jsx61("div", { className: styles32.content, children })
+        /* @__PURE__ */ jsx81("div", { className: styles32.content, children })
       ]
     }
   );
 }
 function DragIcon() {
-  return /* @__PURE__ */ jsx61(
+  return /* @__PURE__ */ jsx81(
     "svg",
     {
       width: "14",
@@ -2373,7 +2885,7 @@ function DragIcon() {
       "aria-hidden": "true",
       className: styles32.icon,
       children: [3, 7, 11].map(
-        (cy) => [4, 10].map((cx) => /* @__PURE__ */ jsx61("circle", { cx, cy, r: 1.2, fill: "currentColor" }, `${cx}-${cy}`))
+        (cy) => [4, 10].map((cx) => /* @__PURE__ */ jsx81("circle", { cx, cy, r: 1.2, fill: "currentColor" }, `${cx}-${cy}`))
       )
     }
   );
@@ -2447,7 +2959,7 @@ function formatDateLabel(date) {
 
 // src/components/Calendar/Calendar.tsx
 import styles33 from "./Calendar.module.css";
-import { jsx as jsx62, jsxs as jsxs44 } from "react/jsx-runtime";
+import { jsx as jsx82, jsxs as jsxs63 } from "react/jsx-runtime";
 var WEEKDAY_LABEL_WEEK = getMonthGrid(new Date(2026, 0, 1))[0] ?? [];
 function Calendar({
   value,
@@ -2517,31 +3029,31 @@ function Calendar({
       default:
     }
   }
-  return /* @__PURE__ */ jsxs44("div", { className: styles33.calendar, "aria-label": ariaLabel, children: [
-    /* @__PURE__ */ jsxs44("div", { className: styles33.header, children: [
-      /* @__PURE__ */ jsx62(
+  return /* @__PURE__ */ jsxs63("div", { className: styles33.calendar, "aria-label": ariaLabel, children: [
+    /* @__PURE__ */ jsxs63("div", { className: styles33.header, children: [
+      /* @__PURE__ */ jsx82(
         "button",
         {
           type: "button",
           className: styles33.navButton,
           "aria-label": "Previous month",
           onClick: () => goToMonth(addMonths(displayedMonth, -1)),
-          children: /* @__PURE__ */ jsx62(Icon, { name: "chevron-left", size: "sm", "aria-hidden": true })
+          children: /* @__PURE__ */ jsx82(Icon, { name: "chevron-left", size: "sm", "aria-hidden": true })
         }
       ),
-      /* @__PURE__ */ jsx62("span", { className: styles33.monthLabel, children: formatMonthYear(displayedMonth) }),
-      /* @__PURE__ */ jsx62(
+      /* @__PURE__ */ jsx82("span", { className: styles33.monthLabel, children: formatMonthYear(displayedMonth) }),
+      /* @__PURE__ */ jsx82(
         "button",
         {
           type: "button",
           className: styles33.navButton,
           "aria-label": "Next month",
           onClick: () => goToMonth(addMonths(displayedMonth, 1)),
-          children: /* @__PURE__ */ jsx62(Icon, { name: "chevron-right", size: "sm", "aria-hidden": true })
+          children: /* @__PURE__ */ jsx82(Icon, { name: "chevron-right", size: "sm", "aria-hidden": true })
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs44(
+    /* @__PURE__ */ jsxs63(
       "div",
       {
         ref: gridRef,
@@ -2551,17 +3063,17 @@ function Calendar({
         onKeyDown: handleKeyDown,
         tabIndex: -1,
         children: [
-          /* @__PURE__ */ jsx62("div", { role: "row", className: styles33.weekdayRow, children: WEEKDAY_LABEL_WEEK.map((d) => /* @__PURE__ */ jsx62("span", { role: "columnheader", className: styles33.weekday, "aria-hidden": true, children: formatWeekdayShort(d) }, d.getDay())) }),
+          /* @__PURE__ */ jsx82("div", { role: "row", className: styles33.weekdayRow, children: WEEKDAY_LABEL_WEEK.map((d) => /* @__PURE__ */ jsx82("span", { role: "columnheader", className: styles33.weekday, "aria-hidden": true, children: formatWeekdayShort(d) }, d.getDay())) }),
           weeks.map((week) => {
             const firstDayOfWeek = week[0];
             if (!firstDayOfWeek) return null;
-            return /* @__PURE__ */ jsx62("div", { role: "row", className: styles33.week, children: week.map((date) => {
+            return /* @__PURE__ */ jsx82("div", { role: "row", className: styles33.week, children: week.map((date) => {
               const isCurrentMonth = isSameMonth(date, displayedMonth);
               const isSelected = value !== null && isSameDay(date, value);
               const isToday = isSameDay(date, /* @__PURE__ */ new Date());
               const isFocusTarget = isSameDay(date, focusedDate);
               const disabled = !isWithinRange(date, minDate, maxDate);
-              return /* @__PURE__ */ jsx62("div", { role: "gridcell", "aria-selected": isSelected, children: /* @__PURE__ */ jsx62(
+              return /* @__PURE__ */ jsx82("div", { role: "gridcell", "aria-selected": isSelected, children: /* @__PURE__ */ jsx82(
                 "button",
                 {
                   type: "button",
@@ -2591,7 +3103,7 @@ function Calendar({
 // src/components/DatePicker/DatePicker.tsx
 import { useState as useState11 } from "react";
 import styles34 from "./DatePicker.module.css";
-import { Fragment as Fragment2, jsx as jsx63, jsxs as jsxs45 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx83, jsxs as jsxs64 } from "react/jsx-runtime";
 var POPOVER_WIDTH = 320;
 function DatePicker({
   value,
@@ -2608,7 +3120,7 @@ function DatePicker({
     onChange(date);
     setOpen(false);
   }
-  const trigger = /* @__PURE__ */ jsxs45(
+  const trigger = /* @__PURE__ */ jsxs64(
     "button",
     {
       type: "button",
@@ -2619,12 +3131,12 @@ function DatePicker({
       "aria-expanded": open,
       onClick: () => setOpen((o) => !o),
       children: [
-        /* @__PURE__ */ jsx63("span", { className: value ? styles34.triggerValue : styles34.triggerPlaceholder, children: value ? formatDateShort(value) : placeholder }),
-        /* @__PURE__ */ jsx63(Icon, { name: "calendar", size: "sm", "aria-hidden": true })
+        /* @__PURE__ */ jsx83("span", { className: value ? styles34.triggerValue : styles34.triggerPlaceholder, children: value ? formatDateShort(value) : placeholder }),
+        /* @__PURE__ */ jsx83(Icon, { name: "calendar", size: "sm", "aria-hidden": true })
       ]
     }
   );
-  const calendar = /* @__PURE__ */ jsx63(
+  const calendar = /* @__PURE__ */ jsx83(
     Calendar,
     {
       value,
@@ -2635,12 +3147,12 @@ function DatePicker({
     }
   );
   if (isMobile) {
-    return /* @__PURE__ */ jsxs45(Fragment2, { children: [
+    return /* @__PURE__ */ jsxs64(Fragment2, { children: [
       trigger,
-      /* @__PURE__ */ jsx63(Drawer, { open, onClose: () => setOpen(false), "aria-label": ariaLabel, children: /* @__PURE__ */ jsx63("div", { className: styles34.drawerBody, children: calendar }) })
+      /* @__PURE__ */ jsx83(Drawer, { open, onClose: () => setOpen(false), "aria-label": ariaLabel, children: /* @__PURE__ */ jsx83("div", { className: styles34.drawerBody, children: calendar }) })
     ] });
   }
-  return /* @__PURE__ */ jsx63(
+  return /* @__PURE__ */ jsx83(
     Popover,
     {
       trigger,
@@ -2648,16 +3160,339 @@ function DatePicker({
       onClose: () => setOpen(false),
       "aria-label": ariaLabel,
       width: POPOVER_WIDTH,
-      children: /* @__PURE__ */ jsx63("div", { className: styles34.popoverBody, children: calendar })
+      children: /* @__PURE__ */ jsx83("div", { className: styles34.popoverBody, children: calendar })
+    }
+  );
+}
+
+// src/components/SuggestionInput/SuggestionInput.tsx
+import { useId as useId4, useRef as useRef11, useState as useState12 } from "react";
+import styles35 from "./SuggestionInput.module.css";
+import { Fragment as Fragment3, jsx as jsx84, jsxs as jsxs65 } from "react/jsx-runtime";
+function SuggestionInput({
+  value,
+  onChange,
+  options,
+  onSelect,
+  placeholder,
+  "aria-label": ariaLabel,
+  id,
+  disabled = false,
+  loading = false,
+  createLabel,
+  onCreate,
+  className
+}) {
+  const generatedId = useId4();
+  const inputId = id ?? generatedId;
+  const listId = `${inputId}-suggestions`;
+  const inputRef = useRef11(null);
+  const [focused, setFocused] = useState12(false);
+  const [activeIndex, setActiveIndex] = useState12(-1);
+  const showCreateRow = Boolean(onCreate && createLabel && value.trim());
+  const rowCount = options.length + (showCreateRow ? 1 : 0);
+  const open = focused && (rowCount > 0 || loading);
+  function close() {
+    setFocused(false);
+    setActiveIndex(-1);
+  }
+  function commitIndex(index) {
+    if (index < 0 || index >= rowCount) return;
+    const option = options[index];
+    if (option) {
+      onSelect(option);
+    } else if (onCreate) {
+      onCreate(value);
+    }
+    close();
+  }
+  function handleKeyDown(e) {
+    if (!open) return;
+    const isArrowDown = e.key === "ArrowDown" || e.keyCode === 40;
+    const isArrowUp = e.key === "ArrowUp" || e.keyCode === 38;
+    const isEnter = e.key === "Enter" || e.keyCode === 13;
+    const isEscape = e.key === "Escape" || e.keyCode === 27;
+    if (isArrowDown) {
+      e.preventDefault();
+      setActiveIndex((i) => (i + 1) % rowCount);
+    } else if (isArrowUp) {
+      e.preventDefault();
+      setActiveIndex((i) => i <= 0 ? rowCount - 1 : i - 1);
+    } else if (isEnter) {
+      e.preventDefault();
+      commitIndex(activeIndex === -1 ? 0 : activeIndex);
+    } else if (isEscape) {
+      close();
+    }
+  }
+  const trigger = /* @__PURE__ */ jsx84(
+    "input",
+    {
+      ref: inputRef,
+      id: inputId,
+      type: "text",
+      role: "combobox",
+      "aria-expanded": open,
+      "aria-controls": listId,
+      "aria-autocomplete": "list",
+      "aria-activedescendant": activeIndex >= 0 ? `${listId}-option-${activeIndex}` : void 0,
+      "aria-label": ariaLabel,
+      className: [styles35.input, className].filter(Boolean).join(" "),
+      value,
+      placeholder,
+      disabled,
+      autoComplete: "off",
+      onChange: (e) => {
+        onChange(e.target.value);
+        setActiveIndex(-1);
+      },
+      onFocus: () => setFocused(true),
+      onKeyDown: handleKeyDown
+    }
+  );
+  return /* @__PURE__ */ jsx84(
+    Popover,
+    {
+      trigger,
+      open,
+      onClose: close,
+      width: "trigger",
+      "aria-label": `${ariaLabel} suggestions`,
+      children: /* @__PURE__ */ jsx84("ul", { id: listId, role: "listbox", className: styles35.list, children: loading ? /* @__PURE__ */ jsx84("li", { className: styles35.status, children: "Loading\u2026" }) : /* @__PURE__ */ jsxs65(Fragment3, { children: [
+        options.map((option, index) => /* @__PURE__ */ jsx84("li", { role: "none", children: /* @__PURE__ */ jsxs65(
+          "button",
+          {
+            id: `${listId}-option-${index}`,
+            role: "option",
+            "aria-selected": index === activeIndex,
+            type: "button",
+            className: [styles35.option, index === activeIndex ? styles35.optionActive : ""].filter(Boolean).join(" "),
+            onMouseDown: (e) => {
+              e.preventDefault();
+              commitIndex(index);
+            },
+            children: [
+              option.icon && /* @__PURE__ */ jsx84("span", { className: styles35.optionIcon, children: option.icon }),
+              /* @__PURE__ */ jsx84("span", { className: styles35.optionLabel, children: option.label }),
+              option.meta && /* @__PURE__ */ jsx84("span", { className: styles35.optionMeta, children: option.meta })
+            ]
+          }
+        ) }, option.id)),
+        showCreateRow && createLabel && /* @__PURE__ */ jsxs65("li", { role: "none", children: [
+          options.length > 0 && /* @__PURE__ */ jsx84("div", { className: styles35.divider }),
+          /* @__PURE__ */ jsx84(
+            "button",
+            {
+              id: `${listId}-option-${options.length}`,
+              role: "option",
+              "aria-selected": options.length === activeIndex,
+              type: "button",
+              className: [
+                styles35.option,
+                styles35.optionCreate,
+                options.length === activeIndex ? styles35.optionActive : ""
+              ].filter(Boolean).join(" "),
+              onMouseDown: (e) => {
+                e.preventDefault();
+                commitIndex(options.length);
+              },
+              children: createLabel(value)
+            }
+          )
+        ] })
+      ] }) })
     }
   );
 }
+
+// src/components/IconPicker/IconPicker.tsx
+import { useState as useState13 } from "react";
+import styles36 from "./IconPicker.module.css";
+import { jsx as jsx85, jsxs as jsxs66 } from "react/jsx-runtime";
+function IconPicker({
+  value,
+  onChange,
+  options,
+  "aria-label": ariaLabel,
+  triggerLabel,
+  disabled = false,
+  className
+}) {
+  const [open, setOpen] = useState13(false);
+  const trigger = /* @__PURE__ */ jsxs66(
+    "button",
+    {
+      type: "button",
+      className: [styles36.trigger, className].filter(Boolean).join(" "),
+      onClick: () => setOpen((o) => !o),
+      disabled,
+      "aria-label": ariaLabel,
+      "aria-haspopup": "true",
+      "aria-expanded": open,
+      children: [
+        value ? /* @__PURE__ */ jsx85(Icon, { name: value, size: "md", "aria-hidden": true }) : /* @__PURE__ */ jsx85("span", { className: styles36.placeholder, "aria-hidden": true, children: "?" }),
+        triggerLabel && /* @__PURE__ */ jsx85("span", { className: styles36.triggerLabel, children: triggerLabel })
+      ]
+    }
+  );
+  return /* @__PURE__ */ jsx85(
+    Popover,
+    {
+      trigger,
+      open,
+      onClose: () => setOpen(false),
+      width: 240,
+      "aria-label": `${ariaLabel} options`,
+      children: /* @__PURE__ */ jsx85("div", { className: styles36.grid, role: "listbox", "aria-label": ariaLabel, children: options.map((name) => /* @__PURE__ */ jsx85(
+        "button",
+        {
+          type: "button",
+          role: "option",
+          "aria-selected": name === value,
+          className: [styles36.option, name === value ? styles36.optionSelected : ""].filter(Boolean).join(" "),
+          onClick: () => {
+            onChange(name);
+            setOpen(false);
+          },
+          children: /* @__PURE__ */ jsx85(Icon, { name, size: "md", "aria-hidden": true })
+        },
+        name
+      )) })
+    }
+  );
+}
+
+// src/components/QuantityStepper/QuantityStepper.tsx
+import { useId as useId5 } from "react";
+import styles37 from "./QuantityStepper.module.css";
+import { jsx as jsx86, jsxs as jsxs67 } from "react/jsx-runtime";
+function QuantityStepper({
+  value,
+  onChange,
+  min = 0,
+  max,
+  step = 1,
+  unit,
+  "aria-label": ariaLabel,
+  disabled = false,
+  id,
+  className
+}) {
+  const generatedId = useId5();
+  const inputId = id ?? generatedId;
+  function clamp(next) {
+    let result = next;
+    if (min !== void 0) result = Math.max(min, result);
+    if (max !== void 0) result = Math.min(max, result);
+    return Math.round(result * 1e3) / 1e3;
+  }
+  function handleInputChange(e) {
+    const parsed = Number.parseFloat(e.target.value);
+    if (!Number.isNaN(parsed)) onChange(clamp(parsed));
+  }
+  const decrementDisabled = disabled || min !== void 0 && value <= min;
+  const incrementDisabled = disabled || max !== void 0 && value >= max;
+  return /* @__PURE__ */ jsxs67("div", { className: [styles37.root, className].filter(Boolean).join(" "), children: [
+    /* @__PURE__ */ jsx86(
+      "button",
+      {
+        type: "button",
+        className: styles37.button,
+        onClick: () => onChange(clamp(value - step)),
+        disabled: decrementDisabled,
+        "aria-label": `Decrease ${ariaLabel}`,
+        children: "\u2212"
+      }
+    ),
+    /* @__PURE__ */ jsx86(
+      "input",
+      {
+        id: inputId,
+        type: "number",
+        className: styles37.input,
+        value,
+        onChange: handleInputChange,
+        min,
+        max,
+        step,
+        disabled,
+        "aria-label": ariaLabel
+      }
+    ),
+    unit && /* @__PURE__ */ jsx86("span", { className: styles37.unit, "aria-hidden": true, children: unit }),
+    /* @__PURE__ */ jsx86(
+      "button",
+      {
+        type: "button",
+        className: styles37.button,
+        onClick: () => onChange(clamp(value + step)),
+        disabled: incrementDisabled,
+        "aria-label": `Increase ${ariaLabel}`,
+        children: "+"
+      }
+    )
+  ] });
+}
+
+// src/components/CheckableListRow/CheckableListRow.tsx
+import styles38 from "./CheckableListRow.module.css";
+import { jsx as jsx87, jsxs as jsxs68 } from "react/jsx-runtime";
+function CheckableListRow({
+  checked,
+  onCheckedChange,
+  label,
+  icon,
+  trailing,
+  disabled = false,
+  className
+}) {
+  function toggle() {
+    if (!disabled) onCheckedChange(!checked);
+  }
+  function handleKeyDown(e) {
+    if (e.key === " " || e.key === "Enter") {
+      e.preventDefault();
+      toggle();
+    }
+  }
+  return /* @__PURE__ */ jsxs68("div", { className: [styles38.row, className].filter(Boolean).join(" "), children: [
+    /* @__PURE__ */ jsxs68(
+      "div",
+      {
+        role: "checkbox",
+        "aria-checked": checked,
+        "aria-label": label,
+        "aria-disabled": disabled || void 0,
+        tabIndex: disabled ? -1 : 0,
+        className: styles38.tapTarget,
+        onClick: toggle,
+        onKeyDown: handleKeyDown,
+        children: [
+          /* @__PURE__ */ jsx87("span", { className: [styles38.box, checked ? styles38.checked : ""].filter(Boolean).join(" "), children: checked && /* @__PURE__ */ jsx87("svg", { className: styles38.tick, viewBox: "0 0 10 8", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx87(
+            "path",
+            {
+              d: "M1 4l3 3 5-6",
+              stroke: "currentColor",
+              strokeWidth: "1.5",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          ) }) }),
+          icon && /* @__PURE__ */ jsx87("span", { className: styles38.icon, children: icon }),
+          /* @__PURE__ */ jsx87("span", { className: [styles38.label, checked ? styles38.struck : ""].filter(Boolean).join(" "), children: label })
+        ]
+      }
+    ),
+    trailing && /* @__PURE__ */ jsx87("span", { className: styles38.trailing, children: trailing })
+  ] });
+}
 export {
   Avatar,
   Badge,
   Button,
   Calendar,
   Card,
+  CheckableListRow,
   Checkbox,
   CodeTextarea,
   ConfirmDialog,
@@ -2668,6 +3503,7 @@ export {
   EmptyState,
   FormField,
   Icon,
+  IconPicker,
   Input,
   MOBILE_BREAKPOINT_PX,
   Menu,
@@ -2675,12 +3511,14 @@ export {
   OverlayHeader,
   PageHeader,
   Popover,
+  QuantityStepper,
   SegmentedControl,
   Select,
   Sheet,
   Spinner,
   SplitPane,
   StatusBadge,
+  SuggestionInput,
   SystemBanner,
   Tabs,
   TagInput,