@sovereignfs/ui 0.40.0 → 0.45.0

package/dist/index.js

@@ -19,14 +19,32 @@ var STATUS_CHIP_CLASS = {
   pending: styles.chipAmber,
   neutral: styles.chipNeutral
 };
-function Badge({ variant = "role", status = "neutral", children }) {
+function Badge({
+  variant = "role",
+  size = "md",
+  status = "neutral",
+  uppercase = true,
+  children
+}) {
   const isStatus = variant === "status";
   const dotClass = isStatus ? STATUS_DOT_CLASS[status] : void 0;
   const chipClass = isStatus ? STATUS_CHIP_CLASS[status] : void 0;
-  return /* @__PURE__ */ jsxs("span", { className: [styles.badge, styles[variant], chipClass].filter(Boolean).join(" "), children: [
-    isStatus && /* @__PURE__ */ jsx("span", { className: [styles.dot, dotClass].join(" "), "aria-hidden": true }),
-    children
-  ] });
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      className: [
+        styles.badge,
+        styles[variant],
+        styles[size],
+        chipClass,
+        uppercase && styles.uppercase
+      ].filter(Boolean).join(" "),
+      children: [
+        isStatus && /* @__PURE__ */ jsx("span", { className: [styles.dot, dotClass].join(" "), "aria-hidden": true }),
+        children
+      ]
+    }
+  );
 }
 
 // src/components/Icon/icons/house.tsx
@@ -591,9 +609,9 @@ function AlertTriangleIcon(props) {
   );
 }
 
-// src/components/Icon/icons/calendar.tsx
+// src/components/Icon/icons/circle-check.tsx
 import { jsx as jsx28, jsxs as jsxs21 } from "react/jsx-runtime";
