@caratlogic/design-system 0.1.29 → 0.1.31

package/dist/index.cjs.js

@@ -2698,12 +2698,12 @@ const createLucideIcon = (iconName, iconNode) => {
  */
 
 
-const __iconNode$1p = [
+const __iconNode$1s = [
   ["path", { d: "M15 12H3", key: "6jk70r" }],
   ["path", { d: "M17 18H3", key: "1amg6g" }],
   ["path", { d: "M21 6H3", key: "1jwq7v" }]
 ];
-const AlignLeft = createLucideIcon("align-left", __iconNode$1p);
+const AlignLeft = createLucideIcon("align-left", __iconNode$1s);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -2713,12 +2713,12 @@ const AlignLeft = createLucideIcon("align-left", __iconNode$1p);
  */
 
 
-const __iconNode$1o = [
+const __iconNode$1r = [
   ["rect", { width: "20", height: "5", x: "2", y: "3", rx: "1", key: "1wp1u1" }],
   ["path", { d: "M4 8v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8", key: "1s80jp" }],
   ["path", { d: "M10 12h4", key: "a56b0p" }]
 ];
-const Archive = createLucideIcon("archive", __iconNode$1o);
+const Archive = createLucideIcon("archive", __iconNode$1r);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -2728,11 +2728,11 @@ const Archive = createLucideIcon("archive", __iconNode$1o);
  */
 
 
-const __iconNode$1n = [
+const __iconNode$1q = [
   ["path", { d: "m12 19-7-7 7-7", key: "1l729n" }],
   ["path", { d: "M19 12H5", key: "x3x0zl" }]
 ];
-const ArrowLeft = createLucideIcon("arrow-left", __iconNode$1n);
+const ArrowLeft = createLucideIcon("arrow-left", __iconNode$1q);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -2742,11 +2742,11 @@ const ArrowLeft = createLucideIcon("arrow-left", __iconNode$1n);
  */
 
 
-const __iconNode$1m = [
+const __iconNode$1p = [
   ["path", { d: "M5 12h14", key: "1ays0h" }],
   ["path", { d: "m12 5 7 7-7 7", key: "xquz4c" }]
 ];
-const ArrowRight = createLucideIcon("arrow-right", __iconNode$1m);
+const ArrowRight = createLucideIcon("arrow-right", __iconNode$1p);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -2756,11 +2756,11 @@ const ArrowRight = createLucideIcon("arrow-right", __iconNode$1m);
  */
 
 
-const __iconNode$1l = [
+const __iconNode$1o = [
   ["path", { d: "M4.929 4.929 19.07 19.071", key: "196cmz" }],
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }]
 ];
-const Ban = createLucideIcon("ban", __iconNode$1l);
+const Ban = createLucideIcon("ban", __iconNode$1o);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -2770,7 +2770,7 @@ const Ban = createLucideIcon("ban", __iconNode$1l);
  */
 
 
-const __iconNode$1k = [
+const __iconNode$1n = [
   ["path", { d: "M10.268 21a2 2 0 0 0 3.464 0", key: "vwvbt9" }],
   [
     "path",
@@ -2781,7 +2781,7 @@ const __iconNode$1k = [
   ],
   ["circle", { cx: "18", cy: "8", r: "3", key: "1g0gzu" }]
 ];
-const BellDot = createLucideIcon("bell-dot", __iconNode$1k);
+const BellDot = createLucideIcon("bell-dot", __iconNode$1n);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -2791,7 +2791,7 @@ const BellDot = createLucideIcon("bell-dot", __iconNode$1k);
  */
 
 
-const __iconNode$1j = [
+const __iconNode$1m = [
   ["path", { d: "M10.268 21a2 2 0 0 0 3.464 0", key: "vwvbt9" }],
   ["path", { d: "M22 8c0-2.3-.8-4.3-2-6", key: "5bb3ad" }],
   [
@@ -2803,7 +2803,7 @@ const __iconNode$1j = [
   ],
   ["path", { d: "M4 2C2.8 3.7 2 5.7 2 8", key: "tap9e0" }]
 ];
-const BellRing = createLucideIcon("bell-ring", __iconNode$1j);
+const BellRing = createLucideIcon("bell-ring", __iconNode$1m);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -2813,7 +2813,7 @@ const BellRing = createLucideIcon("bell-ring", __iconNode$1j);
  */
 
 
-const __iconNode$1i = [
+const __iconNode$1l = [
   ["path", { d: "M10.268 21a2 2 0 0 0 3.464 0", key: "vwvbt9" }],
   [
     "path",
@@ -2823,7 +2823,7 @@ const __iconNode$1i = [
     }
   ]
 ];
-const Bell = createLucideIcon("bell", __iconNode$1i);
+const Bell = createLucideIcon("bell", __iconNode$1l);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -2833,13 +2833,13 @@ const Bell = createLucideIcon("bell", __iconNode$1i);
  */
 
 
-const __iconNode$1h = [
+const __iconNode$1k = [
   [
     "path",
     { d: "M6 12h9a4 4 0 0 1 0 8H7a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h7a4 4 0 0 1 0 8", key: "mg9rjx" }
   ]
 ];
-const Bold$1 = createLucideIcon("bold", __iconNode$1h);
+const Bold$1 = createLucideIcon("bold", __iconNode$1k);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -2849,7 +2849,28 @@ const Bold$1 = createLucideIcon("bold", __iconNode$1h);
  */
 
 
-const __iconNode$1g = [
+const __iconNode$1j = [
+  [
+    "path",
+    {
+      d: "M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z",
+      key: "hh9hay"
+    }
+  ],
+  ["path", { d: "m3.3 7 8.7 5 8.7-5", key: "g66t2b" }],
+  ["path", { d: "M12 22V12", key: "d0xqtd" }]
+];
+const Box = createLucideIcon("box", __iconNode$1j);
+
+/**
+ * @license lucide-react v0.539.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+
+
+const __iconNode$1i = [
   ["path", { d: "M6 22V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v18Z", key: "1b4qmf" }],
   ["path", { d: "M6 12H4a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h2", key: "i71pzd" }],
   ["path", { d: "M18 9h2a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2h-2", key: "10jefs" }],
@@ -2858,7 +2879,7 @@ const __iconNode$1g = [
   ["path", { d: "M10 14h4", key: "kelpxr" }],
   ["path", { d: "M10 18h4", key: "1ulq68" }]
 ];
-const Building2 = createLucideIcon("building-2", __iconNode$1g);
+const Building2 = createLucideIcon("building-2", __iconNode$1i);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -2868,7 +2889,7 @@ const Building2 = createLucideIcon("building-2", __iconNode$1g);
  */
 
 
-const __iconNode$1f = [
+const __iconNode$1h = [
   ["path", { d: "M8 2v4", key: "1cmpym" }],
   ["path", { d: "M16 2v4", key: "4m81vk" }],
   ["rect", { width: "18", height: "18", x: "3", y: "4", rx: "2", key: "1hopcy" }],
@@ -2880,7 +2901,7 @@ const __iconNode$1f = [
   ["path", { d: "M12 18h.01", key: "mhygvu" }],
   ["path", { d: "M16 18h.01", key: "kzsmim" }]
 ];
-const CalendarDays = createLucideIcon("calendar-days", __iconNode$1f);
+const CalendarDays = createLucideIcon("calendar-days", __iconNode$1h);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -2890,13 +2911,13 @@ const CalendarDays = createLucideIcon("calendar-days", __iconNode$1f);
  */
 
 
-const __iconNode$1e = [
+const __iconNode$1g = [
   ["path", { d: "M8 2v4", key: "1cmpym" }],
   ["path", { d: "M16 2v4", key: "4m81vk" }],
   ["rect", { width: "18", height: "18", x: "3", y: "4", rx: "2", key: "1hopcy" }],
   ["path", { d: "M3 10h18", key: "8toen8" }]
 ];
-const Calendar$1 = createLucideIcon("calendar", __iconNode$1e);
+const Calendar$1 = createLucideIcon("calendar", __iconNode$1g);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -2906,11 +2927,11 @@ const Calendar$1 = createLucideIcon("calendar", __iconNode$1e);
  */
 
 
-const __iconNode$1d = [
+const __iconNode$1f = [
   ["path", { d: "M18 6 7 17l-5-5", key: "116fxf" }],
   ["path", { d: "m22 10-7.5 7.5L13 16", key: "ke71qq" }]
 ];
-const CheckCheck = createLucideIcon("check-check", __iconNode$1d);
+const CheckCheck = createLucideIcon("check-check", __iconNode$1f);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -2920,8 +2941,8 @@ const CheckCheck = createLucideIcon("check-check", __iconNode$1d);
  */
 
 
-const __iconNode$1c = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]];
-const Check = createLucideIcon("check", __iconNode$1c);
+const __iconNode$1e = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]];
+const Check = createLucideIcon("check", __iconNode$1e);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -2931,8 +2952,8 @@ const Check = createLucideIcon("check", __iconNode$1c);
  */
 
 
-const __iconNode$1b = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
-const ChevronDown = createLucideIcon("chevron-down", __iconNode$1b);
+const __iconNode$1d = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
+const ChevronDown = createLucideIcon("chevron-down", __iconNode$1d);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -2942,8 +2963,8 @@ const ChevronDown = createLucideIcon("chevron-down", __iconNode$1b);
  */
 
 
-const __iconNode$1a = [["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]];
-const ChevronLeft = createLucideIcon("chevron-left", __iconNode$1a);
+const __iconNode$1c = [["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]];
+const ChevronLeft = createLucideIcon("chevron-left", __iconNode$1c);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -2953,8 +2974,8 @@ const ChevronLeft = createLucideIcon("chevron-left", __iconNode$1a);
  */
 
 
-const __iconNode$19 = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]];
-const ChevronRight = createLucideIcon("chevron-right", __iconNode$19);
+const __iconNode$1b = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]];
+const ChevronRight = createLucideIcon("chevron-right", __iconNode$1b);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -2964,8 +2985,8 @@ const ChevronRight = createLucideIcon("chevron-right", __iconNode$19);
  */
 
 
-const __iconNode$18 = [["path", { d: "m18 15-6-6-6 6", key: "153udz" }]];
-const ChevronUp = createLucideIcon("chevron-up", __iconNode$18);
+const __iconNode$1a = [["path", { d: "m18 15-6-6-6 6", key: "153udz" }]];
+const ChevronUp = createLucideIcon("chevron-up", __iconNode$1a);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -2975,11 +2996,11 @@ const ChevronUp = createLucideIcon("chevron-up", __iconNode$18);
  */
 
 
-const __iconNode$17 = [
+const __iconNode$19 = [
   ["path", { d: "m11 17-5-5 5-5", key: "13zhaf" }],
   ["path", { d: "m18 17-5-5 5-5", key: "h8a8et" }]
 ];
-const ChevronsLeft = createLucideIcon("chevrons-left", __iconNode$17);
+const ChevronsLeft = createLucideIcon("chevrons-left", __iconNode$19);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -2989,11 +3010,11 @@ const ChevronsLeft = createLucideIcon("chevrons-left", __iconNode$17);
  */
 
 
-const __iconNode$16 = [
+const __iconNode$18 = [
   ["path", { d: "m6 17 5-5-5-5", key: "xnjwq" }],
   ["path", { d: "m13 17 5-5-5-5", key: "17xmmf" }]
 ];
-const ChevronsRight = createLucideIcon("chevrons-right", __iconNode$16);
+const ChevronsRight = createLucideIcon("chevrons-right", __iconNode$18);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3003,12 +3024,12 @@ const ChevronsRight = createLucideIcon("chevrons-right", __iconNode$16);
  */
 
 
-const __iconNode$15 = [
+const __iconNode$17 = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["line", { x1: "12", x2: "12", y1: "8", y2: "12", key: "1pkeuh" }],
   ["line", { x1: "12", x2: "12.01", y1: "16", y2: "16", key: "4dfq90" }]
 ];
-const CircleAlert = createLucideIcon("circle-alert", __iconNode$15);
+const CircleAlert = createLucideIcon("circle-alert", __iconNode$17);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3018,11 +3039,11 @@ const CircleAlert = createLucideIcon("circle-alert", __iconNode$15);
  */
 
 
-const __iconNode$14 = [
+const __iconNode$16 = [
   ["path", { d: "M21.801 10A10 10 0 1 1 17 3.335", key: "yps3ct" }],
   ["path", { d: "m9 11 3 3L22 4", key: "1pflzl" }]
 ];
-const CircleCheckBig = createLucideIcon("circle-check-big", __iconNode$14);
+const CircleCheckBig = createLucideIcon("circle-check-big", __iconNode$16);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3032,11 +3053,11 @@ const CircleCheckBig = createLucideIcon("circle-check-big", __iconNode$14);
  */
 
 
-const __iconNode$13 = [
+const __iconNode$15 = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "m9 12 2 2 4-4", key: "dzmm74" }]
 ];
-const CircleCheck = createLucideIcon("circle-check", __iconNode$13);
+const CircleCheck = createLucideIcon("circle-check", __iconNode$15);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3046,11 +3067,11 @@ const CircleCheck = createLucideIcon("circle-check", __iconNode$13);
  */
 
 
-const __iconNode$12 = [
+const __iconNode$14 = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "m16 10-4 4-4-4", key: "894hmk" }]
 ];
-const CircleChevronDown = createLucideIcon("circle-chevron-down", __iconNode$12);
+const CircleChevronDown = createLucideIcon("circle-chevron-down", __iconNode$14);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3060,11 +3081,11 @@ const CircleChevronDown = createLucideIcon("circle-chevron-down", __iconNode$12)
  */
 
 
-const __iconNode$11 = [
+const __iconNode$13 = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["circle", { cx: "12", cy: "12", r: "1", key: "41hilf" }]
 ];
-const CircleDot = createLucideIcon("circle-dot", __iconNode$11);
+const CircleDot = createLucideIcon("circle-dot", __iconNode$13);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3074,12 +3095,12 @@ const CircleDot = createLucideIcon("circle-dot", __iconNode$11);
  */
 
 
-const __iconNode$10 = [
+const __iconNode$12 = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "m15 9-6 6", key: "1uzhvr" }],
   ["path", { d: "m9 9 6 6", key: "z0biqf" }]
 ];
-const CircleX = createLucideIcon("circle-x", __iconNode$10);
+const CircleX = createLucideIcon("circle-x", __iconNode$12);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3089,8 +3110,8 @@ const CircleX = createLucideIcon("circle-x", __iconNode$10);
  */
 
 
-const __iconNode$$ = [["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }]];
-const Circle = createLucideIcon("circle", __iconNode$$);
+const __iconNode$11 = [["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }]];
+const Circle = createLucideIcon("circle", __iconNode$11);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3100,11 +3121,11 @@ const Circle = createLucideIcon("circle", __iconNode$$);
  */
 
 
-const __iconNode$_ = [
+const __iconNode$10 = [
   ["path", { d: "M12 6v6l4 2", key: "mmk7yg" }],
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }]
 ];
-const Clock = createLucideIcon("clock", __iconNode$_);
+const Clock = createLucideIcon("clock", __iconNode$10);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3114,11 +3135,11 @@ const Clock = createLucideIcon("clock", __iconNode$_);
  */
 
 
-const __iconNode$Z = [
+const __iconNode$$ = [
   ["rect", { width: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2", key: "17jyea" }],
   ["path", { d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2", key: "zix9uf" }]
 ];
-const Copy = createLucideIcon("copy", __iconNode$Z);
+const Copy = createLucideIcon("copy", __iconNode$$);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3128,11 +3149,11 @@ const Copy = createLucideIcon("copy", __iconNode$Z);
  */
 
 
-const __iconNode$Y = [
+const __iconNode$_ = [
   ["path", { d: "M6 2v14a2 2 0 0 0 2 2h14", key: "ron5a4" }],
   ["path", { d: "M18 22V8a2 2 0 0 0-2-2H2", key: "7s9ehn" }]
 ];
-const Crop = createLucideIcon("crop", __iconNode$Y);
+const Crop = createLucideIcon("crop", __iconNode$_);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3142,12 +3163,12 @@ const Crop = createLucideIcon("crop", __iconNode$Y);
  */
 
 
-const __iconNode$X = [
+const __iconNode$Z = [
   ["path", { d: "M12 15V3", key: "m9g1x1" }],
   ["path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4", key: "ih7n3h" }],
   ["path", { d: "m7 10 5 5 5-5", key: "brsn70" }]
 ];
-const Download = createLucideIcon("download", __iconNode$X);
+const Download = createLucideIcon("download", __iconNode$Z);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3157,12 +3178,12 @@ const Download = createLucideIcon("download", __iconNode$X);
  */
 
 
-const __iconNode$W = [
+const __iconNode$Y = [
   ["circle", { cx: "12", cy: "12", r: "1", key: "41hilf" }],
   ["circle", { cx: "12", cy: "5", r: "1", key: "gxeob9" }],
   ["circle", { cx: "12", cy: "19", r: "1", key: "lyex9k" }]
 ];
-const EllipsisVertical = createLucideIcon("ellipsis-vertical", __iconNode$W);
+const EllipsisVertical = createLucideIcon("ellipsis-vertical", __iconNode$Y);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3172,12 +3193,12 @@ const EllipsisVertical = createLucideIcon("ellipsis-vertical", __iconNode$W);
  */
 
 
-const __iconNode$V = [
+const __iconNode$X = [
   ["circle", { cx: "12", cy: "12", r: "1", key: "41hilf" }],
   ["circle", { cx: "19", cy: "12", r: "1", key: "1wjl8i" }],
   ["circle", { cx: "5", cy: "12", r: "1", key: "1pcz8c" }]
 ];
-const Ellipsis = createLucideIcon("ellipsis", __iconNode$V);
+const Ellipsis = createLucideIcon("ellipsis", __iconNode$X);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3187,12 +3208,12 @@ const Ellipsis = createLucideIcon("ellipsis", __iconNode$V);
  */
 
 
-const __iconNode$U = [
+const __iconNode$W = [
   ["path", { d: "M15 3h6v6", key: "1q9fwt" }],
   ["path", { d: "M10 14 21 3", key: "gplh6r" }],
   ["path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6", key: "a6xqqp" }]
 ];
-const ExternalLink = createLucideIcon("external-link", __iconNode$U);
+const ExternalLink = createLucideIcon("external-link", __iconNode$W);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3202,7 +3223,7 @@ const ExternalLink = createLucideIcon("external-link", __iconNode$U);
  */
 
 
-const __iconNode$T = [
+const __iconNode$V = [
   [
     "path",
     {
@@ -3212,7 +3233,7 @@ const __iconNode$T = [
   ],
   ["circle", { cx: "12", cy: "12", r: "3", key: "1v7zrd" }]
 ];
-const Eye = createLucideIcon("eye", __iconNode$T);
+const Eye = createLucideIcon("eye", __iconNode$V);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3222,13 +3243,13 @@ const Eye = createLucideIcon("eye", __iconNode$T);
  */
 
 
-const __iconNode$S = [
+const __iconNode$U = [
   [
     "path",
     { d: "M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z", key: "1jg4f8" }
   ]
 ];
-const Facebook = createLucideIcon("facebook", __iconNode$S);
+const Facebook = createLucideIcon("facebook", __iconNode$U);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3238,7 +3259,7 @@ const Facebook = createLucideIcon("facebook", __iconNode$S);
  */
 
 
-const __iconNode$R = [
+const __iconNode$T = [
   ["path", { d: "M12 22h6a2 2 0 0 0 2-2V7l-5-5H6a2 2 0 0 0-2 2v3.072", key: "n6s66f" }],
   ["path", { d: "M14 2v4a2 2 0 0 0 2 2h4", key: "tnqrlb" }],
   [
@@ -3250,7 +3271,7 @@ const __iconNode$R = [
   ],
   ["circle", { cx: "5", cy: "14", r: "3", key: "ufru5t" }]
 ];
-const FileBadge = createLucideIcon("file-badge", __iconNode$R);
+const FileBadge = createLucideIcon("file-badge", __iconNode$T);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3260,12 +3281,12 @@ const FileBadge = createLucideIcon("file-badge", __iconNode$R);
  */
 
 
-const __iconNode$Q = [
+const __iconNode$S = [
   ["path", { d: "M4 22h14a2 2 0 0 0 2-2V7l-5-5H6a2 2 0 0 0-2 2v4", key: "1pf5j1" }],
   ["path", { d: "M14 2v4a2 2 0 0 0 2 2h4", key: "tnqrlb" }],
   ["path", { d: "m3 15 2 2 4-4", key: "1lhrkk" }]
 ];
-const FileCheck2 = createLucideIcon("file-check-2", __iconNode$Q);
+const FileCheck2 = createLucideIcon("file-check-2", __iconNode$S);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3275,14 +3296,14 @@ const FileCheck2 = createLucideIcon("file-check-2", __iconNode$Q);
  */
 
 
-const __iconNode$P = [
+const __iconNode$R = [
   ["path", { d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z", key: "1rqfz7" }],
   ["path", { d: "M14 2v4a2 2 0 0 0 2 2h4", key: "tnqrlb" }],
   ["path", { d: "M10 9H8", key: "b1mrlr" }],
   ["path", { d: "M16 13H8", key: "t4e002" }],
   ["path", { d: "M16 17H8", key: "z1uh3a" }]
 ];
-const FileText = createLucideIcon("file-text", __iconNode$P);
+const FileText = createLucideIcon("file-text", __iconNode$R);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3292,7 +3313,7 @@ const FileText = createLucideIcon("file-text", __iconNode$P);
  */
 
 
-const __iconNode$O = [
+const __iconNode$Q = [
   [
     "path",
     {
@@ -3301,7 +3322,7 @@ const __iconNode$O = [
     }
   ]
 ];
-const Funnel = createLucideIcon("funnel", __iconNode$O);
+const Funnel = createLucideIcon("funnel", __iconNode$Q);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3311,7 +3332,28 @@ const Funnel = createLucideIcon("funnel", __iconNode$O);
  */
 
 
-const __iconNode$N = [
+const __iconNode$P = [
+  ["path", { d: "M10.5 3 8 9l4 13 4-13-2.5-6", key: "b3dvk1" }],
+  [
+    "path",
+    {
+      d: "M17 3a2 2 0 0 1 1.6.8l3 4a2 2 0 0 1 .013 2.382l-7.99 10.986a2 2 0 0 1-3.247 0l-7.99-10.986A2 2 0 0 1 2.4 7.8l2.998-3.997A2 2 0 0 1 7 3z",
+      key: "7w4byz"
+    }
+  ],
+  ["path", { d: "M2 9h20", key: "16fsjt" }]
+];
+const Gem = createLucideIcon("gem", __iconNode$P);
+
+/**
+ * @license lucide-react v0.539.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+
+
+const __iconNode$O = [
   ["circle", { cx: "12", cy: "9", r: "1", key: "124mty" }],
   ["circle", { cx: "19", cy: "9", r: "1", key: "1ruzo2" }],
   ["circle", { cx: "5", cy: "9", r: "1", key: "1a8b28" }],
@@ -3319,7 +3361,7 @@ const __iconNode$N = [
   ["circle", { cx: "19", cy: "15", r: "1", key: "1a92ep" }],
   ["circle", { cx: "5", cy: "15", r: "1", key: "5r1jwy" }]
 ];
-const GripHorizontal = createLucideIcon("grip-horizontal", __iconNode$N);
+const GripHorizontal = createLucideIcon("grip-horizontal", __iconNode$O);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3329,7 +3371,7 @@ const GripHorizontal = createLucideIcon("grip-horizontal", __iconNode$N);
  */
 
 
-const __iconNode$M = [
+const __iconNode$N = [
   ["circle", { cx: "9", cy: "12", r: "1", key: "1vctgf" }],
   ["circle", { cx: "9", cy: "5", r: "1", key: "hp0tcf" }],
   ["circle", { cx: "9", cy: "19", r: "1", key: "fkjjf6" }],
@@ -3337,7 +3379,7 @@ const __iconNode$M = [
   ["circle", { cx: "15", cy: "5", r: "1", key: "19l28e" }],
   ["circle", { cx: "15", cy: "19", r: "1", key: "f4zoj3" }]
 ];
-const GripVertical = createLucideIcon("grip-vertical", __iconNode$M);
+const GripVertical = createLucideIcon("grip-vertical", __iconNode$N);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3347,13 +3389,13 @@ const GripVertical = createLucideIcon("grip-vertical", __iconNode$M);
  */
 
 
-const __iconNode$L = [
+const __iconNode$M = [
   ["line", { x1: "4", x2: "20", y1: "9", y2: "9", key: "4lhtct" }],
   ["line", { x1: "4", x2: "20", y1: "15", y2: "15", key: "vyu0kd" }],
   ["line", { x1: "10", x2: "8", y1: "3", y2: "21", key: "1ggp8o" }],
   ["line", { x1: "16", x2: "14", y1: "3", y2: "21", key: "weycgp" }]
 ];
-const Hash = createLucideIcon("hash", __iconNode$L);
+const Hash = createLucideIcon("hash", __iconNode$M);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3363,13 +3405,13 @@ const Hash = createLucideIcon("hash", __iconNode$L);
  */
 
 
-const __iconNode$K = [
+const __iconNode$L = [
   ["path", { d: "M4 12h8", key: "17cfdx" }],
   ["path", { d: "M4 18V6", key: "1rz3zl" }],
   ["path", { d: "M12 18V6", key: "zqpxq5" }],
   ["path", { d: "m17 12 3-2v8", key: "1hhhft" }]
 ];
-const Heading1 = createLucideIcon("heading-1", __iconNode$K);
+const Heading1 = createLucideIcon("heading-1", __iconNode$L);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3379,13 +3421,13 @@ const Heading1 = createLucideIcon("heading-1", __iconNode$K);
  */
 
 
-const __iconNode$J = [
+const __iconNode$K = [
   ["path", { d: "M4 12h8", key: "17cfdx" }],
   ["path", { d: "M4 18V6", key: "1rz3zl" }],
   ["path", { d: "M12 18V6", key: "zqpxq5" }],
   ["path", { d: "M21 18h-4c0-4 4-3 4-6 0-1.5-2-2.5-4-1", key: "9jr5yi" }]
 ];
-const Heading2 = createLucideIcon("heading-2", __iconNode$J);
+const Heading2 = createLucideIcon("heading-2", __iconNode$K);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3395,14 +3437,14 @@ const Heading2 = createLucideIcon("heading-2", __iconNode$J);
  */
 
 
-const __iconNode$I = [
+const __iconNode$J = [
   ["path", { d: "M4 12h8", key: "17cfdx" }],
   ["path", { d: "M4 18V6", key: "1rz3zl" }],
   ["path", { d: "M12 18V6", key: "zqpxq5" }],
   ["path", { d: "M17.5 10.5c1.7-1 3.5 0 3.5 1.5a2 2 0 0 1-2 2", key: "68ncm8" }],
   ["path", { d: "M17 17.5c2 1.5 4 .3 4-1.5a2 2 0 0 0-2-2", key: "1ejuhz" }]
 ];
-const Heading3 = createLucideIcon("heading-3", __iconNode$I);
+const Heading3 = createLucideIcon("heading-3", __iconNode$J);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3412,12 +3454,12 @@ const Heading3 = createLucideIcon("heading-3", __iconNode$I);
  */
 
 
-const __iconNode$H = [
+const __iconNode$I = [
   ["path", { d: "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8", key: "1357e3" }],
   ["path", { d: "M3 3v5h5", key: "1xhq8a" }],
   ["path", { d: "M12 7v5l4 2", key: "1fdv2h" }]
 ];
-const History = createLucideIcon("history", __iconNode$H);
+const History = createLucideIcon("history", __iconNode$I);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3427,12 +3469,12 @@ const History = createLucideIcon("history", __iconNode$H);
  */
 
 
-const __iconNode$G = [
+const __iconNode$H = [
   ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", ry: "2", key: "1m3agn" }],
   ["circle", { cx: "9", cy: "9", r: "2", key: "af1f0g" }],
   ["path", { d: "m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21", key: "1xmnt7" }]
 ];
-const Image$1 = createLucideIcon("image", __iconNode$G);
+const Image$1 = createLucideIcon("image", __iconNode$H);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3442,12 +3484,12 @@ const Image$1 = createLucideIcon("image", __iconNode$G);
  */
 
 
-const __iconNode$F = [
+const __iconNode$G = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "M12 16v-4", key: "1dtifu" }],
   ["path", { d: "M12 8h.01", key: "e9boi3" }]
 ];
-const Info = createLucideIcon("info", __iconNode$F);
+const Info = createLucideIcon("info", __iconNode$G);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3457,12 +3499,12 @@ const Info = createLucideIcon("info", __iconNode$F);
  */
 
 
-const __iconNode$E = [
+const __iconNode$F = [
   ["line", { x1: "19", x2: "10", y1: "4", y2: "4", key: "15jd3p" }],
   ["line", { x1: "14", x2: "5", y1: "20", y2: "20", key: "bu0au3" }],
   ["line", { x1: "15", x2: "9", y1: "4", y2: "20", key: "uljnxc" }]
 ];
-const Italic$1 = createLucideIcon("italic", __iconNode$E);
+const Italic$1 = createLucideIcon("italic", __iconNode$F);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3472,7 +3514,7 @@ const Italic$1 = createLucideIcon("italic", __iconNode$E);
  */
 
 
-const __iconNode$D = [
+const __iconNode$E = [
   [
     "path",
     {
@@ -3482,7 +3524,7 @@ const __iconNode$D = [
   ],
   ["circle", { cx: "16.5", cy: "7.5", r: ".5", fill: "currentColor", key: "w0ekpg" }]
 ];
-const KeyRound = createLucideIcon("key-round", __iconNode$D);
+const KeyRound = createLucideIcon("key-round", __iconNode$E);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3492,12 +3534,12 @@ const KeyRound = createLucideIcon("key-round", __iconNode$D);
  */
 
 
-const __iconNode$C = [
+const __iconNode$D = [
   ["path", { d: "M9 17H7A5 5 0 0 1 7 7h2", key: "8i5ue5" }],
   ["path", { d: "M15 7h2a5 5 0 1 1 0 10h-2", key: "1b9ql8" }],
   ["line", { x1: "8", x2: "16", y1: "12", y2: "12", key: "1jonct" }]
 ];
-const Link2 = createLucideIcon("link-2", __iconNode$C);
+const Link2 = createLucideIcon("link-2", __iconNode$D);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3507,14 +3549,14 @@ const Link2 = createLucideIcon("link-2", __iconNode$C);
  */
 
 
-const __iconNode$B = [
+const __iconNode$C = [
   ["path", { d: "m3 17 2 2 4-4", key: "1jhpwq" }],
   ["path", { d: "m3 7 2 2 4-4", key: "1obspn" }],
   ["path", { d: "M13 6h8", key: "15sg57" }],
   ["path", { d: "M13 12h8", key: "h98zly" }],
   ["path", { d: "M13 18h8", key: "oe0vm4" }]
 ];
-const ListChecks = createLucideIcon("list-checks", __iconNode$B);
+const ListChecks = createLucideIcon("list-checks", __iconNode$C);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3524,7 +3566,7 @@ const ListChecks = createLucideIcon("list-checks", __iconNode$B);
  */
 
 
-const __iconNode$A = [
+const __iconNode$B = [
   ["path", { d: "M10 12h11", key: "6m4ad9" }],
   ["path", { d: "M10 18h11", key: "11hvi2" }],
   ["path", { d: "M10 6h11", key: "c7qv1k" }],
@@ -3532,7 +3574,7 @@ const __iconNode$A = [
   ["path", { d: "M4 6h1v4", key: "cnovpq" }],
   ["path", { d: "M6 18H4c0-1 2-2 2-3s-1-1.5-2-1", key: "m9a95d" }]
 ];
-const ListOrdered = createLucideIcon("list-ordered", __iconNode$A);
+const ListOrdered = createLucideIcon("list-ordered", __iconNode$B);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3542,7 +3584,7 @@ const ListOrdered = createLucideIcon("list-ordered", __iconNode$A);
  */
 
 
-const __iconNode$z = [
+const __iconNode$A = [
   ["path", { d: "M3 12h.01", key: "nlz23k" }],
   ["path", { d: "M3 18h.01", key: "1tta3j" }],
   ["path", { d: "M3 6h.01", key: "1rqtza" }],
@@ -3550,7 +3592,7 @@ const __iconNode$z = [
   ["path", { d: "M8 18h13", key: "1lx6n3" }],
   ["path", { d: "M8 6h13", key: "ik3vkj" }]
 ];
-const List = createLucideIcon("list", __iconNode$z);
+const List = createLucideIcon("list", __iconNode$A);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3560,8 +3602,8 @@ const List = createLucideIcon("list", __iconNode$z);
  */
 
 
-const __iconNode$y = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]];
-const LoaderCircle = createLucideIcon("loader-circle", __iconNode$y);
+const __iconNode$z = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]];
+const LoaderCircle = createLucideIcon("loader-circle", __iconNode$z);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3571,7 +3613,7 @@ const LoaderCircle = createLucideIcon("loader-circle", __iconNode$y);
  */
 
 
-const __iconNode$x = [
+const __iconNode$y = [
   ["path", { d: "M12 2v4", key: "3427ic" }],
   ["path", { d: "m16.2 7.8 2.9-2.9", key: "r700ao" }],
   ["path", { d: "M18 12h4", key: "wj9ykh" }],
@@ -3581,7 +3623,7 @@ const __iconNode$x = [
   ["path", { d: "M2 12h4", key: "j09sii" }],
   ["path", { d: "m4.9 4.9 2.9 2.9", key: "giyufr" }]
 ];
-const Loader = createLucideIcon("loader", __iconNode$x);
+const Loader = createLucideIcon("loader", __iconNode$y);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3591,12 +3633,12 @@ const Loader = createLucideIcon("loader", __iconNode$x);
  */
 
 
-const __iconNode$w = [
+const __iconNode$x = [
   ["path", { d: "m16 17 5-5-5-5", key: "1bji2h" }],
   ["path", { d: "M21 12H9", key: "dn1m92" }],
   ["path", { d: "M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4", key: "1uf3rs" }]
 ];
-const LogOut = createLucideIcon("log-out", __iconNode$w);
+const LogOut = createLucideIcon("log-out", __iconNode$x);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3606,11 +3648,11 @@ const LogOut = createLucideIcon("log-out", __iconNode$w);
  */
 
 
-const __iconNode$v = [
+const __iconNode$w = [
   ["path", { d: "m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7", key: "132q7q" }],
   ["rect", { x: "2", y: "4", width: "20", height: "16", rx: "2", key: "izxlao" }]
 ];
-const Mail = createLucideIcon("mail", __iconNode$v);
+const Mail = createLucideIcon("mail", __iconNode$w);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3620,12 +3662,12 @@ const Mail = createLucideIcon("mail", __iconNode$v);
  */
 
 
-const __iconNode$u = [
+const __iconNode$v = [
   ["path", { d: "M4 12h16", key: "1lakjw" }],
   ["path", { d: "M4 18h16", key: "19g7jn" }],
   ["path", { d: "M4 6h16", key: "1o0s65" }]
 ];
-const Menu = createLucideIcon("menu", __iconNode$u);
+const Menu = createLucideIcon("menu", __iconNode$v);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3635,7 +3677,7 @@ const Menu = createLucideIcon("menu", __iconNode$u);
  */
 
 
-const __iconNode$t = [
+const __iconNode$u = [
   [
     "path",
     {
@@ -3644,7 +3686,7 @@ const __iconNode$t = [
     }
   ]
 ];
-const Moon = createLucideIcon("moon", __iconNode$t);
+const Moon = createLucideIcon("moon", __iconNode$u);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3654,7 +3696,7 @@ const Moon = createLucideIcon("moon", __iconNode$t);
  */
 
 
-const __iconNode$s = [
+const __iconNode$t = [
   [
     "path",
     {
@@ -3667,7 +3709,7 @@ const __iconNode$s = [
   ["circle", { cx: "6.5", cy: "12.5", r: ".5", fill: "currentColor", key: "qy21gx" }],
   ["circle", { cx: "8.5", cy: "7.5", r: ".5", fill: "currentColor", key: "fotxhn" }]
 ];
-const Palette = createLucideIcon("palette", __iconNode$s);
+const Palette = createLucideIcon("palette", __iconNode$t);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3677,12 +3719,12 @@ const Palette = createLucideIcon("palette", __iconNode$s);
  */
 
 
-const __iconNode$r = [
+const __iconNode$s = [
   ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }],
   ["path", { d: "M9 3v18", key: "fh3hqa" }],
   ["path", { d: "m16 15-3-3 3-3", key: "14y99z" }]
 ];
-const PanelLeftClose = createLucideIcon("panel-left-close", __iconNode$r);
+const PanelLeftClose = createLucideIcon("panel-left-close", __iconNode$s);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3692,7 +3734,7 @@ const PanelLeftClose = createLucideIcon("panel-left-close", __iconNode$r);
  */
 
 
-const __iconNode$q = [
+const __iconNode$r = [
   [
     "path",
     {
@@ -3701,7 +3743,7 @@ const __iconNode$q = [
     }
   ]
 ];
-const Paperclip = createLucideIcon("paperclip", __iconNode$q);
+const Paperclip = createLucideIcon("paperclip", __iconNode$r);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3711,7 +3753,7 @@ const Paperclip = createLucideIcon("paperclip", __iconNode$q);
  */
 
 
-const __iconNode$p = [
+const __iconNode$q = [
   [
     "path",
     {
@@ -3721,7 +3763,7 @@ const __iconNode$p = [
   ],
   ["path", { d: "m15 5 4 4", key: "1mk7zo" }]
 ];
-const Pencil = createLucideIcon("pencil", __iconNode$p);
+const Pencil = createLucideIcon("pencil", __iconNode$q);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3731,7 +3773,7 @@ const Pencil = createLucideIcon("pencil", __iconNode$p);
  */
 
 
-const __iconNode$o = [
+const __iconNode$p = [
   [
     "path",
     {
@@ -3740,7 +3782,7 @@ const __iconNode$o = [
     }
   ]
 ];
-const Phone = createLucideIcon("phone", __iconNode$o);
+const Phone = createLucideIcon("phone", __iconNode$p);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3750,7 +3792,7 @@ const Phone = createLucideIcon("phone", __iconNode$o);
  */
 
 
-const __iconNode$n = [
+const __iconNode$o = [
   [
     "path",
     {
@@ -3759,7 +3801,7 @@ const __iconNode$n = [
     }
   ]
 ];
-const Play = createLucideIcon("play", __iconNode$n);
+const Play = createLucideIcon("play", __iconNode$o);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3769,11 +3811,11 @@ const Play = createLucideIcon("play", __iconNode$n);
  */
 
 
-const __iconNode$m = [
+const __iconNode$n = [
   ["path", { d: "M5 12h14", key: "1ays0h" }],
   ["path", { d: "M12 5v14", key: "s699le" }]
 ];
-const Plus = createLucideIcon("plus", __iconNode$m);
+const Plus = createLucideIcon("plus", __iconNode$n);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3783,10 +3825,10 @@ const Plus = createLucideIcon("plus", __iconNode$m);
  */
 
 
-const __iconNode$l = [
+const __iconNode$m = [
   ["rect", { width: "20", height: "12", x: "2", y: "6", rx: "2", key: "9lu3g6" }]
 ];
-const RectangleHorizontal = createLucideIcon("rectangle-horizontal", __iconNode$l);
+const RectangleHorizontal = createLucideIcon("rectangle-horizontal", __iconNode$m);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3796,11 +3838,11 @@ const RectangleHorizontal = createLucideIcon("rectangle-horizontal", __iconNode$
  */
 
 
-const __iconNode$k = [
+const __iconNode$l = [
   ["path", { d: "M21 7v6h-6", key: "3ptur4" }],
   ["path", { d: "M3 17a9 9 0 0 1 9-9 9 9 0 0 1 6 2.3l3 2.7", key: "1kgawr" }]
 ];
-const Redo = createLucideIcon("redo", __iconNode$k);
+const Redo = createLucideIcon("redo", __iconNode$l);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3810,13 +3852,13 @@ const Redo = createLucideIcon("redo", __iconNode$k);
  */
 
 
-const __iconNode$j = [
+const __iconNode$k = [
   ["path", { d: "M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8", key: "v9h5vc" }],
   ["path", { d: "M21 3v5h-5", key: "1q7to0" }],
   ["path", { d: "M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16", key: "3uifl3" }],
   ["path", { d: "M8 16H3v5", key: "1cv678" }]
 ];
-const RefreshCw = createLucideIcon("refresh-cw", __iconNode$j);
+const RefreshCw = createLucideIcon("refresh-cw", __iconNode$k);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3826,14 +3868,14 @@ const RefreshCw = createLucideIcon("refresh-cw", __iconNode$j);
  */
 
 
-const __iconNode$i = [
+const __iconNode$j = [
   ["path", { d: "M4 7V4h16v3", key: "9msm58" }],
   ["path", { d: "M5 20h6", key: "1h6pxn" }],
   ["path", { d: "M13 4 8 20", key: "kqq6aj" }],
   ["path", { d: "m15 15 5 5", key: "me55sn" }],
   ["path", { d: "m20 15-5 5", key: "11p7ol" }]
 ];
-const RemoveFormatting = createLucideIcon("remove-formatting", __iconNode$i);
+const RemoveFormatting = createLucideIcon("remove-formatting", __iconNode$j);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3843,14 +3885,14 @@ const RemoveFormatting = createLucideIcon("remove-formatting", __iconNode$i);
  */
 
 
-const __iconNode$h = [
+const __iconNode$i = [
   ["circle", { cx: "6", cy: "6", r: "3", key: "1lh9wr" }],
   ["path", { d: "M8.12 8.12 12 12", key: "1alkpv" }],
   ["path", { d: "M20 4 8.12 15.88", key: "xgtan2" }],
   ["circle", { cx: "6", cy: "18", r: "3", key: "fqmcym" }],
   ["path", { d: "M14.8 14.8 20 20", key: "ptml3r" }]
 ];
-const Scissors = createLucideIcon("scissors", __iconNode$h);
+const Scissors = createLucideIcon("scissors", __iconNode$i);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3860,11 +3902,11 @@ const Scissors = createLucideIcon("scissors", __iconNode$h);
  */
 
 
-const __iconNode$g = [
+const __iconNode$h = [
   ["path", { d: "m21 21-4.34-4.34", key: "14j7rj" }],
   ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }]
 ];
-const Search = createLucideIcon("search", __iconNode$g);
+const Search = createLucideIcon("search", __iconNode$h);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3874,14 +3916,14 @@ const Search = createLucideIcon("search", __iconNode$g);
  */
 
 
-const __iconNode$f = [
+const __iconNode$g = [
   ["circle", { cx: "18", cy: "5", r: "3", key: "gq8acd" }],
   ["circle", { cx: "6", cy: "12", r: "3", key: "w7nqdw" }],
   ["circle", { cx: "18", cy: "19", r: "3", key: "1xt0gg" }],
   ["line", { x1: "8.59", x2: "15.42", y1: "13.51", y2: "17.49", key: "47mynk" }],
   ["line", { x1: "15.41", x2: "8.59", y1: "6.51", y2: "10.49", key: "1n3mei" }]
 ];
-const Share2 = createLucideIcon("share-2", __iconNode$f);
+const Share2 = createLucideIcon("share-2", __iconNode$g);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3891,7 +3933,7 @@ const Share2 = createLucideIcon("share-2", __iconNode$f);
  */
 
 
-const __iconNode$e = [
+const __iconNode$f = [
   [
     "path",
     {
@@ -3901,7 +3943,7 @@ const __iconNode$e = [
   ],
   ["path", { d: "m9 12 2 2 4-4", key: "dzmm74" }]
 ];
-const ShieldCheck = createLucideIcon("shield-check", __iconNode$e);
+const ShieldCheck = createLucideIcon("shield-check", __iconNode$f);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3911,14 +3953,14 @@ const ShieldCheck = createLucideIcon("shield-check", __iconNode$e);
  */
 
 
-const __iconNode$d = [
+const __iconNode$e = [
   [
     "path",
     { d: "M21 10.656V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h12.344", key: "2acyp4" }
   ],
   ["path", { d: "m9 11 3 3L22 4", key: "1pflzl" }]
 ];
-const SquareCheckBig = createLucideIcon("square-check-big", __iconNode$d);
+const SquareCheckBig = createLucideIcon("square-check-big", __iconNode$e);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3928,10 +3970,10 @@ const SquareCheckBig = createLucideIcon("square-check-big", __iconNode$d);
  */
 
 
-const __iconNode$c = [
+const __iconNode$d = [
   ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }]
 ];
-const Square = createLucideIcon("square", __iconNode$c);
+const Square = createLucideIcon("square", __iconNode$d);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3941,12 +3983,12 @@ const Square = createLucideIcon("square", __iconNode$c);
  */
 
 
-const __iconNode$b = [
+const __iconNode$c = [
   ["path", { d: "M16 4H9a3 3 0 0 0-2.83 4", key: "43sutm" }],
   ["path", { d: "M14 12a4 4 0 0 1 0 8H6", key: "nlfj13" }],
   ["line", { x1: "4", x2: "20", y1: "12", y2: "12", key: "1e0a9i" }]
 ];
-const Strikethrough = createLucideIcon("strikethrough", __iconNode$b);
+const Strikethrough = createLucideIcon("strikethrough", __iconNode$c);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3956,7 +3998,7 @@ const Strikethrough = createLucideIcon("strikethrough", __iconNode$b);
  */
 
 
-const __iconNode$a = [
+const __iconNode$b = [
   ["circle", { cx: "12", cy: "12", r: "4", key: "4exip2" }],
   ["path", { d: "M12 2v2", key: "tus03m" }],
   ["path", { d: "M12 20v2", key: "1lh1kg" }],
@@ -3967,7 +4009,7 @@ const __iconNode$a = [
   ["path", { d: "m6.34 17.66-1.41 1.41", key: "1m8zz5" }],
   ["path", { d: "m19.07 4.93-1.41 1.41", key: "1shlcs" }]
 ];
-const Sun = createLucideIcon("sun", __iconNode$a);
+const Sun = createLucideIcon("sun", __iconNode$b);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3977,11 +4019,11 @@ const Sun = createLucideIcon("sun", __iconNode$a);
  */
 
 
-const __iconNode$9 = [
+const __iconNode$a = [
   ["circle", { cx: "9", cy: "12", r: "3", key: "u3jwor" }],
   ["rect", { width: "20", height: "14", x: "2", y: "5", rx: "7", key: "g7kal2" }]
 ];
-const ToggleLeft = createLucideIcon("toggle-left", __iconNode$9);
+const ToggleLeft = createLucideIcon("toggle-left", __iconNode$a);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3991,14 +4033,14 @@ const ToggleLeft = createLucideIcon("toggle-left", __iconNode$9);
  */
 
 
-const __iconNode$8 = [
+const __iconNode$9 = [
   ["path", { d: "M10 11v6", key: "nco0om" }],
   ["path", { d: "M14 11v6", key: "outv1u" }],
   ["path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6", key: "miytrc" }],
   ["path", { d: "M3 6h18", key: "d0wm0j" }],
   ["path", { d: "M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2", key: "e791ji" }]
 ];
-const Trash2 = createLucideIcon("trash-2", __iconNode$8);
+const Trash2 = createLucideIcon("trash-2", __iconNode$9);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -4008,7 +4050,7 @@ const Trash2 = createLucideIcon("trash-2", __iconNode$8);
  */
 
 
-const __iconNode$7 = [
+const __iconNode$8 = [
   [
     "path",
     {
@@ -4019,7 +4061,7 @@ const __iconNode$7 = [
   ["path", { d: "M12 9v4", key: "juzpu7" }],
   ["path", { d: "M12 17h.01", key: "p32p05" }]
 ];
-const TriangleAlert = createLucideIcon("triangle-alert", __iconNode$7);
+const TriangleAlert = createLucideIcon("triangle-alert", __iconNode$8);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -4029,12 +4071,12 @@ const TriangleAlert = createLucideIcon("triangle-alert", __iconNode$7);
  */
 
 
-const __iconNode$6 = [
+const __iconNode$7 = [
   ["path", { d: "M12 4v16", key: "1654pz" }],
   ["path", { d: "M4 7V5a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v2", key: "e0r10z" }],
   ["path", { d: "M9 20h6", key: "s66wpe" }]
 ];
-const Type = createLucideIcon("type", __iconNode$6);
+const Type = createLucideIcon("type", __iconNode$7);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -4044,11 +4086,11 @@ const Type = createLucideIcon("type", __iconNode$6);
  */
 
 
-const __iconNode$5 = [
+const __iconNode$6 = [
   ["path", { d: "M6 4v6a6 6 0 0 0 12 0V4", key: "9kb039" }],
   ["line", { x1: "4", x2: "20", y1: "20", y2: "20", key: "nun2al" }]
 ];
-const Underline$1 = createLucideIcon("underline", __iconNode$5);
+const Underline$1 = createLucideIcon("underline", __iconNode$6);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -4058,11 +4100,11 @@ const Underline$1 = createLucideIcon("underline", __iconNode$5);
  */
 
 
-const __iconNode$4 = [
+const __iconNode$5 = [
   ["path", { d: "M3 7v6h6", key: "1v2h90" }],
   ["path", { d: "M21 17a9 9 0 0 0-9-9 9 9 0 0 0-6 2.3L3 13", key: "1r6uu6" }]
 ];
-const Undo = createLucideIcon("undo", __iconNode$4);
+const Undo = createLucideIcon("undo", __iconNode$5);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -4072,12 +4114,12 @@ const Undo = createLucideIcon("undo", __iconNode$4);
  */
 
 
-const __iconNode$3 = [
+const __iconNode$4 = [
   ["path", { d: "M12 3v12", key: "1x0j5s" }],
   ["path", { d: "m17 8-5-5-5 5", key: "7q97r8" }],
   ["path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4", key: "ih7n3h" }]
 ];
-const Upload = createLucideIcon("upload", __iconNode$3);
+const Upload = createLucideIcon("upload", __iconNode$4);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -4087,13 +4129,27 @@ const Upload = createLucideIcon("upload", __iconNode$3);
  */
 
 
-const __iconNode$2 = [
+const __iconNode$3 = [
   ["path", { d: "M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2", key: "1yyitq" }],
   ["circle", { cx: "9", cy: "7", r: "4", key: "nufk8" }],
   ["line", { x1: "19", x2: "19", y1: "8", y2: "14", key: "1bvyxn" }],
   ["line", { x1: "22", x2: "16", y1: "11", y2: "11", key: "1shjgl" }]
 ];
-const UserPlus = createLucideIcon("user-plus", __iconNode$2);
+const UserPlus = createLucideIcon("user-plus", __iconNode$3);
+
+/**
+ * @license lucide-react v0.539.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+
+
+const __iconNode$2 = [
+  ["circle", { cx: "12", cy: "8", r: "5", key: "1hypcn" }],
+  ["path", { d: "M20 21a8 8 0 0 0-16 0", key: "rfgkzh" }]
+];
+const UserRound = createLucideIcon("user-round", __iconNode$2);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -15415,6 +15471,11 @@ const CollapsibleCard = ({ title, subtitle, icon, headerActions, defaultOpen = t
     return (jsxRuntime.jsxs("section", { className: cn('overflow-hidden rounded-xl border border-border bg-card shadow-card', className), children: [jsxRuntime.jsxs("header", { className: cn('flex items-center gap-3 bg-muted/30 px-4 py-3', isOpen && 'border-b border-border', headerClassName), children: [icon && jsxRuntime.jsx(SectionIcon, { children: icon }), jsxRuntime.jsxs("div", { className: "flex min-w-0 shrink flex-col gap-0.5", children: [jsxRuntime.jsx("h3", { className: "truncate text-sm font-medium text-foreground", children: title }), subtitle && (jsxRuntime.jsx("div", { className: "truncate text-xs text-muted-foreground", children: subtitle }))] }), headerActions && (jsxRuntime.jsx("div", { className: "ml-auto flex min-w-0 flex-1 items-center justify-end gap-2", children: headerActions })), !headerActions && jsxRuntime.jsx("div", { className: "flex-1" }), !nonCollapsible && (jsxRuntime.jsx("button", { type: "button", onClick: toggle, "aria-expanded": isOpen, "aria-label": isOpen ? 'Collapse section' : 'Expand section', className: "inline-flex h-7 w-7 cursor-pointer items-center justify-center rounded-md text-muted-foreground transition-colors hover:bg-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/30", children: jsxRuntime.jsx(ChevronDown, { className: cn('h-4 w-4 transition-transform duration-200', isOpen && 'rotate-180'), "aria-hidden": "true" }) }))] }), isOpen && jsxRuntime.jsx("div", { className: cn('p-4', bodyClassName), children: children })] }));
 };
 
+/** A titled card on a document detail page: payments, customer, items, notes… */
+function DetailSection({ icon, title, count, actions, children, className, bodyClassName, }) {
+    return (jsxRuntime.jsxs("section", { className: cn('overflow-hidden rounded-2xl border border-border bg-card', className), children: [jsxRuntime.jsxs("header", { className: "flex flex-wrap items-center gap-2.5 border-b border-border bg-section-header px-4 py-3", children: [jsxRuntime.jsx("span", { "aria-hidden": true, className: "flex size-7 shrink-0 items-center justify-center rounded-lg bg-primary/10 text-primary dark:bg-primary/20 [&_svg]:size-4", children: icon }), jsxRuntime.jsx("h3", { className: "m-0 text-base font-semibold text-foreground", children: title }), typeof count === 'string' || typeof count === 'number' ? (jsxRuntime.jsx(Badge, { appearance: "soft", color: "secondary", shape: "pill", size: "sm", children: count })) : (count), actions ? jsxRuntime.jsx("div", { className: "ml-auto flex flex-wrap items-center gap-2.5", children: actions }) : null] }), children != null ? jsxRuntime.jsx("div", { className: bodyClassName, children: children }) : null] }));
+}
+
 const HEADER_TONE_CLASSES = {
     neutral: 'bg-[var(--section-header)]',
     gem: 'bg-primary/5 dark:bg-[#173626]',
@@ -15437,7 +15498,7 @@ const FormSectionCard = ({ icon, title, description, headerAction, children, cla
 };
 
 function CompanyCardField({ label, children, emptyLabel, className, }) {
-    return (jsxRuntime.jsxs("div", { className: cn('flex min-w-0 flex-col gap-1', className), children: [jsxRuntime.jsx("p", { className: "text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: label }), children ? (jsxRuntime.jsx("div", { className: "truncate text-sm font-medium leading-5 text-foreground", children: children })) : (jsxRuntime.jsx("p", { className: "text-sm font-medium italic leading-5 text-muted-foreground", children: emptyLabel }))] }));
+    return (jsxRuntime.jsxs("div", { className: cn('flex min-w-0 flex-col gap-1', className), children: [jsxRuntime.jsx("p", { className: "text-xs font-semibold uppercase tracking-wide text-label-subtle", children: label }), children ? (jsxRuntime.jsx("div", { className: "truncate text-sm font-medium leading-5 text-foreground", children: children })) : (jsxRuntime.jsx("p", { className: "text-sm font-medium italic leading-5 text-muted-foreground", children: emptyLabel }))] }));
 }
 
 /** `—` is the placeholder the apps' display helpers return for a missing value. */
@@ -15453,8 +15514,14 @@ function getInitial(name) {
  * A business contact at a glance: avatar + name, email / phone / tax number,
  * then the address. Data-only — the app formats each value before passing it.
  */
-function CompanyCard({ name, subtitle, email, phone, taxNumber, address, viewHref, viewLabel = 'View company', title = 'Company', icon = jsxRuntime.jsx(Building2, { className: "size-5", "aria-hidden": true }), emptyLabel = 'Not provided', className, }) {
-    return (jsxRuntime.jsxs(FormSectionCard, { icon: icon, title: title, className: className, headerClassName: "px-4 py-3", bodyClassName: "flex flex-col gap-4 p-4", headerAction: viewHref ? (jsxRuntime.jsx(TextHyperlink, { href: viewHref, showIcon: false, className: "shrink-0 text-sm font-medium", children: viewLabel })) : undefined, children: [jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [jsxRuntime.jsx("span", { "aria-hidden": true, className: "flex size-10 shrink-0 items-center justify-center rounded-full bg-primary text-sm font-semibold text-primary-foreground", children: getInitial(name) }), jsxRuntime.jsxs("div", { className: "min-w-0", children: [jsxRuntime.jsx("p", { className: "break-words text-base font-semibold leading-6 text-foreground", children: name }), hasValue(subtitle) ? (jsxRuntime.jsx("p", { className: "break-words text-xs leading-4 text-muted-foreground", children: subtitle })) : null] })] }), jsxRuntime.jsxs("div", { className: cn('grid grid-cols-1 gap-4', taxNumber ? 'sm:grid-cols-3' : 'sm:grid-cols-2'), children: [jsxRuntime.jsx(CompanyCardField, { label: "Email", emptyLabel: emptyLabel, children: hasValue(email) ? (jsxRuntime.jsx("a", { href: `mailto:${email}`, className: "text-primary underline-offset-2 hover:underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", children: email })) : null }), jsxRuntime.jsx(CompanyCardField, { label: "Phone", emptyLabel: emptyLabel, children: hasValue(phone) ? phone : null }), taxNumber ? (jsxRuntime.jsx(CompanyCardField, { label: taxNumber.label, emptyLabel: emptyLabel, children: hasValue(taxNumber.value) ? taxNumber.value : null })) : null] }), jsxRuntime.jsx(CompanyCardField, { label: "Address", emptyLabel: emptyLabel, className: "border-t border-border pt-4", children: hasValue(address) ? jsxRuntime.jsx("span", { className: "whitespace-normal break-words", children: address }) : null })] }));
+function CompanyCard({ name, subtitle, email, phone, taxNumber, additionalFields = [], address, viewHref, viewLabel = 'View company', title = 'Company', icon, variant = 'form', emptyLabel = 'Not provided', className, }) {
+    const isDetail = variant === 'detail';
+    const viewLink = viewHref ? (jsxRuntime.jsx(TextHyperlink, { href: viewHref, showIcon: false, className: "shrink-0 text-sm font-medium", children: viewLabel })) : undefined;
+    const content = (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [jsxRuntime.jsx("span", { "aria-hidden": true, className: cn('flex shrink-0 items-center justify-center rounded-full bg-primary font-semibold text-primary-foreground', isDetail ? 'size-11 text-base' : 'size-10 text-sm'), children: getInitial(name) }), jsxRuntime.jsxs("div", { className: "min-w-0", children: [jsxRuntime.jsx("p", { className: "break-words text-base font-semibold leading-6 text-foreground", children: name }), hasValue(subtitle) ? (jsxRuntime.jsx("p", { className: "break-words text-xs leading-4 text-muted-foreground", children: subtitle })) : null] })] }), jsxRuntime.jsxs("div", { className: cn('grid grid-cols-1 gap-4', taxNumber ? 'sm:grid-cols-3' : 'sm:grid-cols-2'), children: [jsxRuntime.jsx(CompanyCardField, { label: "Email", emptyLabel: emptyLabel, children: hasValue(email) ? (jsxRuntime.jsx("a", { href: `mailto:${email}`, className: "text-primary underline-offset-2 hover:underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", children: email })) : null }), jsxRuntime.jsx(CompanyCardField, { label: "Phone", emptyLabel: emptyLabel, children: hasValue(phone) ? phone : null }), taxNumber ? (jsxRuntime.jsx(CompanyCardField, { label: taxNumber.label, emptyLabel: emptyLabel, children: hasValue(taxNumber.value) ? taxNumber.value : null })) : null, additionalFields.map((field) => (jsxRuntime.jsx(CompanyCardField, { label: field.label, emptyLabel: emptyLabel, children: hasValue(field.value) ? field.value : null }, field.label)))] }), jsxRuntime.jsx(CompanyCardField, { label: "Address", emptyLabel: emptyLabel, className: "border-t border-border pt-4", children: hasValue(address) ? jsxRuntime.jsx("span", { className: "whitespace-normal break-words", children: address }) : null })] }));
+    if (isDetail) {
+        return (jsxRuntime.jsx(DetailSection, { icon: icon ?? jsxRuntime.jsx(UserRound, { "aria-hidden": true }), title: title, actions: viewLink, className: className, bodyClassName: "flex flex-col gap-4 p-4", children: content }));
+    }
+    return (jsxRuntime.jsx(FormSectionCard, { icon: icon ?? jsxRuntime.jsx(Building2, { className: "size-5", "aria-hidden": true }), title: title, className: className, headerClassName: "px-4 py-3", bodyClassName: "flex flex-col gap-4 p-4", headerAction: viewLink, children: content }));
 }
 
 function commonjsRequire(path) {
@@ -21691,7 +21758,7 @@ function EditableCellContent({ col, row, value, isEditing, width, onEditValueCha
     return jsxRuntime.jsx(jsxRuntime.Fragment, { children: clipToWidth(stringValue, width) });
 }
 
-function DataEditableTable({ data, columns, onRowClick, enableSelection = false, columnStyles = {}, onEditChange, onSaveRow, sortBy, setSortBy, sortOrder, setSortOrder, saving, selectedRows = [], onSelectionChange, isArchiveView = false, selectionInArchiveView = false, permissionKey = '', columnWidths, onColumnResize, pagination, fetchBusinessContacts, showGrid = true, emptyState, }) {
+function DataEditableTable({ data, columns, onRowClick, enableSelection = false, columnStyles = {}, onEditChange, onSaveRow, sortBy, setSortBy, sortOrder, setSortOrder, saving, selectedRows = [], onSelectionChange, isArchiveView = false, selectionInArchiveView = false, permissionKey = '', columnWidths, onColumnResize, pagination, fetchBusinessContacts, showGrid = true, striped = true, emptyState, }) {
     const showSelectionColumn = enableSelection && (!isArchiveView || selectionInArchiveView);
     const vBorder = showGrid ? 'border-r' : '';
     const { localWidths, draggingKey, tableRef, handleResizeMouseDown } = useColumnResize({
@@ -21741,7 +21808,7 @@ function DataEditableTable({ data, columns, onRowClick, enableSelection = false,
                                         ? 'bg-warning/10 hover:bg-warning/10'
                                         : isSelected
                                             ? 'bg-primary/10 hover:bg-primary/10'
-                                            : rowIndex % 2 === 0
+                                            : !striped || rowIndex % 2 === 0
                                                 ? 'bg-card hover:bg-secondary'
                                                 : 'bg-background hover:bg-secondary';
                                     return (jsxRuntime.jsxs("tr", { className: cn('group/row h-[46px] transition-colors text-sm text-table-cell', bgClass, onRowClick && 'cursor-pointer'), onClick: () => onRowClick?.(row), children: [isArchiveView ? null : (jsxRuntime.jsx("td", { className: cn('px-3 py-1.5 text-center first:!pl-6 border-b border-solid !border-border', vBorder), children: jsxRuntime.jsx(Protected, { module: permissionKey, minLevel: PERMISSIONS.WRITE, children: jsxRuntime.jsx("button", { onClick: (e) => {
@@ -37165,6 +37232,124 @@ function DateInput({ value, onChange, onBlur, name, id, className, min, max, dis
     return (jsxRuntime.jsxs(Popover, { open: open, onOpenChange: handleOpenChange, modal: true, children: [jsxRuntime.jsx(PopoverAnchor, { asChild: true, children: jsxRuntime.jsxs("div", { "data-slot": "input", "data-empty": !value || undefined, "data-invalid": invalid || undefined, className: cn('border-input-border flex h-9 w-full min-w-0 items-center gap-2 rounded-md border bg-transparent px-3 py-1 shadow-[0_1px_2px_0_#0000000d] transition-[color,box-shadow] outline-none', 'focus-within:border-ring focus-within:ring-ring/50 focus-within:ring-[3px]', 'data-[invalid]:border-destructive data-[invalid]:ring-destructive/20 data-[invalid]:ring-[3px]', disabled && 'cursor-not-allowed bg-muted/50 text-label', className), children: [jsxRuntime.jsx("input", { ref: inputRef, type: "text", inputMode: "numeric", autoComplete: "off", spellCheck: false, id: id, name: name, value: text, placeholder: placeholder, disabled: disabled, maxLength: DATE_FORMAT.length, "aria-label": ariaLabel, "aria-invalid": invalid || undefined, title: DATE_FORMAT_HINT, onChange: handleTextChange, onKeyDown: handleKeyDown, onBlur: handleTextBlur, className: "placeholder:text-placeholder selection:bg-primary selection:text-primary-foreground h-full min-w-0 flex-1 bg-transparent text-base text-foreground outline-none placeholder:text-sm disabled:cursor-not-allowed disabled:text-label md:text-sm" }), jsxRuntime.jsx("button", { type: "button", disabled: disabled, "aria-label": CALENDAR_BUTTON_LABEL, "aria-haspopup": "dialog", "aria-expanded": open, onClick: toggleOpen, className: "-mr-1 inline-flex h-6 w-6 shrink-0 cursor-pointer items-center justify-center rounded-sm text-muted-foreground outline-none hover:text-foreground focus-visible:ring-ring/50 focus-visible:ring-[2px] disabled:cursor-not-allowed", children: jsxRuntime.jsx(CalendarDays, { className: "h-4 w-4 stroke-[1.75]" }) })] }) }), jsxRuntime.jsx(PopoverContent, { align: align, className: "date-range-picker-popover w-auto p-4", children: jsxRuntime.jsx(DatePicker, { inline: true, selected: value ?? null, minDate: toBoundDate(bounds.minDate), maxDate: toBoundDate(bounds.maxDate), onChange: selectDate, calendarClassName: "date-range-picker-calendar", formatWeekDay: (weekday) => weekday.slice(0, 2), renderCustomHeader: ({ monthDate, changeYear, changeMonth, decreaseMonth, increaseMonth, prevMonthButtonDisabled, nextMonthButtonDisabled, }) => (jsxRuntime.jsx(DatePickerHeader, { monthDate: monthDate, changeYear: changeYear, changeMonth: changeMonth, decreaseMonth: decreaseMonth, increaseMonth: increaseMonth, prevMonthButtonDisabled: prevMonthButtonDisabled, nextMonthButtonDisabled: nextMonthButtonDisabled, minYear: bounds.minYear, maxYear: bounds.maxYear })), children: jsxRuntime.jsxs("div", { className: "date-range-picker-footer", children: [jsxRuntime.jsx("button", { type: "button", onClick: clearDate, className: "date-range-picker-action", children: "Clear" }), jsxRuntime.jsx("button", { type: "button", onClick: selectToday, className: "date-range-picker-action", children: "Today" })] }) }) })] }));
 }
 
+/** The permanent-delete confirmation for a document (quotation, memo, proforma…). */
+function DocumentDeleteDialog({ open, onOpenChange, documentLabel, documentNumber, info, busy, onConfirm, }) {
+    return (jsxRuntime.jsx(ConfirmDialog, { open: open, onOpenChange: onOpenChange, title: `Delete ${documentLabel}`, description: jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("span", { children: ["Are you sure you want to permanently delete ", documentLabel, documentNumber ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [' ', jsxRuntime.jsx("span", { className: "font-semibold", children: documentNumber })] })) : null, "?"] }), jsxRuntime.jsx("div", { className: "mt-1", children: "This action cannot be undone." })] }), info: info, confirmLabel: `Yes, Delete ${documentLabel}`, cancelLabel: "No, Keep It", confirmVariant: "destructive", disabled: busy, onConfirm: onConfirm }));
+}
+
+function clampPercent$1(value) {
+    if (!Number.isFinite(value))
+        return 0;
+    return Math.min(100, Math.max(0, value));
+}
+const LABEL_TONE = {
+    default: 'text-secondary-foreground',
+    success: 'text-amount-paid',
+    info: 'text-info',
+    warning: 'text-badge-amber-text',
+    destructive: 'text-amount-outstanding',
+    muted: 'text-secondary-foreground',
+};
+function getLabelClassName(tone) {
+    return LABEL_TONE[tone];
+}
+/** The lightest wash of the status colour, matching the document's status pill. */
+const PANEL_TONE = {
+    default: 'bg-muted/40',
+    success: 'bg-primary/5 dark:bg-primary/10',
+    info: 'bg-info/5 dark:bg-info/10',
+    warning: 'bg-warning/5 dark:bg-warning/10',
+    destructive: 'bg-destructive/5 dark:bg-destructive/10',
+    muted: 'bg-muted/40',
+};
+function getFactsPanelClassName(tone) {
+    return PANEL_TONE[tone];
+}
+const TRACK_TONE = {
+    default: 'bg-progress-track',
+    success: 'bg-progress-track',
+    info: 'bg-info/15',
+    warning: 'bg-warning/15',
+    destructive: 'bg-destructive/15',
+    muted: 'bg-progress-track',
+};
+function getProgressTrackClassName(tone) {
+    return TRACK_TONE[tone];
+}
+const FACT_ICON_TONE = {
+    default: 'bg-muted text-muted-foreground',
+    success: 'bg-badge-green-bg text-amount-paid',
+    warning: 'bg-badge-amber-bg text-badge-amber-text',
+    destructive: 'bg-badge-destructive-bg text-amount-outstanding',
+};
+function getFactIconClassName(tone) {
+    return FACT_ICON_TONE[tone];
+}
+const FACT_NOTE_TONE = {
+    default: 'text-muted-foreground',
+    success: 'text-amount-paid',
+    warning: 'text-badge-amber-text',
+    destructive: 'text-amount-outstanding',
+};
+function getFactNoteClassName(tone) {
+    return FACT_NOTE_TONE[tone];
+}
+const SEGMENT_TONE = {
+    success: 'bg-success',
+    info: 'bg-info',
+    primary: 'bg-primary',
+    'primary-soft': 'bg-primary/40',
+    warning: 'bg-warning',
+    remaining: 'bg-progress-track',
+};
+function getSegmentClassName$1(tone) {
+    return SEGMENT_TONE[tone];
+}
+/** Each segment's width in percent of the segments' sum; all 0 when there's nothing to split. */
+function getSegmentPercents(segments) {
+    const amounts = segments.map((segment) => Number.isFinite(segment.amount) ? Math.max(0, segment.amount) : 0);
+    const whole = amounts.reduce((sum, amount) => sum + amount, 0);
+    return amounts.map((amount) => (whole > 0 ? (amount / whole) * 100 : 0));
+}
+/** No value to show: blank, or the "—" placeholder apps pass. */
+function isEmptyFactValue(value) {
+    return (value == null ||
+        (typeof value === 'string' && (value.trim() === '' || value.trim() === '—')));
+}
+
+function ProgressBar({ progress, tone, name, }) {
+    const percent = clampPercent$1(progress.percent);
+    return (jsxRuntime.jsxs("div", { className: "mt-4 w-full max-w-xl", children: [jsxRuntime.jsx("div", { role: "progressbar", "aria-label": name, "aria-valuemin": 0, "aria-valuemax": 100, "aria-valuenow": percent, className: cn('h-2 overflow-hidden rounded-full', getProgressTrackClassName(tone)), children: jsxRuntime.jsx("div", { className: "h-full rounded-full bg-primary", style: { width: `${percent}%` } }) }), progress.value != null ||
+                progress.label != null ||
+                progress.trailing != null ? (jsxRuntime.jsxs("div", { className: "mt-2 flex items-center justify-between gap-3 text-xs", children: [jsxRuntime.jsxs("span", { className: "text-secondary-foreground", children: [progress.value != null ? (jsxRuntime.jsx("span", { className: "font-semibold tabular-nums text-amount-paid", children: progress.value })) : null, progress.value != null && progress.label != null ? ' ' : null, progress.label] }), progress.trailing != null ? (jsxRuntime.jsx("span", { className: "text-right tabular-nums text-secondary-foreground", children: progress.trailing })) : null] })) : null] }));
+}
+function BreakdownBar({ breakdown, }) {
+    const percents = getSegmentPercents(breakdown.segments);
+    return (jsxRuntime.jsxs("div", { className: "mt-4 w-full max-w-xl", children: [jsxRuntime.jsx("dl", { className: "m-0 grid grid-flow-col auto-cols-fr gap-4", children: breakdown.segments.map((segment) => (jsxRuntime.jsxs("div", { className: "min-w-0", children: [jsxRuntime.jsxs("dt", { className: "flex items-center gap-1.5 text-xs text-muted-foreground", children: [jsxRuntime.jsx("span", { "aria-hidden": true, className: cn('h-1.5 w-3 shrink-0 rounded-full', getSegmentClassName$1(segment.tone), segment.tone === 'remaining' &&
+                                        'ring-1 ring-inset ring-border') }), segment.label] }), jsxRuntime.jsx("dd", { className: "m-0 text-base font-semibold tabular-nums text-foreground", children: segment.value })] }, segment.label))) }), jsxRuntime.jsx("div", { role: "img", "aria-label": `${breakdown.label}: ${breakdown.segments
+                    .map((segment, index) => `${segment.label} ${Math.round(percents[index])}%`)
+                    .join(', ')}`, className: "mt-3 flex h-2 overflow-hidden rounded-full bg-progress-track", children: breakdown.segments.map((segment, index) => segment.tone === 'remaining' || percents[index] === 0 ? null : (jsxRuntime.jsx("div", { className: cn('h-full', getSegmentClassName$1(segment.tone)), style: { width: `${percents[index]}%` } }, segment.label))) }), breakdown.caption ? (jsxRuntime.jsx("p", { className: "m-0 mt-2 text-xs text-secondary-foreground", children: breakdown.caption })) : null] }));
+}
+function FactRow({ fact }) {
+    const tone = fact.tone ?? 'default';
+    const empty = isEmptyFactValue(fact.value);
+    return (jsxRuntime.jsxs("div", { className: "flex min-h-10 items-center gap-3 border-b border-border py-1.5 last:border-b-0", children: [jsxRuntime.jsx("span", { "aria-hidden": true, className: cn('flex size-6 shrink-0 items-center justify-center rounded-md text-xs font-semibold [&_svg]:size-3.5', getFactIconClassName(tone)), children: fact.icon }), jsxRuntime.jsx("dt", { className: "min-w-0 flex-1 text-sm text-secondary-foreground", children: fact.label }), jsxRuntime.jsxs("dd", { className: "m-0 flex min-w-0 flex-wrap items-baseline justify-end gap-x-2 text-right", children: [empty ? (jsxRuntime.jsx("span", { className: "text-sm font-medium text-muted-foreground", children: fact.emptyLabel ?? 'Not provided' })) : (jsxRuntime.jsx("span", { className: cn('break-words text-sm font-semibold tabular-nums', tone === 'success' ? 'text-amount-paid' : 'text-foreground'), children: fact.value })), fact.note ? (jsxRuntime.jsx("span", { className: cn('text-xs font-medium', getFactNoteClassName(tone)), children: fact.note })) : null, fact.onAction ? (jsxRuntime.jsx("button", { type: "button", onClick: fact.onAction, className: "text-xs font-medium text-primary underline-offset-2 hover:underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", children: fact.actionLabel ?? 'View' })) : null] })] }));
+}
+/**
+ * The top of a document detail page: the headline amount (balance, total, value),
+ * how much of it is settled, and the key dates and facts beside it. Data-only.
+ */
+function DocumentHero({ label, labelIcon, tone = 'default', amount, amountNote, progress, breakdown, facts = [], details = [], detailsLabel, detailsIcon, className, }) {
+    return (jsxRuntime.jsxs("section", { className: cn('overflow-hidden rounded-2xl border border-border bg-card', className), children: [jsxRuntime.jsxs("div", { className: cn('grid grid-cols-1', facts.length > 0 && 'md:grid-cols-[minmax(0,1.4fr)_minmax(0,1fr)]'), children: [jsxRuntime.jsxs("div", { className: "flex min-w-0 flex-col justify-center px-5 py-4 sm:px-7 sm:py-4", children: [jsxRuntime.jsxs("p", { className: cn('m-0 flex items-center gap-1.5 text-xs font-semibold uppercase tracking-wider [&_svg]:size-3.5', getLabelClassName(tone)), children: [labelIcon, label] }), jsxRuntime.jsxs("div", { className: "mt-1.5 flex flex-wrap items-baseline gap-x-3 gap-y-1", children: [jsxRuntime.jsx("span", { className: "break-all text-4xl font-semibold leading-none tracking-tight tabular-nums text-foreground sm:text-[2.75rem]", children: amount }), amountNote ? (jsxRuntime.jsx("span", { className: "text-sm text-secondary-foreground", children: amountNote })) : null] }), breakdown ? (jsxRuntime.jsx(BreakdownBar, { breakdown: breakdown })) : progress ? (jsxRuntime.jsx(ProgressBar, { progress: progress, tone: tone, name: label })) : null] }), facts.length > 0 ? (jsxRuntime.jsx("dl", { className: cn('m-0 flex min-w-0 flex-col justify-center border-t border-border px-5 py-2 md:border-l md:border-t-0', getFactsPanelClassName(tone)), children: facts.map((fact) => (jsxRuntime.jsx(FactRow, { fact: fact }, fact.label))) })) : null] }), details.length > 0 ? (jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-x-3 gap-y-1.5 border-t border-border px-5 py-2.5 text-xs sm:px-7", children: [detailsLabel ? (jsxRuntime.jsxs("span", { className: "inline-flex shrink-0 items-center gap-1 rounded bg-muted px-1.5 py-0.5 font-semibold text-secondary-foreground [&_svg]:size-3", children: [detailsIcon, detailsLabel] })) : null, jsxRuntime.jsx("dl", { className: "m-0 flex min-w-0 flex-wrap items-center gap-x-3 gap-y-1.5", children: details.map((detail, index) => {
+                            const empty = isEmptyFactValue(detail.value);
+                            return (jsxRuntime.jsxs("div", { className: "flex min-w-0 items-center gap-x-3", children: [index > 0 ? (jsxRuntime.jsx("span", { "aria-hidden": true, className: "h-3 w-px shrink-0 bg-border" })) : null, jsxRuntime.jsxs("div", { className: "flex min-w-0 items-baseline gap-1.5", children: [jsxRuntime.jsx("dt", { className: "whitespace-nowrap text-muted-foreground", children: detail.label }), jsxRuntime.jsx("dd", { className: cn('m-0 break-words', empty
+                                                    ? 'italic text-label-subtle'
+                                                    : 'font-medium text-foreground'), children: empty
+                                                    ? (detail.emptyLabel ?? 'Not provided')
+                                                    : detail.value })] })] }, detail.label));
+                        }) })] })) : null] }));
+}
+
 const DropdownMenu = DropdownMenuPrimitive__namespace.Root;
 const DropdownMenuTrigger = DropdownMenuPrimitive__namespace.Trigger;
 const DropdownMenuGroup = DropdownMenuPrimitive__namespace.Group;
@@ -37207,6 +37392,35 @@ const useDropdownMenu = ({ open, defaultOpen = false, onOpenChange, }) => {
 
 const dropdownMenuItemDestructiveClass = 'text-destructive focus:bg-destructive/10 focus:text-destructive';
 
+/** The line-items section of a document detail page, with its "N items · X ct" count. */
+function LineItemsCard({ title, count, carats, actions, onEdit, footer, children, className, }) {
+    return (jsxRuntime.jsxs(DetailSection, { icon: jsxRuntime.jsx(Box, {}), title: title, actions: actions || onEdit ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [actions, onEdit ? (jsxRuntime.jsx(Button$1, { type: "button", variant: "outline", size: "sm", onClick: onEdit, className: "h-8 shrink-0 rounded-lg border-border bg-card px-3 text-sm font-medium text-secondary-foreground shadow-xs", children: "Edit" })) : null] })) : undefined, className: className, bodyClassName: "p-0", count: jsxRuntime.jsxs(Badge, { appearance: "soft", color: "secondary", shape: "pill", size: "sm", children: [count, " ", count === 1 ? 'item' : 'items', " \u00B7 ", formatCarat(carats), " ct"] }), children: [children, footer ? jsxRuntime.jsx("div", { className: "border-t border-border", children: footer }) : null] }));
+}
+/** Fills its container and only scrolls sideways when a row can't fit. */
+function LineTable({ children }) {
+    return (jsxRuntime.jsx("div", { className: "overflow-x-auto", children: jsxRuntime.jsx("div", { className: "w-max min-w-full", children: children }) }));
+}
+function LineTableEmpty({ children }) {
+    return jsxRuntime.jsx("div", { className: "py-8 text-center text-sm text-muted-foreground", children: children });
+}
+function LineProductThumb({ src, className }) {
+    const [failed, setFailed] = React.useState(false);
+    if (src && !failed) {
+        return (jsxRuntime.jsx("img", { src: src, alt: "", onError: () => setFailed(true), className: cn('size-9 shrink-0 rounded-lg bg-muted object-cover', className) }));
+    }
+    return (jsxRuntime.jsx("span", { "aria-hidden": true, className: cn('flex size-9 shrink-0 items-center justify-center rounded-lg bg-muted text-muted-foreground', className), children: jsxRuntime.jsx(Gem, { className: "size-4" }) }));
+}
+function LineProductTypeChip({ type }) {
+    return (jsxRuntime.jsx(Badge, { appearance: "soft", color: type === 'gem' ? 'success' : 'info', shape: "pill", size: "sm", className: "h-5 shrink-0 px-2 py-0.5 text-[11px] font-medium", children: type === 'gem' ? 'GEM' : 'DIAMOND' }));
+}
+function LineProductCell({ className, name, type, image, description }) {
+    return (jsxRuntime.jsxs("div", { className: cn(className, 'gap-2.5'), children: [jsxRuntime.jsx(LineProductThumb, { src: image }), jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [jsxRuntime.jsxs("div", { className: "flex min-w-0 flex-wrap items-center gap-x-2 gap-y-0.5", children: [jsxRuntime.jsx("p", { className: "m-0 truncate text-sm font-semibold leading-5 text-foreground", children: name }), type ? jsxRuntime.jsx(LineProductTypeChip, { type: type }) : null] }), description ? jsxRuntime.jsx("p", { className: "m-0 mt-0.5 line-clamp-1 text-xs text-muted-foreground", children: description }) : null] })] }));
+}
+/** The ⋯ menu at the end of a line row. */
+function LineRowActionsMenu({ onView, disabled, label = 'Row actions', modal, children, }) {
+    return (jsxRuntime.jsxs(DropdownMenu, { modal: modal, children: [jsxRuntime.jsx(DropdownMenuTrigger, { className: "inline-flex size-7 items-center justify-center rounded-md text-muted-foreground transition-colors hover:bg-muted hover:text-foreground focus:outline-none focus-visible:ring-2 focus-visible:ring-ring", "aria-label": label, disabled: disabled, children: jsxRuntime.jsx(Ellipsis, { className: "size-4" }) }), jsxRuntime.jsxs(DropdownMenuContent, { align: "end", className: "min-w-[190px]", children: [onView ? (jsxRuntime.jsxs(DropdownMenuItem, { onClick: onView, children: [jsxRuntime.jsx(Eye, { className: "size-4" }), jsxRuntime.jsx("span", { children: "View details" })] })) : null, children] })] }));
+}
+
 const EntityHeader = ({ title, meta, status, description, descriptionLimit = 180, onShare, shareSlot, actions, className, }) => {
     const hasMenu = !!actions && actions.length > 0;
     return (jsxRuntime.jsxs("div", { className: cn('flex flex-col gap-3', className), children: [jsxRuntime.jsxs("div", { className: "flex items-start justify-between gap-3", children: [jsxRuntime.jsxs("div", { className: "flex min-w-0 flex-col gap-2", children: [jsxRuntime.jsx("h1", { className: "truncate text-[24px] leading-8 font-medium text-primary", children: title }), (meta || status) && (jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-x-2 gap-y-1 text-sm text-foreground", children: [meta?.map((item, idx) => (jsxRuntime.jsxs(React.Fragment, { children: [idx > 0 && (jsxRuntime.jsx("span", { className: "text-muted-foreground", "aria-hidden": "true", children: "\u2022" })), jsxRuntime.jsx("span", { children: item.value })] }, item.key ?? idx))), jsxRuntime.jsx("span", { className: "text-muted-foreground", "aria-hidden": "true", children: "\u2022" }), status && (jsxRuntime.jsx(Badge, { appearance: "soft", color: status.tone ?? 'success', size: "md", shape: "pill", className: "px-3", children: status.label }))] }))] }), jsxRuntime.jsxs("div", { className: "flex shrink-0 items-center gap-2", children: [shareSlot
@@ -38310,12 +38524,13 @@ function hasDetails(variant, hasDescription) {
 /** Dark mode: `--primary` is too dim on near-black, so the detailed active state uses the design's lighter green. */
 const DARK_ACTIVE_GREEN = 'dark:border-[#6FB98A]';
 const DARK_ACTIVE_GREEN_TEXT = 'dark:text-[#6FB98A]';
-function getListClassName(variant, detailed) {
+function getListClassName(detailed) {
     if (detailed) {
         // Light: a faint primary tint. Dark: `--muted` is a light overlay that would outshine the active segment.
         return 'inline-flex w-full items-center gap-1 rounded-xl border border-transparent bg-primary/5 p-1 dark:border-border dark:bg-black/25';
     }
-    return cn('inline-flex w-full items-center gap-1 bg-muted p-1', variant === 'bordered' ? 'rounded-lg' : 'rounded-md');
+    // Segments are rounded-md inside a p-1 track, so the track's radius is theirs plus the padding.
+    return 'inline-flex w-full items-center gap-1 rounded-[calc(var(--radius-md)+0.25rem)] bg-muted p-1';
 }
 function getSegmentClassName(variant, isActive, isDisabled, detailed = false) {
     return cn('inline-flex cursor-pointer items-center justify-center gap-2 border px-3 text-sm font-medium transition-colors disabled:cursor-not-allowed', 'outline-none focus-visible:ring-2 focus-visible:ring-primary/30', detailed ? 'min-h-11 rounded-lg border-2 py-2 font-semibold' : 'h-7 rounded-md', 
@@ -38352,7 +38567,7 @@ function getDescriptionClassName(isActive) {
  */
 function SegmentedControl({ value, onChange, options, ariaLabel, className, disabled, variant = 'default', optionLayout = 'stacked', }) {
     const detailed = options.some((opt) => hasDetails(variant, opt.description != null));
-    return (jsxRuntime.jsx("div", { role: "tablist", "aria-label": ariaLabel, className: cn(getListClassName(variant, detailed), className), children: options.map((opt) => {
+    return (jsxRuntime.jsx("div", { role: "tablist", "aria-label": ariaLabel, className: cn(getListClassName(detailed), className), children: options.map((opt) => {
             const isActive = value === opt.value;
             const isDisabled = !!(disabled || opt.disabled);
             return (jsxRuntime.jsxs("button", { type: "button", role: "tab", "aria-selected": isActive, disabled: isDisabled, onClick: () => !isDisabled && onChange(opt.value), className: getSegmentClassName(variant, isActive, isDisabled, detailed), children: [opt.icon && (jsxRuntime.jsx("span", { "aria-hidden": "true", className: getIconClassName(detailed, isActive), children: opt.icon })), detailed && opt.description != null ? (jsxRuntime.jsxs("span", { className: getContentClassName(optionLayout), children: [jsxRuntime.jsx("span", { className: "whitespace-nowrap", children: opt.label }), jsxRuntime.jsx("span", { className: getDescriptionClassName(isActive), children: opt.description })] })) : (jsxRuntime.jsx("span", { className: "whitespace-nowrap", children: opt.label }))] }, opt.value));
@@ -67291,10 +67506,20 @@ function FormSectionCardSkeleton({ fields = 4, columns = 2, footer = 'end', desc
 function TableSkeleton({ rows = 8 }) {
     return (jsxRuntime.jsxs("div", { className: "space-y-3", children: [jsxRuntime.jsxs("div", { className: "flex gap-2", children: [jsxRuntime.jsx(SquareSkeleton, { className: "h-9 flex-1", rounded: "md" }), jsxRuntime.jsx(SquareSkeleton, { className: "h-9 w-44", rounded: "md" }), jsxRuntime.jsx(SquareSkeleton, { className: "h-9 w-48", rounded: "md" })] }), Array.from({ length: rows }).map((_, i) => (jsxRuntime.jsx(SquareSkeleton, { className: "h-12 w-full", rounded: "md" }, i)))] }));
 }
+/** Listing table while it loads: one full-width bar per row, like the gem and diamond inventory tables. */
+function TableRowsSkeleton({ rows = 10, className }) {
+    return (jsxRuntime.jsx("div", { className: cn('flex w-full flex-col gap-2 overflow-hidden', className), "aria-busy": "true", "aria-label": "Loading", children: Array.from({ length: rows }).map((_, i) => (
+        // shrink-0: in a height-capped flex parent the bars would otherwise squash below 52px.
+        jsxRuntime.jsx(SquareSkeleton, { height: 52, className: "w-full shrink-0" }, i))) }));
+}
 /** Detail page: header row + key-value section cards. Mirrors `DetailPageLayout`. */
 function DetailPageSkeleton({ sections = 3, }) {
     return (jsxRuntime.jsxs("div", { className: "space-y-5", children: [jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-4", children: [jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [jsxRuntime.jsx(SquareSkeleton, { height: 32, width: 32, rounded: "md" }), jsxRuntime.jsxs("div", { className: "space-y-1.5", children: [jsxRuntime.jsx(SquareSkeleton, { height: 20, width: 192, rounded: "full" }), jsxRuntime.jsx(SquareSkeleton, { height: 12, width: 128, rounded: "full" })] })] }), jsxRuntime.jsx(SquareSkeleton, { height: 36, width: 128, rounded: "md" })] }), Array.from({ length: sections }).map((_, s) => (jsxRuntime.jsxs("div", { className: "overflow-hidden rounded-xl border border-border bg-card", children: [jsxRuntime.jsxs("div", { className: "flex items-center gap-3 border-b border-border bg-secondary px-5 py-4", children: [jsxRuntime.jsx(SquareSkeleton, { height: 32, width: 32, rounded: "lg" }), jsxRuntime.jsx(SquareSkeleton, { height: 16, width: 160, rounded: "full" })] }), jsxRuntime.jsx("div", { className: "grid grid-cols-1 gap-5 p-5 md:grid-cols-3", children: Array.from({ length: 6 }).map((_, i) => (jsxRuntime.jsxs("div", { className: "space-y-1.5", children: [jsxRuntime.jsx(SquareSkeleton, { height: 10, width: 80, rounded: "full" }), jsxRuntime.jsx(SquareSkeleton, { height: 14, width: 128, rounded: "full" })] }, i))) })] }, s)))] }));
 }
+/** Document detail page (invoice, memo…): header, `DocumentHero` and `DetailSection` placeholders. */
+function DocumentDetailSkeleton({ aside = 'payment', sections = 3, label = 'Loading document', }) {
+    return (jsxRuntime.jsxs("div", { role: "status", "aria-busy": "true", "aria-label": label, className: "space-y-4", children: [jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center justify-between gap-3", children: [jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [jsxRuntime.jsx(SquareSkeleton, { height: 14, width: 80, rounded: "full" }), jsxRuntime.jsx("span", { className: "h-5 w-px bg-border" }), jsxRuntime.jsx(SquareSkeleton, { height: 28, width: 200, rounded: "md" }), jsxRuntime.jsx(SquareSkeleton, { height: 22, width: 72, rounded: "full" })] }), jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [jsxRuntime.jsx(SquareSkeleton, { height: 36, width: 112, rounded: "lg" }), jsxRuntime.jsx(SquareSkeleton, { height: 36, width: 80, rounded: "lg" }), jsxRuntime.jsx(SquareSkeleton, { height: 36, width: 128, rounded: "lg" }), jsxRuntime.jsx(SquareSkeleton, { height: 36, width: 36, rounded: "lg" })] })] }), jsxRuntime.jsxs("section", { "aria-hidden": "true", className: "grid grid-cols-1 overflow-hidden rounded-2xl border border-border bg-card md:grid-cols-[minmax(0,1.4fr)_minmax(0,1fr)]", children: [jsxRuntime.jsxs("div", { className: "flex flex-col justify-center space-y-3 px-5 py-4 sm:px-7 sm:py-4", children: [jsxRuntime.jsx(SquareSkeleton, { height: 12, width: 96, rounded: "full" }), jsxRuntime.jsx(SquareSkeleton, { height: 40, width: 220, rounded: "md" }), aside !== 'none' && (jsxRuntime.jsxs("div", { className: "w-full max-w-xl space-y-2 pt-1", children: [jsxRuntime.jsx(SquareSkeleton, { height: 8, className: "w-full", rounded: "full" }), jsxRuntime.jsxs("div", { className: "flex justify-between", children: [jsxRuntime.jsx(SquareSkeleton, { height: 11, width: 88, rounded: "full" }), jsxRuntime.jsx(SquareSkeleton, { height: 11, width: 40, rounded: "full" })] })] }))] }), jsxRuntime.jsx("div", { className: "border-t border-border bg-muted/40 px-5 py-2 md:border-l md:border-t-0", children: [0, 1, 2, 3].map((i) => (jsxRuntime.jsxs("div", { className: "flex min-h-10 items-center gap-3 border-b border-border py-1.5 last:border-b-0", children: [jsxRuntime.jsx(SquareSkeleton, { height: 24, width: 24, rounded: "md" }), jsxRuntime.jsx(SquareSkeleton, { height: 12, width: 72, rounded: "full" }), jsxRuntime.jsx(SquareSkeleton, { height: 12, width: 88, rounded: "full", className: "ml-auto" })] }, i))) })] }), Array.from({ length: sections }).map((_, s) => (jsxRuntime.jsxs("section", { "aria-hidden": "true", className: "overflow-hidden rounded-2xl border border-border bg-card", children: [jsxRuntime.jsxs("div", { className: "flex items-center gap-2.5 border-b border-border px-4 py-3", children: [jsxRuntime.jsx(SquareSkeleton, { height: 28, width: 28, rounded: "lg" }), jsxRuntime.jsx(SquareSkeleton, { height: 15, width: 128, rounded: "full" })] }), jsxRuntime.jsx("div", { className: "space-y-3 p-4", children: Array.from({ length: s === 1 ? 4 : 2 }).map((__, row) => (jsxRuntime.jsx(SquareSkeleton, { height: s === 1 ? 36 : 14, className: row % 2 ? 'w-3/4' : 'w-full', rounded: "md" }, row))) })] }, s))), jsxRuntime.jsx("span", { className: "sr-only", children: label })] }));
+}
 
 const SlideOut = ({ open, onOpenChange, ...props }) => {
     const scheduleLockRelease = useOverlayBodyLockRelease(open);
@@ -67384,6 +67609,7 @@ const TablePagination = ({ total, page, rowsPerPage, totalPages, onPageChange, o
     return (jsxRuntime.jsxs("div", { className: cn('flex flex-row items-center justify-between gap-3 border-t border-border bg-card px-4 py-2 text-sm text-muted-foreground overflow-x-auto rounded-b-lg', className), children: [jsxRuntime.jsx("span", { className: "shrink-0 text-left", children: selectedCount !== undefined ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("span", { className: "font-medium text-foreground", children: selectedCount }), ' ', "of ", safeTotal, " ", selectedLabel] })) : (formatRange(safePage, safeRowsPerPage, safeTotal)) }), jsxRuntime.jsxs("div", { className: "flex shrink-0 items-center gap-3", children: [jsxRuntime.jsx(Pagination, { currentPage: safePage, totalPages: safeTotalPages, onPageChange: onPageChange, size: "sm", variant: "outlined", shape: "square", showItemsPerPage: true, itemsPerPage: safeRowsPerPage, onItemsPerPageChange: onRowsPerPageChange, itemsPerPageOptions: rowOptions }), jsxRuntime.jsxs("form", { className: "flex items-center gap-2", onSubmit: handleSubmit, children: [jsxRuntime.jsx("input", { type: "text", inputMode: "numeric", pattern: "[0-9]*", value: pageInput, onChange: (e) => setPageInput(e.target.value), placeholder: "Page", "aria-label": "Go to page", className: "h-8 w-16 rounded-md border border-border bg-input-background px-2 text-sm text-foreground shadow-[0_1px_2px_0_rgba(0,0,0,0.05)] outline-none placeholder:text-muted-foreground focus:border-primary focus:ring-2 focus:ring-primary/10" }), jsxRuntime.jsx(Button, { type: "submit", appearance: "outline", color: "secondary", size: "sm", disabled: !pageInput, children: "Go" })] })] })] }));
 };
 
+const SEPARATORS = /[\s,;]+/;
 function useTagsInput({ value, onChange, uppercase = false, }) {
     const [input, setInput] = React.useState('');
     const addTag = () => {
@@ -67393,6 +67619,22 @@ function useTagsInput({ value, onChange, uppercase = false, }) {
         onChange([...value, newTag]);
         setInput('');
     };
+    const addMany = (raw) => {
+        const entries = raw.split(SEPARATORS).map((entry) => entry.trim()).filter(Boolean);
+        const next = [...value];
+        entries.forEach((entry) => {
+            const tag = uppercase ? entry.toUpperCase() : entry;
+            if (!next.includes(tag))
+                next.push(tag);
+        });
+        if (next.length !== value.length)
+            onChange(next);
+        setInput('');
+    };
+    const commitInput = () => {
+        if (input.trim() !== '')
+            addMany(input);
+    };
     const onInputChange = (event) => {
         const next = event.target.value;
         setInput(uppercase ? next.toUpperCase() : next);
@@ -67403,6 +67645,23 @@ function useTagsInput({ value, onChange, uppercase = false, }) {
             addTag();
         }
     };
+    const onInlineKeyDown = (event) => {
+        if (event.key === 'Enter' || event.key === ',' || event.key === ';' || (event.key === 'Tab' && input.trim())) {
+            event.preventDefault();
+            commitInput();
+            return;
+        }
+        if (event.key === 'Backspace' && input === '' && value.length > 0) {
+            onChange(value.slice(0, -1));
+        }
+    };
+    const onInlinePaste = (event) => {
+        const text = event.clipboardData.getData('text');
+        if (!SEPARATORS.test(text.trim()))
+            return;
+        event.preventDefault();
+        addMany(`${input} ${text}`);
+    };
     const removeTag = (index) => {
         onChange(value.filter((_, idx) => idx !== index));
     };
@@ -67413,11 +67672,17 @@ function useTagsInput({ value, onChange, uppercase = false, }) {
         onInputKeyDown,
         addTag,
         removeTag,
+        commitInput,
+        onInlineKeyDown,
+        onInlinePaste,
     };
 }
 
-function TagsInput({ value, onChange, placeholder, helperText, uppercase = false, }) {
-    const { input, addDisabled, onInputChange, onInputKeyDown, addTag, removeTag, } = useTagsInput({ value, onChange, uppercase });
+function TagsInput({ value, onChange, placeholder, helperText, uppercase = false, variant = 'stacked', id, invalid = false, disabled = false, }) {
+    const { input, addDisabled, onInputChange, onInputKeyDown, addTag, removeTag, commitInput, onInlineKeyDown, onInlinePaste, } = useTagsInput({ value, onChange, uppercase });
+    if (variant === 'inline') {
+        return (jsxRuntime.jsxs("div", { className: "w-full", children: [jsxRuntime.jsxs("div", { "aria-invalid": invalid || undefined, className: cn('flex min-h-10 w-full flex-wrap items-center gap-1.5 rounded-lg border border-input bg-formInput px-2 py-1.5 transition-colors', 'focus-within:border-primary focus-within:ring-2 focus-within:ring-primary/30', invalid && 'border-destructive focus-within:border-destructive focus-within:ring-destructive/20', disabled && 'cursor-not-allowed opacity-60'), children: [value.map((tag, idx) => (jsxRuntime.jsxs("span", { className: "inline-flex max-w-full items-center gap-1 rounded-full border border-border bg-secondary py-0.5 pl-2.5 pr-1 text-sm text-foreground", children: [jsxRuntime.jsx("span", { className: "truncate", children: tag }), jsxRuntime.jsx("button", { type: "button", onClick: () => removeTag(idx), disabled: disabled, "aria-label": `Remove ${tag}`, className: "flex size-4 shrink-0 cursor-pointer items-center justify-center rounded-full text-muted-foreground transition-colors hover:bg-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", children: jsxRuntime.jsx(X$2, { className: "size-3" }) })] }, tag))), jsxRuntime.jsx("input", { id: id, value: input, onChange: onInputChange, onKeyDown: onInlineKeyDown, onPaste: onInlinePaste, onBlur: commitInput, disabled: disabled, "aria-invalid": invalid || undefined, placeholder: value.length === 0 ? placeholder || 'Type and press Enter' : undefined, className: "h-7 min-w-32 flex-1 border-0 bg-transparent px-1 text-sm text-foreground outline-none placeholder:text-placeholder disabled:cursor-not-allowed" })] }), helperText && jsxRuntime.jsx("p", { className: "mt-1.5 text-xs text-muted-foreground", children: helperText })] }));
+    }
     return (jsxRuntime.jsxs("div", { className: "w-full", children: [jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [jsxRuntime.jsx(Input, { value: input, onChange: onInputChange, onKeyDown: onInputKeyDown, placeholder: placeholder || 'Type and Press Enter', className: "flex-1 bg-formInput" }), jsxRuntime.jsxs(Button$1, { type: "button", onClick: addTag, disabled: addDisabled, className: "h-9 gap-1.5 disabled:opacity-50", children: [jsxRuntime.jsx(Plus, { className: "h-4 w-4" }), "Add"] })] }), helperText && (jsxRuntime.jsx("p", { className: "mt-1.5 text-xs text-muted-foreground", children: helperText })), value.length > 0 && (jsxRuntime.jsx("div", { className: "mt-3 flex flex-wrap gap-2", children: value.map((tag, idx) => (jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-1.5 rounded-md border border-border bg-secondary px-2 py-1 text-xs font-medium text-foreground", children: [tag, jsxRuntime.jsx("button", { type: "button", onClick: () => removeTag(idx), "aria-label": `Remove ${tag}`, className: "cursor-pointer text-muted-foreground transition-colors hover:text-foreground", children: jsxRuntime.jsx(X$2, { className: "h-3 w-3" }) })] }, idx))) }))] }));
 }
 
@@ -77823,6 +78088,10 @@ exports.DateInput = DateInput;
 exports.DetailChip = DetailChip;
 exports.DetailPageLayout = DetailPageLayout;
 exports.DetailPageSkeleton = DetailPageSkeleton;
+exports.DetailSection = DetailSection;
+exports.DocumentDeleteDialog = DocumentDeleteDialog;
+exports.DocumentDetailSkeleton = DocumentDetailSkeleton;
+exports.DocumentHero = DocumentHero;
 exports.DropdownMenu = DropdownMenu;
 exports.DropdownMenuCheckboxItem = DropdownMenuCheckboxItem;
 exports.DropdownMenuContent = DropdownMenuContent;
@@ -77865,6 +78134,13 @@ exports.KYCStatusFilter = KYCStatusFilter;
 exports.KeyValueGrid = KeyValueGrid;
 exports.LAYOUT_AUDIT_CONFIG = LAYOUT_AUDIT_CONFIG;
 exports.LabeledToggle = LabeledToggle;
+exports.LineItemsCard = LineItemsCard;
+exports.LineProductCell = LineProductCell;
+exports.LineProductThumb = LineProductThumb;
+exports.LineProductTypeChip = LineProductTypeChip;
+exports.LineRowActionsMenu = LineRowActionsMenu;
+exports.LineTable = LineTable;
+exports.LineTableEmpty = LineTableEmpty;
 exports.MEMO_IN_AUDIT_CONFIG = MEMO_IN_AUDIT_CONFIG;
 exports.MEMO_OUT_AUDIT_CONFIG = MEMO_OUT_AUDIT_CONFIG;
 exports.MediaGallery = MediaGallery;
@@ -77949,6 +78225,7 @@ exports.StatusFilter = StatusFilter;
 exports.Stepper = Stepper;
 exports.StockTypeFilter = StockTypeFilter;
 exports.TablePagination = TablePagination;
+exports.TableRowsSkeleton = TableRowsSkeleton;
 exports.TableSkeleton = TableSkeleton;
 exports.Tabs = Tabs;
 exports.TabsContent = TabsContent;