@sovereignfs/ui 0.37.0 → 0.41.0

package/dist/index.js

@@ -667,9 +667,9 @@ function EllipsisVerticalIcon(props) {
   );
 }
 
-// src/components/Icon/icons/banana.tsx
+// src/components/Icon/icons/file.tsx
 import { jsx as jsx31, jsxs as jsxs24 } from "react/jsx-runtime";
-function BananaIcon(props) {
+function FileIcon(props) {
   return /* @__PURE__ */ jsxs24(
     "svg",
     {
@@ -682,16 +682,16 @@ function BananaIcon(props) {
       strokeLinejoin: "round",
       ...props,
       children: [
-        /* @__PURE__ */ jsx31("path", { d: "M4 13c3.5-2 8-2 10 2a5.5 5.5 0 0 1 8 5" }),
-        /* @__PURE__ */ jsx31("path", { d: "M5.15 17.89c5.52-1.52 8.65-6.89 7-12C11.55 4 11.5 2 13 2c3.22 0 5 5.5 5 8 0 6.5-4.2 12-10.49 12C5.11 22 2 22 2 20c0-1.5 1.14-1.55 3.15-2.11Z" })
+        /* @__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" })
       ]
     }
   );
 }
 
-// src/components/Icon/icons/apple.tsx
+// src/components/Icon/icons/upload.tsx
 import { jsx as jsx32, jsxs as jsxs25 } from "react/jsx-runtime";
-function AppleIcon(props) {
+function UploadIcon(props) {
   return /* @__PURE__ */ jsxs25(
     "svg",
     {
@@ -704,16 +704,17 @@ function AppleIcon(props) {
       strokeLinejoin: "round",
       ...props,
       children: [
-        /* @__PURE__ */ jsx32("path", { d: "M12 6.528V3a1 1 0 0 1 1-1h0" }),
-        /* @__PURE__ */ jsx32("path", { d: "M18.237 21A15 15 0 0 0 22 11a6 6 0 0 0-10-4.472A6 6 0 0 0 2 11a15.1 15.1 0 0 0 3.763 10 3 3 0 0 0 3.648.648 5.5 5.5 0 0 1 5.178 0A3 3 0 0 0 18.237 21" })
+        /* @__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" })
       ]
     }
   );
 }
 
-// src/components/Icon/icons/carrot.tsx
+// src/components/Icon/icons/external-link.tsx
 import { jsx as jsx33, jsxs as jsxs26 } from "react/jsx-runtime";
-function CarrotIcon(props) {
+function ExternalLinkIcon(props) {
   return /* @__PURE__ */ jsxs26(
     "svg",
     {
@@ -726,18 +727,85 @@ function CarrotIcon(props) {
       strokeLinejoin: "round",
       ...props,
       children: [
-        /* @__PURE__ */ jsx33("path", { d: "M2.27 21.7s9.87-3.5 12.73-6.36a4.5 4.5 0 0 0-6.36-6.37C5.77 11.84 2.27 21.7 2.27 21.7zM8.64 14l-2.05-2.04M15.34 15l-2.46-2.46" }),
-        /* @__PURE__ */ jsx33("path", { d: "M22 9s-1.33-2-3.5-2C16.86 7 15 9 15 9s1.33 2 3.5 2S22 9 22 9z" }),
-        /* @__PURE__ */ jsx33("path", { d: "M15 2s-2 1.33-2 3.5S15 9 15 9s2-1.84 2-3.5C17 3.33 15 2 15 2z" })
+        /* @__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" })
+      ]
+    }
+  );
+}
+
+// src/components/Icon/icons/banana.tsx
+import { jsx as jsx34, jsxs as jsxs27 } from "react/jsx-runtime";
+function BananaIcon(props) {
+  return /* @__PURE__ */ jsxs27(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      ...props,
+      children: [
+        /* @__PURE__ */ 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" })
+      ]
+    }
+  );
+}
+
+// src/components/Icon/icons/apple.tsx
+import { jsx as jsx35, jsxs as jsxs28 } from "react/jsx-runtime";
+function AppleIcon(props) {
+  return /* @__PURE__ */ jsxs28(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      ...props,
+      children: [
+        /* @__PURE__ */ 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" })
+      ]
+    }
+  );
+}
+
+// src/components/Icon/icons/carrot.tsx
+import { jsx as jsx36, jsxs as jsxs29 } from "react/jsx-runtime";
+function CarrotIcon(props) {
+  return /* @__PURE__ */ jsxs29(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      ...props,
+      children: [
+        /* @__PURE__ */ 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" })
       ]
     }
   );
 }
 
 // src/components/Icon/icons/egg.tsx
-import { jsx as jsx34 } from "react/jsx-runtime";
+import { jsx as jsx37 } from "react/jsx-runtime";
 function EggIcon(props) {
-  return /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsx37(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -748,15 +816,15 @@ function EggIcon(props) {
       strokeLinecap: "round",
       strokeLinejoin: "round",
       ...props,
-      children: /* @__PURE__ */ jsx34("path", { d: "M12 2C8 2 4 8 4 14a8 8 0 0 0 16 0c0-6-4-12-8-12" })
+      children: /* @__PURE__ */ jsx37("path", { d: "M12 2C8 2 4 8 4 14a8 8 0 0 0 16 0c0-6-4-12-8-12" })
     }
   );
 }
 
 // src/components/Icon/icons/beef.tsx
-import { jsx as jsx35, jsxs as jsxs27 } from "react/jsx-runtime";
+import { jsx as jsx38, jsxs as jsxs30 } from "react/jsx-runtime";
 function BeefIcon(props) {
-  return /* @__PURE__ */ jsxs27(
+  return /* @__PURE__ */ jsxs30(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -768,18 +836,18 @@ function BeefIcon(props) {
       strokeLinejoin: "round",
       ...props,
       children: [
-        /* @__PURE__ */ jsx35("path", { d: "M16.4 13.7A6.5 6.5 0 1 0 6.28 6.6c-1.1 3.13-.78 3.9-3.18 6.08A3 3 0 0 0 5 18c4 0 8.4-1.8 11.4-4.3" }),
-        /* @__PURE__ */ jsx35("path", { d: "m18.5 6 2.19 4.5a6.48 6.48 0 0 1-2.29 7.2C15.4 20.2 11 22 7 22a3 3 0 0 1-2.68-1.66L2.4 16.5" }),
-        /* @__PURE__ */ jsx35("circle", { cx: "12.5", cy: "8.5", r: "2.5" })
+        /* @__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" })
       ]
     }
   );
 }
 
 // src/components/Icon/icons/fish.tsx
-import { jsx as jsx36, jsxs as jsxs28 } from "react/jsx-runtime";
+import { jsx as jsx39, jsxs as jsxs31 } from "react/jsx-runtime";
 function FishIcon(props) {
-  return /* @__PURE__ */ jsxs28(
+  return /* @__PURE__ */ jsxs31(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -791,21 +859,21 @@ function FishIcon(props) {
       strokeLinejoin: "round",
       ...props,
       children: [
-        /* @__PURE__ */ jsx36("path", { d: "M6.5 12c.94-3.46 4.94-6 8.5-6 3.56 0 6.06 2.54 7 6-.94 3.47-3.44 6-7 6s-7.56-2.53-8.5-6Z" }),
-        /* @__PURE__ */ jsx36("path", { d: "M18 12v.5" }),
-        /* @__PURE__ */ jsx36("path", { d: "M16 17.93a9.77 9.77 0 0 1 0-11.86" }),
-        /* @__PURE__ */ jsx36("path", { d: "M7 10.67C7 8 5.58 5.97 2.73 5.5c-1 1.5-1 5 .23 6.5-1.24 1.5-1.24 5-.23 6.5C5.58 18.03 7 16 7 13.33" }),
-        /* @__PURE__ */ jsx36("path", { d: "M10.46 7.26C10.2 5.88 9.17 4.24 8 3h5.8a2 2 0 0 1 1.98 1.67l.23 1.4" }),
-        /* @__PURE__ */ jsx36("path", { d: "m16.01 17.93-.23 1.4A2 2 0 0 1 13.8 21H9.5a5.96 5.96 0 0 0 1.49-3.98" })
+        /* @__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" })
       ]
     }
   );
 }
 
 // src/components/Icon/icons/coffee.tsx
-import { jsx as jsx37, jsxs as jsxs29 } from "react/jsx-runtime";
+import { jsx as jsx40, jsxs as jsxs32 } from "react/jsx-runtime";
 function CoffeeIcon(props) {
-  return /* @__PURE__ */ jsxs29(
+  return /* @__PURE__ */ jsxs32(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -817,19 +885,19 @@ function CoffeeIcon(props) {
       strokeLinejoin: "round",
       ...props,
       children: [
-        /* @__PURE__ */ jsx37("path", { d: "M10 2v2" }),
-        /* @__PURE__ */ jsx37("path", { d: "M14 2v2" }),
-        /* @__PURE__ */ jsx37("path", { d: "M16 8a1 1 0 0 1 1 1v8a4 4 0 0 1-4 4H7a4 4 0 0 1-4-4V9a1 1 0 0 1 1-1h14a4 4 0 1 1 0 8h-1" }),
-        /* @__PURE__ */ jsx37("path", { d: "M6 2v2" })
+        /* @__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" })
       ]
     }
   );
 }
 
 // src/components/Icon/icons/wine.tsx
-import { jsx as jsx38, jsxs as jsxs30 } from "react/jsx-runtime";
+import { jsx as jsx41, jsxs as jsxs33 } from "react/jsx-runtime";
 function WineIcon(props) {
-  return /* @__PURE__ */ jsxs30(
+  return /* @__PURE__ */ jsxs33(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -841,19 +909,19 @@ function WineIcon(props) {
       strokeLinejoin: "round",
       ...props,
       children: [
-        /* @__PURE__ */ jsx38("path", { d: "M8 22h8" }),
-        /* @__PURE__ */ jsx38("path", { d: "M7 10h10" }),
-        /* @__PURE__ */ jsx38("path", { d: "M12 15v7" }),
-        /* @__PURE__ */ jsx38("path", { d: "M12 15a5 5 0 0 0 5-5c0-2-.5-4-2-8H9c-1.5 4-2 6-2 8a5 5 0 0 0 5 5Z" })
+        /* @__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" })
       ]
     }
   );
 }
 
 // src/components/Icon/icons/beer.tsx
-import { jsx as jsx39, jsxs as jsxs31 } from "react/jsx-runtime";
+import { jsx as jsx42, jsxs as jsxs34 } from "react/jsx-runtime";
 function BeerIcon(props) {
-  return /* @__PURE__ */ jsxs31(
+  return /* @__PURE__ */ jsxs34(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -865,20 +933,20 @@ function BeerIcon(props) {
       strokeLinejoin: "round",
       ...props,
       children: [
-        /* @__PURE__ */ jsx39("path", { d: "M17 11h1a3 3 0 0 1 0 6h-1" }),
-        /* @__PURE__ */ jsx39("path", { d: "M9 12v6" }),
-        /* @__PURE__ */ jsx39("path", { d: "M13 12v6" }),
-        /* @__PURE__ */ jsx39("path", { d: "M14 7.5c-1 0-1.44.5-3 .5s-2-.5-3-.5-1.72.5-2.5.5a2.5 2.5 0 0 1 0-5c.78 0 1.57.5 2.5.5S9.44 2 11 2s2 1.5 3 1.5 1.72-.5 2.5-.5a2.5 2.5 0 0 1 0 5c-.78 0-1.5-.5-2.5-.5Z" }),
-        /* @__PURE__ */ jsx39("path", { d: "M5 8v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V8" })
+        /* @__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" })
       ]
     }
   );
 }
 
 // src/components/Icon/icons/cookie.tsx
-import { jsx as jsx40, jsxs as jsxs32 } from "react/jsx-runtime";
+import { jsx as jsx43, jsxs as jsxs35 } from "react/jsx-runtime";
 function CookieIcon(props) {
-  return /* @__PURE__ */ jsxs32(
+  return /* @__PURE__ */ jsxs35(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -890,21 +958,21 @@ function CookieIcon(props) {
       strokeLinejoin: "round",
       ...props,
       children: [
-        /* @__PURE__ */ jsx40("path", { d: "M12 2a10 10 0 1 0 10 10 4 4 0 0 1-5-5 4 4 0 0 1-5-5" }),
-        /* @__PURE__ */ jsx40("path", { d: "M8.5 8.5v.01" }),
-        /* @__PURE__ */ jsx40("path", { d: "M16 15.5v.01" }),
-        /* @__PURE__ */ jsx40("path", { d: "M12 12v.01" }),
-        /* @__PURE__ */ jsx40("path", { d: "M11 17v.01" }),
-        /* @__PURE__ */ jsx40("path", { d: "M7 14v.01" })
+        /* @__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" })
       ]
     }
   );
 }
 
 // src/components/Icon/icons/pizza.tsx
-import { jsx as jsx41, jsxs as jsxs33 } from "react/jsx-runtime";
+import { jsx as jsx44, jsxs as jsxs36 } from "react/jsx-runtime";
 function PizzaIcon(props) {
-  return /* @__PURE__ */ jsxs33(
+  return /* @__PURE__ */ jsxs36(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -916,20 +984,20 @@ function PizzaIcon(props) {
       strokeLinejoin: "round",
       ...props,
       children: [
-        /* @__PURE__ */ jsx41("path", { d: "m12 14-1 1" }),
-        /* @__PURE__ */ jsx41("path", { d: "m13.75 18.25-1.25 1.42" }),
-        /* @__PURE__ */ jsx41("path", { d: "M17.775 5.654a15.68 15.68 0 0 0-12.121 12.12" }),
-        /* @__PURE__ */ jsx41("path", { d: "M18.8 9.3a1 1 0 0 0 2.1 7.7" }),
-        /* @__PURE__ */ jsx41("path", { d: "M21.964 20.732a1 1 0 0 1-1.232 1.232l-18-5a1 1 0 0 1-.695-1.232A19.68 19.68 0 0 1 15.732 2.037a1 1 0 0 1 1.232.695z" })
+        /* @__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" })
       ]
     }
   );
 }
 
 // src/components/Icon/icons/candy.tsx
-import { jsx as jsx42, jsxs as jsxs34 } from "react/jsx-runtime";
+import { jsx as jsx45, jsxs as jsxs37 } from "react/jsx-runtime";
 function CandyIcon(props) {
-  return /* @__PURE__ */ jsxs34(
+  return /* @__PURE__ */ jsxs37(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -941,20 +1009,20 @@ function CandyIcon(props) {
       strokeLinejoin: "round",
       ...props,
       children: [
-        /* @__PURE__ */ jsx42("path", { d: "M10 7v10.9" }),
-        /* @__PURE__ */ jsx42("path", { d: "M14 6.1V17" }),
-        /* @__PURE__ */ jsx42("path", { d: "M16 7V3a1 1 0 0 1 1.707-.707 2.5 2.5 0 0 0 2.152.717 1 1 0 0 1 1.131 1.131 2.5 2.5 0 0 0 .717 2.152A1 1 0 0 1 21 8h-4" }),
-        /* @__PURE__ */ jsx42("path", { d: "M16.536 7.465a5 5 0 0 0-7.072 0l-2 2a5 5 0 0 0 0 7.07 5 5 0 0 0 7.072 0l2-2a5 5 0 0 0 0-7.07" }),
-        /* @__PURE__ */ jsx42("path", { d: "M8 17v4a1 1 0 0 1-1.707.707 2.5 2.5 0 0 0-2.152-.717 1 1 0 0 1-1.131-1.131 2.5 2.5 0 0 0-.717-2.152A1 1 0 0 1 3 16h4" })
+        /* @__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" })
       ]
     }
   );
 }
 
 // src/components/Icon/icons/salad.tsx
-import { jsx as jsx43, jsxs as jsxs35 } from "react/jsx-runtime";
+import { jsx as jsx46, jsxs as jsxs38 } from "react/jsx-runtime";
 function SaladIcon(props) {
-  return /* @__PURE__ */ jsxs35(
+  return /* @__PURE__ */ jsxs38(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -966,20 +1034,20 @@ function SaladIcon(props) {
       strokeLinejoin: "round",
       ...props,
       children: [
-        /* @__PURE__ */ jsx43("path", { d: "M7 21h10" }),
-        /* @__PURE__ */ jsx43("path", { d: "M12 21a9 9 0 0 0 9-9H3a9 9 0 0 0 9 9Z" }),
-        /* @__PURE__ */ jsx43("path", { d: "M11.38 12a2.4 2.4 0 0 1-.4-4.77 2.4 2.4 0 0 1 3.2-2.77 2.4 2.4 0 0 1 3.47-.63 2.4 2.4 0 0 1 3.37 3.37 2.4 2.4 0 0 1-1.1 3.7 2.51 2.51 0 0 1 .03 1.1" }),
-        /* @__PURE__ */ jsx43("path", { d: "m13 12 4-4" }),
-        /* @__PURE__ */ jsx43("path", { d: "M10.9 7.25A3.99 3.99 0 0 0 4 10c0 .73.2 1.41.54 2" })
+        /* @__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" })
       ]
     }
   );
 }
 
 // src/components/Icon/icons/milk.tsx
-import { jsx as jsx44, jsxs as jsxs36 } from "react/jsx-runtime";
+import { jsx as jsx47, jsxs as jsxs39 } from "react/jsx-runtime";
 function MilkIcon(props) {
-  return /* @__PURE__ */ jsxs36(
+  return /* @__PURE__ */ jsxs39(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -991,18 +1059,18 @@ function MilkIcon(props) {
       strokeLinejoin: "round",
       ...props,
       children: [
-        /* @__PURE__ */ jsx44("path", { d: "M8 2h8" }),
-        /* @__PURE__ */ jsx44("path", { d: "M9 2v2.789a4 4 0 0 1-.672 2.219l-.656.984A4 4 0 0 0 7 10.212V20a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2v-9.789a4 4 0 0 0-.672-2.219l-.656-.984A4 4 0 0 1 15 4.788V2" }),
-        /* @__PURE__ */ jsx44("path", { d: "M7 15a6.472 6.472 0 0 1 5 0 6.47 6.47 0 0 0 5 0" })
+        /* @__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" })
       ]
     }
   );
 }
 
 // src/components/Icon/icons/drumstick.tsx
-import { jsx as jsx45, jsxs as jsxs37 } from "react/jsx-runtime";
+import { jsx as jsx48, jsxs as jsxs40 } from "react/jsx-runtime";
 function DrumstickIcon(props) {
-  return /* @__PURE__ */ jsxs37(
+  return /* @__PURE__ */ jsxs40(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -1014,17 +1082,17 @@ function DrumstickIcon(props) {
       strokeLinejoin: "round",
       ...props,
       children: [
-        /* @__PURE__ */ jsx45("path", { d: "M15.4 15.63a7.875 6 135 1 1 6.23-6.23 4.5 3.43 135 0 0-6.23 6.23" }),
-        /* @__PURE__ */ jsx45("path", { d: "m8.29 12.71-2.6 2.6a2.5 2.5 0 1 0-1.65 4.65A2.5 2.5 0 1 0 8.7 18.3l2.59-2.59" })
+        /* @__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" })
       ]
     }
   );
 }
 
 // src/components/Icon/icons/croissant.tsx
-import { jsx as jsx46, jsxs as jsxs38 } from "react/jsx-runtime";
+import { jsx as jsx49, jsxs as jsxs41 } from "react/jsx-runtime";
 function CroissantIcon(props) {
-  return /* @__PURE__ */ jsxs38(
+  return /* @__PURE__ */ jsxs41(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -1036,20 +1104,20 @@ function CroissantIcon(props) {
       strokeLinejoin: "round",
       ...props,
       children: [
-        /* @__PURE__ */ jsx46("path", { d: "M10.2 18H4.774a1.5 1.5 0 0 1-1.352-.97 11 11 0 0 1 .132-6.487" }),
-        /* @__PURE__ */ jsx46("path", { d: "M18 10.2V4.774a1.5 1.5 0 0 0-.97-1.352 11 11 0 0 0-6.486.132" }),
-        /* @__PURE__ */ jsx46("path", { d: "M18 5a4 3 0 0 1 4 3 2 2 0 0 1-2 2 10 10 0 0 0-5.139 1.42" }),
-        /* @__PURE__ */ jsx46("path", { d: "M5 18a3 4 0 0 0 3 4 2 2 0 0 0 2-2 10 10 0 0 1 1.42-5.14" }),
-        /* @__PURE__ */ jsx46("path", { d: "M8.709 2.554a10 10 0 0 0-6.155 6.155 1.5 1.5 0 0 0 .676 1.626l9.807 5.42a2 2 0 0 0 2.718-2.718l-5.42-9.807a1.5 1.5 0 0 0-1.626-.676" })
+        /* @__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" })
       ]
     }
   );
 }
 
 // src/components/Icon/icons/cup-soda.tsx
-import { jsx as jsx47, jsxs as jsxs39 } from "react/jsx-runtime";
+import { jsx as jsx50, jsxs as jsxs42 } from "react/jsx-runtime";
 function CupSodaIcon(props) {
-  return /* @__PURE__ */ jsxs39(
+  return /* @__PURE__ */ jsxs42(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -1061,19 +1129,19 @@ function CupSodaIcon(props) {
       strokeLinejoin: "round",
       ...props,
       children: [
-        /* @__PURE__ */ jsx47("path", { d: "m6 8 1.75 12.28a2 2 0 0 0 2 1.72h4.54a2 2 0 0 0 2-1.72L18 8" }),
-        /* @__PURE__ */ jsx47("path", { d: "M5 8h14" }),
-        /* @__PURE__ */ jsx47("path", { d: "M7 15a6.47 6.47 0 0 1 5 0 6.47 6.47 0 0 0 5 0" }),
-        /* @__PURE__ */ jsx47("path", { d: "m12 8 1-6h2" })
+        /* @__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" })
       ]
     }
   );
 }
 
 // src/components/Icon/icons/spray-can.tsx
-import { jsx as jsx48, jsxs as jsxs40 } from "react/jsx-runtime";
+import { jsx as jsx51, jsxs as jsxs43 } from "react/jsx-runtime";
 function SprayCanIcon(props) {
-  return /* @__PURE__ */ jsxs40(
+  return /* @__PURE__ */ jsxs43(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -1085,25 +1153,25 @@ function SprayCanIcon(props) {
       strokeLinejoin: "round",
       ...props,
       children: [
-        /* @__PURE__ */ jsx48("path", { d: "M3 3h.01" }),
-        /* @__PURE__ */ jsx48("path", { d: "M7 5h.01" }),
-        /* @__PURE__ */ jsx48("path", { d: "M11 7h.01" }),
-        /* @__PURE__ */ jsx48("path", { d: "M3 7h.01" }),
-        /* @__PURE__ */ jsx48("path", { d: "M7 9h.01" }),
-        /* @__PURE__ */ jsx48("path", { d: "M3 11h.01" }),
-        /* @__PURE__ */ jsx48("rect", { width: "4", height: "4", x: "15", y: "5" }),
-        /* @__PURE__ */ jsx48("path", { d: "m19 9 2 2v10c0 .6-.4 1-1 1h-6c-.6 0-1-.4-1-1V11l2-2" }),
-        /* @__PURE__ */ jsx48("path", { d: "m13 14 8-2" }),
-        /* @__PURE__ */ jsx48("path", { d: "m13 19 8-2" })
+        /* @__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" })
       ]
     }
   );
 }
 
 // src/components/Icon/icons/snowflake.tsx
-import { jsx as jsx49, jsxs as jsxs41 } from "react/jsx-runtime";
+import { jsx as jsx52, jsxs as jsxs44 } from "react/jsx-runtime";
 function SnowflakeIcon(props) {
-  return /* @__PURE__ */ jsxs41(
+  return /* @__PURE__ */ jsxs44(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -1115,27 +1183,27 @@ function SnowflakeIcon(props) {
       strokeLinejoin: "round",
       ...props,
       children: [
-        /* @__PURE__ */ jsx49("path", { d: "m10 20-1.25-2.5L6 18" }),
-        /* @__PURE__ */ jsx49("path", { d: "M10 4 8.75 6.5 6 6" }),
-        /* @__PURE__ */ jsx49("path", { d: "m14 20 1.25-2.5L18 18" }),
-        /* @__PURE__ */ jsx49("path", { d: "m14 4 1.25 2.5L18 6" }),
-        /* @__PURE__ */ jsx49("path", { d: "m17 21-3-6h-4" }),
-        /* @__PURE__ */ jsx49("path", { d: "m17 3-3 6 1.5 3" }),
-        /* @__PURE__ */ jsx49("path", { d: "M2 12h6.5L10 9" }),
-        /* @__PURE__ */ jsx49("path", { d: "m20 10-1.5 2 1.5 2" }),
-        /* @__PURE__ */ jsx49("path", { d: "M22 12h-6.5L14 15" }),
-        /* @__PURE__ */ jsx49("path", { d: "m4 10 1.5 2L4 14" }),
-        /* @__PURE__ */ jsx49("path", { d: "m7 21 3-6-1.5-3" }),
-        /* @__PURE__ */ jsx49("path", { d: "m7 3 3 6h4" })
+        /* @__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" })
       ]
     }
   );
 }
 
 // src/components/Icon/icons/shopping-basket.tsx
-import { jsx as jsx50, jsxs as jsxs42 } from "react/jsx-runtime";
+import { jsx as jsx53, jsxs as jsxs45 } from "react/jsx-runtime";
 function ShoppingBasketIcon(props) {
-  return /* @__PURE__ */ jsxs42(
+  return /* @__PURE__ */ jsxs45(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -1147,13 +1215,13 @@ function ShoppingBasketIcon(props) {
       strokeLinejoin: "round",
       ...props,
       children: [
-        /* @__PURE__ */ jsx50("path", { d: "m15 11-1 9" }),
-        /* @__PURE__ */ jsx50("path", { d: "m19 11-4-7" }),
-        /* @__PURE__ */ jsx50("path", { d: "M2 11h20" }),
-        /* @__PURE__ */ jsx50("path", { d: "m3.5 11 1.6 7.4a2 2 0 0 0 2 1.6h9.8a2 2 0 0 0 2-1.6l1.7-7.4" }),
-        /* @__PURE__ */ jsx50("path", { d: "M4.5 15.5h15" }),
-        /* @__PURE__ */ jsx50("path", { d: "m5 11 4-7" }),
-        /* @__PURE__ */ jsx50("path", { d: "m9 11 1 9" })
+        /* @__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" })
       ]
     }
   );
@@ -1190,6 +1258,9 @@ var ICONS = {
   calendar: CalendarIcon,
   "sliders-horizontal": SlidersHorizontalIcon,
   "ellipsis-vertical": EllipsisVerticalIcon,
+  file: FileIcon,
+  upload: UploadIcon,
+  "external-link": ExternalLinkIcon,
   banana: BananaIcon,
   apple: AppleIcon,
   carrot: CarrotIcon,
@@ -1214,7 +1285,7 @@ var ICONS = {
 
 // src/components/Icon/Icon.tsx
 import styles2 from "./Icon.module.css";
-import { jsx as jsx51 } from "react/jsx-runtime";
+import { jsx as jsx54 } from "react/jsx-runtime";
 function Icon({
   name,
   size = "md",
@@ -1223,14 +1294,14 @@ function Icon({
 }) {
   const Svg = ICONS[name];
   const classes = [styles2.root, styles2[size], className].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsx51(Svg, { className: classes, role: aria["aria-label"] ? "img" : void 0, ...aria });
+  return /* @__PURE__ */ jsx54(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 jsx52 } from "react/jsx-runtime";
+import { jsx as jsx55 } from "react/jsx-runtime";
 function Toggle({ checked, onChange, disabled, className, ...rest }) {
-  return /* @__PURE__ */ jsx52(
+  return /* @__PURE__ */ jsx55(
     "button",
     {
       type: "button",
@@ -1240,14 +1311,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__ */ jsx52("span", { className: styles3.thumb })
+      children: /* @__PURE__ */ jsx55("span", { className: styles3.thumb })
     }
   );
 }
 
 // src/components/SegmentedControl/SegmentedControl.tsx
 import styles4 from "./SegmentedControl.module.css";
-import { jsx as jsx53 } from "react/jsx-runtime";
+import { jsx as jsx56 } from "react/jsx-runtime";
 function SegmentedControl({
   value,
   onChange,
@@ -1255,7 +1326,7 @@ function SegmentedControl({
   size = "md",
   "aria-label": ariaLabel
 }) {
-  return /* @__PURE__ */ jsx53(
+  return /* @__PURE__ */ jsx56(
     "div",
     {
       role: "radiogroup",
@@ -1263,7 +1334,7 @@ function SegmentedControl({
       className: [styles4.track, styles4[size]].join(" "),
       children: options.map((opt) => {
         const active = opt.value === value;
-        return /* @__PURE__ */ jsx53(
+        return /* @__PURE__ */ jsx56(
           "button",
           {
             type: "button",
@@ -1282,11 +1353,11 @@ function SegmentedControl({
 
 // src/components/Tabs/Tabs.tsx
 import styles5 from "./Tabs.module.css";
-import { jsx as jsx54 } from "react/jsx-runtime";
+import { jsx as jsx57 } from "react/jsx-runtime";
 function Tabs({ items, value, onChange, "aria-label": ariaLabel }) {
-  return /* @__PURE__ */ jsx54("div", { role: "tablist", "aria-label": ariaLabel, className: styles5.tablist, children: items.map((item) => {
+  return /* @__PURE__ */ jsx57("div", { role: "tablist", "aria-label": ariaLabel, className: styles5.tablist, children: items.map((item) => {
     const active = item.value === value;
-    return /* @__PURE__ */ jsx54(
+    return /* @__PURE__ */ jsx57(
       "button",
       {
         type: "button",
@@ -1303,15 +1374,15 @@ function Tabs({ items, value, onChange, "aria-label": ariaLabel }) {
 
 // src/components/Select/Select.tsx
 import styles6 from "./Select.module.css";
-import { jsx as jsx55, jsxs as jsxs43 } from "react/jsx-runtime";
+import { jsx as jsx58, jsxs as jsxs46 } from "react/jsx-runtime";
 function Select({ className, size = "md", children, ...rest }) {
-  return /* @__PURE__ */ jsxs43(
+  return /* @__PURE__ */ jsxs46(
     "div",
     {
       className: [styles6.wrapper, size === "sm" ? styles6.sm : void 0, className].filter(Boolean).join(" "),
       children: [
-        /* @__PURE__ */ jsx55("select", { className: styles6.select, ...rest, children }),
-        /* @__PURE__ */ jsx55(
+        /* @__PURE__ */ jsx58("select", { className: styles6.select, ...rest, children }),
+        /* @__PURE__ */ jsx58(
           "svg",
           {
             className: styles6.chevron,
@@ -1324,7 +1395,7 @@ function Select({ className, size = "md", children, ...rest }) {
             strokeWidth: "2",
             strokeLinecap: "round",
             strokeLinejoin: "round",
-            children: /* @__PURE__ */ jsx55("polyline", { points: "6 9 12 15 18 9" })
+            children: /* @__PURE__ */ jsx58("polyline", { points: "6 9 12 15 18 9" })
           }
         )
       ]
@@ -1334,18 +1405,18 @@ function Select({ className, size = "md", children, ...rest }) {
 
 // src/components/SystemBanner/SystemBanner.tsx
 import styles7 from "./SystemBanner.module.css";
-import { jsx as jsx56, jsxs as jsxs44 } from "react/jsx-runtime";
+import { jsx as jsx59, jsxs as jsxs47 } from "react/jsx-runtime";
 function SystemBanner({ variant = "info", onDismiss, children }) {
-  return /* @__PURE__ */ jsxs44("div", { role: "status", "aria-live": "polite", className: [styles7.banner, styles7[variant]].join(" "), children: [
-    /* @__PURE__ */ jsx56("span", { className: styles7.content, children }),
-    onDismiss && /* @__PURE__ */ jsx56(
+  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(
       "button",
       {
         type: "button",
         className: styles7.dismiss,
         onClick: onDismiss,
         "aria-label": "Dismiss banner",
-        children: /* @__PURE__ */ jsx56(
+        children: /* @__PURE__ */ jsx59(
           "svg",
           {
             width: "14",
@@ -1354,7 +1425,7 @@ function SystemBanner({ variant = "info", onDismiss, children }) {
             fill: "none",
             xmlns: "http://www.w3.org/2000/svg",
             "aria-hidden": true,
-            children: /* @__PURE__ */ jsx56(
+            children: /* @__PURE__ */ jsx59(
               "path",
               {
                 d: "M1 1L13 13M13 1L1 13",
@@ -1378,7 +1449,7 @@ import {
   useState
 } from "react";
 import styles8 from "./Popover.module.css";
-import { jsx as jsx57, jsxs as jsxs45 } from "react/jsx-runtime";
+import { jsx as jsx60, jsxs as jsxs48 } from "react/jsx-runtime";
 var TRIGGER_GAP = 8;
 var VIEWPORT_MARGIN = 4;
 function Popover({
@@ -1454,9 +1525,9 @@ function Popover({
     document.addEventListener("keydown", handleKeyDown);
     return () => document.removeEventListener("keydown", handleKeyDown);
   }, [open, onClose]);
-  return /* @__PURE__ */ jsxs45("div", { ref: containerRef, className: styles8.container, children: [
+  return /* @__PURE__ */ jsxs48("div", { ref: containerRef, className: styles8.container, children: [
     trigger,
-    open && /* @__PURE__ */ jsx57(
+    open && /* @__PURE__ */ jsx60(
       "div",
       {
         ref: panelRef,
@@ -1477,7 +1548,7 @@ function Popover({
 
 // src/components/Button/Button.tsx
 import styles9 from "./Button.module.css";
-import { jsx as jsx58, jsxs as jsxs46 } from "react/jsx-runtime";
+import { jsx as jsx61, jsxs as jsxs49 } from "react/jsx-runtime";
 function Button({
   variant = "primary",
   size = "md",
@@ -1489,7 +1560,7 @@ function Button({
   ...rest
 }) {
   const classes = [styles9.button, styles9[variant], styles9[size], className].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsxs46(
+  return /* @__PURE__ */ jsxs49(
     "button",
     {
       type,
@@ -1501,7 +1572,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__ */ jsx58("span", { className: styles9.spinner, "aria-hidden": "true" }),
+        /* @__PURE__ */ jsx61("span", { className: styles9.spinner, "aria-hidden": "true" }),
         children
       ]
     }
@@ -1510,23 +1581,23 @@ function Button({
 
 // src/components/Input/Input.tsx
 import styles10 from "./Input.module.css";
-import { jsx as jsx59 } from "react/jsx-runtime";
+import { jsx as jsx62 } from "react/jsx-runtime";
 function Input({ type = "text", className, ...rest }) {
   const classes = [styles10.input, className].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsx59("input", { type, className: classes, ...rest });
+  return /* @__PURE__ */ jsx62("input", { type, className: classes, ...rest });
 }
 
 // src/components/Textarea/Textarea.tsx
 import styles11 from "./Textarea.module.css";
-import { jsx as jsx60 } from "react/jsx-runtime";
+import { jsx as jsx63 } from "react/jsx-runtime";
 function Textarea({ className, rows = 4, ...rest }) {
   const classes = [styles11.textarea, className].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsx60("textarea", { rows, className: classes, ...rest });
+  return /* @__PURE__ */ jsx63("textarea", { rows, className: classes, ...rest });
 }
 
 // src/components/CodeTextarea/CodeTextarea.tsx
 import styles12 from "./CodeTextarea.module.css";
-import { jsx as jsx61 } from "react/jsx-runtime";
+import { jsx as jsx64 } from "react/jsx-runtime";
 function CodeTextarea({
   className,
   rows = 12,
@@ -1537,7 +1608,7 @@ function CodeTextarea({
   ...rest
 }) {
   const classes = [styles12.textarea, invalid ? styles12.invalid : void 0, className].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsx61(
+  return /* @__PURE__ */ jsx64(
     "textarea",
     {
       rows,
@@ -1552,7 +1623,7 @@ function CodeTextarea({
 
 // src/components/StatusBadge/StatusBadge.tsx
 import styles13 from "./StatusBadge.module.css";
-import { jsx as jsx62, jsxs as jsxs47 } from "react/jsx-runtime";
+import { jsx as jsx65, jsxs as jsxs50 } from "react/jsx-runtime";
 var STATUS_CLASS = {
   unmodified: styles13.neutral,
   draft: styles13.info,
@@ -1580,14 +1651,14 @@ function StatusBadge({
   "aria-label": ariaLabel
 }) {
   const label = children ?? STATUS_LABEL[status];
-  return /* @__PURE__ */ jsxs47(
+  return /* @__PURE__ */ jsxs50(
     "span",
     {
       className: [styles13.badge, STATUS_CLASS[status], className].filter(Boolean).join(" "),
       "aria-label": ariaLabel,
       children: [
-        /* @__PURE__ */ jsx62("span", { className: styles13.dot, "aria-hidden": "true" }),
-        /* @__PURE__ */ jsx62("span", { className: styles13.label, children: label })
+        /* @__PURE__ */ jsx65("span", { className: styles13.dot, "aria-hidden": "true" }),
+        /* @__PURE__ */ jsx65("span", { className: styles13.label, children: label })
       ]
     }
   );
@@ -1596,7 +1667,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 jsx63, jsxs as jsxs48 } from "react/jsx-runtime";
+import { jsx as jsx66, jsxs as jsxs51 } from "react/jsx-runtime";
 var clampSize = (value, min, max) => Math.min(Math.max(value, min), max);
 function SplitPane({
   primary,
@@ -1682,15 +1753,15 @@ function SplitPane({
   const style = {
     "--split-pane-primary-size": `${primarySize}%`
   };
-  return /* @__PURE__ */ jsxs48(
+  return /* @__PURE__ */ jsxs51(
     "div",
     {
       ref: containerRef,
       className: [styles14.splitPane, className].filter(Boolean).join(" "),
       style,
       children: [
-        /* @__PURE__ */ jsx63("section", { className: styles14.pane, "aria-label": primaryLabel, children: primary }),
-        resizable && /* @__PURE__ */ jsx63(
+        /* @__PURE__ */ jsx66("section", { className: styles14.pane, "aria-label": primaryLabel, children: primary }),
+        resizable && /* @__PURE__ */ jsx66(
           "button",
           {
             type: "button",
@@ -1700,7 +1771,7 @@ function SplitPane({
             onKeyDown: resizeWithKeyboard
           }
         ),
-        /* @__PURE__ */ jsx63("section", { className: styles14.pane, "aria-label": secondaryLabel, children: secondary })
+        /* @__PURE__ */ jsx66("section", { className: styles14.pane, "aria-label": secondaryLabel, children: secondary })
       ]
     }
   );
@@ -1709,7 +1780,7 @@ function SplitPane({
 // src/components/TagInput/TagInput.tsx
 import { useMemo, useState as useState3 } from "react";
 import styles15 from "./TagInput.module.css";
-import { jsx as jsx64, jsxs as jsxs49 } from "react/jsx-runtime";
+import { jsx as jsx67, jsxs as jsxs52 } from "react/jsx-runtime";
 var DEFAULT_SEPARATORS = /[\n,]+/;
 var splitTags = (value, separators) => value.split(separators).map((tag) => tag.trim()).filter(Boolean);
 function TagInput({
@@ -1783,8 +1854,8 @@ function TagInput({
     event.preventDefault();
     addTags(tags);
   };
-  return /* @__PURE__ */ jsxs49("div", { className: [styles15.wrapper, className].filter(Boolean).join(" "), children: [
-    /* @__PURE__ */ jsxs49(
+  return /* @__PURE__ */ jsxs52("div", { className: [styles15.wrapper, className].filter(Boolean).join(" "), children: [
+    /* @__PURE__ */ jsxs52(
       "div",
       {
         className: [
@@ -1793,9 +1864,9 @@ function TagInput({
           error || localError || ariaInvalid ? styles15.invalid : void 0
         ].filter(Boolean).join(" "),
         children: [
-          value.map((tag, index) => /* @__PURE__ */ jsxs49("span", { className: styles15.tag, children: [
-            /* @__PURE__ */ jsx64("span", { className: styles15.tagLabel, children: tag }),
-            /* @__PURE__ */ jsx64(
+          value.map((tag, index) => /* @__PURE__ */ jsxs52("span", { className: styles15.tag, children: [
+            /* @__PURE__ */ jsx67("span", { className: styles15.tagLabel, children: tag }),
+            /* @__PURE__ */ jsx67(
               "button",
               {
                 type: "button",
@@ -1807,7 +1878,7 @@ function TagInput({
               }
             )
           ] }, `${tag}-${index}`)),
-          /* @__PURE__ */ jsx64(
+          /* @__PURE__ */ jsx67(
             "input",
             {
               id,
@@ -1829,7 +1900,7 @@ function TagInput({
         ]
       }
     ),
-    message && /* @__PURE__ */ jsx64(
+    message && /* @__PURE__ */ jsx67(
       "p",
       {
         id: messageId,
@@ -1888,7 +1959,7 @@ function usePrefersReducedMotion() {
 
 // src/components/OverlayHeader/OverlayHeader.tsx
 import styles16 from "./OverlayHeader.module.css";
-import { jsx as jsx65, jsxs as jsxs50 } from "react/jsx-runtime";
+import { jsx as jsx68, jsxs as jsxs53 } from "react/jsx-runtime";
 function OverlayHeader({
   title,
   onClose,
@@ -1897,20 +1968,20 @@ function OverlayHeader({
   secondRow,
   className
 }) {
-  return /* @__PURE__ */ jsxs50("div", { className: [styles16.header, className].filter(Boolean).join(" "), children: [
-    /* @__PURE__ */ jsxs50("div", { className: styles16.row, children: [
-      onBack && /* @__PURE__ */ jsx65("button", { type: "button", className: styles16.backButton, "aria-label": "Back", onClick: onBack, children: /* @__PURE__ */ jsx65(Icon, { name: "chevron-left", size: "md", "aria-hidden": true }) }),
-      /* @__PURE__ */ jsx65("span", { className: styles16.title, children: title }),
-      action && /* @__PURE__ */ jsx65("div", { className: styles16.action, children: action }),
-      /* @__PURE__ */ jsx65("button", { type: "button", className: styles16.closeButton, "aria-label": "Close", onClick: onClose, children: /* @__PURE__ */ jsx65(Icon, { name: "x", size: "sm", "aria-hidden": true }) })
+  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 }) })
     ] }),
-    secondRow && /* @__PURE__ */ jsx65("div", { className: styles16.secondRow, children: secondRow })
+    secondRow && /* @__PURE__ */ jsx68("div", { className: styles16.secondRow, children: secondRow })
   ] });
 }
 
 // src/components/Dialog/Dialog.tsx
 import styles17 from "./Dialog.module.css";
-import { jsx as jsx66, jsxs as jsxs51 } from "react/jsx-runtime";
+import { jsx as jsx69, jsxs as jsxs54 } from "react/jsx-runtime";
 var MOTION_DURATION_MS = 250;
 var OverlaySecondRowContext = createContext(
   void 0
@@ -1986,7 +2057,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__ */ jsx66(
+    /* @__PURE__ */ jsx69(
       "div",
       {
         className: [styles17.scrim, isOpenPhase ? styles17.scrimOpen : ""].filter(Boolean).join(" "),
@@ -1997,7 +2068,7 @@ function Dialog({
         onKeyDown: (e) => {
           if (e.key === "Escape") onClose();
         },
-        children: /* @__PURE__ */ jsxs51(
+        children: /* @__PURE__ */ jsxs54(
           "div",
           {
             ref: panelRef,
@@ -2007,7 +2078,7 @@ function Dialog({
             tabIndex: -1,
             className: [styles17.panel, styles17[size], isOpenPhase ? styles17.panelOpen : ""].filter(Boolean).join(" "),
             children: [
-              /* @__PURE__ */ jsx66(
+              /* @__PURE__ */ jsx69(
                 OverlayHeader,
                 {
                   title,
@@ -2016,8 +2087,8 @@ function Dialog({
                   className: styles17.mobileHeader
                 }
               ),
-              /* @__PURE__ */ jsx66("button", { type: "button", className: styles17.close, "aria-label": "Close", onClick: onClose, children: "\xD7" }),
-              /* @__PURE__ */ jsx66("div", { className: styles17.content, children: /* @__PURE__ */ jsx66(OverlaySecondRowContext.Provider, { value: setSecondRow, children }) })
+              /* @__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 }) })
             ]
           }
         )
@@ -2029,7 +2100,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 jsx67, jsxs as jsxs52 } from "react/jsx-runtime";
+import { jsx as jsx70, jsxs as jsxs55 } 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;
@@ -2118,7 +2189,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__ */ jsx67(
+    /* @__PURE__ */ jsx70(
       "div",
       {
         className: [styles18.scrim, isOpenPhase ? styles18.scrimOpen : ""].filter(Boolean).join(" "),
@@ -2129,7 +2200,7 @@ function Drawer({
         onKeyDown: (e) => {
           if (e.key === "Escape") onClose();
         },
-        children: /* @__PURE__ */ jsxs52(
+        children: /* @__PURE__ */ jsxs55(
           "div",
           {
             ref: panelRef,
@@ -2143,7 +2214,7 @@ function Drawer({
               isOpenPhase ? styles18.panelOpen : ""
             ].filter(Boolean).join(" "),
             children: [
-              /* @__PURE__ */ jsx67(
+              /* @__PURE__ */ jsx70(
                 "div",
                 {
                   className: styles18.handle,
@@ -2166,7 +2237,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 jsx68, jsxs as jsxs53 } from "react/jsx-runtime";
+import { jsx as jsx71, jsxs as jsxs56 } 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({
@@ -2227,7 +2298,7 @@ function Sheet({
     return () => document.removeEventListener("keydown", handleKeyDown);
   }, [open, onClose]);
   if (!mounted) return null;
-  return /* @__PURE__ */ jsxs53(
+  return /* @__PURE__ */ jsxs56(
     "div",
     {
       ref: panelRef,
@@ -2241,8 +2312,8 @@ function Sheet({
         phase === "open" ? styles19.panelOpen : ""
       ].filter(Boolean).join(" "),
       children: [
-        title && /* @__PURE__ */ jsx68(OverlayHeader, { title, onClose, onBack, action: headerAction }),
-        /* @__PURE__ */ jsx68("div", { className: styles19.content, children })
+        title && /* @__PURE__ */ jsx71(OverlayHeader, { title, onClose, onBack, action: headerAction }),
+        /* @__PURE__ */ jsx71("div", { className: styles19.content, children })
       ]
     }
   );
@@ -2251,7 +2322,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 jsx69, jsxs as jsxs54 } from "react/jsx-runtime";
+import { jsx as jsx72, jsxs as jsxs57 } from "react/jsx-runtime";
 function ConfirmDialog({
   open,
   onClose,
@@ -2280,7 +2351,7 @@ function ConfirmDialog({
   }, [onClose]);
   return (
     // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-noninteractive-element-interactions
-    /* @__PURE__ */ jsx69(
+    /* @__PURE__ */ jsx72(
       "dialog",
       {
         ref: dialogRef,
@@ -2289,12 +2360,12 @@ function ConfirmDialog({
         onClick: (e) => {
           if (e.target === e.currentTarget) onClose();
         },
-        children: /* @__PURE__ */ jsxs54("div", { className: styles20.body, children: [
-          /* @__PURE__ */ jsx69("h2", { className: styles20.title, children: title }),
-          /* @__PURE__ */ jsx69("div", { className: styles20.message, children: message }),
-          error && /* @__PURE__ */ jsx69("p", { className: styles20.error, children: error }),
-          /* @__PURE__ */ jsxs54("div", { className: styles20.actions, children: [
-            /* @__PURE__ */ jsx69(Button, { type: "button", variant: "secondary", onClick: onClose, disabled: pending, children: cancelLabel }),
+        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 }),
             destructive ? (
               // A solid red fill, not Button's own `destructive` variant (an
               // outlined/ghost style meant for lower-emphasis placements) — a
@@ -2303,7 +2374,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__ */ jsx69(
+              /* @__PURE__ */ jsx72(
                 "button",
                 {
                   type: "button",
@@ -2313,7 +2384,7 @@ function ConfirmDialog({
                   children: confirmLabel
                 }
               )
-            ) : /* @__PURE__ */ jsx69(Button, { type: "button", variant: "primary", onClick: onConfirm, disabled: pending, children: confirmLabel })
+            ) : /* @__PURE__ */ jsx72(Button, { type: "button", variant: "primary", onClick: onConfirm, disabled: pending, children: confirmLabel })
           ] })
         ] })
       }
@@ -2475,20 +2546,30 @@ function useIsMobile(breakpointPx = MOBILE_BREAKPOINT_PX) {
   return isMobile;
 }
 
+// src/hooks/useCommitOnEnterOrBlur.ts
+function useCommitOnEnterOrBlur(onCommit) {
+  return {
+    onKeyDown: (e) => {
+      if (e.key === "Enter") onCommit();
+    },
+    onBlur: onCommit
+  };
+}
+
 // src/components/Menu/Menu.tsx
 import styles21 from "./Menu.module.css";
-import { Fragment, jsx as jsx70, jsxs as jsxs55 } from "react/jsx-runtime";
+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__ */ jsx70("ul", { className: styles21.list, role: "menu", children: items.map((entry, index) => {
+  const list = /* @__PURE__ */ jsx73("ul", { className: styles21.list, role: "menu", children: items.map((entry, index) => {
     if (entry.type === "separator") {
-      return /* @__PURE__ */ jsx70("li", { role: "separator", className: styles21.separator }, index);
+      return /* @__PURE__ */ jsx73("li", { role: "separator", className: styles21.separator }, index);
     }
     if (entry.type === "label") {
-      return /* @__PURE__ */ jsx70("li", { role: "presentation", className: styles21.label, children: entry.label }, index);
+      return /* @__PURE__ */ jsx73("li", { role: "presentation", className: styles21.label, children: entry.label }, index);
     }
     const isCheckable = entry.checked !== void 0;
-    return /* @__PURE__ */ jsx70("li", { role: "none", children: /* @__PURE__ */ jsxs55(
+    return /* @__PURE__ */ jsx73("li", { role: "none", children: /* @__PURE__ */ jsxs58(
       "button",
       {
         role: isCheckable ? "menuitemradio" : "menuitem",
@@ -2501,20 +2582,20 @@ function Menu({ trigger, open, onClose, items, "aria-label": ariaLabel, align })
           entry.onSelect();
         },
         children: [
-          isCheckable && /* @__PURE__ */ jsx70("span", { className: styles21.check, "aria-hidden": true, children: entry.checked && /* @__PURE__ */ jsx70(Icon, { name: "check", size: "sm", "aria-hidden": true }) }),
-          entry.icon && /* @__PURE__ */ jsx70(Icon, { name: entry.icon, size: "sm", "aria-hidden": true }),
+          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 }),
           entry.label
         ]
       }
     ) }, index);
   }) });
   if (isMobile) {
-    return /* @__PURE__ */ jsxs55(Fragment, { children: [
+    return /* @__PURE__ */ jsxs58(Fragment, { children: [
       trigger,
-      /* @__PURE__ */ jsx70(Drawer, { open, onClose, "aria-label": ariaLabel, children: list })
+      /* @__PURE__ */ jsx73(Drawer, { open, onClose, "aria-label": ariaLabel, children: list })
     ] });
   }
-  return /* @__PURE__ */ jsx70(Popover, { trigger, open, onClose, "aria-label": ariaLabel, align, children: list });
+  return /* @__PURE__ */ jsx73(Popover, { trigger, open, onClose, "aria-label": ariaLabel, align, children: list });
 }
 
 // src/components/Toast/Toast.tsx
@@ -2529,7 +2610,7 @@ import {
   useState as useState8
 } from "react";
 import styles22 from "./Toast.module.css";
-import { jsx as jsx71, jsxs as jsxs56 } from "react/jsx-runtime";
+import { jsx as jsx74, jsxs as jsxs59 } from "react/jsx-runtime";
 var ToastContext = createContext2(null);
 function useToast() {
   const ctx = useContext2(ToastContext);
@@ -2567,16 +2648,16 @@ function ToastProvider({ children }) {
     };
   }, []);
   const value = useMemo2(() => ({ show, dismiss }), [show, dismiss]);
-  return /* @__PURE__ */ jsxs56(ToastContext.Provider, { value, children: [
+  return /* @__PURE__ */ jsxs59(ToastContext.Provider, { value, children: [
     children,
-    /* @__PURE__ */ jsx71(
+    /* @__PURE__ */ jsx74(
       "ol",
       {
         className: styles22.region,
         "aria-label": "Notifications",
         "aria-live": "polite",
         "aria-atomic": "false",
-        children: toasts.map((toast) => /* @__PURE__ */ jsx71(Toast, { ...toast, onDismiss: dismiss }, toast.id))
+        children: toasts.map((toast) => /* @__PURE__ */ jsx74(Toast, { ...toast, onDismiss: dismiss }, toast.id))
       }
     )
   ] });
@@ -2599,18 +2680,18 @@ function Toast({
 }) {
   const categoryClass = styles22[category] ?? styles22.info;
   const iconName = CATEGORY_ICON[category] ?? "info";
-  return /* @__PURE__ */ jsxs56(
+  return /* @__PURE__ */ jsxs59(
     "li",
     {
       role: "status",
       className: `${styles22.toast} ${String(categoryClass)} ${exiting ? styles22.exiting : ""}`,
       children: [
-        /* @__PURE__ */ jsx71("span", { className: styles22.icon, "aria-hidden": "true", children: /* @__PURE__ */ jsx71(Icon, { name: iconName, size: "sm", "aria-hidden": true }) }),
-        /* @__PURE__ */ jsxs56("div", { className: styles22.body, children: [
-          /* @__PURE__ */ jsx71("div", { className: styles22.title, children: title }),
-          message && /* @__PURE__ */ jsx71("div", { className: styles22.message, children: message })
+        /* @__PURE__ */ 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__ */ jsx71(
+        /* @__PURE__ */ jsx74(
           "button",
           {
             type: "button",
@@ -2627,7 +2708,7 @@ function Toast({
 
 // src/components/Card/Card.tsx
 import styles23 from "./Card.module.css";
-import { jsx as jsx72 } from "react/jsx-runtime";
+import { jsx as jsx75 } from "react/jsx-runtime";
 var paddingClass = {
   sm: styles23.paddingSm,
   md: styles23.paddingMd,
@@ -2642,13 +2723,13 @@ function Card({
   ...rest
 }) {
   const cls = [styles23.card, paddingClass[padding], interactive && styles23.interactive, className].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsx72(Tag, { className: cls, ...rest, children });
+  return /* @__PURE__ */ jsx75(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 jsx73, jsxs as jsxs57 } from "react/jsx-runtime";
+import { jsx as jsx76, jsxs as jsxs60 } from "react/jsx-runtime";
 function FormField({
   label,
   hint,
@@ -2669,52 +2750,52 @@ function FormField({
     "aria-invalid": error ? true : void 0,
     required: required || void 0
   };
-  return /* @__PURE__ */ jsxs57("div", { className: [styles24.field, className].filter(Boolean).join(" "), children: [
-    /* @__PURE__ */ jsxs57("label", { className: styles24.label, htmlFor: fieldId, children: [
+  return /* @__PURE__ */ jsxs60("div", { className: [styles24.field, className].filter(Boolean).join(" "), children: [
+    /* @__PURE__ */ jsxs60("label", { className: styles24.label, htmlFor: fieldId, children: [
       label,
-      required && /* @__PURE__ */ jsx73("span", { className: styles24.required, "aria-hidden": "true", children: "*" })
+      required && /* @__PURE__ */ jsx76("span", { className: styles24.required, "aria-hidden": "true", children: "*" })
     ] }),
     children(field),
-    hint && !error && /* @__PURE__ */ jsx73("p", { id: hintId, className: styles24.hint, children: hint }),
-    error && /* @__PURE__ */ jsx73("p", { id: errorId, className: styles24.error, role: "alert", children: error })
+    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 })
   ] });
 }
 
 // src/components/PageHeader/PageHeader.tsx
 import styles25 from "./PageHeader.module.css";
-import { jsx as jsx74, jsxs as jsxs58 } from "react/jsx-runtime";
+import { jsx as jsx77, jsxs as jsxs61 } from "react/jsx-runtime";
 function PageHeader({ title, description, action, className }) {
-  return /* @__PURE__ */ jsxs58("header", { className: [styles25.header, className].filter(Boolean).join(" "), children: [
-    /* @__PURE__ */ jsxs58("div", { className: styles25.text, children: [
-      /* @__PURE__ */ jsx74("h1", { className: styles25.title, children: title }),
-      description && /* @__PURE__ */ jsx74("p", { className: styles25.description, children: description })
+  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 })
     ] }),
-    action && /* @__PURE__ */ jsx74("div", { className: styles25.action, children: action })
+    action && /* @__PURE__ */ jsx77("div", { className: styles25.action, children: action })
   ] });
 }
 
 // src/components/EmptyState/EmptyState.tsx
 import styles26 from "./EmptyState.module.css";
-import { jsx as jsx75, jsxs as jsxs59 } from "react/jsx-runtime";
+import { jsx as jsx78, jsxs as jsxs62 } from "react/jsx-runtime";
 function EmptyState({ icon, heading, description, action, className }) {
-  return /* @__PURE__ */ jsxs59("div", { className: [styles26.root, className].filter(Boolean).join(" "), children: [
-    icon && /* @__PURE__ */ jsx75("span", { className: styles26.icon, children: /* @__PURE__ */ jsx75(Icon, { name: icon, size: "lg", "aria-hidden": true }) }),
-    /* @__PURE__ */ jsx75("h2", { className: styles26.heading, children: heading }),
-    description && /* @__PURE__ */ jsx75("p", { className: styles26.description, children: description }),
+  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 }),
     action
   ] });
 }
 
 // src/components/Spinner/Spinner.tsx
 import styles27 from "./Spinner.module.css";
-import { jsx as jsx76 } from "react/jsx-runtime";
+import { jsx as jsx79 } 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__ */ jsx76(
+  return /* @__PURE__ */ jsx79(
     "span",
     {
       role: "status",
@@ -2727,7 +2808,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 jsx77 } from "react/jsx-runtime";
+import { jsx as jsx80 } from "react/jsx-runtime";
 function initials(name) {
   const parts = name.trim().split(/\s+/);
   if (parts.length === 1) return (parts[0] ?? "").slice(0, 2).toUpperCase();
@@ -2742,21 +2823,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__ */ jsx77("span", { className: cls, "aria-label": name, children: /* @__PURE__ */ jsx77("img", { src, alt: name, className: styles28.img, onError: () => setImgFailed(true) }) });
+    return /* @__PURE__ */ jsx80("span", { className: cls, "aria-label": name, children: /* @__PURE__ */ jsx80("img", { src, alt: name, className: styles28.img, onError: () => setImgFailed(true) }) });
   }
-  return /* @__PURE__ */ jsx77("span", { className: cls, "aria-label": name, children: initials(name) });
+  return /* @__PURE__ */ jsx80("span", { className: cls, "aria-label": name, children: initials(name) });
 }
 
 // src/components/NavTabs/NavTabs.tsx
 import styles29 from "./NavTabs.module.css";
-import { jsx as jsx78 } from "react/jsx-runtime";
+import { jsx as jsx81 } from "react/jsx-runtime";
 function NavTabs({ items, className, "aria-label": ariaLabel }) {
-  return /* @__PURE__ */ jsx78(
+  return /* @__PURE__ */ jsx81(
     "nav",
     {
       className: [styles29.nav, className].filter(Boolean).join(" "),
       "aria-label": ariaLabel ?? "Page navigation",
-      children: items.map((item) => /* @__PURE__ */ jsx78(
+      children: items.map((item) => /* @__PURE__ */ jsx81(
         "a",
         {
           href: item.href,
@@ -2773,7 +2854,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 jsx79, jsxs as jsxs60 } from "react/jsx-runtime";
+import { jsx as jsx82, jsxs as jsxs63 } from "react/jsx-runtime";
 var sideClass = {
   top: styles30.top,
   bottom: styles30.bottom,
@@ -2782,15 +2863,15 @@ var sideClass = {
 };
 function Tooltip({ content, children, side = "top" }) {
   const tipId = useId3();
-  return /* @__PURE__ */ jsxs60("span", { className: styles30.wrapper, children: [
-    /* @__PURE__ */ jsx79("span", { "aria-describedby": tipId, children }),
-    /* @__PURE__ */ jsx79("span", { id: tipId, role: "tooltip", className: [styles30.tip, sideClass[side]].join(" "), children: content })
+  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 })
   ] });
 }
 
 // src/components/Checkbox/Checkbox.tsx
 import styles31 from "./Checkbox.module.css";
-import { jsx as jsx80, jsxs as jsxs61 } from "react/jsx-runtime";
+import { jsx as jsx83, jsxs as jsxs64 } from "react/jsx-runtime";
 function Checkbox({
   checked,
   onChange,
@@ -2802,9 +2883,9 @@ function Checkbox({
   ...rest
 }) {
   const inputId = id ?? `checkbox-${label.toLowerCase().replace(/\s+/g, "-")}`;
-  return /* @__PURE__ */ jsxs61("span", { className: [styles31.root, className].filter(Boolean).join(" "), children: [
-    /* @__PURE__ */ jsxs61("span", { className: [styles31.box, checked ? styles31.checked : ""].filter(Boolean).join(" "), children: [
-      /* @__PURE__ */ jsx80(
+  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(
         "input",
         {
           ...rest,
@@ -2816,7 +2897,7 @@ function Checkbox({
           onChange: (e) => onChange(e.target.checked)
         }
       ),
-      checked && /* @__PURE__ */ jsx80("svg", { className: styles31.tick, viewBox: "0 0 10 8", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx80(
+      checked && /* @__PURE__ */ jsx83("svg", { className: styles31.tick, viewBox: "0 0 10 8", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx83(
         "path",
         {
           d: "M1 4l3 3 5-6",
@@ -2827,7 +2908,7 @@ function Checkbox({
         }
       ) })
     ] }),
-    label && /* @__PURE__ */ jsx80(
+    label && /* @__PURE__ */ jsx83(
       "label",
       {
         htmlFor: inputId,
@@ -2844,7 +2925,7 @@ function Checkbox({
 
 // src/components/DragHandleRow/DragHandleRow.tsx
 import styles32 from "./DragHandleRow.module.css";
-import { jsx as jsx81, jsxs as jsxs62 } from "react/jsx-runtime";
+import { jsx as jsx84, jsxs as jsxs65 } from "react/jsx-runtime";
 function DragHandleRow({
   children,
   handleProps,
@@ -2852,13 +2933,13 @@ function DragHandleRow({
   className,
   ...rest
 }) {
-  return /* @__PURE__ */ jsxs62(
+  return /* @__PURE__ */ jsxs65(
     "div",
     {
       ...rest,
       className: [styles32.row, isDragging ? styles32.dragging : "", className].filter(Boolean).join(" "),
       children: [
-        /* @__PURE__ */ jsx81(
+        /* @__PURE__ */ jsx84(
           "button",
           {
             type: "button",
@@ -2866,16 +2947,16 @@ function DragHandleRow({
             className: styles32.handle,
             tabIndex: -1,
             ...handleProps,
-            children: /* @__PURE__ */ jsx81(DragIcon, {})
+            children: /* @__PURE__ */ jsx84(DragIcon, {})
           }
         ),
-        /* @__PURE__ */ jsx81("div", { className: styles32.content, children })
+        /* @__PURE__ */ jsx84("div", { className: styles32.content, children })
       ]
     }
   );
 }
 function DragIcon() {
-  return /* @__PURE__ */ jsx81(
+  return /* @__PURE__ */ jsx84(
     "svg",
     {
       width: "14",
@@ -2885,14 +2966,83 @@ function DragIcon() {
       "aria-hidden": "true",
       className: styles32.icon,
       children: [3, 7, 11].map(
-        (cy) => [4, 10].map((cx) => /* @__PURE__ */ jsx81("circle", { cx, cy, r: 1.2, fill: "currentColor" }, `${cx}-${cy}`))
+        (cy) => [4, 10].map((cx) => /* @__PURE__ */ jsx84("circle", { cx, cy, r: 1.2, fill: "currentColor" }, `${cx}-${cy}`))
       )
     }
   );
 }
 
-// src/components/Calendar/Calendar.tsx
+// 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,
+  label,
+  hint,
+  onFileSelect,
+  ariaLabel,
+  disabled,
+  className
+}) {
+  const [dragging, setDragging] = useState10(false);
+  const inputRef = useRef10(null);
+  return /* @__PURE__ */ jsxs66(
+    "label",
+    {
+      className: [
+        styles33.dropzone,
+        dragging ? styles33.dropzoneActive : "",
+        disabled ? styles33.dropzoneDisabled : "",
+        className
+      ].filter(Boolean).join(" "),
+      onDragOver: (event) => {
+        if (disabled) return;
+        event.preventDefault();
+        setDragging(true);
+      },
+      onDragLeave: () => setDragging(false),
+      onDrop: (event) => {
+        if (disabled) return;
+        event.preventDefault();
+        setDragging(false);
+        const dropped = event.dataTransfer.files[0];
+        if (!dropped) return;
+        if (inputRef.current && typeof DataTransfer !== "undefined") {
+          const transfer = new DataTransfer();
+          transfer.items.add(dropped);
+          inputRef.current.files = transfer.files;
+        }
+        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__ */ jsx85(
+          "input",
+          {
+            ref: inputRef,
+            type: "file",
+            name,
+            "aria-label": ariaLabel,
+            accept,
+            disabled,
+            onChange: (event) => onFileSelect(event.target.files?.[0] ?? null),
+            className: styles33.hiddenInput
+          }
+        )
+      ]
+    }
+  );
+}
+
+// src/components/Calendar/Calendar.tsx
+import { useRef as useRef11, useState as useState11 } from "react";
 
 // src/components/Calendar/dateUtils.ts
 function startOfMonth(date) {
@@ -2958,8 +3108,8 @@ function formatDateLabel(date) {
 }
 
 // src/components/Calendar/Calendar.tsx
-import styles33 from "./Calendar.module.css";
-import { jsx as jsx82, jsxs as jsxs63 } from "react/jsx-runtime";
+import styles34 from "./Calendar.module.css";
+import { jsx as jsx86, jsxs as jsxs67 } from "react/jsx-runtime";
 var WEEKDAY_LABEL_WEEK = getMonthGrid(new Date(2026, 0, 1))[0] ?? [];
 function Calendar({
   value,
@@ -2968,9 +3118,9 @@ function Calendar({
   maxDate,
   "aria-label": ariaLabel
 }) {
-  const [displayedMonth, setDisplayedMonth] = useState10(() => startOfMonth(value ?? /* @__PURE__ */ new Date()));
-  const [focusedDate, setFocusedDate] = useState10(() => value ?? /* @__PURE__ */ new Date());
-  const gridRef = useRef10(null);
+  const [displayedMonth, setDisplayedMonth] = useState11(() => startOfMonth(value ?? /* @__PURE__ */ new Date()));
+  const [focusedDate, setFocusedDate] = useState11(() => value ?? /* @__PURE__ */ new Date());
+  const gridRef = useRef11(null);
   const weeks = getMonthGrid(displayedMonth);
   function goToMonth(next) {
     setDisplayedMonth(startOfMonth(next));
@@ -3029,51 +3179,51 @@ function Calendar({
       default:
     }
   }
-  return /* @__PURE__ */ jsxs63("div", { className: styles33.calendar, "aria-label": ariaLabel, children: [
-    /* @__PURE__ */ jsxs63("div", { className: styles33.header, children: [
-      /* @__PURE__ */ jsx82(
+  return /* @__PURE__ */ jsxs67("div", { className: styles34.calendar, "aria-label": ariaLabel, children: [
+    /* @__PURE__ */ jsxs67("div", { className: styles34.header, children: [
+      /* @__PURE__ */ jsx86(
         "button",
         {
           type: "button",
-          className: styles33.navButton,
+          className: styles34.navButton,
           "aria-label": "Previous month",
           onClick: () => goToMonth(addMonths(displayedMonth, -1)),
-          children: /* @__PURE__ */ jsx82(Icon, { name: "chevron-left", size: "sm", "aria-hidden": true })
+          children: /* @__PURE__ */ jsx86(Icon, { name: "chevron-left", size: "sm", "aria-hidden": true })
         }
       ),
-      /* @__PURE__ */ jsx82("span", { className: styles33.monthLabel, children: formatMonthYear(displayedMonth) }),
-      /* @__PURE__ */ jsx82(
+      /* @__PURE__ */ jsx86("span", { className: styles34.monthLabel, children: formatMonthYear(displayedMonth) }),
+      /* @__PURE__ */ jsx86(
         "button",
         {
           type: "button",
-          className: styles33.navButton,
+          className: styles34.navButton,
           "aria-label": "Next month",
           onClick: () => goToMonth(addMonths(displayedMonth, 1)),
-          children: /* @__PURE__ */ jsx82(Icon, { name: "chevron-right", size: "sm", "aria-hidden": true })
+          children: /* @__PURE__ */ jsx86(Icon, { name: "chevron-right", size: "sm", "aria-hidden": true })
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs63(
+    /* @__PURE__ */ jsxs67(
       "div",
       {
         ref: gridRef,
         role: "grid",
         "aria-label": formatMonthYear(displayedMonth),
-        className: styles33.grid,
+        className: styles34.grid,
         onKeyDown: handleKeyDown,
         tabIndex: -1,
         children: [
-          /* @__PURE__ */ jsx82("div", { role: "row", className: styles33.weekdayRow, children: WEEKDAY_LABEL_WEEK.map((d) => /* @__PURE__ */ jsx82("span", { role: "columnheader", className: styles33.weekday, "aria-hidden": true, children: formatWeekdayShort(d) }, d.getDay())) }),
+          /* @__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())) }),
           weeks.map((week) => {
             const firstDayOfWeek = week[0];
             if (!firstDayOfWeek) return null;
-            return /* @__PURE__ */ jsx82("div", { role: "row", className: styles33.week, children: week.map((date) => {
+            return /* @__PURE__ */ jsx86("div", { role: "row", className: styles34.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__ */ jsx82("div", { role: "gridcell", "aria-selected": isSelected, children: /* @__PURE__ */ jsx82(
+              return /* @__PURE__ */ jsx86("div", { role: "gridcell", "aria-selected": isSelected, children: /* @__PURE__ */ jsx86(
                 "button",
                 {
                   type: "button",
@@ -3082,10 +3232,10 @@ function Calendar({
                   "aria-current": isToday ? "date" : void 0,
                   "aria-label": formatDateLabel(date),
                   className: [
-                    styles33.day,
-                    !isCurrentMonth ? styles33.dayOutside : "",
-                    isSelected ? styles33.daySelected : "",
-                    isToday && !isSelected ? styles33.dayToday : ""
+                    styles34.day,
+                    !isCurrentMonth ? styles34.dayOutside : "",
+                    isSelected ? styles34.daySelected : "",
+                    isToday && !isSelected ? styles34.dayToday : ""
                   ].filter(Boolean).join(" "),
                   onClick: () => selectDate(date),
                   onFocus: () => setFocusedDate(date),
@@ -3101,9 +3251,9 @@ function Calendar({
 }
 
 // src/components/DatePicker/DatePicker.tsx
-import { useState as useState11 } from "react";
-import styles34 from "./DatePicker.module.css";
-import { Fragment as Fragment2, jsx as jsx83, jsxs as jsxs64 } from "react/jsx-runtime";
+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";
 var POPOVER_WIDTH = 320;
 function DatePicker({
   value,
@@ -3114,29 +3264,29 @@ function DatePicker({
   "aria-label": ariaLabel,
   disabled = false
 }) {
-  const [open, setOpen] = useState11(false);
+  const [open, setOpen] = useState12(false);
   const isMobile = useIsMobile();
   function handleSelect(date) {
     onChange(date);
     setOpen(false);
   }
-  const trigger = /* @__PURE__ */ jsxs64(
+  const trigger = /* @__PURE__ */ jsxs68(
     "button",
     {
       type: "button",
-      className: styles34.trigger,
+      className: styles35.trigger,
       disabled,
       "aria-label": ariaLabel,
       "aria-haspopup": "dialog",
       "aria-expanded": open,
       onClick: () => setOpen((o) => !o),
       children: [
-        /* @__PURE__ */ jsx83("span", { className: value ? styles34.triggerValue : styles34.triggerPlaceholder, children: value ? formatDateShort(value) : placeholder }),
-        /* @__PURE__ */ jsx83(Icon, { name: "calendar", size: "sm", "aria-hidden": true })
+        /* @__PURE__ */ jsx87("span", { className: value ? styles35.triggerValue : styles35.triggerPlaceholder, children: value ? formatDateShort(value) : placeholder }),
+        /* @__PURE__ */ jsx87(Icon, { name: "calendar", size: "sm", "aria-hidden": true })
       ]
     }
   );
-  const calendar = /* @__PURE__ */ jsx83(
+  const calendar = /* @__PURE__ */ jsx87(
     Calendar,
     {
       value,
@@ -3147,12 +3297,12 @@ function DatePicker({
     }
   );
   if (isMobile) {
-    return /* @__PURE__ */ jsxs64(Fragment2, { children: [
+    return /* @__PURE__ */ jsxs68(Fragment2, { children: [
       trigger,
-      /* @__PURE__ */ jsx83(Drawer, { open, onClose: () => setOpen(false), "aria-label": ariaLabel, children: /* @__PURE__ */ jsx83("div", { className: styles34.drawerBody, children: calendar }) })
+      /* @__PURE__ */ jsx87(Drawer, { open, onClose: () => setOpen(false), "aria-label": ariaLabel, children: /* @__PURE__ */ jsx87("div", { className: styles35.drawerBody, children: calendar }) })
     ] });
   }
-  return /* @__PURE__ */ jsx83(
+  return /* @__PURE__ */ jsx87(
     Popover,
     {
       trigger,
@@ -3160,15 +3310,15 @@ function DatePicker({
       onClose: () => setOpen(false),
       "aria-label": ariaLabel,
       width: POPOVER_WIDTH,
-      children: /* @__PURE__ */ jsx83("div", { className: styles34.popoverBody, children: calendar })
+      children: /* @__PURE__ */ jsx87("div", { className: styles35.popoverBody, children: calendar })
     }
   );
 }
 
 // src/components/SuggestionInput/SuggestionInput.tsx
-import { useId as useId4, useRef as useRef11, useState as useState12 } from "react";
-import styles35 from "./SuggestionInput.module.css";
-import { Fragment as Fragment3, jsx as jsx84, jsxs as jsxs65 } from "react/jsx-runtime";
+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";
 function SuggestionInput({
   value,
   onChange,
@@ -3186,9 +3336,9 @@ function SuggestionInput({
   const generatedId = useId4();
   const inputId = id ?? generatedId;
   const listId = `${inputId}-suggestions`;
-  const inputRef = useRef11(null);
-  const [focused, setFocused] = useState12(false);
-  const [activeIndex, setActiveIndex] = useState12(-1);
+  const inputRef = useRef12(null);
+  const [focused, setFocused] = useState13(false);
+  const [activeIndex, setActiveIndex] = useState13(-1);
   const showCreateRow = Boolean(onCreate && createLabel && value.trim());
   const rowCount = options.length + (showCreateRow ? 1 : 0);
   const open = focused && (rowCount > 0 || loading);
@@ -3225,7 +3375,7 @@ function SuggestionInput({
       close();
     }
   }
-  const trigger = /* @__PURE__ */ jsx84(
+  const trigger = /* @__PURE__ */ jsx88(
     "input",
     {
       ref: inputRef,
@@ -3237,7 +3387,7 @@ function SuggestionInput({
       "aria-autocomplete": "list",
       "aria-activedescendant": activeIndex >= 0 ? `${listId}-option-${activeIndex}` : void 0,
       "aria-label": ariaLabel,
-      className: [styles35.input, className].filter(Boolean).join(" "),
+      className: [styles36.input, className].filter(Boolean).join(" "),
       value,
       placeholder,
       disabled,
@@ -3250,7 +3400,7 @@ function SuggestionInput({
       onKeyDown: handleKeyDown
     }
   );
-  return /* @__PURE__ */ jsx84(
+  return /* @__PURE__ */ jsx88(
     Popover,
     {
       trigger,
@@ -3258,29 +3408,29 @@ function SuggestionInput({
       onClose: close,
       width: "trigger",
       "aria-label": `${ariaLabel} suggestions`,
-      children: /* @__PURE__ */ jsx84("ul", { id: listId, role: "listbox", className: styles35.list, children: loading ? /* @__PURE__ */ jsx84("li", { className: styles35.status, children: "Loading\u2026" }) : /* @__PURE__ */ jsxs65(Fragment3, { children: [
-        options.map((option, index) => /* @__PURE__ */ jsx84("li", { role: "none", children: /* @__PURE__ */ jsxs65(
+      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(
           "button",
           {
             id: `${listId}-option-${index}`,
             role: "option",
             "aria-selected": index === activeIndex,
             type: "button",
-            className: [styles35.option, index === activeIndex ? styles35.optionActive : ""].filter(Boolean).join(" "),
+            className: [styles36.option, index === activeIndex ? styles36.optionActive : ""].filter(Boolean).join(" "),
             onMouseDown: (e) => {
               e.preventDefault();
               commitIndex(index);
             },
             children: [
-              option.icon && /* @__PURE__ */ jsx84("span", { className: styles35.optionIcon, children: option.icon }),
-              /* @__PURE__ */ jsx84("span", { className: styles35.optionLabel, children: option.label }),
-              option.meta && /* @__PURE__ */ jsx84("span", { className: styles35.optionMeta, children: option.meta })
+              option.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.id)),
-        showCreateRow && createLabel && /* @__PURE__ */ jsxs65("li", { role: "none", children: [
-          options.length > 0 && /* @__PURE__ */ jsx84("div", { className: styles35.divider }),
-          /* @__PURE__ */ jsx84(
+        showCreateRow && createLabel && /* @__PURE__ */ jsxs69("li", { role: "none", children: [
+          options.length > 0 && /* @__PURE__ */ jsx88("div", { className: styles36.divider }),
+          /* @__PURE__ */ jsx88(
             "button",
             {
               id: `${listId}-option-${options.length}`,
@@ -3288,9 +3438,9 @@ function SuggestionInput({
               "aria-selected": options.length === activeIndex,
               type: "button",
               className: [
-                styles35.option,
-                styles35.optionCreate,
-                options.length === activeIndex ? styles35.optionActive : ""
+                styles36.option,
+                styles36.optionCreate,
+                options.length === activeIndex ? styles36.optionActive : ""
               ].filter(Boolean).join(" "),
               onMouseDown: (e) => {
                 e.preventDefault();
@@ -3306,9 +3456,9 @@ function SuggestionInput({
 }
 
 // src/components/IconPicker/IconPicker.tsx
-import { useState as useState13 } from "react";
-import styles36 from "./IconPicker.module.css";
-import { jsx as jsx85, jsxs as jsxs66 } from "react/jsx-runtime";
+import { useState as useState14 } from "react";
+import styles37 from "./IconPicker.module.css";
+import { jsx as jsx89, jsxs as jsxs70 } from "react/jsx-runtime";
 function IconPicker({
   value,
   onChange,
@@ -3318,24 +3468,24 @@ function IconPicker({
   disabled = false,
   className
 }) {
-  const [open, setOpen] = useState13(false);
-  const trigger = /* @__PURE__ */ jsxs66(
+  const [open, setOpen] = useState14(false);
+  const trigger = /* @__PURE__ */ jsxs70(
     "button",
     {
       type: "button",
-      className: [styles36.trigger, className].filter(Boolean).join(" "),
+      className: [styles37.trigger, className].filter(Boolean).join(" "),
       onClick: () => setOpen((o) => !o),
       disabled,
       "aria-label": ariaLabel,
       "aria-haspopup": "true",
       "aria-expanded": open,
       children: [
-        value ? /* @__PURE__ */ jsx85(Icon, { name: value, size: "md", "aria-hidden": true }) : /* @__PURE__ */ jsx85("span", { className: styles36.placeholder, "aria-hidden": true, children: "?" }),
-        triggerLabel && /* @__PURE__ */ jsx85("span", { className: styles36.triggerLabel, children: triggerLabel })
+        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 })
       ]
     }
   );
-  return /* @__PURE__ */ jsx85(
+  return /* @__PURE__ */ jsx89(
     Popover,
     {
       trigger,
@@ -3343,18 +3493,18 @@ function IconPicker({
       onClose: () => setOpen(false),
       width: 240,
       "aria-label": `${ariaLabel} options`,
-      children: /* @__PURE__ */ jsx85("div", { className: styles36.grid, role: "listbox", "aria-label": ariaLabel, children: options.map((name) => /* @__PURE__ */ jsx85(
+      children: /* @__PURE__ */ jsx89("div", { className: styles37.grid, role: "listbox", "aria-label": ariaLabel, children: options.map((name) => /* @__PURE__ */ jsx89(
         "button",
         {
           type: "button",
           role: "option",
           "aria-selected": name === value,
-          className: [styles36.option, name === value ? styles36.optionSelected : ""].filter(Boolean).join(" "),
+          className: [styles37.option, name === value ? styles37.optionSelected : ""].filter(Boolean).join(" "),
           onClick: () => {
             onChange(name);
             setOpen(false);
           },
-          children: /* @__PURE__ */ jsx85(Icon, { name, size: "md", "aria-hidden": true })
+          children: /* @__PURE__ */ jsx89(Icon, { name, size: "md", "aria-hidden": true })
         },
         name
       )) })
@@ -3364,8 +3514,8 @@ function IconPicker({
 
 // src/components/QuantityStepper/QuantityStepper.tsx
 import { useId as useId5 } from "react";
-import styles37 from "./QuantityStepper.module.css";
-import { jsx as jsx86, jsxs as jsxs67 } from "react/jsx-runtime";
+import styles38 from "./QuantityStepper.module.css";
+import { jsx as jsx90, jsxs as jsxs71 } from "react/jsx-runtime";
 function QuantityStepper({
   value,
   onChange,
@@ -3392,24 +3542,24 @@ function QuantityStepper({
   }
   const decrementDisabled = disabled || min !== void 0 && value <= min;
   const incrementDisabled = disabled || max !== void 0 && value >= max;
-  return /* @__PURE__ */ jsxs67("div", { className: [styles37.root, className].filter(Boolean).join(" "), children: [
-    /* @__PURE__ */ jsx86(
+  return /* @__PURE__ */ jsxs71("div", { className: [styles38.root, className].filter(Boolean).join(" "), children: [
+    /* @__PURE__ */ jsx90(
       "button",
       {
         type: "button",
-        className: styles37.button,
+        className: styles38.button,
         onClick: () => onChange(clamp(value - step)),
         disabled: decrementDisabled,
         "aria-label": `Decrease ${ariaLabel}`,
         children: "\u2212"
       }
     ),
-    /* @__PURE__ */ jsx86(
+    /* @__PURE__ */ jsx90(
       "input",
       {
         id: inputId,
         type: "number",
-        className: styles37.input,
+        className: styles38.input,
         value,
         onChange: handleInputChange,
         min,
@@ -3419,12 +3569,12 @@ function QuantityStepper({
         "aria-label": ariaLabel
       }
     ),
-    unit && /* @__PURE__ */ jsx86("span", { className: styles37.unit, "aria-hidden": true, children: unit }),
-    /* @__PURE__ */ jsx86(
+    unit && /* @__PURE__ */ jsx90("span", { className: styles38.unit, "aria-hidden": true, children: unit }),
+    /* @__PURE__ */ jsx90(
       "button",
       {
         type: "button",
-        className: styles37.button,
+        className: styles38.button,
         onClick: () => onChange(clamp(value + step)),
         disabled: incrementDisabled,
         "aria-label": `Increase ${ariaLabel}`,
@@ -3435,8 +3585,8 @@ function QuantityStepper({
 }
 
 // src/components/CheckableListRow/CheckableListRow.tsx
-import styles38 from "./CheckableListRow.module.css";
-import { jsx as jsx87, jsxs as jsxs68 } from "react/jsx-runtime";
+import styles39 from "./CheckableListRow.module.css";
+import { jsx as jsx91, jsxs as jsxs72 } from "react/jsx-runtime";
 function CheckableListRow({
   checked,
   onCheckedChange,
@@ -3455,8 +3605,8 @@ function CheckableListRow({
       toggle();
     }
   }
-  return /* @__PURE__ */ jsxs68("div", { className: [styles38.row, className].filter(Boolean).join(" "), children: [
-    /* @__PURE__ */ jsxs68(
+  return /* @__PURE__ */ jsxs72("div", { className: [styles39.row, className].filter(Boolean).join(" "), children: [
+    /* @__PURE__ */ jsxs72(
       "div",
       {
         role: "checkbox",
@@ -3464,11 +3614,11 @@ function CheckableListRow({
         "aria-label": label,
         "aria-disabled": disabled || void 0,
         tabIndex: disabled ? -1 : 0,
-        className: styles38.tapTarget,
+        className: styles39.tapTarget,
         onClick: toggle,
         onKeyDown: handleKeyDown,
         children: [
-          /* @__PURE__ */ jsx87("span", { className: [styles38.box, checked ? styles38.checked : ""].filter(Boolean).join(" "), children: checked && /* @__PURE__ */ jsx87("svg", { className: styles38.tick, viewBox: "0 0 10 8", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx87(
+          /* @__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(
             "path",
             {
               d: "M1 4l3 3 5-6",
@@ -3478,17 +3628,122 @@ function CheckableListRow({
               strokeLinejoin: "round"
             }
           ) }) }),
-          icon && /* @__PURE__ */ jsx87("span", { className: styles38.icon, children: icon }),
-          /* @__PURE__ */ jsx87("span", { className: [styles38.label, checked ? styles38.struck : ""].filter(Boolean).join(" "), children: label })
+          icon && /* @__PURE__ */ jsx91("span", { className: styles39.icon, children: icon }),
+          /* @__PURE__ */ jsx91("span", { className: [styles39.label, checked ? styles39.struck : ""].filter(Boolean).join(" "), children: label })
         ]
       }
     ),
-    trailing && /* @__PURE__ */ jsx87("span", { className: styles38.trailing, children: trailing })
+    trailing && /* @__PURE__ */ jsx91("span", { className: styles39.trailing, children: trailing })
+  ] });
+}
+
+// src/components/CurrencyInput/CurrencyInput.tsx
+import { useState as useState15 } from "react";
+import { jsx as jsx92 } 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] = useState15(() => valueCents != null ? centsToText(valueCents) : "");
+  if (textToCents(text) !== valueCents) {
+    setText(valueCents != null ? centsToText(valueCents) : "");
+  }
+  return /* @__PURE__ */ jsx92(
+    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 styles40 from "./BalanceChip.module.css";
+import { jsx as jsx93 } 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__ */ jsx93("span", { className: [styles40.chip, styles40[direction], className].filter(Boolean).join(" "), children: text });
+}
+
+// src/components/SplitMethodSelector/SplitMethodSelector.tsx
+import { jsx as jsx94 } 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__ */ jsx94(
+    SegmentedControl,
+    {
+      value,
+      onChange,
+      options: OPTIONS,
+      size,
+      "aria-label": ariaLabel
+    }
+  );
+}
+
+// src/components/MemberMultiSelect/MemberMultiSelect.tsx
+import styles41 from "./MemberMultiSelect.module.css";
+import { jsx as jsx95, jsxs as jsxs73 } from "react/jsx-runtime";
+function MemberMultiSelect({
+  options,
+  selectedIds,
+  onToggle,
+  renderTrailing,
+  label,
+  hint,
+  className
+}) {
+  return /* @__PURE__ */ jsxs73("div", { className: [styles41.group, className].filter(Boolean).join(" "), children: [
+    label && /* @__PURE__ */ jsx95("span", { className: styles41.label, children: label }),
+    options.map((option) => {
+      const checked = selectedIds.has(option.id);
+      return /* @__PURE__ */ jsxs73("div", { className: styles41.row, children: [
+        /* @__PURE__ */ jsx95(
+          Checkbox,
+          {
+            checked,
+            onChange: (next) => onToggle(option.id, next),
+            label: option.label
+          }
+        ),
+        checked && renderTrailing && /* @__PURE__ */ jsx95("span", { className: styles41.trailing, children: renderTrailing(option.id) })
+      ] }, option.id);
+    }),
+    hint && /* @__PURE__ */ jsx95("span", { className: styles41.hint, children: hint })
   ] });
 }
 export {
   Avatar,
   Badge,
+  BalanceChip,
   Button,
   Calendar,
   Card,
@@ -3496,16 +3751,19 @@ export {
   Checkbox,
   CodeTextarea,
   ConfirmDialog,
+  CurrencyInput,
   DatePicker,
   Dialog,
   DragHandleRow,
   Drawer,
   EmptyState,
+  FileDropzone,
   FormField,
   Icon,
   IconPicker,
   Input,
   MOBILE_BREAKPOINT_PX,
+  MemberMultiSelect,
   Menu,
   NavTabs,
   OverlayHeader,
@@ -3516,6 +3774,7 @@ export {
   Select,
   Sheet,
   Spinner,
+  SplitMethodSelector,
   SplitPane,
   StatusBadge,
   SuggestionInput,
@@ -3526,6 +3785,7 @@ export {
   ToastProvider,
   Toggle,
   Tooltip,
+  useCommitOnEnterOrBlur,
   useDoubleTapHandler,
   useIsMobile,
   useLongPress,