-function CalendarIcon(props) {
+function CircleCheckIcon(props) {
   return /* @__PURE__ */ jsxs21(
     "svg",
     {
@@ -606,18 +624,16 @@ function CalendarIcon(props) {
       strokeLinejoin: "round",
       ...props,
       children: [
-        /* @__PURE__ */ jsx28("path", { d: "M8 2v4" }),
-        /* @__PURE__ */ jsx28("path", { d: "M16 2v4" }),
-        /* @__PURE__ */ jsx28("rect", { width: "18", height: "18", x: "3", y: "4", rx: "2" }),
-        /* @__PURE__ */ jsx28("path", { d: "M3 10h18" })
+        /* @__PURE__ */ jsx28("circle", { cx: "12", cy: "12", r: "10" }),
+        /* @__PURE__ */ jsx28("path", { d: "m9 12 2 2 4-4" })
       ]
     }
   );
 }
 
-// src/components/Icon/icons/sliders-horizontal.tsx
+// src/components/Icon/icons/circle-x.tsx
 import { jsx as jsx29, jsxs as jsxs22 } from "react/jsx-runtime";
-function SlidersHorizontalIcon(props) {
+function CircleXIcon(props) {
   return /* @__PURE__ */ jsxs22(
     "svg",
     {
@@ -630,23 +646,17 @@ function SlidersHorizontalIcon(props) {
       strokeLinejoin: "round",
       ...props,
       children: [
-        /* @__PURE__ */ jsx29("path", { d: "M10 5H3" }),
-        /* @__PURE__ */ jsx29("path", { d: "M12 19H3" }),
-        /* @__PURE__ */ jsx29("path", { d: "M14 3v4" }),
-        /* @__PURE__ */ jsx29("path", { d: "M16 17v4" }),
-        /* @__PURE__ */ jsx29("path", { d: "M21 12h-9" }),
-        /* @__PURE__ */ jsx29("path", { d: "M21 19h-5" }),
-        /* @__PURE__ */ jsx29("path", { d: "M21 5h-7" }),
-        /* @__PURE__ */ jsx29("path", { d: "M8 10v4" }),
-        /* @__PURE__ */ jsx29("path", { d: "M8 12H3" })
+        /* @__PURE__ */ jsx29("circle", { cx: "12", cy: "12", r: "10" }),
+        /* @__PURE__ */ jsx29("path", { d: "m15 9-6 6" }),
+        /* @__PURE__ */ jsx29("path", { d: "m9 9 6 6" })
       ]
     }
   );
 }
 
-// src/components/Icon/icons/ellipsis-vertical.tsx
+// src/components/Icon/icons/calendar.tsx
 import { jsx as jsx30, jsxs as jsxs23 } from "react/jsx-runtime";
-function EllipsisVerticalIcon(props) {
+function CalendarIcon(props) {
   return /* @__PURE__ */ jsxs23(
     "svg",
     {
@@ -659,17 +669,18 @@ function EllipsisVerticalIcon(props) {
       strokeLinejoin: "round",
       ...props,
       children: [
-        /* @__PURE__ */ jsx30("circle", { cx: "12", cy: "12", r: "1" }),
-        /* @__PURE__ */ jsx30("circle", { cx: "12", cy: "5", r: "1" }),
-        /* @__PURE__ */ jsx30("circle", { cx: "12", cy: "19", r: "1" })
+        /* @__PURE__ */ jsx30("path", { d: "M8 2v4" }),
+        /* @__PURE__ */ jsx30("path", { d: "M16 2v4" }),
+        /* @__PURE__ */ jsx30("rect", { width: "18", height: "18", x: "3", y: "4", rx: "2" }),
+        /* @__PURE__ */ jsx30("path", { d: "M3 10h18" })
       ]
     }
   );
 }
 
-// src/components/Icon/icons/file.tsx
+// src/components/Icon/icons/sliders-horizontal.tsx
 import { jsx as jsx31, jsxs as jsxs24 } from "react/jsx-runtime";
-function FileIcon(props) {
+function SlidersHorizontalIcon(props) {
   return /* @__PURE__ */ jsxs24(
     "svg",
     {
@@ -682,16 +693,23 @@ function FileIcon(props) {
       strokeLinejoin: "round",
       ...props,
       children: [
-        /* @__PURE__ */ jsx31("path", { d: "M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z" }),
-        /* @__PURE__ */ jsx31("path", { d: "M14 2v5a1 1 0 0 0 1 1h5" })
+        /* @__PURE__ */ jsx31("path", { d: "M10 5H3" }),
+        /* @__PURE__ */ jsx31("path", { d: "M12 19H3" }),
+        /* @__PURE__ */ jsx31("path", { d: "M14 3v4" }),
+        /* @__PURE__ */ jsx31("path", { d: "M16 17v4" }),
+        /* @__PURE__ */ jsx31("path", { d: "M21 12h-9" }),
+        /* @__PURE__ */ jsx31("path", { d: "M21 19h-5" }),
+        /* @__PURE__ */ jsx31("path", { d: "M21 5h-7" }),
+        /* @__PURE__ */ jsx31("path", { d: "M8 10v4" }),
+        /* @__PURE__ */ jsx31("path", { d: "M8 12H3" })
       ]
     }
   );
 }
 
-// src/components/Icon/icons/upload.tsx
+// src/components/Icon/icons/ellipsis-vertical.tsx
 import { jsx as jsx32, jsxs as jsxs25 } from "react/jsx-runtime";
-function UploadIcon(props) {
+function EllipsisVerticalIcon(props) {
   return /* @__PURE__ */ jsxs25(
     "svg",
     {
@@ -704,17 +722,17 @@ function UploadIcon(props) {
       strokeLinejoin: "round",
       ...props,
       children: [
-        /* @__PURE__ */ jsx32("path", { d: "M12 3v12" }),
-        /* @__PURE__ */ jsx32("path", { d: "m17 8-5-5-5 5" }),
-        /* @__PURE__ */ jsx32("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" })
+        /* @__PURE__ */ jsx32("circle", { cx: "12", cy: "12", r: "1" }),
+        /* @__PURE__ */ jsx32("circle", { cx: "12", cy: "5", r: "1" }),
+        /* @__PURE__ */ jsx32("circle", { cx: "12", cy: "19", r: "1" })
       ]
     }
   );
 }
 
-// src/components/Icon/icons/external-link.tsx
+// src/components/Icon/icons/file.tsx
 import { jsx as jsx33, jsxs as jsxs26 } from "react/jsx-runtime";
-function ExternalLinkIcon(props) {
+function FileIcon(props) {
   return /* @__PURE__ */ jsxs26(
     "svg",
     {
@@ -727,17 +745,16 @@ function ExternalLinkIcon(props) {
       strokeLinejoin: "round",
       ...props,
       children: [
-        /* @__PURE__ */ jsx33("path", { d: "M15 3h6v6" }),
-        /* @__PURE__ */ jsx33("path", { d: "M10 14 21 3" }),
-        /* @__PURE__ */ jsx33("path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" })
+        /* @__PURE__ */ jsx33("path", { d: "M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z" }),
+        /* @__PURE__ */ jsx33("path", { d: "M14 2v5a1 1 0 0 0 1 1h5" })
       ]
     }
   );
 }
 
-// src/components/Icon/icons/banana.tsx
+// src/components/Icon/icons/upload.tsx
 import { jsx as jsx34, jsxs as jsxs27 } from "react/jsx-runtime";
-function BananaIcon(props) {
+function UploadIcon(props) {
   return /* @__PURE__ */ jsxs27(
     "svg",
     {
@@ -750,16 +767,17 @@ function BananaIcon(props) {
       strokeLinejoin: "round",
       ...props,
       children: [
-        /* @__PURE__ */ jsx34("path", { d: "M4 13c3.5-2 8-2 10 2a5.5 5.5 0 0 1 8 5" }),
-        /* @__PURE__ */ jsx34("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" })
+        /* @__PURE__ */ jsx34("path", { d: "M12 3v12" }),
+        /* @__PURE__ */ jsx34("path", { d: "m17 8-5-5-5 5" }),
+        /* @__PURE__ */ jsx34("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" })
       ]
     }
   );
 }
 
-// src/components/Icon/icons/apple.tsx
+// src/components/Icon/icons/external-link.tsx
 import { jsx as jsx35, jsxs as jsxs28 } from "react/jsx-runtime";
-function AppleIcon(props) {
+function ExternalLinkIcon(props) {
   return /* @__PURE__ */ jsxs28(
     "svg",
     {
@@ -772,16 +790,17 @@ function AppleIcon(props) {
       strokeLinejoin: "round",
       ...props,
       children: [
-        /* @__PURE__ */ jsx35("path", { d: "M12 6.528V3a1 1 0 0 1 1-1h0" }),
-        /* @__PURE__ */ jsx35("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" })
+        /* @__PURE__ */ jsx35("path", { d: "M15 3h6v6" }),
+        /* @__PURE__ */ jsx35("path", { d: "M10 14 21 3" }),
+        /* @__PURE__ */ jsx35("path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" })
       ]
     }
   );
 }
 
-// src/components/Icon/icons/carrot.tsx
+// src/components/Icon/icons/banana.tsx
 import { jsx as jsx36, jsxs as jsxs29 } from "react/jsx-runtime";
-function CarrotIcon(props) {
+function BananaIcon(props) {
   return /* @__PURE__ */ jsxs29(
     "svg",
     {
@@ -794,18 +813,62 @@ function CarrotIcon(props) {
       strokeLinejoin: "round",
       ...props,
       children: [
-        /* @__PURE__ */ jsx36("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__ */ jsx36("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__ */ jsx36("path", { d: "M15 2s-2 1.33-2 3.5S15 9 15 9s2-1.84 2-3.5C17 3.33 15 2 15 2z" })
+        /* @__PURE__ */ jsx36("path", { d: "M4 13c3.5-2 8-2 10 2a5.5 5.5 0 0 1 8 5" }),
+        /* @__PURE__ */ jsx36("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 jsx37, jsxs as jsxs30 } from "react/jsx-runtime";
+function AppleIcon(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__ */ jsx37("path", { d: "M12 6.528V3a1 1 0 0 1 1-1h0" }),
+        /* @__PURE__ */ jsx37("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 jsx38, jsxs as jsxs31 } from "react/jsx-runtime";
+function CarrotIcon(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__ */ jsx38("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__ */ jsx38("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__ */ jsx38("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 jsx37 } from "react/jsx-runtime";
+import { jsx as jsx39 } from "react/jsx-runtime";
 function EggIcon(props) {
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx39(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -816,15 +879,15 @@ function EggIcon(props) {
       strokeLinecap: "round",
       strokeLinejoin: "round",
       ...props,
-      children: /* @__PURE__ */ jsx37("path", { d: "M12 2C8 2 4 8 4 14a8 8 0 0 0 16 0c0-6-4-12-8-12" })
+      children: /* @__PURE__ */ jsx39("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 jsx38, jsxs as jsxs30 } from "react/jsx-runtime";
+import { jsx as jsx40, jsxs as jsxs32 } from "react/jsx-runtime";
 function BeefIcon(props) {
-  return /* @__PURE__ */ jsxs30(
+  return /* @__PURE__ */ jsxs32(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -836,18 +899,18 @@ function BeefIcon(props) {
       strokeLinejoin: "round",
       ...props,
       children: [
-        /* @__PURE__ */ jsx38("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__ */ jsx38("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__ */ jsx38("circle", { cx: "12.5", cy: "8.5", r: "2.5" })
+        /* @__PURE__ */ jsx40("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__ */ jsx40("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__ */ jsx40("circle", { cx: "12.5", cy: "8.5", r: "2.5" })
       ]
     }
   );
 }
 
 // src/components/Icon/icons/fish.tsx
-import { jsx as jsx39, jsxs as jsxs31 } from "react/jsx-runtime";
+import { jsx as jsx41, jsxs as jsxs33 } from "react/jsx-runtime";
 function FishIcon(props) {
-  return /* @__PURE__ */ jsxs31(
+  return /* @__PURE__ */ jsxs33(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -859,21 +922,21 @@ function FishIcon(props) {
       strokeLinejoin: "round",
       ...props,
       children: [
-        /* @__PURE__ */ jsx39("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__ */ jsx39("path", { d: "M18 12v.5" }),
-        /* @__PURE__ */ jsx39("path", { d: "M16 17.93a9.77 9.77 0 0 1 0-11.86" }),
-        /* @__PURE__ */ jsx39("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__ */ jsx39("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__ */ jsx39("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" })
+        /* @__PURE__ */ jsx41("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__ */ jsx41("path", { d: "M18 12v.5" }),
+        /* @__PURE__ */ jsx41("path", { d: "M16 17.93a9.77 9.77 0 0 1 0-11.86" }),
+        /* @__PURE__ */ jsx41("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__ */ jsx41("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__ */ jsx41("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 jsx40, jsxs as jsxs32 } from "react/jsx-runtime";
+import { jsx as jsx42, jsxs as jsxs34 } from "react/jsx-runtime";
 function CoffeeIcon(props) {
-  return /* @__PURE__ */ jsxs32(
+  return /* @__PURE__ */ jsxs34(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -885,19 +948,19 @@ function CoffeeIcon(props) {
       strokeLinejoin: "round",
       ...props,
       children: [
-        /* @__PURE__ */ jsx40("path", { d: "M10 2v2" }),
-        /* @__PURE__ */ jsx40("path", { d: "M14 2v2" }),
-        /* @__PURE__ */ jsx40("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__ */ jsx40("path", { d: "M6 2v2" })
+        /* @__PURE__ */ jsx42("path", { d: "M10 2v2" }),
+        /* @__PURE__ */ jsx42("path", { d: "M14 2v2" }),
+        /* @__PURE__ */ jsx42("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__ */ jsx42("path", { d: "M6 2v2" })
       ]
     }
   );
 }
 
 // src/components/Icon/icons/wine.tsx
-import { jsx as jsx41, jsxs as jsxs33 } from "react/jsx-runtime";
+import { jsx as jsx43, jsxs as jsxs35 } from "react/jsx-runtime";
 function WineIcon(props) {
-  return /* @__PURE__ */ jsxs33(
+  return /* @__PURE__ */ jsxs35(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -909,19 +972,19 @@ function WineIcon(props) {
       strokeLinejoin: "round",
       ...props,
       children: [
-        /* @__PURE__ */ jsx41("path", { d: "M8 22h8" }),
-        /* @__PURE__ */ jsx41("path", { d: "M7 10h10" }),
-        /* @__PURE__ */ jsx41("path", { d: "M12 15v7" }),
-        /* @__PURE__ */ jsx41("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" })
+        /* @__PURE__ */ jsx43("path", { d: "M8 22h8" }),
+        /* @__PURE__ */ jsx43("path", { d: "M7 10h10" }),
+        /* @__PURE__ */ jsx43("path", { d: "M12 15v7" }),
+        /* @__PURE__ */ jsx43("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 jsx42, jsxs as jsxs34 } from "react/jsx-runtime";
+import { jsx as jsx44, jsxs as jsxs36 } from "react/jsx-runtime";
 function BeerIcon(props) {
-  return /* @__PURE__ */ jsxs34(
+  return /* @__PURE__ */ jsxs36(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -933,20 +996,20 @@ function BeerIcon(props) {
       strokeLinejoin: "round",
       ...props,
       children: [
-        /* @__PURE__ */ jsx42("path", { d: "M17 11h1a3 3 0 0 1 0 6h-1" }),
-        /* @__PURE__ */ jsx42("path", { d: "M9 12v6" }),
-        /* @__PURE__ */ jsx42("path", { d: "M13 12v6" }),
-        /* @__PURE__ */ jsx42("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__ */ jsx42("path", { d: "M5 8v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V8" })
+        /* @__PURE__ */ jsx44("path", { d: "M17 11h1a3 3 0 0 1 0 6h-1" }),
+        /* @__PURE__ */ jsx44("path", { d: "M9 12v6" }),
+        /* @__PURE__ */ jsx44("path", { d: "M13 12v6" }),
+        /* @__PURE__ */ jsx44("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__ */ jsx44("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 jsx43, jsxs as jsxs35 } from "react/jsx-runtime";
+import { jsx as jsx45, jsxs as jsxs37 } from "react/jsx-runtime";
 function CookieIcon(props) {
-  return /* @__PURE__ */ jsxs35(
+  return /* @__PURE__ */ jsxs37(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -958,21 +1021,21 @@ function CookieIcon(props) {
       strokeLinejoin: "round",
       ...props,
       children: [
-        /* @__PURE__ */ jsx43("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__ */ jsx43("path", { d: "M8.5 8.5v.01" }),
-        /* @__PURE__ */ jsx43("path", { d: "M16 15.5v.01" }),
-        /* @__PURE__ */ jsx43("path", { d: "M12 12v.01" }),
-        /* @__PURE__ */ jsx43("path", { d: "M11 17v.01" }),
-        /* @__PURE__ */ jsx43("path", { d: "M7 14v.01" })
+        /* @__PURE__ */ jsx45("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__ */ jsx45("path", { d: "M8.5 8.5v.01" }),
+        /* @__PURE__ */ jsx45("path", { d: "M16 15.5v.01" }),
+        /* @__PURE__ */ jsx45("path", { d: "M12 12v.01" }),
+        /* @__PURE__ */ jsx45("path", { d: "M11 17v.01" }),
+        /* @__PURE__ */ jsx45("path", { d: "M7 14v.01" })
       ]
     }
   );
 }
 
 // src/components/Icon/icons/pizza.tsx
-import { jsx as jsx44, jsxs as jsxs36 } from "react/jsx-runtime";
+import { jsx as jsx46, jsxs as jsxs38 } from "react/jsx-runtime";
 function PizzaIcon(props) {
-  return /* @__PURE__ */ jsxs36(
+  return /* @__PURE__ */ jsxs38(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -984,20 +1047,20 @@ function PizzaIcon(props) {
       strokeLinejoin: "round",
       ...props,
       children: [
-        /* @__PURE__ */ jsx44("path", { d: "m12 14-1 1" }),
-        /* @__PURE__ */ jsx44("path", { d: "m13.75 18.25-1.25 1.42" }),
-        /* @__PURE__ */ jsx44("path", { d: "M17.775 5.654a15.68 15.68 0 0 0-12.121 12.12" }),
-        /* @__PURE__ */ jsx44("path", { d: "M18.8 9.3a1 1 0 0 0 2.1 7.7" }),
-        /* @__PURE__ */ jsx44("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" })
+        /* @__PURE__ */ jsx46("path", { d: "m12 14-1 1" }),
+        /* @__PURE__ */ jsx46("path", { d: "m13.75 18.25-1.25 1.42" }),
+        /* @__PURE__ */ jsx46("path", { d: "M17.775 5.654a15.68 15.68 0 0 0-12.121 12.12" }),
+        /* @__PURE__ */ jsx46("path", { d: "M18.8 9.3a1 1 0 0 0 2.1 7.7" }),
+        /* @__PURE__ */ jsx46("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 jsx45, jsxs as jsxs37 } from "react/jsx-runtime";
+import { jsx as jsx47, jsxs as jsxs39 } from "react/jsx-runtime";
 function CandyIcon(props) {
-  return /* @__PURE__ */ jsxs37(
+  return /* @__PURE__ */ jsxs39(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -1009,20 +1072,20 @@ function CandyIcon(props) {
       strokeLinejoin: "round",
       ...props,
       children: [
-        /* @__PURE__ */ jsx45("path", { d: "M10 7v10.9" }),
-        /* @__PURE__ */ jsx45("path", { d: "M14 6.1V17" }),
-        /* @__PURE__ */ jsx45("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__ */ jsx45("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__ */ jsx45("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" })
+        /* @__PURE__ */ jsx47("path", { d: "M10 7v10.9" }),
+        /* @__PURE__ */ jsx47("path", { d: "M14 6.1V17" }),
+        /* @__PURE__ */ jsx47("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__ */ jsx47("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__ */ jsx47("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 jsx46, jsxs as jsxs38 } from "react/jsx-runtime";
+import { jsx as jsx48, jsxs as jsxs40 } from "react/jsx-runtime";
 function SaladIcon(props) {
-  return /* @__PURE__ */ jsxs38(
+  return /* @__PURE__ */ jsxs40(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -1034,20 +1097,20 @@ function SaladIcon(props) {
       strokeLinejoin: "round",
       ...props,
       children: [
-        /* @__PURE__ */ jsx46("path", { d: "M7 21h10" }),
-        /* @__PURE__ */ jsx46("path", { d: "M12 21a9 9 0 0 0 9-9H3a9 9 0 0 0 9 9Z" }),
-        /* @__PURE__ */ jsx46("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__ */ jsx46("path", { d: "m13 12 4-4" }),
-        /* @__PURE__ */ jsx46("path", { d: "M10.9 7.25A3.99 3.99 0 0 0 4 10c0 .73.2 1.41.54 2" })
+        /* @__PURE__ */ jsx48("path", { d: "M7 21h10" }),
+        /* @__PURE__ */ jsx48("path", { d: "M12 21a9 9 0 0 0 9-9H3a9 9 0 0 0 9 9Z" }),
+        /* @__PURE__ */ jsx48("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__ */ jsx48("path", { d: "m13 12 4-4" }),
+        /* @__PURE__ */ jsx48("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 jsx47, jsxs as jsxs39 } from "react/jsx-runtime";
+import { jsx as jsx49, jsxs as jsxs41 } from "react/jsx-runtime";
 function MilkIcon(props) {
-  return /* @__PURE__ */ jsxs39(
+  return /* @__PURE__ */ jsxs41(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -1059,18 +1122,18 @@ function MilkIcon(props) {
       strokeLinejoin: "round",
       ...props,
       children: [
-        /* @__PURE__ */ jsx47("path", { d: "M8 2h8" }),
-        /* @__PURE__ */ jsx47("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__ */ jsx47("path", { d: "M7 15a6.472 6.472 0 0 1 5 0 6.47 6.47 0 0 0 5 0" })
+        /* @__PURE__ */ jsx49("path", { d: "M8 2h8" }),
+        /* @__PURE__ */ jsx49("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__ */ jsx49("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 jsx48, jsxs as jsxs40 } from "react/jsx-runtime";
+import { jsx as jsx50, jsxs as jsxs42 } from "react/jsx-runtime";
 function DrumstickIcon(props) {
-  return /* @__PURE__ */ jsxs40(
+  return /* @__PURE__ */ jsxs42(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -1082,17 +1145,17 @@ function DrumstickIcon(props) {
       strokeLinejoin: "round",
       ...props,
       children: [
-        /* @__PURE__ */ jsx48("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__ */ jsx48("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" })
+        /* @__PURE__ */ jsx50("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__ */ jsx50("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 jsx49, jsxs as jsxs41 } from "react/jsx-runtime";
+import { jsx as jsx51, jsxs as jsxs43 } from "react/jsx-runtime";
 function CroissantIcon(props) {
-  return /* @__PURE__ */ jsxs41(
+  return /* @__PURE__ */ jsxs43(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -1104,20 +1167,20 @@ function CroissantIcon(props) {
       strokeLinejoin: "round",
       ...props,
       children: [
-        /* @__PURE__ */ jsx49("path", { d: "M10.2 18H4.774a1.5 1.5 0 0 1-1.352-.97 11 11 0 0 1 .132-6.487" }),
-        /* @__PURE__ */ jsx49("path", { d: "M18 10.2V4.774a1.5 1.5 0 0 0-.97-1.352 11 11 0 0 0-6.486.132" }),
-        /* @__PURE__ */ jsx49("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__ */ jsx49("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__ */ jsx49("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" })
+        /* @__PURE__ */ jsx51("path", { d: "M10.2 18H4.774a1.5 1.5 0 0 1-1.352-.97 11 11 0 0 1 .132-6.487" }),
+        /* @__PURE__ */ jsx51("path", { d: "M18 10.2V4.774a1.5 1.5 0 0 0-.97-1.352 11 11 0 0 0-6.486.132" }),
+        /* @__PURE__ */ jsx51("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__ */ jsx51("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__ */ jsx51("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 jsx50, jsxs as jsxs42 } from "react/jsx-runtime";
+import { jsx as jsx52, jsxs as jsxs44 } from "react/jsx-runtime";
 function CupSodaIcon(props) {
-  return /* @__PURE__ */ jsxs42(
+  return /* @__PURE__ */ jsxs44(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -1129,19 +1192,19 @@ function CupSodaIcon(props) {
       strokeLinejoin: "round",
       ...props,
       children: [
-        /* @__PURE__ */ jsx50("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__ */ jsx50("path", { d: "M5 8h14" }),
-        /* @__PURE__ */ jsx50("path", { d: "M7 15a6.47 6.47 0 0 1 5 0 6.47 6.47 0 0 0 5 0" }),
-        /* @__PURE__ */ jsx50("path", { d: "m12 8 1-6h2" })
+        /* @__PURE__ */ jsx52("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__ */ jsx52("path", { d: "M5 8h14" }),
+        /* @__PURE__ */ jsx52("path", { d: "M7 15a6.47 6.47 0 0 1 5 0 6.47 6.47 0 0 0 5 0" }),
+        /* @__PURE__ */ jsx52("path", { d: "m12 8 1-6h2" })
       ]
     }
   );
 }
 
 // src/components/Icon/icons/spray-can.tsx
-import { jsx as jsx51, jsxs as jsxs43 } from "react/jsx-runtime";
+import { jsx as jsx53, jsxs as jsxs45 } from "react/jsx-runtime";
 function SprayCanIcon(props) {
-  return /* @__PURE__ */ jsxs43(
+  return /* @__PURE__ */ jsxs45(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -1153,25 +1216,25 @@ function SprayCanIcon(props) {
       strokeLinejoin: "round",
       ...props,
       children: [
-        /* @__PURE__ */ jsx51("path", { d: "M3 3h.01" }),
-        /* @__PURE__ */ jsx51("path", { d: "M7 5h.01" }),
-        /* @__PURE__ */ jsx51("path", { d: "M11 7h.01" }),
-        /* @__PURE__ */ jsx51("path", { d: "M3 7h.01" }),
-        /* @__PURE__ */ jsx51("path", { d: "M7 9h.01" }),
-        /* @__PURE__ */ jsx51("path", { d: "M3 11h.01" }),
-        /* @__PURE__ */ jsx51("rect", { width: "4", height: "4", x: "15", y: "5" }),
-        /* @__PURE__ */ jsx51("path", { d: "m19 9 2 2v10c0 .6-.4 1-1 1h-6c-.6 0-1-.4-1-1V11l2-2" }),
-        /* @__PURE__ */ jsx51("path", { d: "m13 14 8-2" }),
-        /* @__PURE__ */ jsx51("path", { d: "m13 19 8-2" })
+        /* @__PURE__ */ jsx53("path", { d: "M3 3h.01" }),
+        /* @__PURE__ */ jsx53("path", { d: "M7 5h.01" }),
+        /* @__PURE__ */ jsx53("path", { d: "M11 7h.01" }),
+        /* @__PURE__ */ jsx53("path", { d: "M3 7h.01" }),
+        /* @__PURE__ */ jsx53("path", { d: "M7 9h.01" }),
+        /* @__PURE__ */ jsx53("path", { d: "M3 11h.01" }),
+        /* @__PURE__ */ jsx53("rect", { width: "4", height: "4", x: "15", y: "5" }),
+        /* @__PURE__ */ jsx53("path", { d: "m19 9 2 2v10c0 .6-.4 1-1 1h-6c-.6 0-1-.4-1-1V11l2-2" }),
+        /* @__PURE__ */ jsx53("path", { d: "m13 14 8-2" }),
+        /* @__PURE__ */ jsx53("path", { d: "m13 19 8-2" })
       ]
     }
   );
 }
 
 // src/components/Icon/icons/snowflake.tsx
-import { jsx as jsx52, jsxs as jsxs44 } from "react/jsx-runtime";
+import { jsx as jsx54, jsxs as jsxs46 } from "react/jsx-runtime";
 function SnowflakeIcon(props) {
-  return /* @__PURE__ */ jsxs44(
+  return /* @__PURE__ */ jsxs46(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -1183,27 +1246,27 @@ function SnowflakeIcon(props) {
       strokeLinejoin: "round",
       ...props,
       children: [
-        /* @__PURE__ */ jsx52("path", { d: "m10 20-1.25-2.5L6 18" }),
-        /* @__PURE__ */ jsx52("path", { d: "M10 4 8.75 6.5 6 6" }),
-        /* @__PURE__ */ jsx52("path", { d: "m14 20 1.25-2.5L18 18" }),
-        /* @__PURE__ */ jsx52("path", { d: "m14 4 1.25 2.5L18 6" }),
-        /* @__PURE__ */ jsx52("path", { d: "m17 21-3-6h-4" }),
-        /* @__PURE__ */ jsx52("path", { d: "m17 3-3 6 1.5 3" }),
-        /* @__PURE__ */ jsx52("path", { d: "M2 12h6.5L10 9" }),
-        /* @__PURE__ */ jsx52("path", { d: "m20 10-1.5 2 1.5 2" }),
-        /* @__PURE__ */ jsx52("path", { d: "M22 12h-6.5L14 15" }),
-        /* @__PURE__ */ jsx52("path", { d: "m4 10 1.5 2L4 14" }),
-        /* @__PURE__ */ jsx52("path", { d: "m7 21 3-6-1.5-3" }),
-        /* @__PURE__ */ jsx52("path", { d: "m7 3 3 6h4" })
+        /* @__PURE__ */ jsx54("path", { d: "m10 20-1.25-2.5L6 18" }),
+        /* @__PURE__ */ jsx54("path", { d: "M10 4 8.75 6.5 6 6" }),
+        /* @__PURE__ */ jsx54("path", { d: "m14 20 1.25-2.5L18 18" }),
+        /* @__PURE__ */ jsx54("path", { d: "m14 4 1.25 2.5L18 6" }),
+        /* @__PURE__ */ jsx54("path", { d: "m17 21-3-6h-4" }),
+        /* @__PURE__ */ jsx54("path", { d: "m17 3-3 6 1.5 3" }),
+        /* @__PURE__ */ jsx54("path", { d: "M2 12h6.5L10 9" }),
+        /* @__PURE__ */ jsx54("path", { d: "m20 10-1.5 2 1.5 2" }),
+        /* @__PURE__ */ jsx54("path", { d: "M22 12h-6.5L14 15" }),
+        /* @__PURE__ */ jsx54("path", { d: "m4 10 1.5 2L4 14" }),
+        /* @__PURE__ */ jsx54("path", { d: "m7 21 3-6-1.5-3" }),
+        /* @__PURE__ */ jsx54("path", { d: "m7 3 3 6h4" })
       ]
     }
   );
 }
 
 // src/components/Icon/icons/shopping-basket.tsx
-import { jsx as jsx53, jsxs as jsxs45 } from "react/jsx-runtime";
+import { jsx as jsx55, jsxs as jsxs47 } from "react/jsx-runtime";
 function ShoppingBasketIcon(props) {
-  return /* @__PURE__ */ jsxs45(
+  return /* @__PURE__ */ jsxs47(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -1215,13 +1278,13 @@ function ShoppingBasketIcon(props) {
       strokeLinejoin: "round",
       ...props,
       children: [
-        /* @__PURE__ */ jsx53("path", { d: "m15 11-1 9" }),
-        /* @__PURE__ */ jsx53("path", { d: "m19 11-4-7" }),
-        /* @__PURE__ */ jsx53("path", { d: "M2 11h20" }),
-        /* @__PURE__ */ jsx53("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__ */ jsx53("path", { d: "M4.5 15.5h15" }),
-        /* @__PURE__ */ jsx53("path", { d: "m5 11 4-7" }),
-        /* @__PURE__ */ jsx53("path", { d: "m9 11 1 9" })
+        /* @__PURE__ */ jsx55("path", { d: "m15 11-1 9" }),
+        /* @__PURE__ */ jsx55("path", { d: "m19 11-4-7" }),
+        /* @__PURE__ */ jsx55("path", { d: "M2 11h20" }),
+        /* @__PURE__ */ jsx55("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__ */ jsx55("path", { d: "M4.5 15.5h15" }),
+        /* @__PURE__ */ jsx55("path", { d: "m5 11 4-7" }),
+        /* @__PURE__ */ jsx55("path", { d: "m9 11 1 9" })
       ]
     }
   );
@@ -1255,6 +1318,8 @@ var ICONS = {
   "grid-2x2": Grid2x2Icon,
   info: InfoIcon,
   "alert-triangle": AlertTriangleIcon,
+  "circle-check": CircleCheckIcon,
+  "circle-x": CircleXIcon,
   calendar: CalendarIcon,
   "sliders-horizontal": SlidersHorizontalIcon,
   "ellipsis-vertical": EllipsisVerticalIcon,
@@ -1285,7 +1350,7 @@ var ICONS = {
 
 // src/components/Icon/Icon.tsx
 import styles2 from "./Icon.module.css";
-import { jsx as jsx54 } from "react/jsx-runtime";
+import { jsx as jsx56 } from "react/jsx-runtime";
 function Icon({
   name,
   size = "md",
@@ -1294,14 +1359,14 @@ function Icon({
 }) {
   const Svg = ICONS[name];
   const classes = [styles2.root, styles2[size], className].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsx54(Svg, { className: classes, role: aria["aria-label"] ? "img" : void 0, ...aria });
+  return /* @__PURE__ */ jsx56(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 jsx55 } from "react/jsx-runtime";
+import { jsx as jsx57 } from "react/jsx-runtime";
 function Toggle({ checked, onChange, disabled, className, ...rest }) {
-  return /* @__PURE__ */ jsx55(
+  return /* @__PURE__ */ jsx57(
     "button",
     {
       type: "button",
@@ -1311,14 +1376,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__ */ jsx55("span", { className: styles3.thumb })
+      children: /* @__PURE__ */ jsx57("span", { className: styles3.thumb })
     }
   );
 }
 
 // src/components/SegmentedControl/SegmentedControl.tsx
 import styles4 from "./SegmentedControl.module.css";
-import { jsx as jsx56 } from "react/jsx-runtime";
+import { jsx as jsx58 } from "react/jsx-runtime";
 function SegmentedControl({
   value,
   onChange,
@@ -1326,7 +1391,7 @@ function SegmentedControl({
   size = "md",
   "aria-label": ariaLabel
 }) {
-  return /* @__PURE__ */ jsx56(
+  return /* @__PURE__ */ jsx58(
     "div",
     {
       role: "radiogroup",
@@ -1334,7 +1399,7 @@ function SegmentedControl({
       className: [styles4.track, styles4[size]].join(" "),
       children: options.map((opt) => {
         const active = opt.value === value;
-        return /* @__PURE__ */ jsx56(
+        return /* @__PURE__ */ jsx58(
           "button",
           {
             type: "button",
@@ -1353,11 +1418,11 @@ function SegmentedControl({
 
 // src/components/Tabs/Tabs.tsx
 import styles5 from "./Tabs.module.css";
-import { jsx as jsx57 } from "react/jsx-runtime";
+import { jsx as jsx59 } from "react/jsx-runtime";
 function Tabs({ items, value, onChange, "aria-label": ariaLabel }) {
-  return /* @__PURE__ */ jsx57("div", { role: "tablist", "aria-label": ariaLabel, className: styles5.tablist, children: items.map((item) => {
+  return /* @__PURE__ */ jsx59("div", { role: "tablist", "aria-label": ariaLabel, className: styles5.tablist, children: items.map((item) => {
     const active = item.value === value;
-    return /* @__PURE__ */ jsx57(
+    return /* @__PURE__ */ jsx59(
       "button",
       {
         type: "button",
@@ -1374,15 +1439,15 @@ function Tabs({ items, value, onChange, "aria-label": ariaLabel }) {
 
 // src/components/Select/Select.tsx
 import styles6 from "./Select.module.css";
-import { jsx as jsx58, jsxs as jsxs46 } from "react/jsx-runtime";
+import { jsx as jsx60, jsxs as jsxs48 } from "react/jsx-runtime";
 function Select({ className, size = "md", children, ...rest }) {
-  return /* @__PURE__ */ jsxs46(
+  return /* @__PURE__ */ jsxs48(
     "div",
     {
       className: [styles6.wrapper, size === "sm" ? styles6.sm : void 0, className].filter(Boolean).join(" "),
       children: [
-        /* @__PURE__ */ jsx58("select", { className: styles6.select, ...rest, children }),
-        /* @__PURE__ */ jsx58(
+        /* @__PURE__ */ jsx60("select", { className: styles6.select, ...rest, children }),
+        /* @__PURE__ */ jsx60(
           "svg",
           {
             className: styles6.chevron,
@@ -1395,7 +1460,7 @@ function Select({ className, size = "md", children, ...rest }) {
             strokeWidth: "2",
             strokeLinecap: "round",
             strokeLinejoin: "round",
-            children: /* @__PURE__ */ jsx58("polyline", { points: "6 9 12 15 18 9" })
+            children: /* @__PURE__ */ jsx60("polyline", { points: "6 9 12 15 18 9" })
           }
         )
       ]
@@ -1405,18 +1470,18 @@ function Select({ className, size = "md", children, ...rest }) {
 
 // src/components/SystemBanner/SystemBanner.tsx
 import styles7 from "./SystemBanner.module.css";
-import { jsx as jsx59, jsxs as jsxs47 } from "react/jsx-runtime";
+import { jsx as jsx61, jsxs as jsxs49 } from "react/jsx-runtime";
 function SystemBanner({ variant = "info", onDismiss, children }) {
-  return /* @__PURE__ */ jsxs47("div", { role: "status", "aria-live": "polite", className: [styles7.banner, styles7[variant]].join(" "), children: [
-    /* @__PURE__ */ jsx59("span", { className: styles7.content, children }),
-    onDismiss && /* @__PURE__ */ jsx59(
+  return /* @__PURE__ */ jsxs49("div", { role: "status", "aria-live": "polite", className: [styles7.banner, styles7[variant]].join(" "), children: [
+    /* @__PURE__ */ jsx61("span", { className: styles7.content, children }),
+    onDismiss && /* @__PURE__ */ jsx61(
       "button",
       {
         type: "button",
         className: styles7.dismiss,
         onClick: onDismiss,
         "aria-label": "Dismiss banner",
-        children: /* @__PURE__ */ jsx59(
+        children: /* @__PURE__ */ jsx61(
           "svg",
           {
             width: "14",
@@ -1425,7 +1490,7 @@ function SystemBanner({ variant = "info", onDismiss, children }) {
             fill: "none",
             xmlns: "http://www.w3.org/2000/svg",
             "aria-hidden": true,
-            children: /* @__PURE__ */ jsx59(
+            children: /* @__PURE__ */ jsx61(
               "path",
               {
                 d: "M1 1L13 13M13 1L1 13",
@@ -1449,7 +1514,7 @@ import {
   useState
 } from "react";
 import styles8 from "./Popover.module.css";
-import { jsx as jsx60, jsxs as jsxs48 } from "react/jsx-runtime";
+import { jsx as jsx62, jsxs as jsxs50 } from "react/jsx-runtime";
 var TRIGGER_GAP = 8;
 var VIEWPORT_MARGIN = 4;
 function Popover({
@@ -1525,9 +1590,9 @@ function Popover({
     document.addEventListener("keydown", handleKeyDown);
     return () => document.removeEventListener("keydown", handleKeyDown);
   }, [open, onClose]);
-  return /* @__PURE__ */ jsxs48("div", { ref: containerRef, className: styles8.container, children: [
+  return /* @__PURE__ */ jsxs50("div", { ref: containerRef, className: styles8.container, children: [
     trigger,
-    open && /* @__PURE__ */ jsx60(
+    open && /* @__PURE__ */ jsx62(
       "div",
       {
         ref: panelRef,
@@ -1548,7 +1613,7 @@ function Popover({
 
 // src/components/Button/Button.tsx
 import styles9 from "./Button.module.css";
-import { jsx as jsx61, jsxs as jsxs49 } from "react/jsx-runtime";
+import { jsx as jsx63, jsxs as jsxs51 } from "react/jsx-runtime";
 function Button({
   variant = "primary",
   size = "md",
@@ -1560,7 +1625,7 @@ function Button({
   ...rest
 }) {
   const classes = [styles9.button, styles9[variant], styles9[size], className].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsxs49(
+  return /* @__PURE__ */ jsxs51(
     "button",
     {
       type,
@@ -1572,7 +1637,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__ */ jsx61("span", { className: styles9.spinner, "aria-hidden": "true" }),
+        /* @__PURE__ */ jsx63("span", { className: styles9.spinner, "aria-hidden": "true" }),
         children
       ]
     }
@@ -1581,23 +1646,23 @@ function Button({
 
 // src/components/Input/Input.tsx
 import styles10 from "./Input.module.css";
-import { jsx as jsx62 } from "react/jsx-runtime";
+import { jsx as jsx64 } from "react/jsx-runtime";
 function Input({ type = "text", className, ...rest }) {
   const classes = [styles10.input, className].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsx62("input", { type, className: classes, ...rest });
+  return /* @__PURE__ */ jsx64("input", { type, className: classes, ...rest });
 }
 
 // src/components/Textarea/Textarea.tsx
 import styles11 from "./Textarea.module.css";
-import { jsx as jsx63 } from "react/jsx-runtime";
+import { jsx as jsx65 } from "react/jsx-runtime";
 function Textarea({ className, rows = 4, ...rest }) {
   const classes = [styles11.textarea, className].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsx63("textarea", { rows, className: classes, ...rest });
+  return /* @__PURE__ */ jsx65("textarea", { rows, className: classes, ...rest });
 }
 
 // src/components/CodeTextarea/CodeTextarea.tsx
 import styles12 from "./CodeTextarea.module.css";
-import { jsx as jsx64 } from "react/jsx-runtime";
+import { jsx as jsx66 } from "react/jsx-runtime";
 function CodeTextarea({
   className,
   rows = 12,
@@ -1608,7 +1673,7 @@ function CodeTextarea({
   ...rest
 }) {
   const classes = [styles12.textarea, invalid ? styles12.invalid : void 0, className].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsx64(
+  return /* @__PURE__ */ jsx66(
     "textarea",
     {
       rows,
@@ -1623,7 +1688,7 @@ function CodeTextarea({
 
 // src/components/StatusBadge/StatusBadge.tsx
 import styles13 from "./StatusBadge.module.css";
-import { jsx as jsx65, jsxs as jsxs50 } from "react/jsx-runtime";
+import { jsx as jsx67, jsxs as jsxs52 } from "react/jsx-runtime";
 var STATUS_CLASS = {
   unmodified: styles13.neutral,
   draft: styles13.info,
@@ -1651,14 +1716,14 @@ function StatusBadge({
   "aria-label": ariaLabel
 }) {
   const label = children ?? STATUS_LABEL[status];
-  return /* @__PURE__ */ jsxs50(
+  return /* @__PURE__ */ jsxs52(
     "span",
     {
       className: [styles13.badge, STATUS_CLASS[status], className].filter(Boolean).join(" "),
       "aria-label": ariaLabel,
       children: [
-        /* @__PURE__ */ jsx65("span", { className: styles13.dot, "aria-hidden": "true" }),
-        /* @__PURE__ */ jsx65("span", { className: styles13.label, children: label })
+        /* @__PURE__ */ jsx67("span", { className: styles13.dot, "aria-hidden": "true" }),
+        /* @__PURE__ */ jsx67("span", { className: styles13.label, children: label })
       ]
     }
   );
@@ -1667,7 +1732,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 jsx66, jsxs as jsxs51 } from "react/jsx-runtime";
+import { jsx as jsx68, jsxs as jsxs53 } from "react/jsx-runtime";
 var clampSize = (value, min, max) => Math.min(Math.max(value, min), max);
 function SplitPane({
   primary,
@@ -1753,15 +1818,15 @@ function SplitPane({
   const style = {
     "--split-pane-primary-size": `${primarySize}%`
   };
-  return /* @__PURE__ */ jsxs51(
+  return /* @__PURE__ */ jsxs53(
     "div",
     {
       ref: containerRef,
       className: [styles14.splitPane, className].filter(Boolean).join(" "),
       style,
       children: [
-        /* @__PURE__ */ jsx66("section", { className: styles14.pane, "aria-label": primaryLabel, children: primary }),
-        resizable && /* @__PURE__ */ jsx66(
+        /* @__PURE__ */ jsx68("section", { className: styles14.pane, "aria-label": primaryLabel, children: primary }),
+        resizable && /* @__PURE__ */ jsx68(
           "button",
           {
             type: "button",
@@ -1771,7 +1836,7 @@ function SplitPane({
             onKeyDown: resizeWithKeyboard
           }
         ),
-        /* @__PURE__ */ jsx66("section", { className: styles14.pane, "aria-label": secondaryLabel, children: secondary })
+        /* @__PURE__ */ jsx68("section", { className: styles14.pane, "aria-label": secondaryLabel, children: secondary })
       ]
     }
   );
@@ -1780,7 +1845,7 @@ function SplitPane({
 // src/components/TagInput/TagInput.tsx
 import { useMemo, useState as useState3 } from "react";
 import styles15 from "./TagInput.module.css";
-import { jsx as jsx67, jsxs as jsxs52 } from "react/jsx-runtime";
+import { jsx as jsx69, jsxs as jsxs54 } from "react/jsx-runtime";
 var DEFAULT_SEPARATORS = /[\n,]+/;
 var splitTags = (value, separators) => value.split(separators).map((tag) => tag.trim()).filter(Boolean);
 function TagInput({
@@ -1854,8 +1919,8 @@ function TagInput({
     event.preventDefault();
     addTags(tags);
   };
-  return /* @__PURE__ */ jsxs52("div", { className: [styles15.wrapper, className].filter(Boolean).join(" "), children: [
-    /* @__PURE__ */ jsxs52(
+  return /* @__PURE__ */ jsxs54("div", { className: [styles15.wrapper, className].filter(Boolean).join(" "), children: [
+    /* @__PURE__ */ jsxs54(
       "div",
       {
         className: [
@@ -1864,9 +1929,9 @@ function TagInput({
           error || localError || ariaInvalid ? styles15.invalid : void 0
         ].filter(Boolean).join(" "),
         children: [
-          value.map((tag, index) => /* @__PURE__ */ jsxs52("span", { className: styles15.tag, children: [
-            /* @__PURE__ */ jsx67("span", { className: styles15.tagLabel, children: tag }),
-            /* @__PURE__ */ jsx67(
+          value.map((tag, index) => /* @__PURE__ */ jsxs54("span", { className: styles15.tag, children: [
+            /* @__PURE__ */ jsx69("span", { className: styles15.tagLabel, children: tag }),
+            /* @__PURE__ */ jsx69(
               "button",
               {
                 type: "button",
@@ -1878,7 +1943,7 @@ function TagInput({
               }
             )
           ] }, `${tag}-${index}`)),
-          /* @__PURE__ */ jsx67(
+          /* @__PURE__ */ jsx69(
             "input",
             {
               id,
@@ -1900,7 +1965,7 @@ function TagInput({
         ]
       }
     ),
-    message && /* @__PURE__ */ jsx67(
+    message && /* @__PURE__ */ jsx69(
       "p",
       {
         id: messageId,
@@ -1959,7 +2024,7 @@ function usePrefersReducedMotion() {
 
 // src/components/OverlayHeader/OverlayHeader.tsx
 import styles16 from "./OverlayHeader.module.css";
-import { jsx as jsx68, jsxs as jsxs53 } from "react/jsx-runtime";
+import { jsx as jsx70, jsxs as jsxs55 } from "react/jsx-runtime";
 function OverlayHeader({
   title,
   onClose,
@@ -1968,20 +2033,20 @@ function OverlayHeader({
   secondRow,
   className
 }) {
-  return /* @__PURE__ */ jsxs53("div", { className: [styles16.header, className].filter(Boolean).join(" "), children: [
-    /* @__PURE__ */ jsxs53("div", { className: styles16.row, children: [
-      onBack && /* @__PURE__ */ jsx68("button", { type: "button", className: styles16.backButton, "aria-label": "Back", onClick: onBack, children: /* @__PURE__ */ jsx68(Icon, { name: "chevron-left", size: "md", "aria-hidden": true }) }),
-      /* @__PURE__ */ jsx68("span", { className: styles16.title, children: title }),
-      action && /* @__PURE__ */ jsx68("div", { className: styles16.action, children: action }),
-      /* @__PURE__ */ jsx68("button", { type: "button", className: styles16.closeButton, "aria-label": "Close", onClick: onClose, children: /* @__PURE__ */ jsx68(Icon, { name: "x", size: "sm", "aria-hidden": true }) })
+  return /* @__PURE__ */ jsxs55("div", { className: [styles16.header, className].filter(Boolean).join(" "), children: [
+    /* @__PURE__ */ jsxs55("div", { className: styles16.row, children: [
+      onBack && /* @__PURE__ */ jsx70("button", { type: "button", className: styles16.backButton, "aria-label": "Back", onClick: onBack, children: /* @__PURE__ */ jsx70(Icon, { name: "chevron-left", size: "md", "aria-hidden": true }) }),
+      /* @__PURE__ */ jsx70("span", { className: styles16.title, children: title }),
+      action && /* @__PURE__ */ jsx70("div", { className: styles16.action, children: action }),
+      /* @__PURE__ */ jsx70("button", { type: "button", className: styles16.closeButton, "aria-label": "Close", onClick: onClose, children: /* @__PURE__ */ jsx70(Icon, { name: "x", size: "sm", "aria-hidden": true }) })
     ] }),
-    secondRow && /* @__PURE__ */ jsx68("div", { className: styles16.secondRow, children: secondRow })
+    secondRow && /* @__PURE__ */ jsx70("div", { className: styles16.secondRow, children: secondRow })
   ] });
 }
 
 // src/components/Dialog/Dialog.tsx
 import styles17 from "./Dialog.module.css";
-import { jsx as jsx69, jsxs as jsxs54 } from "react/jsx-runtime";
+import { jsx as jsx71, jsxs as jsxs56 } from "react/jsx-runtime";
 var MOTION_DURATION_MS = 250;
 var OverlaySecondRowContext = createContext(
   void 0
@@ -2057,7 +2122,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__ */ jsx69(
+    /* @__PURE__ */ jsx71(
       "div",
       {
         className: [styles17.scrim, isOpenPhase ? styles17.scrimOpen : ""].filter(Boolean).join(" "),
@@ -2068,7 +2133,7 @@ function Dialog({
         onKeyDown: (e) => {
           if (e.key === "Escape") onClose();
         },
-        children: /* @__PURE__ */ jsxs54(
+        children: /* @__PURE__ */ jsxs56(
           "div",
           {
             ref: panelRef,
@@ -2078,7 +2143,7 @@ function Dialog({
             tabIndex: -1,
             className: [styles17.panel, styles17[size], isOpenPhase ? styles17.panelOpen : ""].filter(Boolean).join(" "),
             children: [
-              /* @__PURE__ */ jsx69(
+              /* @__PURE__ */ jsx71(
                 OverlayHeader,
                 {
                   title,
@@ -2087,8 +2152,8 @@ function Dialog({
                   className: styles17.mobileHeader
                 }
               ),
-              /* @__PURE__ */ jsx69("button", { type: "button", className: styles17.close, "aria-label": "Close", onClick: onClose, children: "\xD7" }),
-              /* @__PURE__ */ jsx69("div", { className: styles17.content, children: /* @__PURE__ */ jsx69(OverlaySecondRowContext.Provider, { value: setSecondRow, children }) })
+              /* @__PURE__ */ jsx71("button", { type: "button", className: styles17.close, "aria-label": "Close", onClick: onClose, children: "\xD7" }),
+              /* @__PURE__ */ jsx71("div", { className: styles17.content, children: /* @__PURE__ */ jsx71(OverlaySecondRowContext.Provider, { value: setSecondRow, children }) })
             ]
           }
         )
@@ -2100,7 +2165,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 jsx70, jsxs as jsxs55 } from "react/jsx-runtime";
+import { jsx as jsx72, jsxs as jsxs57 } 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;
@@ -2189,7 +2254,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__ */ jsx70(
+    /* @__PURE__ */ jsx72(
       "div",
       {
         className: [styles18.scrim, isOpenPhase ? styles18.scrimOpen : ""].filter(Boolean).join(" "),
@@ -2200,7 +2265,7 @@ function Drawer({
         onKeyDown: (e) => {
           if (e.key === "Escape") onClose();
         },
-        children: /* @__PURE__ */ jsxs55(
+        children: /* @__PURE__ */ jsxs57(
           "div",
           {
             ref: panelRef,
@@ -2214,7 +2279,7 @@ function Drawer({
               isOpenPhase ? styles18.panelOpen : ""
             ].filter(Boolean).join(" "),
             children: [
-              /* @__PURE__ */ jsx70(
+              /* @__PURE__ */ jsx72(
                 "div",
                 {
                   className: styles18.handle,
@@ -2237,7 +2302,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 jsx71, jsxs as jsxs56 } from "react/jsx-runtime";
+import { jsx as jsx73, jsxs as jsxs58 } 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({
@@ -2298,7 +2363,7 @@ function Sheet({
     return () => document.removeEventListener("keydown", handleKeyDown);
   }, [open, onClose]);
   if (!mounted) return null;
-  return /* @__PURE__ */ jsxs56(
+  return /* @__PURE__ */ jsxs58(
     "div",
     {
       ref: panelRef,
@@ -2312,8 +2377,8 @@ function Sheet({
         phase === "open" ? styles19.panelOpen : ""
       ].filter(Boolean).join(" "),
       children: [
-        title && /* @__PURE__ */ jsx71(OverlayHeader, { title, onClose, onBack, action: headerAction }),
-        /* @__PURE__ */ jsx71("div", { className: styles19.content, children })
+        title && /* @__PURE__ */ jsx73(OverlayHeader, { title, onClose, onBack, action: headerAction }),
+        /* @__PURE__ */ jsx73("div", { className: styles19.content, children })
       ]
     }
   );
@@ -2322,7 +2387,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 jsx72, jsxs as jsxs57 } from "react/jsx-runtime";
+import { jsx as jsx74, jsxs as jsxs59 } from "react/jsx-runtime";
 function ConfirmDialog({
   open,
   onClose,
@@ -2351,7 +2416,7 @@ function ConfirmDialog({
   }, [onClose]);
   return (
     // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-noninteractive-element-interactions
-    /* @__PURE__ */ jsx72(
+    /* @__PURE__ */ jsx74(
       "dialog",
       {
         ref: dialogRef,
@@ -2360,12 +2425,12 @@ function ConfirmDialog({
         onClick: (e) => {
           if (e.target === e.currentTarget) onClose();
         },
-        children: /* @__PURE__ */ jsxs57("div", { className: styles20.body, children: [
-          /* @__PURE__ */ jsx72("h2", { className: styles20.title, children: title }),
-          /* @__PURE__ */ jsx72("div", { className: styles20.message, children: message }),
-          error && /* @__PURE__ */ jsx72("p", { className: styles20.error, children: error }),
-          /* @__PURE__ */ jsxs57("div", { className: styles20.actions, children: [
-            /* @__PURE__ */ jsx72(Button, { type: "button", variant: "secondary", onClick: onClose, disabled: pending, children: cancelLabel }),
+        children: /* @__PURE__ */ jsxs59("div", { className: styles20.body, children: [
+          /* @__PURE__ */ jsx74("h2", { className: styles20.title, children: title }),
+          /* @__PURE__ */ jsx74("div", { className: styles20.message, children: message }),
+          error && /* @__PURE__ */ jsx74("p", { className: styles20.error, children: error }),
+          /* @__PURE__ */ jsxs59("div", { className: styles20.actions, children: [
+            /* @__PURE__ */ jsx74(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
@@ -2374,7 +2439,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__ */ jsx72(
+              /* @__PURE__ */ jsx74(
                 "button",
                 {
                   type: "button",
@@ -2384,7 +2449,7 @@ function ConfirmDialog({
                   children: confirmLabel
                 }
               )
-            ) : /* @__PURE__ */ jsx72(Button, { type: "button", variant: "primary", onClick: onConfirm, disabled: pending, children: confirmLabel })
+            ) : /* @__PURE__ */ jsx74(Button, { type: "button", variant: "primary", onClick: onConfirm, disabled: pending, children: confirmLabel })
           ] })
         ] })
       }
@@ -2558,18 +2623,20 @@ function useCommitOnEnterOrBlur(onCommit) {
 
 // src/components/Menu/Menu.tsx
 import styles21 from "./Menu.module.css";
-import { Fragment, jsx as jsx73, jsxs as jsxs58 } from "react/jsx-runtime";
-function Menu({ trigger, open, onClose, items, "aria-label": ariaLabel, align }) {
-  const isMobile = useIsMobile();
-  const list = /* @__PURE__ */ jsx73("ul", { className: styles21.list, role: "menu", children: items.map((entry, index) => {
+import { Fragment, jsx as jsx75, jsxs as jsxs60 } from "react/jsx-runtime";
+function MenuEntries({
+  items,
+  onSelect
+}) {
+  return /* @__PURE__ */ jsx75("ul", { className: styles21.list, role: "menu", children: items.map((entry, index) => {
     if (entry.type === "separator") {
-      return /* @__PURE__ */ jsx73("li", { role: "separator", className: styles21.separator }, index);
+      return /* @__PURE__ */ jsx75("li", { role: "separator", className: styles21.separator }, index);
     }
     if (entry.type === "label") {
-      return /* @__PURE__ */ jsx73("li", { role: "presentation", className: styles21.label, children: entry.label }, index);
+      return /* @__PURE__ */ jsx75("li", { role: "presentation", className: styles21.label, children: entry.label }, index);
     }
     const isCheckable = entry.checked !== void 0;
-    return /* @__PURE__ */ jsx73("li", { role: "none", children: /* @__PURE__ */ jsxs58(
+    return /* @__PURE__ */ jsx75("li", { role: "none", children: /* @__PURE__ */ jsxs60(
       "button",
       {
         role: isCheckable ? "menuitemradio" : "menuitem",
@@ -2577,25 +2644,35 @@ function Menu({ trigger, open, onClose, items, "aria-label": ariaLabel, align })
         type: "button",
         className: [styles21.item, entry.destructive ? styles21.itemDestructive : ""].filter(Boolean).join(" "),
         disabled: entry.disabled,
-        onClick: () => {
-          onClose();
-          entry.onSelect();
-        },
+        onClick: () => onSelect(entry),
         children: [
-          isCheckable && /* @__PURE__ */ jsx73("span", { className: styles21.check, "aria-hidden": true, children: entry.checked && /* @__PURE__ */ jsx73(Icon, { name: "check", size: "sm", "aria-hidden": true }) }),
-          entry.icon && /* @__PURE__ */ jsx73(Icon, { name: entry.icon, size: "sm", "aria-hidden": true }),
+          isCheckable && /* @__PURE__ */ jsx75("span", { className: styles21.check, "aria-hidden": true, children: entry.checked && /* @__PURE__ */ jsx75(Icon, { name: "check", size: "sm", "aria-hidden": true }) }),
+          entry.icon && /* @__PURE__ */ jsx75(Icon, { name: entry.icon, size: "sm", "aria-hidden": true }),
           entry.label
         ]
       }
     ) }, index);
   }) });
+}
+function Menu({ trigger, open, onClose, items, "aria-label": ariaLabel, align }) {
+  const isMobile = useIsMobile();
+  const list = /* @__PURE__ */ jsx75(
+    MenuEntries,
+    {
+      items,
+      onSelect: (entry) => {
+        onClose();
+        entry.onSelect();
+      }
+    }
+  );
   if (isMobile) {
-    return /* @__PURE__ */ jsxs58(Fragment, { children: [
+    return /* @__PURE__ */ jsxs60(Fragment, { children: [
       trigger,
-      /* @__PURE__ */ jsx73(Drawer, { open, onClose, "aria-label": ariaLabel, children: list })
+      /* @__PURE__ */ jsx75(Drawer, { open, onClose, "aria-label": ariaLabel, children: list })
     ] });
   }
-  return /* @__PURE__ */ jsx73(Popover, { trigger, open, onClose, "aria-label": ariaLabel, align, children: list });
+  return /* @__PURE__ */ jsx75(Popover, { trigger, open, onClose, "aria-label": ariaLabel, align, children: list });
 }
 
 // src/components/Toast/Toast.tsx
@@ -2610,7 +2687,7 @@ import {
   useState as useState8
 } from "react";
 import styles22 from "./Toast.module.css";
-import { jsx as jsx74, jsxs as jsxs59 } from "react/jsx-runtime";
+import { jsx as jsx76, jsxs as jsxs61 } from "react/jsx-runtime";
 var ToastContext = createContext2(null);
 function useToast() {
   const ctx = useContext2(ToastContext);
@@ -2648,16 +2725,16 @@ function ToastProvider({ children }) {
     };
   }, []);
   const value = useMemo2(() => ({ show, dismiss }), [show, dismiss]);
-  return /* @__PURE__ */ jsxs59(ToastContext.Provider, { value, children: [
+  return /* @__PURE__ */ jsxs61(ToastContext.Provider, { value, children: [
     children,
-    /* @__PURE__ */ jsx74(
+    /* @__PURE__ */ jsx76(
       "ol",
       {
         className: styles22.region,
         "aria-label": "Notifications",
         "aria-live": "polite",
         "aria-atomic": "false",
-        children: toasts.map((toast) => /* @__PURE__ */ jsx74(Toast, { ...toast, onDismiss: dismiss }, toast.id))
+        children: toasts.map((toast) => /* @__PURE__ */ jsx76(Toast, { ...toast, onDismiss: dismiss }, toast.id))
       }
     )
   ] });
@@ -2680,18 +2757,18 @@ function Toast({
 }) {
   const categoryClass = styles22[category] ?? styles22.info;
   const iconName = CATEGORY_ICON[category] ?? "info";
-  return /* @__PURE__ */ jsxs59(
+  return /* @__PURE__ */ jsxs61(
     "li",
     {
       role: "status",
       className: `${styles22.toast} ${String(categoryClass)} ${exiting ? styles22.exiting : ""}`,
       children: [
-        /* @__PURE__ */ jsx74("span", { className: styles22.icon, "aria-hidden": "true", children: /* @__PURE__ */ jsx74(Icon, { name: iconName, size: "sm", "aria-hidden": true }) }),
-        /* @__PURE__ */ jsxs59("div", { className: styles22.body, children: [
-          /* @__PURE__ */ jsx74("div", { className: styles22.title, children: title }),
-          message && /* @__PURE__ */ jsx74("div", { className: styles22.message, children: message })
+        /* @__PURE__ */ jsx76("span", { className: styles22.icon, "aria-hidden": "true", children: /* @__PURE__ */ jsx76(Icon, { name: iconName, size: "sm", "aria-hidden": true }) }),
+        /* @__PURE__ */ jsxs61("div", { className: styles22.body, children: [
+          /* @__PURE__ */ jsx76("div", { className: styles22.title, children: title }),
+          message && /* @__PURE__ */ jsx76("div", { className: styles22.message, children: message })
         ] }),
-        /* @__PURE__ */ jsx74(
+        /* @__PURE__ */ jsx76(
           "button",
           {
             type: "button",
@@ -2708,7 +2785,7 @@ function Toast({
 
 // src/components/Card/Card.tsx
 import styles23 from "./Card.module.css";
-import { jsx as jsx75 } from "react/jsx-runtime";
+import { jsx as jsx77 } from "react/jsx-runtime";
 var paddingClass = {
   sm: styles23.paddingSm,
   md: styles23.paddingMd,
@@ -2723,13 +2800,13 @@ function Card({
   ...rest
 }) {
   const cls = [styles23.card, paddingClass[padding], interactive && styles23.interactive, className].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsx75(Tag, { className: cls, ...rest, children });
+  return /* @__PURE__ */ jsx77(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 jsx76, jsxs as jsxs60 } from "react/jsx-runtime";
+import { jsx as jsx78, jsxs as jsxs62 } from "react/jsx-runtime";
 function FormField({
   label,
   hint,
@@ -2750,52 +2827,52 @@ function FormField({
     "aria-invalid": error ? true : void 0,
     required: required || void 0
   };
-  return /* @__PURE__ */ jsxs60("div", { className: [styles24.field, className].filter(Boolean).join(" "), children: [
-    /* @__PURE__ */ jsxs60("label", { className: styles24.label, htmlFor: fieldId, children: [
+  return /* @__PURE__ */ jsxs62("div", { className: [styles24.field, className].filter(Boolean).join(" "), children: [
+    /* @__PURE__ */ jsxs62("label", { className: styles24.label, htmlFor: fieldId, children: [
       label,
-      required && /* @__PURE__ */ jsx76("span", { className: styles24.required, "aria-hidden": "true", children: "*" })
+      required && /* @__PURE__ */ jsx78("span", { className: styles24.required, "aria-hidden": "true", children: "*" })
     ] }),
     children(field),
-    hint && !error && /* @__PURE__ */ jsx76("p", { id: hintId, className: styles24.hint, children: hint }),
-    error && /* @__PURE__ */ jsx76("p", { id: errorId, className: styles24.error, role: "alert", children: error })
+    hint && !error && /* @__PURE__ */ jsx78("p", { id: hintId, className: styles24.hint, children: hint }),
+    error && /* @__PURE__ */ jsx78("p", { id: errorId, className: styles24.error, role: "alert", children: error })
   ] });
 }
 
 // src/components/PageHeader/PageHeader.tsx
 import styles25 from "./PageHeader.module.css";
-import { jsx as jsx77, jsxs as jsxs61 } from "react/jsx-runtime";
+import { jsx as jsx79, jsxs as jsxs63 } from "react/jsx-runtime";
 function PageHeader({ title, description, action, className }) {
-  return /* @__PURE__ */ jsxs61("header", { className: [styles25.header, className].filter(Boolean).join(" "), children: [
-    /* @__PURE__ */ jsxs61("div", { className: styles25.text, children: [
-      /* @__PURE__ */ jsx77("h1", { className: styles25.title, children: title }),
-      description && /* @__PURE__ */ jsx77("p", { className: styles25.description, children: description })
+  return /* @__PURE__ */ jsxs63("header", { className: [styles25.header, className].filter(Boolean).join(" "), children: [
+    /* @__PURE__ */ jsxs63("div", { className: styles25.text, children: [
+      /* @__PURE__ */ jsx79("h1", { className: styles25.title, children: title }),
+      description && /* @__PURE__ */ jsx79("p", { className: styles25.description, children: description })
     ] }),
-    action && /* @__PURE__ */ jsx77("div", { className: styles25.action, children: action })
+    action && /* @__PURE__ */ jsx79("div", { className: styles25.action, children: action })
   ] });
 }
 
 // src/components/EmptyState/EmptyState.tsx
 import styles26 from "./EmptyState.module.css";
-import { jsx as jsx78, jsxs as jsxs62 } from "react/jsx-runtime";
+import { jsx as jsx80, jsxs as jsxs64 } from "react/jsx-runtime";
 function EmptyState({ icon, heading, description, action, className }) {
-  return /* @__PURE__ */ jsxs62("div", { className: [styles26.root, className].filter(Boolean).join(" "), children: [
-    icon && /* @__PURE__ */ jsx78("span", { className: styles26.icon, children: /* @__PURE__ */ jsx78(Icon, { name: icon, size: "lg", "aria-hidden": true }) }),
-    /* @__PURE__ */ jsx78("h2", { className: styles26.heading, children: heading }),
-    description && /* @__PURE__ */ jsx78("p", { className: styles26.description, children: description }),
+  return /* @__PURE__ */ jsxs64("div", { className: [styles26.root, className].filter(Boolean).join(" "), children: [
+    icon && /* @__PURE__ */ jsx80("span", { className: styles26.icon, children: /* @__PURE__ */ jsx80(Icon, { name: icon, size: "lg", "aria-hidden": true }) }),
+    /* @__PURE__ */ jsx80("h2", { className: styles26.heading, children: heading }),
+    description && /* @__PURE__ */ jsx80("p", { className: styles26.description, children: description }),
     action
   ] });
 }
 
 // src/components/Spinner/Spinner.tsx
 import styles27 from "./Spinner.module.css";
-import { jsx as jsx79 } from "react/jsx-runtime";
+import { jsx as jsx81 } 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__ */ jsx79(
+  return /* @__PURE__ */ jsx81(
     "span",
     {
       role: "status",
@@ -2808,7 +2885,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 jsx80 } from "react/jsx-runtime";
+import { jsx as jsx82 } from "react/jsx-runtime";
 function initials(name) {
   const parts = name.trim().split(/\s+/);
   if (parts.length === 1) return (parts[0] ?? "").slice(0, 2).toUpperCase();
@@ -2823,21 +2900,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__ */ jsx80("span", { className: cls, "aria-label": name, children: /* @__PURE__ */ jsx80("img", { src, alt: name, className: styles28.img, onError: () => setImgFailed(true) }) });
+    return /* @__PURE__ */ jsx82("span", { className: cls, "aria-label": name, children: /* @__PURE__ */ jsx82("img", { src, alt: name, className: styles28.img, onError: () => setImgFailed(true) }) });
   }
-  return /* @__PURE__ */ jsx80("span", { className: cls, "aria-label": name, children: initials(name) });
+  return /* @__PURE__ */ jsx82("span", { className: cls, "aria-label": name, children: initials(name) });
 }
 
 // src/components/NavTabs/NavTabs.tsx
 import styles29 from "./NavTabs.module.css";
-import { jsx as jsx81 } from "react/jsx-runtime";
+import { jsx as jsx83 } from "react/jsx-runtime";
 function NavTabs({ items, className, "aria-label": ariaLabel }) {
-  return /* @__PURE__ */ jsx81(
+  return /* @__PURE__ */ jsx83(
     "nav",
     {
       className: [styles29.nav, className].filter(Boolean).join(" "),
       "aria-label": ariaLabel ?? "Page navigation",
-      children: items.map((item) => /* @__PURE__ */ jsx81(
+      children: items.map((item) => /* @__PURE__ */ jsx83(
         "a",
         {
           href: item.href,
@@ -2854,7 +2931,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 jsx82, jsxs as jsxs63 } from "react/jsx-runtime";
+import { jsx as jsx84, jsxs as jsxs65 } from "react/jsx-runtime";
 var sideClass = {
   top: styles30.top,
   bottom: styles30.bottom,
@@ -2863,15 +2940,15 @@ var sideClass = {
 };
 function Tooltip({ content, children, side = "top" }) {
   const tipId = useId3();
-  return /* @__PURE__ */ jsxs63("span", { className: styles30.wrapper, children: [
-    /* @__PURE__ */ jsx82("span", { "aria-describedby": tipId, children }),
-    /* @__PURE__ */ jsx82("span", { id: tipId, role: "tooltip", className: [styles30.tip, sideClass[side]].join(" "), children: content })
+  return /* @__PURE__ */ jsxs65("span", { className: styles30.wrapper, children: [
+    /* @__PURE__ */ jsx84("span", { "aria-describedby": tipId, children }),
+    /* @__PURE__ */ jsx84("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 jsx83, jsxs as jsxs64 } from "react/jsx-runtime";
+import { jsx as jsx85, jsxs as jsxs66 } from "react/jsx-runtime";
 function Checkbox({
   checked,
   onChange,
@@ -2883,9 +2960,9 @@ function Checkbox({
   ...rest
 }) {
   const inputId = id ?? `checkbox-${label.toLowerCase().replace(/\s+/g, "-")}`;
-  return /* @__PURE__ */ jsxs64("span", { className: [styles31.root, className].filter(Boolean).join(" "), children: [
-    /* @__PURE__ */ jsxs64("span", { className: [styles31.box, checked ? styles31.checked : ""].filter(Boolean).join(" "), children: [
-      /* @__PURE__ */ jsx83(
+  return /* @__PURE__ */ jsxs66("span", { className: [styles31.root, className].filter(Boolean).join(" "), children: [
+    /* @__PURE__ */ jsxs66("span", { className: [styles31.box, checked ? styles31.checked : ""].filter(Boolean).join(" "), children: [
+      /* @__PURE__ */ jsx85(
         "input",
         {
           ...rest,
@@ -2897,7 +2974,7 @@ function Checkbox({
           onChange: (e) => onChange(e.target.checked)
         }
       ),
-      checked && /* @__PURE__ */ jsx83("svg", { className: styles31.tick, viewBox: "0 0 10 8", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx83(
+      checked && /* @__PURE__ */ jsx85("svg", { className: styles31.tick, viewBox: "0 0 10 8", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx85(
         "path",
         {
           d: "M1 4l3 3 5-6",
@@ -2908,7 +2985,7 @@ function Checkbox({
         }
       ) })
     ] }),
-    label && /* @__PURE__ */ jsx83(
+    label && /* @__PURE__ */ jsx85(
       "label",
       {
         htmlFor: inputId,
@@ -2923,79 +3000,1315 @@ function Checkbox({
   ] });
 }
 
-// src/components/DragHandleRow/DragHandleRow.tsx
-import styles32 from "./DragHandleRow.module.css";
-import { jsx as jsx84, jsxs as jsxs65 } from "react/jsx-runtime";
-function DragHandleRow({
-  children,
-  handleProps,
-  isDragging,
+// src/components/RadioGroup/RadioGroup.tsx
+import { useId as useId4 } from "react";
+import styles32 from "./RadioGroup.module.css";
+import { jsx as jsx86, jsxs as jsxs67 } from "react/jsx-runtime";
+function RadioGroup({
+  items,
+  value,
+  onChange,
+  name,
+  disabled,
+  id,
   className,
-  ...rest
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledBy,
+  "aria-describedby": ariaDescribedBy,
+  "aria-invalid": ariaInvalid,
+  required
 }) {
-  return /* @__PURE__ */ jsxs65(
+  const generatedName = useId4();
+  const groupName = name ?? generatedName;
+  return /* @__PURE__ */ jsx86(
     "div",
     {
-      ...rest,
-      className: [styles32.row, isDragging ? styles32.dragging : "", className].filter(Boolean).join(" "),
-      children: [
-        /* @__PURE__ */ jsx84(
-          "button",
+      id,
+      role: "radiogroup",
+      "aria-label": ariaLabel,
+      "aria-labelledby": ariaLabelledBy,
+      "aria-describedby": ariaDescribedBy,
+      "aria-invalid": ariaInvalid,
+      "aria-required": required,
+      className: [styles32.root, className].filter(Boolean).join(" "),
+      children: items.map((item) => {
+        const checked = item.value === value;
+        const itemDisabled = disabled || item.disabled;
+        const inputId = `${groupName}-${item.value}`;
+        return /* @__PURE__ */ jsxs67(
+          "label",
           {
-            type: "button",
-            "aria-label": "Drag to reorder",
-            className: styles32.handle,
-            tabIndex: -1,
-            ...handleProps,
-            children: /* @__PURE__ */ jsx84(DragIcon, {})
-          }
-        ),
-        /* @__PURE__ */ jsx84("div", { className: styles32.content, children })
-      ]
-    }
-  );
-}
-function DragIcon() {
-  return /* @__PURE__ */ jsx84(
-    "svg",
-    {
-      width: "14",
-      height: "14",
-      viewBox: "0 0 14 14",
-      fill: "none",
-      "aria-hidden": "true",
-      className: styles32.icon,
-      children: [3, 7, 11].map(
-        (cy) => [4, 10].map((cx) => /* @__PURE__ */ jsx84("circle", { cx, cy, r: 1.2, fill: "currentColor" }, `${cx}-${cy}`))
-      )
+            htmlFor: inputId,
+            className: [styles32.option, itemDisabled ? styles32.disabled : ""].filter(Boolean).join(" "),
+            children: [
+              /* @__PURE__ */ jsxs67("span", { className: [styles32.circle, checked ? styles32.checked : ""].join(" "), children: [
+                /* @__PURE__ */ jsx86(
+                  "input",
+                  {
+                    id: inputId,
+                    type: "radio",
+                    name: groupName,
+                    value: item.value,
+                    checked,
+                    disabled: itemDisabled,
+                    required,
+                    className: styles32.input,
+                    onChange: () => onChange(item.value)
+                  }
+                ),
+                checked && /* @__PURE__ */ jsx86("span", { className: styles32.dot })
+              ] }),
+              /* @__PURE__ */ jsx86("span", { className: styles32.optionLabel, children: item.label })
+            ]
+          },
+          item.value
+        );
+      })
     }
   );
 }
 
-// src/components/FileDropzone/FileDropzone.tsx
-import { useRef as useRef10, useState as useState10 } from "react";
-import styles33 from "./FileDropzone.module.css";
-import { jsx as jsx85, jsxs as jsxs66 } from "react/jsx-runtime";
-function FileDropzone({
-  name,
-  accept,
-  icon,
+// src/components/Slider/Slider.tsx
+import { useId as useId5 } from "react";
+import styles33 from "./Slider.module.css";
+import { jsx as jsx87, jsxs as jsxs68 } from "react/jsx-runtime";
+function Slider({
+  value,
+  onChange,
+  min,
+  max,
+  step,
   label,
-  hint,
-  onFileSelect,
-  ariaLabel,
   disabled,
-  className
-}) {
-  const [dragging, setDragging] = useState10(false);
-  const inputRef = useRef10(null);
-  return /* @__PURE__ */ jsxs66(
+  id,
+  className,
+  "aria-label": ariaLabel,
+  "aria-describedby": ariaDescribedBy,
+  "aria-invalid": ariaInvalid,
+  required
+}) {
+  const generatedId = useId5();
+  const inputId = id ?? generatedId;
+  const fillPercent = max > min ? (value - min) / (max - min) * 100 : 0;
+  return /* @__PURE__ */ jsxs68("div", { className: [styles33.root, className].filter(Boolean).join(" "), children: [
+    label && /* @__PURE__ */ jsx87("label", { htmlFor: inputId, className: styles33.label, children: label }),
+    /* @__PURE__ */ jsx87(
+      "input",
+      {
+        id: inputId,
+        type: "range",
+        min,
+        max,
+        step,
+        value,
+        disabled,
+        required,
+        "aria-label": label ? void 0 : ariaLabel,
+        "aria-describedby": ariaDescribedBy,
+        "aria-invalid": ariaInvalid,
+        className: styles33.slider,
+        style: { "--slider-fill": `${fillPercent}%` },
+        onChange: (e) => onChange(Number(e.target.value))
+      }
+    )
+  ] });
+}
+
+// src/components/Progress/Progress.tsx
+import styles34 from "./Progress.module.css";
+import { jsx as jsx88 } from "react/jsx-runtime";
+function Progress({ value, label, id, className }) {
+  const clamped = Math.min(100, Math.max(0, value));
+  return /* @__PURE__ */ jsx88(
+    "div",
+    {
+      id,
+      role: "progressbar",
+      "aria-valuenow": clamped,
+      "aria-valuemin": 0,
+      "aria-valuemax": 100,
+      "aria-label": label,
+      className: [styles34.track, className].filter(Boolean).join(" "),
+      children: /* @__PURE__ */ jsx88("div", { className: styles34.fill, style: { width: `${clamped}%` } })
+    }
+  );
+}
+
+// src/components/Table/Table.tsx
+import styles35 from "./Table.module.css";
+import { jsx as jsx89 } from "react/jsx-runtime";
+function Table({ children, className }) {
+  return /* @__PURE__ */ jsx89("div", { className: styles35.scrollContainer, children: /* @__PURE__ */ jsx89("table", { className: [styles35.table, className].filter(Boolean).join(" "), children }) });
+}
+function TableHead({ children }) {
+  return /* @__PURE__ */ jsx89("thead", { className: styles35.head, children });
+}
+function TableBody({ children }) {
+  return /* @__PURE__ */ jsx89("tbody", { className: styles35.body, children });
+}
+function TableRow({ children }) {
+  return /* @__PURE__ */ jsx89("tr", { className: styles35.row, children });
+}
+function TableHeaderCell({ children, ...rest }) {
+  return /* @__PURE__ */ jsx89("th", { className: styles35.th, ...rest, children });
+}
+function TableCell({ children, ...rest }) {
+  return /* @__PURE__ */ jsx89("td", { className: styles35.td, ...rest, children });
+}
+
+// src/components/Alert/Alert.tsx
+import styles36 from "./Alert.module.css";
+import { jsx as jsx90, jsxs as jsxs69 } from "react/jsx-runtime";
+var DEFAULT_ICON = {
+  info: "info",
+  success: "circle-check",
+  warning: "alert-triangle",
+  error: "circle-x",
+  neutral: void 0
+};
+function Alert({ variant, heading, icon, children, id, className }) {
+  const resolvedIcon = icon === void 0 ? DEFAULT_ICON[variant] : icon || void 0;
+  return /* @__PURE__ */ jsxs69(
+    "div",
+    {
+      id,
+      role: variant === "error" ? "alert" : "status",
+      className: [styles36.alert, styles36[variant], className].filter(Boolean).join(" "),
+      children: [
+        resolvedIcon && /* @__PURE__ */ jsx90(Icon, { name: resolvedIcon, size: "sm", className: styles36.icon, "aria-hidden": true }),
+        /* @__PURE__ */ jsxs69("div", { className: styles36.content, children: [
+          heading && /* @__PURE__ */ jsx90("p", { className: styles36.heading, children: heading }),
+          /* @__PURE__ */ jsx90("div", { className: styles36.body, children })
+        ] })
+      ]
+    }
+  );
+}
+
+// src/components/Breadcrumb/Breadcrumb.tsx
+import styles37 from "./Breadcrumb.module.css";
+import { jsx as jsx91, jsxs as jsxs70 } from "react/jsx-runtime";
+function Breadcrumb({
+  items,
+  renderLink,
+  className,
+  "aria-label": ariaLabel = "Breadcrumb"
+}) {
+  return /* @__PURE__ */ jsx91("nav", { "aria-label": ariaLabel, className: [styles37.nav, className].filter(Boolean).join(" "), children: /* @__PURE__ */ jsx91("ol", { className: styles37.list, children: items.map((item, index) => {
+    const isLast = index === items.length - 1;
+    return /* @__PURE__ */ jsxs70("li", { className: styles37.item, children: [
+      item.href ? renderLink ? renderLink(item, item.label) : /* @__PURE__ */ jsx91("a", { href: item.href, className: styles37.link, children: item.label }) : /* @__PURE__ */ jsx91("span", { className: styles37.current, "aria-current": "page", children: item.label }),
+      !isLast && /* @__PURE__ */ jsx91(Icon, { name: "chevron-right", size: "xs", "aria-hidden": true, className: styles37.separator })
+    ] }, item.label + index);
+  }) }) });
+}
+
+// src/components/Pagination/Pagination.tsx
+import styles38 from "./Pagination.module.css";
+import { jsx as jsx92, jsxs as jsxs71 } from "react/jsx-runtime";
+function getPageList(page, totalPages) {
+  if (totalPages <= 1) return [1];
+  const siblingCount = 1;
+  const startPage = Math.max(2, page - siblingCount);
+  const endPage = Math.min(totalPages - 1, page + siblingCount);
+  const pages = [1];
+  if (startPage > 2) pages.push("ellipsis");
+  for (let p = startPage; p <= endPage; p++) {
+    pages.push(p);
+  }
+  if (endPage < totalPages - 1) pages.push("ellipsis");
+  pages.push(totalPages);
+  return pages;
+}
+function Pagination({
+  page,
+  totalPages,
+  onChange,
+  className,
+  "aria-label": ariaLabel = "Pagination"
+}) {
+  const pages = getPageList(page, totalPages);
+  return /* @__PURE__ */ jsxs71("nav", { "aria-label": ariaLabel, className: [styles38.nav, className].filter(Boolean).join(" "), children: [
+    /* @__PURE__ */ jsx92(
+      "button",
+      {
+        type: "button",
+        className: styles38.navButton,
+        onClick: () => onChange(page - 1),
+        disabled: page <= 1,
+        "aria-label": "Previous page",
+        children: /* @__PURE__ */ jsx92(Icon, { name: "chevron-left", size: "sm", "aria-hidden": true })
+      }
+    ),
+    /* @__PURE__ */ jsx92("ul", { className: styles38.list, children: pages.map(
+      (p, index) => p === "ellipsis" ? /* @__PURE__ */ jsx92("li", { className: styles38.ellipsis, "aria-hidden": "true", children: "\u2026" }, `ellipsis-${index}`) : /* @__PURE__ */ jsx92("li", { children: /* @__PURE__ */ jsx92(
+        "button",
+        {
+          type: "button",
+          className: [styles38.pageButton, p === page ? styles38.active : ""].filter(Boolean).join(" "),
+          onClick: () => onChange(p),
+          "aria-current": p === page ? "page" : void 0,
+          "aria-label": `Page ${p}`,
+          children: p
+        }
+      ) }, p)
+    ) }),
+    /* @__PURE__ */ jsx92(
+      "button",
+      {
+        type: "button",
+        className: styles38.navButton,
+        onClick: () => onChange(page + 1),
+        disabled: page >= totalPages,
+        "aria-label": "Next page",
+        children: /* @__PURE__ */ jsx92(Icon, { name: "chevron-right", size: "sm", "aria-hidden": true })
+      }
+    )
+  ] });
+}
+
+// src/components/Kbd/Kbd.tsx
+import styles39 from "./Kbd.module.css";
+import { jsx as jsx93 } from "react/jsx-runtime";
+function Kbd({ children, className }) {
+  return /* @__PURE__ */ jsx93("kbd", { className: [styles39.kbd, className].filter(Boolean).join(" "), children });
+}
+
+// src/components/Collapsible/Collapsible.tsx
+import { useId as useId6 } from "react";
+import styles40 from "./Collapsible.module.css";
+import { jsx as jsx94, jsxs as jsxs72 } from "react/jsx-runtime";
+function Collapsible({
+  open,
+  onOpenChange,
+  trigger,
+  children,
+  id,
+  className
+}) {
+  const generatedId = useId6();
+  const contentId = `${id ?? generatedId}-content`;
+  return /* @__PURE__ */ jsxs72("div", { className: [styles40.root, className].filter(Boolean).join(" "), children: [
+    /* @__PURE__ */ jsxs72(
+      "button",
+      {
+        type: "button",
+        className: styles40.trigger,
+        "aria-expanded": open,
+        "aria-controls": contentId,
+        onClick: () => onOpenChange(!open),
+        children: [
+          /* @__PURE__ */ jsx94("span", { className: styles40.triggerLabel, children: trigger }),
+          /* @__PURE__ */ jsx94(
+            Icon,
+            {
+              name: "chevron-down",
+              size: "sm",
+              "aria-hidden": true,
+              className: [styles40.chevron, open ? styles40.chevronOpen : ""].filter(Boolean).join(" ")
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx94(
+      "div",
+      {
+        id: contentId,
+        className: styles40.contentWrapper,
+        "data-open": open,
+        inert: !open || void 0,
+        children: /* @__PURE__ */ jsx94("div", { className: styles40.contentInner, children })
+      }
+    )
+  ] });
+}
+
+// src/components/Accordion/Accordion.tsx
+import styles41 from "./Accordion.module.css";
+import { jsx as jsx95 } from "react/jsx-runtime";
+function Accordion({ items, type, openIds, onOpenIdsChange, className }) {
+  function handleOpenChange(id, open) {
+    if (type === "single") {
+      onOpenIdsChange(open ? [id] : []);
+      return;
+    }
+    onOpenIdsChange(open ? [...openIds, id] : openIds.filter((openId) => openId !== id));
+  }
+  return /* @__PURE__ */ jsx95("div", { className: [styles41.root, className].filter(Boolean).join(" "), children: items.map((item) => /* @__PURE__ */ jsx95(
+    Collapsible,
+    {
+      id: item.id,
+      trigger: item.trigger,
+      open: openIds.includes(item.id),
+      onOpenChange: (open) => handleOpenChange(item.id, open),
+      children: item.content
+    },
+    item.id
+  )) });
+}
+
+// src/components/AspectRatio/AspectRatio.tsx
+import styles42 from "./AspectRatio.module.css";
+import { jsx as jsx96 } from "react/jsx-runtime";
+function AspectRatio({ ratio, children, className }) {
+  return /* @__PURE__ */ jsx96(
+    "div",
+    {
+      className: [styles42.root, className].filter(Boolean).join(" "),
+      style: { aspectRatio: ratio },
+      children
+    }
+  );
+}
+
+// src/components/ButtonGroup/ButtonGroup.tsx
+import styles43 from "./ButtonGroup.module.css";
+import { jsx as jsx97 } from "react/jsx-runtime";
+function ButtonGroup({ children, className, "aria-label": ariaLabel }) {
+  return /* @__PURE__ */ jsx97(
+    "div",
+    {
+      role: "group",
+      "aria-label": ariaLabel,
+      className: [styles43.root, className].filter(Boolean).join(" "),
+      children
+    }
+  );
+}
+
+// src/components/Item/Item.tsx
+import styles44 from "./Item.module.css";
+import { Fragment as Fragment2, jsx as jsx98, jsxs as jsxs73 } from "react/jsx-runtime";
+function Item({
+  leading,
+  title,
+  description,
+  trailing,
+  onClick,
+  disabled,
+  className
+}) {
+  const interactive = Boolean(onClick);
+  const classes = [styles44.root, interactive ? styles44.interactive : "", className].filter(Boolean).join(" ");
+  const content = /* @__PURE__ */ jsxs73(Fragment2, { children: [
+    leading && /* @__PURE__ */ jsx98("span", { className: styles44.leading, children: leading }),
+    /* @__PURE__ */ jsxs73("span", { className: styles44.content, children: [
+      /* @__PURE__ */ jsx98("span", { className: styles44.title, children: title }),
+      description && /* @__PURE__ */ jsx98("span", { className: styles44.description, children: description })
+    ] }),
+    trailing && /* @__PURE__ */ jsx98("span", { className: styles44.trailing, children: trailing })
+  ] });
+  if (interactive) {
+    return /* @__PURE__ */ jsx98("button", { type: "button", onClick, disabled, className: classes, children: content });
+  }
+  return /* @__PURE__ */ jsx98("div", { className: classes, children: content });
+}
+
+// src/components/Label/Label.tsx
+import styles45 from "./Label.module.css";
+import { jsx as jsx99 } from "react/jsx-runtime";
+function Label({ disabled, className, children, ...rest }) {
+  return /* @__PURE__ */ jsx99(
+    "label",
+    {
+      className: [styles45.label, disabled ? styles45.disabled : "", className].filter(Boolean).join(" "),
+      ...rest,
+      children
+    }
+  );
+}
+
+// src/components/ScrollArea/ScrollArea.tsx
+import styles46 from "./ScrollArea.module.css";
+import { jsx as jsx100 } from "react/jsx-runtime";
+function ScrollArea({ children, maxHeight, maxWidth, className }) {
+  const style = {};
+  if (maxHeight !== void 0) style.maxHeight = maxHeight;
+  if (maxWidth !== void 0) style.maxWidth = maxWidth;
+  return /* @__PURE__ */ jsx100("div", { className: [styles46.root, className].filter(Boolean).join(" "), style, children });
+}
+
+// src/components/Typography/Typography.tsx
+import styles47 from "./Typography.module.css";
+import { jsx as jsx101 } from "react/jsx-runtime";
+var DEFAULT_TAG = {
+  h1: "h1",
+  h2: "h2",
+  h3: "h3",
+  h4: "h4",
+  body: "p",
+  caption: "p",
+  label: "span"
+};
+function Typography({ variant, children, as, className }) {
+  const Tag = as ?? DEFAULT_TAG[variant];
+  return /* @__PURE__ */ jsx101(Tag, { className: [styles47[variant], className].filter(Boolean).join(" "), children });
+}
+
+// src/components/Marker/Marker.tsx
+import styles48 from "./Marker.module.css";
+import { jsx as jsx102 } from "react/jsx-runtime";
+function Marker({ index, label, onClick, className }) {
+  const classes = [styles48.marker, className].filter(Boolean).join(" ");
+  if (onClick) {
+    return /* @__PURE__ */ jsx102("button", { type: "button", onClick, "aria-label": label, className: classes, children: index });
+  }
+  return /* @__PURE__ */ jsx102("span", { "aria-label": label, className: classes, children: index });
+}
+
+// src/components/Message/Message.tsx
+import styles49 from "./Message.module.css";
+import { jsx as jsx103, jsxs as jsxs74 } from "react/jsx-runtime";
+function Message({ sender, children, pending, actions, className }) {
+  return /* @__PURE__ */ jsxs74("div", { className: [styles49.row, styles49[sender], className].filter(Boolean).join(" "), children: [
+    /* @__PURE__ */ jsx103("div", { className: styles49.bubble, children: pending ? /* @__PURE__ */ jsxs74("span", { className: styles49.typingDots, "aria-label": "Thinking", children: [
+      /* @__PURE__ */ jsx103("span", { className: styles49.dot }),
+      /* @__PURE__ */ jsx103("span", { className: styles49.dot }),
+      /* @__PURE__ */ jsx103("span", { className: styles49.dot })
+    ] }) : children }),
+    actions && !pending && /* @__PURE__ */ jsx103("div", { className: styles49.actions, children: actions })
+  ] });
+}
+
+// src/components/MessageScroller/MessageScroller.tsx
+import { useEffect as useEffect11, useRef as useRef10, useState as useState10 } from "react";
+import styles50 from "./MessageScroller.module.css";
+import { jsx as jsx104, jsxs as jsxs75 } from "react/jsx-runtime";
+var NEAR_BOTTOM_THRESHOLD_PX = 80;
+function MessageScroller({ children, className }) {
+  const containerRef = useRef10(null);
+  const isNearBottomRef = useRef10(true);
+  const [hasNewMessages, setHasNewMessages] = useState10(false);
+  useEffect11(() => {
+    const el = containerRef.current;
+    if (!el) return;
+    if (isNearBottomRef.current) {
+      el.scrollTop = el.scrollHeight;
+      setHasNewMessages(false);
+    } else {
+      setHasNewMessages(true);
+    }
+  }, [children]);
+  function handleScroll(event) {
+    const el = event.currentTarget;
+    const distanceFromBottom = el.scrollHeight - el.scrollTop - el.clientHeight;
+    isNearBottomRef.current = distanceFromBottom < NEAR_BOTTOM_THRESHOLD_PX;
+    if (isNearBottomRef.current) {
+      setHasNewMessages(false);
+    }
+  }
+  function scrollToBottom() {
+    const el = containerRef.current;
+    if (!el) return;
+    el.scrollTo({ top: el.scrollHeight, behavior: "smooth" });
+    isNearBottomRef.current = true;
+    setHasNewMessages(false);
+  }
+  return /* @__PURE__ */ jsxs75("div", { className: [styles50.root, className].filter(Boolean).join(" "), children: [
+    /* @__PURE__ */ jsx104("div", { className: styles50.scrollContainer, ref: containerRef, onScroll: handleScroll, children }),
+    hasNewMessages && /* @__PURE__ */ jsx104("button", { type: "button", className: styles50.jumpButton, onClick: scrollToBottom, children: "New messages \u2193" })
+  ] });
+}
+
+// src/components/HoverCard/HoverCard.tsx
+import { cloneElement, useEffect as useEffect12, useRef as useRef11, useState as useState11 } from "react";
+import styles51 from "./HoverCard.module.css";
+import { jsx as jsx105 } from "react/jsx-runtime";
+var OPEN_DELAY_MS = 400;
+var CLOSE_DELAY_MS = 150;
+function useHoverCapable() {
+  const [hoverCapable, setHoverCapable] = useState11(true);
+  useEffect12(() => {
+    const mql = window.matchMedia("(hover: hover)");
+    setHoverCapable(mql.matches);
+    function handleChange(e) {
+      setHoverCapable(e.matches);
+    }
+    mql.addEventListener("change", handleChange);
+    return () => mql.removeEventListener("change", handleChange);
+  }, []);
+  return hoverCapable;
+}
+function HoverCard({
+  trigger,
+  children,
+  align,
+  width,
+  "aria-label": ariaLabel
+}) {
+  const [open, setOpen] = useState11(false);
+  const hoverCapable = useHoverCapable();
+  const openTimer = useRef11(void 0);
+  const closeTimer = useRef11(void 0);
+  function scheduleOpen() {
+    clearTimeout(closeTimer.current);
+    openTimer.current = setTimeout(() => setOpen(true), OPEN_DELAY_MS);
+  }
+  function scheduleClose() {
+    clearTimeout(openTimer.current);
+    closeTimer.current = setTimeout(() => setOpen(false), CLOSE_DELAY_MS);
+  }
+  function cancelScheduledClose() {
+    clearTimeout(closeTimer.current);
+  }
+  const triggerHandlers = hoverCapable ? {
+    onMouseEnter: scheduleOpen,
+    onMouseLeave: scheduleClose,
+    onFocus: () => setOpen(true),
+    onBlur: scheduleClose
+  } : { onClick: () => setOpen((o) => !o) };
+  const wrappedTrigger = cloneElement(trigger, triggerHandlers);
+  return /* @__PURE__ */ jsx105(
+    "div",
+    {
+      className: styles51.root,
+      onMouseEnter: hoverCapable ? cancelScheduledClose : void 0,
+      onMouseLeave: hoverCapable ? scheduleClose : void 0,
+      children: /* @__PURE__ */ jsx105(
+        Popover,
+        {
+          trigger: wrappedTrigger,
+          open,
+          onClose: () => setOpen(false),
+          align,
+          width,
+          "aria-label": ariaLabel,
+          children
+        }
+      )
+    }
+  );
+}
+
+// src/components/ContextMenu/ContextMenu.tsx
+import { cloneElement as cloneElement2, useState as useState12 } from "react";
+import { Fragment as Fragment3, jsx as jsx106, jsxs as jsxs76 } from "react/jsx-runtime";
+function ContextMenu({ children, items, "aria-label": ariaLabel }) {
+  const isMobile = useIsMobile();
+  const [open, setOpen] = useState12(false);
+  const [point, setPoint] = useState12({ x: 0, y: 0 });
+  const longPressHandlers = useLongPress({
+    onLongPress: () => setOpen(true),
+    disabled: !isMobile
+  });
+  function handleContextMenu(e) {
+    e.preventDefault();
+    setPoint({ x: e.clientX, y: e.clientY });
+    setOpen(true);
+  }
+  const wrappedChild = cloneElement2(
+    children,
+    isMobile ? longPressHandlers : { onContextMenu: handleContextMenu }
+  );
+  const list = /* @__PURE__ */ jsx106(
+    MenuEntries,
+    {
+      items,
+      onSelect: (entry) => {
+        setOpen(false);
+        entry.onSelect();
+      }
+    }
+  );
+  if (isMobile) {
+    return /* @__PURE__ */ jsxs76(Fragment3, { children: [
+      wrappedChild,
+      /* @__PURE__ */ jsx106(Drawer, { open, onClose: () => setOpen(false), "aria-label": ariaLabel, children: list })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs76(Fragment3, { children: [
+    wrappedChild,
+    open && /* @__PURE__ */ jsx106("div", { style: { position: "fixed", left: point.x, top: point.y, width: 0, height: 0 }, children: /* @__PURE__ */ jsx106(
+      Popover,
+      {
+        trigger: /* @__PURE__ */ jsx106("span", {}),
+        open,
+        onClose: () => setOpen(false),
+        "aria-label": ariaLabel,
+        children: list
+      }
+    ) })
+  ] });
+}
+
+// src/components/NavigationMenu/NavigationMenu.tsx
+import { useRef as useRef12, useState as useState13 } from "react";
+import styles52 from "./NavigationMenu.module.css";
+import { jsx as jsx107 } from "react/jsx-runtime";
+function NavigationMenu({
+  items,
+  renderLink,
+  "aria-label": ariaLabel
+}) {
+  const [openIndex, setOpenIndex] = useState13(null);
+  const triggerRefs = useRef12([]);
+  function handleKeyDown(e, index) {
+    if (e.key === "Escape") {
+      setOpenIndex(null);
+      triggerRefs.current[index]?.focus();
+      return;
+    }
+    if (e.key === "ArrowRight" || e.key === "ArrowLeft") {
+      e.preventDefault();
+      const direction = e.key === "ArrowRight" ? 1 : -1;
+      const nextIndex = (index + direction + items.length) % items.length;
+      triggerRefs.current[nextIndex]?.focus();
+    }
+  }
+  return /* @__PURE__ */ jsx107("nav", { "aria-label": ariaLabel, className: styles52.nav, children: /* @__PURE__ */ jsx107("ul", { className: styles52.list, children: items.map((item, index) => {
+    if (!item.content) {
+      const linkChildren = item.label;
+      return /* @__PURE__ */ jsx107("li", { children: item.href && renderLink ? renderLink(item.href, linkChildren) : /* @__PURE__ */ jsx107("a", { href: item.href, className: styles52.link, children: linkChildren }) }, item.label);
+    }
+    const isOpen = openIndex === index;
+    return /* @__PURE__ */ jsx107("li", { children: /* @__PURE__ */ jsx107(
+      Popover,
+      {
+        "aria-label": item.label,
+        open: isOpen,
+        onClose: () => setOpenIndex((current) => current === index ? null : current),
+        trigger: /* @__PURE__ */ jsx107(
+          "button",
+          {
+            ref: (el) => {
+              triggerRefs.current[index] = el;
+            },
+            type: "button",
+            className: [styles52.trigger, isOpen ? styles52.triggerOpen : ""].filter(Boolean).join(" "),
+            "aria-expanded": isOpen,
+            onClick: () => setOpenIndex((current) => current === index ? null : index),
+            onMouseEnter: () => {
+              setOpenIndex((current) => current !== null ? index : current);
+            },
+            onKeyDown: (e) => handleKeyDown(e, index),
+            children: item.label
+          }
+        ),
+        children: typeof item.content === "function" ? item.content(() => setOpenIndex(null)) : item.content
+      }
+    ) }, item.label);
+  }) }) });
+}
+
+// src/components/Menubar/Menubar.tsx
+import { jsx as jsx108 } from "react/jsx-runtime";
+function Menubar({ menus, "aria-label": ariaLabel = "Menu bar" }) {
+  return /* @__PURE__ */ jsx108(
+    NavigationMenu,
+    {
+      "aria-label": ariaLabel,
+      items: menus.map((menu) => ({
+        label: menu.label,
+        content: (close) => /* @__PURE__ */ jsx108(
+          MenuEntries,
+          {
+            items: menu.items,
+            onSelect: (entry) => {
+              close();
+              entry.onSelect();
+            }
+          }
+        )
+      }))
+    }
+  );
+}
+
+// src/components/Command/Command.tsx
+import { useEffect as useEffect13, useId as useId7, useMemo as useMemo3, useRef as useRef13, useState as useState14 } from "react";
+import styles53 from "./Command.module.css";
+import { jsx as jsx109, jsxs as jsxs77 } from "react/jsx-runtime";
+function matches(item, query) {
+  if (!query) return true;
+  const haystack = `${item.label} ${item.keywords ?? ""}`.toLowerCase();
+  return haystack.includes(query.toLowerCase());
+}
+function Command({
+  open,
+  onClose,
+  items,
+  placeholder = "Type a command\u2026",
+  "aria-label": ariaLabel = "Command palette"
+}) {
+  const [query, setQuery] = useState14("");
+  const [highlightedIndex, setHighlightedIndex] = useState14(0);
+  const inputRef = useRef13(null);
+  const listId = useId7();
+  const filtered = useMemo3(() => items.filter((item) => matches(item, query)), [items, query]);
+  useEffect13(() => {
+    setHighlightedIndex(0);
+  }, [query, open]);
+  useEffect13(() => {
+    if (open) {
+      setQuery("");
+      requestAnimationFrame(() => inputRef.current?.focus());
+    }
+  }, [open]);
+  function handleKeyDown(e) {
+    if (e.key === "ArrowDown") {
+      e.preventDefault();
+      setHighlightedIndex((i) => Math.min(i + 1, filtered.length - 1));
+    } else if (e.key === "ArrowUp") {
+      e.preventDefault();
+      setHighlightedIndex((i) => Math.max(i - 1, 0));
+    } else if (e.key === "Enter") {
+      e.preventDefault();
+      const item = filtered[highlightedIndex];
+      if (item) {
+        onClose();
+        item.onSelect();
+      }
+    }
+  }
+  const groups = useMemo3(() => {
+    const order = [];
+    const byGroup = /* @__PURE__ */ new Map();
+    for (const item of filtered) {
+      let bucket = byGroup.get(item.group);
+      if (!bucket) {
+        bucket = [];
+        order.push(item.group);
+        byGroup.set(item.group, bucket);
+      }
+      bucket.push(item);
+    }
+    return order.map((group) => ({ group, items: byGroup.get(group) ?? [] }));
+  }, [filtered]);
+  const highlightedId = filtered[highlightedIndex] ? `${listId}-${filtered[highlightedIndex].id}` : void 0;
+  return /* @__PURE__ */ jsx109(Dialog, { open, onClose, "aria-label": ariaLabel, size: "sm", children: /* @__PURE__ */ jsxs77("div", { className: styles53.root, children: [
+    /* @__PURE__ */ jsx109(
+      "input",
+      {
+        ref: inputRef,
+        type: "text",
+        role: "combobox",
+        "aria-expanded": filtered.length > 0,
+        "aria-controls": listId,
+        "aria-activedescendant": highlightedId,
+        "aria-autocomplete": "list",
+        className: styles53.input,
+        placeholder,
+        value: query,
+        onChange: (e) => setQuery(e.target.value),
+        onKeyDown: handleKeyDown
+      }
+    ),
+    /* @__PURE__ */ jsxs77("ul", { id: listId, role: "listbox", className: styles53.list, children: [
+      filtered.length === 0 && /* @__PURE__ */ jsx109("li", { className: styles53.empty, children: "No matching commands." }),
+      groups.map(({ group, items: groupItems }) => /* @__PURE__ */ jsxs77("li", { children: [
+        group && /* @__PURE__ */ jsx109("div", { className: styles53.groupLabel, children: group }),
+        /* @__PURE__ */ jsx109("ul", { className: styles53.groupList, children: groupItems.map((item) => {
+          const index = filtered.indexOf(item);
+          const isHighlighted = index === highlightedIndex;
+          return /* @__PURE__ */ jsx109("li", { children: /* @__PURE__ */ jsxs77(
+            "button",
+            {
+              id: `${listId}-${item.id}`,
+              type: "button",
+              role: "option",
+              "aria-selected": isHighlighted,
+              className: [styles53.item, isHighlighted ? styles53.itemHighlighted : ""].filter(Boolean).join(" "),
+              onMouseEnter: () => setHighlightedIndex(index),
+              onClick: () => {
+                onClose();
+                item.onSelect();
+              },
+              children: [
+                item.icon && /* @__PURE__ */ jsx109(Icon, { name: item.icon, size: "sm", "aria-hidden": true }),
+                item.label
+              ]
+            }
+          ) }, item.id);
+        }) })
+      ] }, group ?? "__ungrouped"))
+    ] })
+  ] }) });
+}
+
+// src/components/Resizable/Resizable.tsx
+import { Children, isValidElement, useEffect as useEffect14, useRef as useRef14, useState as useState15 } from "react";
+import styles54 from "./Resizable.module.css";
+import { jsx as jsx110 } from "react/jsx-runtime";
+function ResizablePanel({ children, className, style }) {
+  return /* @__PURE__ */ jsx110("div", { className: [styles54.panel, className].filter(Boolean).join(" "), style, children });
+}
+function ResizableHandle({
+  "aria-label": ariaLabel = "Resize panels",
+  direction = "horizontal",
+  onPointerDown,
+  onKeyDown,
+  "aria-valuenow": valueNow,
+  "aria-valuemin": valueMin,
+  "aria-valuemax": valueMax
+}) {
+  return (
+    /* eslint-disable jsx-a11y/no-noninteractive-element-interactions, jsx-a11y/no-noninteractive-tabindex -- WAI-ARIA "window splitter" pattern: a focusable, keyboard-operable separator is the documented exception to role="separator" being non-interactive (https://www.w3.org/WAI/ARIA/apg/patterns/windowsplitter/). */
+    /* @__PURE__ */ jsx110(
+      "div",
+      {
+        className: [styles54.handle, direction === "vertical" ? styles54.handleVertical : ""].filter(Boolean).join(" "),
+        role: "separator",
+        tabIndex: 0,
+        "aria-orientation": direction === "horizontal" ? "vertical" : "horizontal",
+        "aria-label": ariaLabel,
+        "aria-valuenow": valueNow !== void 0 ? Math.round(valueNow) : void 0,
+        "aria-valuemin": valueMin,
+        "aria-valuemax": valueMax,
+        onPointerDown,
+        onKeyDown
+      }
+    )
+  );
+}
+var clamp = (value, min, max) => Math.min(Math.max(value, min), max);
+function ResizablePanelGroup({ direction, children, className }) {
+  const elements = Children.toArray(children).filter(isValidElement);
+  const panelCount = elements.filter((el) => el.type === ResizablePanel).length;
+  const constraints = elements.filter((el) => el.type === ResizablePanel).map((el) => {
+    const props = el.props;
+    return {
+      defaultSize: props.defaultSize ?? 100 / panelCount,
+      minSize: props.minSize ?? 10,
+      maxSize: props.maxSize ?? 90
+    };
+  });
+  const [sizes, setSizes] = useState15(() => constraints.map((c) => c.defaultSize));
+  if (sizes.length !== constraints.length) {
+    setSizes(constraints.map((c) => c.defaultSize));
+  }
+  const containerRef = useRef14(null);
+  const constraintsRef = useRef14(constraints);
+  constraintsRef.current = constraints;
+  const directionRef = useRef14(direction);
+  directionRef.current = direction;
+  const dragState = useRef14(null);
+  function applyResize(handleIndex2, nextA, combined) {
+    const a = constraintsRef.current[handleIndex2];
+    const b = constraintsRef.current[handleIndex2 + 1];
+    if (!a || !b) return;
+    const clampedA = clamp(
+      nextA,
+      Math.max(a.minSize, combined - b.maxSize),
+      Math.min(a.maxSize, combined - b.minSize)
+    );
+    setSizes((prev) => {
+      const next = [...prev];
+      next[handleIndex2] = clampedA;
+      next[handleIndex2 + 1] = combined - clampedA;
+      return next;
+    });
+  }
+  useEffect14(() => {
+    function handlePointerMove(event) {
+      const drag = dragState.current;
+      const rect = containerRef.current?.getBoundingClientRect();
+      if (!drag || !rect || event.pointerId !== drag.pointerId) return;
+      const size = directionRef.current === "horizontal" ? rect.width : rect.height;
+      if (size === 0) return;
+      const pos = directionRef.current === "horizontal" ? event.clientX : event.clientY;
+      const deltaPercent = (pos - drag.startPos) / size * 100;
+      applyResize(drag.handleIndex, drag.startA + deltaPercent, drag.combined);
+    }
+    function stopDragging(event) {
+      if (!dragState.current || event.pointerId !== dragState.current.pointerId) return;
+      dragState.current = null;
+      document.body.style.cursor = "";
+      document.body.style.userSelect = "";
+    }
+    window.addEventListener("pointermove", handlePointerMove);
+    window.addEventListener("pointerup", stopDragging);
+    window.addEventListener("pointercancel", stopDragging);
+    return () => {
+      window.removeEventListener("pointermove", handlePointerMove);
+      window.removeEventListener("pointerup", stopDragging);
+      window.removeEventListener("pointercancel", stopDragging);
+      document.body.style.cursor = "";
+      document.body.style.userSelect = "";
+    };
+  }, []);
+  function startDragging(handleIndex2, event) {
+    const startA = sizes[handleIndex2] ?? 0;
+    const startB = sizes[handleIndex2 + 1] ?? 0;
+    dragState.current = {
+      handleIndex: handleIndex2,
+      pointerId: event.pointerId,
+      startPos: direction === "horizontal" ? event.clientX : event.clientY,
+      startA,
+      combined: startA + startB
+    };
+    document.body.style.cursor = direction === "horizontal" ? "col-resize" : "row-resize";
+    document.body.style.userSelect = "none";
+    event.currentTarget.setPointerCapture(event.pointerId);
+  }
+  function resizeWithKeyboard(handleIndex2, event) {
+    const step = event.shiftKey ? 10 : 5;
+    const forwardKey = direction === "horizontal" ? "ArrowRight" : "ArrowDown";
+    const backwardKey = direction === "horizontal" ? "ArrowLeft" : "ArrowUp";
+    const sizeA = sizes[handleIndex2] ?? 0;
+    const sizeB = sizes[handleIndex2 + 1] ?? 0;
+    const combined = sizeA + sizeB;
+    if (event.key === forwardKey) {
+      event.preventDefault();
+      applyResize(handleIndex2, sizeA + step, combined);
+    } else if (event.key === backwardKey) {
+      event.preventDefault();
+      applyResize(handleIndex2, sizeA - step, combined);
+    }
+  }
+  let panelIndex = -1;
+  let handleIndex = -1;
+  return /* @__PURE__ */ jsx110(
+    "div",
+    {
+      ref: containerRef,
+      className: [styles54.group, direction === "vertical" ? styles54.groupVertical : "", className].filter(Boolean).join(" "),
+      children: elements.map((element, key) => {
+        if (element.type === ResizablePanel) {
+          panelIndex += 1;
+          const size = sizes[panelIndex] ?? constraints[panelIndex]?.defaultSize ?? 0;
+          return /* @__PURE__ */ jsx110(
+            ResizablePanelClone,
+            {
+              element,
+              flexBasis: size
+            },
+            key
+          );
+        }
+        if (element.type === ResizableHandle) {
+          handleIndex += 1;
+          const index = handleIndex;
+          const constraint = constraints[index];
+          return /* @__PURE__ */ jsx110(
+            ResizableHandleClone,
+            {
+              element,
+              direction,
+              "aria-valuenow": sizes[index],
+              "aria-valuemin": constraint?.minSize,
+              "aria-valuemax": constraint?.maxSize,
+              onPointerDown: (e) => startDragging(index, e),
+              onKeyDown: (e) => resizeWithKeyboard(index, e)
+            },
+            key
+          );
+        }
+        return element;
+      })
+    }
+  );
+}
+function ResizablePanelClone({
+  element,
+  flexBasis
+}) {
+  const style = {
+    ...element.props.style,
+    flexBasis: `${flexBasis}%`,
+    flexGrow: 0,
+    flexShrink: 0
+  };
+  return /* @__PURE__ */ jsx110(ResizablePanel, { ...element.props, style });
+}
+function ResizableHandleClone({
+  element,
+  ...injected
+}) {
+  return /* @__PURE__ */ jsx110(ResizableHandle, { ...element.props, ...injected });
+}
+
+// src/components/DataTable/DataTable.tsx
+import { useMemo as useMemo4, useState as useState16 } from "react";
+import styles55 from "./DataTable.module.css";
+import { jsx as jsx111, jsxs as jsxs78 } from "react/jsx-runtime";
+function compareValues(a, b) {
+  if (typeof a === "number" && typeof b === "number") return a - b;
+  return String(a).localeCompare(String(b));
+}
+function DataTable({
+  columns,
+  data,
+  getRowKey,
+  defaultSortKey,
+  defaultSortDirection = "asc",
+  emptyMessage = "No results.",
+  className
+}) {
+  const [sortKey, setSortKey] = useState16(defaultSortKey);
+  const [sortDirection, setSortDirection] = useState16(defaultSortDirection);
+  const sortColumn = columns.find((c) => c.key === sortKey);
+  const sortedData = useMemo4(() => {
+    if (!sortColumn) return data;
+    const getValue = sortColumn.sortValue ?? ((row) => row[sortColumn.key]);
+    const sorted = [...data].sort((a, b) => compareValues(getValue(a), getValue(b)));
+    return sortDirection === "asc" ? sorted : sorted.reverse();
+  }, [data, sortColumn, sortDirection]);
+  function handleSort(column) {
+    if (!column.sortable) return;
+    if (sortKey !== column.key) {
+      setSortKey(column.key);
+      setSortDirection("asc");
+    } else if (sortDirection === "asc") {
+      setSortDirection("desc");
+    } else {
+      setSortKey(void 0);
+      setSortDirection("asc");
+    }
+  }
+  if (data.length === 0) {
+    return /* @__PURE__ */ jsx111(EmptyState, { heading: emptyMessage });
+  }
+  return /* @__PURE__ */ jsxs78(Table, { className, children: [
+    /* @__PURE__ */ jsx111(TableHead, { children: /* @__PURE__ */ jsx111(TableRow, { children: columns.map((column) => {
+      const isSorted = sortKey === column.key;
+      const ariaSort = !column.sortable ? void 0 : isSorted ? sortDirection === "asc" ? "ascending" : "descending" : "none";
+      return /* @__PURE__ */ jsx111(
+        TableHeaderCell,
+        {
+          "aria-sort": ariaSort,
+          style: column.align === "end" ? { textAlign: "end" } : void 0,
+          children: column.sortable ? /* @__PURE__ */ jsxs78(
+            "button",
+            {
+              type: "button",
+              className: styles55.sortButton,
+              onClick: () => handleSort(column),
+              children: [
+                column.header,
+                /* @__PURE__ */ jsx111("span", { className: styles55.sortIcon, children: isSorted && /* @__PURE__ */ jsx111(
+                  Icon,
+                  {
+                    name: sortDirection === "asc" ? "chevron-up" : "chevron-down",
+                    size: "sm",
+                    "aria-hidden": true
+                  }
+                ) })
+              ]
+            }
+          ) : column.header
+        },
+        column.key
+      );
+    }) }) }),
+    /* @__PURE__ */ jsx111(TableBody, { children: sortedData.map((row) => /* @__PURE__ */ jsx111(TableRow, { children: columns.map((column) => /* @__PURE__ */ jsx111(
+      TableCell,
+      {
+        style: column.align === "end" ? { textAlign: "end" } : void 0,
+        children: column.render ? column.render(row) : String(row[column.key] ?? "")
+      },
+      column.key
+    )) }, getRowKey(row))) })
+  ] });
+}
+
+// src/components/Combobox/Combobox.tsx
+import { useEffect as useEffect15, useId as useId8, useMemo as useMemo5, useRef as useRef15, useState as useState17 } from "react";
+import styles56 from "./Combobox.module.css";
+import { Fragment as Fragment4, jsx as jsx112, jsxs as jsxs79 } from "react/jsx-runtime";
+function matches2(option, query) {
+  if (!query) return true;
+  return option.label.toLowerCase().includes(query.toLowerCase());
+}
+function Combobox({
+  options,
+  value,
+  onChange,
+  placeholder = "Select\u2026",
+  searchPlaceholder = "Search\u2026",
+  emptyMessage = "No matches.",
+  "aria-label": ariaLabel,
+  disabled = false,
+  className
+}) {
+  const [open, setOpen] = useState17(false);
+  const [query, setQuery] = useState17("");
+  const [highlightedIndex, setHighlightedIndex] = useState17(0);
+  const isMobile = useIsMobile();
+  const inputRef = useRef15(null);
+  const listId = useId8();
+  const selected = options.find((o) => o.value === value) ?? null;
+  const filtered = useMemo5(
+    () => options.filter((option) => matches2(option, query)),
+    [options, query]
+  );
+  useEffect15(() => {
+    setHighlightedIndex(0);
+  }, [query, open]);
+  useEffect15(() => {
+    if (open) {
+      setQuery("");
+      requestAnimationFrame(() => inputRef.current?.focus());
+    }
+  }, [open]);
+  function commit(option) {
+    onChange(option.value);
+    setOpen(false);
+  }
+  function handleKeyDown(e) {
+    if (e.key === "ArrowDown") {
+      e.preventDefault();
+      setHighlightedIndex((i) => Math.min(i + 1, filtered.length - 1));
+    } else if (e.key === "ArrowUp") {
+      e.preventDefault();
+      setHighlightedIndex((i) => Math.max(i - 1, 0));
+    } else if (e.key === "Enter") {
+      e.preventDefault();
+      const option = filtered[highlightedIndex];
+      if (option) commit(option);
+    }
+  }
+  const highlightedId = filtered[highlightedIndex] ? `${listId}-${filtered[highlightedIndex].value}` : void 0;
+  const trigger = /* @__PURE__ */ jsxs79(
+    "button",
+    {
+      type: "button",
+      className: [styles56.trigger, className].filter(Boolean).join(" "),
+      disabled,
+      "aria-label": ariaLabel,
+      "aria-haspopup": "listbox",
+      "aria-expanded": open,
+      onClick: () => setOpen((o) => !o),
+      children: [
+        /* @__PURE__ */ jsx112("span", { className: selected ? styles56.triggerValue : styles56.triggerPlaceholder, children: selected ? selected.label : placeholder }),
+        /* @__PURE__ */ jsx112(Icon, { name: "chevron-down", size: "sm", "aria-hidden": true })
+      ]
+    }
+  );
+  const body = /* @__PURE__ */ jsxs79("div", { className: styles56.body, children: [
+    /* @__PURE__ */ jsx112(
+      "input",
+      {
+        ref: inputRef,
+        type: "text",
+        role: "combobox",
+        "aria-expanded": filtered.length > 0,
+        "aria-controls": listId,
+        "aria-activedescendant": highlightedId,
+        "aria-autocomplete": "list",
+        className: styles56.search,
+        placeholder: searchPlaceholder,
+        value: query,
+        onChange: (e) => setQuery(e.target.value),
+        onKeyDown: handleKeyDown
+      }
+    ),
+    /* @__PURE__ */ jsxs79("ul", { id: listId, role: "listbox", className: styles56.list, children: [
+      filtered.length === 0 && /* @__PURE__ */ jsx112("li", { className: styles56.empty, children: emptyMessage }),
+      filtered.map((option, index) => {
+        const isHighlighted = index === highlightedIndex;
+        const isSelected = option.value === value;
+        return /* @__PURE__ */ jsx112("li", { children: /* @__PURE__ */ jsxs79(
+          "button",
+          {
+            id: `${listId}-${option.value}`,
+            type: "button",
+            role: "option",
+            "aria-selected": isSelected,
+            className: [styles56.option, isHighlighted ? styles56.optionHighlighted : ""].filter(Boolean).join(" "),
+            onMouseEnter: () => setHighlightedIndex(index),
+            onClick: () => commit(option),
+            children: [
+              /* @__PURE__ */ jsx112("span", { className: styles56.check, children: isSelected && /* @__PURE__ */ jsx112(Icon, { name: "check", size: "sm", "aria-hidden": true }) }),
+              option.label
+            ]
+          }
+        ) }, option.value);
+      })
+    ] })
+  ] });
+  if (isMobile) {
+    return /* @__PURE__ */ jsxs79(Fragment4, { children: [
+      trigger,
+      /* @__PURE__ */ jsx112(Drawer, { open, onClose: () => setOpen(false), "aria-label": ariaLabel, children: body })
+    ] });
+  }
+  return /* @__PURE__ */ jsx112(
+    Popover,
+    {
+      trigger,
+      open,
+      onClose: () => setOpen(false),
+      "aria-label": ariaLabel,
+      width: "trigger",
+      children: body
+    }
+  );
+}
+
+// src/components/DragHandleRow/DragHandleRow.tsx
+import styles57 from "./DragHandleRow.module.css";
+import { jsx as jsx113, jsxs as jsxs80 } from "react/jsx-runtime";
+function DragHandleRow({
+  children,
+  handleProps,
+  isDragging,
+  className,
+  ...rest
+}) {
+  return /* @__PURE__ */ jsxs80(
+    "div",
+    {
+      ...rest,
+      className: [styles57.row, isDragging ? styles57.dragging : "", className].filter(Boolean).join(" "),
+      children: [
+        /* @__PURE__ */ jsx113(
+          "button",
+          {
+            type: "button",
+            "aria-label": "Drag to reorder",
+            className: styles57.handle,
+            tabIndex: -1,
+            ...handleProps,
+            children: /* @__PURE__ */ jsx113(DragIcon, {})
+          }
+        ),
+        /* @__PURE__ */ jsx113("div", { className: styles57.content, children })
+      ]
+    }
+  );
+}
+function DragIcon() {
+  return /* @__PURE__ */ jsx113(
+    "svg",
+    {
+      width: "14",
+      height: "14",
+      viewBox: "0 0 14 14",
+      fill: "none",
+      "aria-hidden": "true",
+      className: styles57.icon,
+      children: [3, 7, 11].map(
+        (cy) => [4, 10].map((cx) => /* @__PURE__ */ jsx113("circle", { cx, cy, r: 1.2, fill: "currentColor" }, `${cx}-${cy}`))
+      )
+    }
+  );
+}
+
+// src/components/FileDropzone/FileDropzone.tsx
+import { useRef as useRef16, useState as useState18 } from "react";
+import styles58 from "./FileDropzone.module.css";
+import { jsx as jsx114, jsxs as jsxs81 } from "react/jsx-runtime";
+function FileDropzone({
+  name,
+  accept,
+  icon,
+  label,
+  hint,
+  onFileSelect,
+  ariaLabel,
+  disabled,
+  className
+}) {
+  const [dragging, setDragging] = useState18(false);
+  const inputRef = useRef16(null);
+  return /* @__PURE__ */ jsxs81(
     "label",
     {
       className: [
-        styles33.dropzone,
-        dragging ? styles33.dropzoneActive : "",
-        disabled ? styles33.dropzoneDisabled : "",
+        styles58.dropzone,
+        dragging ? styles58.dropzoneActive : "",
+        disabled ? styles58.dropzoneDisabled : "",
         className
       ].filter(Boolean).join(" "),
       onDragOver: (event) => {
@@ -3018,12 +4331,12 @@ function FileDropzone({
         onFileSelect(dropped);
       },
       children: [
-        /* @__PURE__ */ jsx85("span", { className: styles33.icon, "aria-hidden": "true", children: icon ?? /* @__PURE__ */ jsx85(Icon, { name: "file", size: "lg", "aria-hidden": true }) }),
-        /* @__PURE__ */ jsxs66("span", { className: styles33.text, children: [
-          /* @__PURE__ */ jsx85("span", { className: styles33.title, children: label }),
-          hint && /* @__PURE__ */ jsx85("span", { className: styles33.hint, children: hint })
+        /* @__PURE__ */ jsx114("span", { className: styles58.icon, "aria-hidden": "true", children: icon ?? /* @__PURE__ */ jsx114(Icon, { name: "file", size: "lg", "aria-hidden": true }) }),
+        /* @__PURE__ */ jsxs81("span", { className: styles58.text, children: [
+          /* @__PURE__ */ jsx114("span", { className: styles58.title, children: label }),
+          hint && /* @__PURE__ */ jsx114("span", { className: styles58.hint, children: hint })
         ] }),
-        /* @__PURE__ */ jsx85(
+        /* @__PURE__ */ jsx114(
           "input",
           {
             ref: inputRef,
@@ -3033,7 +4346,7 @@ function FileDropzone({
             accept,
             disabled,
             onChange: (event) => onFileSelect(event.target.files?.[0] ?? null),
-            className: styles33.hiddenInput
+            className: styles58.hiddenInput
           }
         )
       ]
@@ -3042,7 +4355,7 @@ function FileDropzone({
 }
 
 // src/components/Calendar/Calendar.tsx
-import { useRef as useRef11, useState as useState11 } from "react";
+import { useRef as useRef17, useState as useState19 } from "react";
 
 // src/components/Calendar/dateUtils.ts
 function startOfMonth(date) {
@@ -3108,8 +4421,8 @@ function formatDateLabel(date) {
 }
 
 // src/components/Calendar/Calendar.tsx
-import styles34 from "./Calendar.module.css";
-import { jsx as jsx86, jsxs as jsxs67 } from "react/jsx-runtime";
+import styles59 from "./Calendar.module.css";
+import { jsx as jsx115, jsxs as jsxs82 } from "react/jsx-runtime";
 var WEEKDAY_LABEL_WEEK = getMonthGrid(new Date(2026, 0, 1))[0] ?? [];
 function Calendar({
   value,
@@ -3118,9 +4431,9 @@ function Calendar({
   maxDate,
   "aria-label": ariaLabel
 }) {
-  const [displayedMonth, setDisplayedMonth] = useState11(() => startOfMonth(value ?? /* @__PURE__ */ new Date()));
-  const [focusedDate, setFocusedDate] = useState11(() => value ?? /* @__PURE__ */ new Date());
-  const gridRef = useRef11(null);
+  const [displayedMonth, setDisplayedMonth] = useState19(() => startOfMonth(value ?? /* @__PURE__ */ new Date()));
+  const [focusedDate, setFocusedDate] = useState19(() => value ?? /* @__PURE__ */ new Date());
+  const gridRef = useRef17(null);
   const weeks = getMonthGrid(displayedMonth);
   function goToMonth(next) {
     setDisplayedMonth(startOfMonth(next));
@@ -3179,51 +4492,51 @@ function Calendar({
       default:
     }
   }
-  return /* @__PURE__ */ jsxs67("div", { className: styles34.calendar, "aria-label": ariaLabel, children: [
-    /* @__PURE__ */ jsxs67("div", { className: styles34.header, children: [
-      /* @__PURE__ */ jsx86(
+  return /* @__PURE__ */ jsxs82("div", { className: styles59.calendar, "aria-label": ariaLabel, children: [
+    /* @__PURE__ */ jsxs82("div", { className: styles59.header, children: [
+      /* @__PURE__ */ jsx115(
         "button",
         {
           type: "button",
-          className: styles34.navButton,
+          className: styles59.navButton,
           "aria-label": "Previous month",
           onClick: () => goToMonth(addMonths(displayedMonth, -1)),
-          children: /* @__PURE__ */ jsx86(Icon, { name: "chevron-left", size: "sm", "aria-hidden": true })
+          children: /* @__PURE__ */ jsx115(Icon, { name: "chevron-left", size: "sm", "aria-hidden": true })
         }
       ),
-      /* @__PURE__ */ jsx86("span", { className: styles34.monthLabel, children: formatMonthYear(displayedMonth) }),
-      /* @__PURE__ */ jsx86(
+      /* @__PURE__ */ jsx115("span", { className: styles59.monthLabel, children: formatMonthYear(displayedMonth) }),
+      /* @__PURE__ */ jsx115(
         "button",
         {
           type: "button",
-          className: styles34.navButton,
+          className: styles59.navButton,
           "aria-label": "Next month",
           onClick: () => goToMonth(addMonths(displayedMonth, 1)),
-          children: /* @__PURE__ */ jsx86(Icon, { name: "chevron-right", size: "sm", "aria-hidden": true })
+          children: /* @__PURE__ */ jsx115(Icon, { name: "chevron-right", size: "sm", "aria-hidden": true })
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs67(
+    /* @__PURE__ */ jsxs82(
       "div",
       {
         ref: gridRef,
         role: "grid",
         "aria-label": formatMonthYear(displayedMonth),
-        className: styles34.grid,
+        className: styles59.grid,
         onKeyDown: handleKeyDown,
         tabIndex: -1,
         children: [
-          /* @__PURE__ */ jsx86("div", { role: "row", className: styles34.weekdayRow, children: WEEKDAY_LABEL_WEEK.map((d) => /* @__PURE__ */ jsx86("span", { role: "columnheader", className: styles34.weekday, "aria-hidden": true, children: formatWeekdayShort(d) }, d.getDay())) }),
+          /* @__PURE__ */ jsx115("div", { role: "row", className: styles59.weekdayRow, children: WEEKDAY_LABEL_WEEK.map((d) => /* @__PURE__ */ jsx115("span", { role: "columnheader", className: styles59.weekday, "aria-hidden": true, children: formatWeekdayShort(d) }, d.getDay())) }),
           weeks.map((week) => {
             const firstDayOfWeek = week[0];
             if (!firstDayOfWeek) return null;
-            return /* @__PURE__ */ jsx86("div", { role: "row", className: styles34.week, children: week.map((date) => {
+            return /* @__PURE__ */ jsx115("div", { role: "row", className: styles59.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__ */ jsx86("div", { role: "gridcell", "aria-selected": isSelected, children: /* @__PURE__ */ jsx86(
+              return /* @__PURE__ */ jsx115("div", { role: "gridcell", "aria-selected": isSelected, children: /* @__PURE__ */ jsx115(
                 "button",
                 {
                   type: "button",
@@ -3232,10 +4545,10 @@ function Calendar({
                   "aria-current": isToday ? "date" : void 0,
                   "aria-label": formatDateLabel(date),
                   className: [
-                    styles34.day,
-                    !isCurrentMonth ? styles34.dayOutside : "",
-                    isSelected ? styles34.daySelected : "",
-                    isToday && !isSelected ? styles34.dayToday : ""
+                    styles59.day,
+                    !isCurrentMonth ? styles59.dayOutside : "",
+                    isSelected ? styles59.daySelected : "",
+                    isToday && !isSelected ? styles59.dayToday : ""
                   ].filter(Boolean).join(" "),
                   onClick: () => selectDate(date),
                   onFocus: () => setFocusedDate(date),
@@ -3251,9 +4564,9 @@ function Calendar({
 }
 
 // src/components/DatePicker/DatePicker.tsx
-import { useState as useState12 } from "react";
-import styles35 from "./DatePicker.module.css";
-import { Fragment as Fragment2, jsx as jsx87, jsxs as jsxs68 } from "react/jsx-runtime";
+import { useState as useState20 } from "react";
+import styles60 from "./DatePicker.module.css";
+import { Fragment as Fragment5, jsx as jsx116, jsxs as jsxs83 } from "react/jsx-runtime";
 var POPOVER_WIDTH = 320;
 function DatePicker({
   value,
@@ -3264,29 +4577,29 @@ function DatePicker({
   "aria-label": ariaLabel,
   disabled = false
 }) {
-  const [open, setOpen] = useState12(false);
+  const [open, setOpen] = useState20(false);
   const isMobile = useIsMobile();
   function handleSelect(date) {
     onChange(date);
     setOpen(false);
   }
-  const trigger = /* @__PURE__ */ jsxs68(
+  const trigger = /* @__PURE__ */ jsxs83(
     "button",
     {
       type: "button",
-      className: styles35.trigger,
+      className: styles60.trigger,
       disabled,
       "aria-label": ariaLabel,
       "aria-haspopup": "dialog",
       "aria-expanded": open,
       onClick: () => setOpen((o) => !o),
       children: [
-        /* @__PURE__ */ jsx87("span", { className: value ? styles35.triggerValue : styles35.triggerPlaceholder, children: value ? formatDateShort(value) : placeholder }),
-        /* @__PURE__ */ jsx87(Icon, { name: "calendar", size: "sm", "aria-hidden": true })
+        /* @__PURE__ */ jsx116("span", { className: value ? styles60.triggerValue : styles60.triggerPlaceholder, children: value ? formatDateShort(value) : placeholder }),
+        /* @__PURE__ */ jsx116(Icon, { name: "calendar", size: "sm", "aria-hidden": true })
       ]
     }
   );
-  const calendar = /* @__PURE__ */ jsx87(
+  const calendar = /* @__PURE__ */ jsx116(
     Calendar,
     {
       value,
@@ -3297,12 +4610,12 @@ function DatePicker({
     }
   );
   if (isMobile) {
-    return /* @__PURE__ */ jsxs68(Fragment2, { children: [
+    return /* @__PURE__ */ jsxs83(Fragment5, { children: [
       trigger,
-      /* @__PURE__ */ jsx87(Drawer, { open, onClose: () => setOpen(false), "aria-label": ariaLabel, children: /* @__PURE__ */ jsx87("div", { className: styles35.drawerBody, children: calendar }) })
+      /* @__PURE__ */ jsx116(Drawer, { open, onClose: () => setOpen(false), "aria-label": ariaLabel, children: /* @__PURE__ */ jsx116("div", { className: styles60.drawerBody, children: calendar }) })
     ] });
   }
-  return /* @__PURE__ */ jsx87(
+  return /* @__PURE__ */ jsx116(
     Popover,
     {
       trigger,
@@ -3310,15 +4623,15 @@ function DatePicker({
       onClose: () => setOpen(false),
       "aria-label": ariaLabel,
       width: POPOVER_WIDTH,
-      children: /* @__PURE__ */ jsx87("div", { className: styles35.popoverBody, children: calendar })
+      children: /* @__PURE__ */ jsx116("div", { className: styles60.popoverBody, children: calendar })
     }
   );
 }
 
 // src/components/SuggestionInput/SuggestionInput.tsx
-import { useId as useId4, useRef as useRef12, useState as useState13 } from "react";
-import styles36 from "./SuggestionInput.module.css";
-import { Fragment as Fragment3, jsx as jsx88, jsxs as jsxs69 } from "react/jsx-runtime";
+import { useId as useId9, useRef as useRef18, useState as useState21 } from "react";
+import styles61 from "./SuggestionInput.module.css";
+import { Fragment as Fragment6, jsx as jsx117, jsxs as jsxs84 } from "react/jsx-runtime";
 function SuggestionInput({
   value,
   onChange,
@@ -3333,12 +4646,12 @@ function SuggestionInput({
   onCreate,
   className
 }) {
-  const generatedId = useId4();
+  const generatedId = useId9();
   const inputId = id ?? generatedId;
   const listId = `${inputId}-suggestions`;
-  const inputRef = useRef12(null);
-  const [focused, setFocused] = useState13(false);
-  const [activeIndex, setActiveIndex] = useState13(-1);
+  const inputRef = useRef18(null);
+  const [focused, setFocused] = useState21(false);
+  const [activeIndex, setActiveIndex] = useState21(-1);
   const showCreateRow = Boolean(onCreate && createLabel && value.trim());
   const rowCount = options.length + (showCreateRow ? 1 : 0);
   const open = focused && (rowCount > 0 || loading);
@@ -3375,7 +4688,7 @@ function SuggestionInput({
       close();
     }
   }
-  const trigger = /* @__PURE__ */ jsx88(
+  const trigger = /* @__PURE__ */ jsx117(
     "input",
     {
       ref: inputRef,
@@ -3387,7 +4700,7 @@ function SuggestionInput({
       "aria-autocomplete": "list",
       "aria-activedescendant": activeIndex >= 0 ? `${listId}-option-${activeIndex}` : void 0,
       "aria-label": ariaLabel,
-      className: [styles36.input, className].filter(Boolean).join(" "),
+      className: [styles61.input, className].filter(Boolean).join(" "),
       value,
       placeholder,
       disabled,
@@ -3400,7 +4713,7 @@ function SuggestionInput({
       onKeyDown: handleKeyDown
     }
   );
-  return /* @__PURE__ */ jsx88(
+  return /* @__PURE__ */ jsx117(
     Popover,
     {
       trigger,
@@ -3408,29 +4721,29 @@ function SuggestionInput({
       onClose: close,
       width: "trigger",
       "aria-label": `${ariaLabel} suggestions`,
-      children: /* @__PURE__ */ jsx88("ul", { id: listId, role: "listbox", className: styles36.list, children: loading ? /* @__PURE__ */ jsx88("li", { className: styles36.status, children: "Loading\u2026" }) : /* @__PURE__ */ jsxs69(Fragment3, { children: [
-        options.map((option, index) => /* @__PURE__ */ jsx88("li", { role: "none", children: /* @__PURE__ */ jsxs69(
+      children: /* @__PURE__ */ jsx117("ul", { id: listId, role: "listbox", className: styles61.list, children: loading ? /* @__PURE__ */ jsx117("li", { className: styles61.status, children: "Loading\u2026" }) : /* @__PURE__ */ jsxs84(Fragment6, { children: [
+        options.map((option, index) => /* @__PURE__ */ jsx117("li", { role: "none", children: /* @__PURE__ */ jsxs84(
           "button",
           {
             id: `${listId}-option-${index}`,
             role: "option",
             "aria-selected": index === activeIndex,
             type: "button",
-            className: [styles36.option, index === activeIndex ? styles36.optionActive : ""].filter(Boolean).join(" "),
+            className: [styles61.option, index === activeIndex ? styles61.optionActive : ""].filter(Boolean).join(" "),
             onMouseDown: (e) => {
               e.preventDefault();
               commitIndex(index);
             },
             children: [
-              option.icon && /* @__PURE__ */ jsx88("span", { className: styles36.optionIcon, children: option.icon }),
-              /* @__PURE__ */ jsx88("span", { className: styles36.optionLabel, children: option.label }),
-              option.meta && /* @__PURE__ */ jsx88("span", { className: styles36.optionMeta, children: option.meta })
+              option.icon && /* @__PURE__ */ jsx117("span", { className: styles61.optionIcon, children: option.icon }),
+              /* @__PURE__ */ jsx117("span", { className: styles61.optionLabel, children: option.label }),
+              option.meta && /* @__PURE__ */ jsx117("span", { className: styles61.optionMeta, children: option.meta })
             ]
           }
         ) }, option.id)),
-        showCreateRow && createLabel && /* @__PURE__ */ jsxs69("li", { role: "none", children: [
-          options.length > 0 && /* @__PURE__ */ jsx88("div", { className: styles36.divider }),
-          /* @__PURE__ */ jsx88(
+        showCreateRow && createLabel && /* @__PURE__ */ jsxs84("li", { role: "none", children: [
+          options.length > 0 && /* @__PURE__ */ jsx117("div", { className: styles61.divider }),
+          /* @__PURE__ */ jsx117(
             "button",
             {
               id: `${listId}-option-${options.length}`,
@@ -3438,9 +4751,9 @@ function SuggestionInput({
               "aria-selected": options.length === activeIndex,
               type: "button",
               className: [
-                styles36.option,
-                styles36.optionCreate,
-                options.length === activeIndex ? styles36.optionActive : ""
+                styles61.option,
+                styles61.optionCreate,
+                options.length === activeIndex ? styles61.optionActive : ""
               ].filter(Boolean).join(" "),
               onMouseDown: (e) => {
                 e.preventDefault();
@@ -3456,9 +4769,9 @@ function SuggestionInput({
 }
 
 // src/components/IconPicker/IconPicker.tsx
-import { useState as useState14 } from "react";
-import styles37 from "./IconPicker.module.css";
-import { jsx as jsx89, jsxs as jsxs70 } from "react/jsx-runtime";
+import { useState as useState22 } from "react";
+import styles62 from "./IconPicker.module.css";
+import { jsx as jsx118, jsxs as jsxs85 } from "react/jsx-runtime";
 function IconPicker({
   value,
   onChange,
@@ -3468,24 +4781,24 @@ function IconPicker({
   disabled = false,
   className
 }) {
-  const [open, setOpen] = useState14(false);
-  const trigger = /* @__PURE__ */ jsxs70(
+  const [open, setOpen] = useState22(false);
+  const trigger = /* @__PURE__ */ jsxs85(
     "button",
     {
       type: "button",
-      className: [styles37.trigger, className].filter(Boolean).join(" "),
+      className: [styles62.trigger, className].filter(Boolean).join(" "),
       onClick: () => setOpen((o) => !o),
       disabled,
       "aria-label": ariaLabel,
       "aria-haspopup": "true",
       "aria-expanded": open,
       children: [
-        value ? /* @__PURE__ */ jsx89(Icon, { name: value, size: "md", "aria-hidden": true }) : /* @__PURE__ */ jsx89("span", { className: styles37.placeholder, "aria-hidden": true, children: "?" }),
-        triggerLabel && /* @__PURE__ */ jsx89("span", { className: styles37.triggerLabel, children: triggerLabel })
+        value ? /* @__PURE__ */ jsx118(Icon, { name: value, size: "md", "aria-hidden": true }) : /* @__PURE__ */ jsx118("span", { className: styles62.placeholder, "aria-hidden": true, children: "?" }),
+        triggerLabel && /* @__PURE__ */ jsx118("span", { className: styles62.triggerLabel, children: triggerLabel })
       ]
     }
   );
-  return /* @__PURE__ */ jsx89(
+  return /* @__PURE__ */ jsx118(
     Popover,
     {
       trigger,
@@ -3493,18 +4806,18 @@ function IconPicker({
       onClose: () => setOpen(false),
       width: 240,
       "aria-label": `${ariaLabel} options`,
-      children: /* @__PURE__ */ jsx89("div", { className: styles37.grid, role: "listbox", "aria-label": ariaLabel, children: options.map((name) => /* @__PURE__ */ jsx89(
+      children: /* @__PURE__ */ jsx118("div", { className: styles62.grid, role: "listbox", "aria-label": ariaLabel, children: options.map((name) => /* @__PURE__ */ jsx118(
         "button",
         {
           type: "button",
           role: "option",
           "aria-selected": name === value,
-          className: [styles37.option, name === value ? styles37.optionSelected : ""].filter(Boolean).join(" "),
+          className: [styles62.option, name === value ? styles62.optionSelected : ""].filter(Boolean).join(" "),
           onClick: () => {
             onChange(name);
             setOpen(false);
           },
-          children: /* @__PURE__ */ jsx89(Icon, { name, size: "md", "aria-hidden": true })
+          children: /* @__PURE__ */ jsx118(Icon, { name, size: "md", "aria-hidden": true })
         },
         name
       )) })
@@ -3513,9 +4826,9 @@ function IconPicker({
 }
 
 // src/components/QuantityStepper/QuantityStepper.tsx
-import { useId as useId5 } from "react";
-import styles38 from "./QuantityStepper.module.css";
-import { jsx as jsx90, jsxs as jsxs71 } from "react/jsx-runtime";
+import { useId as useId10 } from "react";
+import styles63 from "./QuantityStepper.module.css";
+import { jsx as jsx119, jsxs as jsxs86 } from "react/jsx-runtime";
 function QuantityStepper({
   value,
   onChange,
@@ -3528,9 +4841,9 @@ function QuantityStepper({
   id,
   className
 }) {
-  const generatedId = useId5();
+  const generatedId = useId10();
   const inputId = id ?? generatedId;
-  function clamp(next) {
+  function clamp2(next) {
     let result = next;
     if (min !== void 0) result = Math.max(min, result);
     if (max !== void 0) result = Math.min(max, result);
@@ -3538,28 +4851,28 @@ function QuantityStepper({
   }
   function handleInputChange(e) {
     const parsed = Number.parseFloat(e.target.value);
-    if (!Number.isNaN(parsed)) onChange(clamp(parsed));
+    if (!Number.isNaN(parsed)) onChange(clamp2(parsed));
   }
   const decrementDisabled = disabled || min !== void 0 && value <= min;
   const incrementDisabled = disabled || max !== void 0 && value >= max;
-  return /* @__PURE__ */ jsxs71("div", { className: [styles38.root, className].filter(Boolean).join(" "), children: [
-    /* @__PURE__ */ jsx90(
+  return /* @__PURE__ */ jsxs86("div", { className: [styles63.root, className].filter(Boolean).join(" "), children: [
+    /* @__PURE__ */ jsx119(
       "button",
       {
         type: "button",
-        className: styles38.button,
-        onClick: () => onChange(clamp(value - step)),
+        className: styles63.button,
+        onClick: () => onChange(clamp2(value - step)),
         disabled: decrementDisabled,
         "aria-label": `Decrease ${ariaLabel}`,
         children: "\u2212"
       }
     ),
-    /* @__PURE__ */ jsx90(
+    /* @__PURE__ */ jsx119(
       "input",
       {
         id: inputId,
         type: "number",
-        className: styles38.input,
+        className: styles63.input,
         value,
         onChange: handleInputChange,
         min,
@@ -3569,13 +4882,13 @@ function QuantityStepper({
         "aria-label": ariaLabel
       }
     ),
-    unit && /* @__PURE__ */ jsx90("span", { className: styles38.unit, "aria-hidden": true, children: unit }),
-    /* @__PURE__ */ jsx90(
+    unit && /* @__PURE__ */ jsx119("span", { className: styles63.unit, "aria-hidden": true, children: unit }),
+    /* @__PURE__ */ jsx119(
       "button",
       {
         type: "button",
-        className: styles38.button,
-        onClick: () => onChange(clamp(value + step)),
+        className: styles63.button,
+        onClick: () => onChange(clamp2(value + step)),
         disabled: incrementDisabled,
         "aria-label": `Increase ${ariaLabel}`,
         children: "+"
@@ -3585,8 +4898,8 @@ function QuantityStepper({
 }
 
 // src/components/CheckableListRow/CheckableListRow.tsx
-import styles39 from "./CheckableListRow.module.css";
-import { jsx as jsx91, jsxs as jsxs72 } from "react/jsx-runtime";
+import styles64 from "./CheckableListRow.module.css";
+import { jsx as jsx120, jsxs as jsxs87 } from "react/jsx-runtime";
 function CheckableListRow({
   checked,
   onCheckedChange,
@@ -3605,8 +4918,8 @@ function CheckableListRow({
       toggle();
     }
   }
-  return /* @__PURE__ */ jsxs72("div", { className: [styles39.row, className].filter(Boolean).join(" "), children: [
-    /* @__PURE__ */ jsxs72(
+  return /* @__PURE__ */ jsxs87("div", { className: [styles64.row, className].filter(Boolean).join(" "), children: [
+    /* @__PURE__ */ jsxs87(
       "div",
       {
         role: "checkbox",
@@ -3614,11 +4927,11 @@ function CheckableListRow({
         "aria-label": label,
         "aria-disabled": disabled || void 0,
         tabIndex: disabled ? -1 : 0,
-        className: styles39.tapTarget,
+        className: styles64.tapTarget,
         onClick: toggle,
         onKeyDown: handleKeyDown,
         children: [
-          /* @__PURE__ */ jsx91("span", { className: [styles39.box, checked ? styles39.checked : ""].filter(Boolean).join(" "), children: checked && /* @__PURE__ */ jsx91("svg", { className: styles39.tick, viewBox: "0 0 10 8", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx91(
+          /* @__PURE__ */ jsx120("span", { className: [styles64.box, checked ? styles64.checked : ""].filter(Boolean).join(" "), children: checked && /* @__PURE__ */ jsx120("svg", { className: styles64.tick, viewBox: "0 0 10 8", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx120(
             "path",
             {
               d: "M1 4l3 3 5-6",
@@ -3628,24 +4941,140 @@ function CheckableListRow({
               strokeLinejoin: "round"
             }
           ) }) }),
-          icon && /* @__PURE__ */ jsx91("span", { className: styles39.icon, children: icon }),
-          /* @__PURE__ */ jsx91("span", { className: [styles39.label, checked ? styles39.struck : ""].filter(Boolean).join(" "), children: label })
+          icon && /* @__PURE__ */ jsx120("span", { className: styles64.icon, children: icon }),
+          /* @__PURE__ */ jsx120("span", { className: [styles64.label, checked ? styles64.struck : ""].filter(Boolean).join(" "), children: label })
         ]
       }
     ),
-    trailing && /* @__PURE__ */ jsx91("span", { className: styles39.trailing, children: trailing })
+    trailing && /* @__PURE__ */ jsx120("span", { className: styles64.trailing, children: trailing })
+  ] });
+}
+
+// src/components/CurrencyInput/CurrencyInput.tsx
+import { useState as useState23 } from "react";
+import { jsx as jsx121 } from "react/jsx-runtime";
+function centsToText(cents) {
+  return (cents / 100).toFixed(2);
+}
+function textToCents(text) {
+  const trimmed = text.trim();
+  if (!trimmed) return null;
+  const parsed = Number(trimmed);
+  if (!Number.isFinite(parsed)) return null;
+  return Math.round(parsed * 100);
+}
+function CurrencyInput({ valueCents, onValueChange, ...rest }) {
+  const [text, setText] = useState23(() => valueCents != null ? centsToText(valueCents) : "");
+  if (textToCents(text) !== valueCents) {
+    setText(valueCents != null ? centsToText(valueCents) : "");
+  }
+  return /* @__PURE__ */ jsx121(
+    Input,
+    {
+      ...rest,
+      type: "text",
+      inputMode: "decimal",
+      value: text,
+      onChange: (e) => {
+        const next = e.currentTarget.value;
+        setText(next);
+        onValueChange(textToCents(next));
+      }
+    }
+  );
+}
+
+// src/components/BalanceChip/BalanceChip.tsx
+import styles65 from "./BalanceChip.module.css";
+import { jsx as jsx122 } from "react/jsx-runtime";
+function formatAbsCents(cents) {
+  return (Math.abs(cents) / 100).toFixed(2);
+}
+function BalanceChip({ amountCents, currency, className }) {
+  const direction = amountCents > 0 ? "owed" : amountCents < 0 ? "owes" : "settled";
+  const text = direction === "settled" ? "Settled up" : `${direction === "owed" ? "Owed" : "Owes"} ${currency} ${formatAbsCents(amountCents)}`;
+  return /* @__PURE__ */ jsx122("span", { className: [styles65.chip, styles65[direction], className].filter(Boolean).join(" "), children: text });
+}
+
+// src/components/SplitMethodSelector/SplitMethodSelector.tsx
+import { jsx as jsx123 } from "react/jsx-runtime";
+var OPTIONS = [
+  { label: "Equal", value: "equal" },
+  { label: "Amount", value: "amount" },
+  { label: "Percentage", value: "percentage" },
+  { label: "Shares", value: "shares" }
+];
+function SplitMethodSelector({
+  value,
+  onChange,
+  size = "sm",
+  "aria-label": ariaLabel = "Split method"
+}) {
+  return /* @__PURE__ */ jsx123(
+    SegmentedControl,
+    {
+      value,
+      onChange,
+      options: OPTIONS,
+      size,
+      "aria-label": ariaLabel
+    }
+  );
+}
+
+// src/components/MemberMultiSelect/MemberMultiSelect.tsx
+import styles66 from "./MemberMultiSelect.module.css";
+import { jsx as jsx124, jsxs as jsxs88 } from "react/jsx-runtime";
+function MemberMultiSelect({
+  options,
+  selectedIds,
+  onToggle,
+  renderTrailing,
+  label,
+  hint,
+  className
+}) {
+  return /* @__PURE__ */ jsxs88("div", { className: [styles66.group, className].filter(Boolean).join(" "), children: [
+    label && /* @__PURE__ */ jsx124("span", { className: styles66.label, children: label }),
+    options.map((option) => {
+      const checked = selectedIds.has(option.id);
+      return /* @__PURE__ */ jsxs88("div", { className: styles66.row, children: [
+        /* @__PURE__ */ jsx124(
+          Checkbox,
+          {
+            checked,
+            onChange: (next) => onToggle(option.id, next),
+            label: option.label
+          }
+        ),
+        checked && renderTrailing && /* @__PURE__ */ jsx124("span", { className: styles66.trailing, children: renderTrailing(option.id) })
+      ] }, option.id);
+    }),
+    hint && /* @__PURE__ */ jsx124("span", { className: styles66.hint, children: hint })
   ] });
 }
 export {
+  Accordion,
+  Alert,
+  AspectRatio,
   Avatar,
   Badge,
+  BalanceChip,
+  Breadcrumb,
   Button,
+  ButtonGroup,
   Calendar,
   Card,
   CheckableListRow,
   Checkbox,
   CodeTextarea,
+  Collapsible,
+  Combobox,
+  Command,
   ConfirmDialog,
+  ContextMenu,
+  CurrencyInput,
+  DataTable,
   DatePicker,
   Dialog,
   DragHandleRow,
@@ -3653,30 +5082,57 @@ export {
   EmptyState,
   FileDropzone,
   FormField,
+  HoverCard,
   Icon,
   IconPicker,
   Input,
+  Item,
+  Kbd,
+  Label,
   MOBILE_BREAKPOINT_PX,
+  Marker,
+  MemberMultiSelect,
   Menu,
+  MenuEntries,
+  Menubar,
+  Message,
+  MessageScroller,
   NavTabs,
+  NavigationMenu,
   OverlayHeader,
   PageHeader,
+  Pagination,
   Popover,
+  Progress,
   QuantityStepper,
+  RadioGroup,
+  ResizableHandle,
+  ResizablePanel,
+  ResizablePanelGroup,
+  ScrollArea,
   SegmentedControl,
   Select,
   Sheet,
+  Slider,
   Spinner,
+  SplitMethodSelector,
   SplitPane,
   StatusBadge,
   SuggestionInput,
   SystemBanner,
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeaderCell,
+  TableRow,
   Tabs,
   TagInput,
   Textarea,
   ToastProvider,
   Toggle,
   Tooltip,
+  Typography,
   useCommitOnEnterOrBlur,
   useDoubleTapHandler,
   useIsMobile,