@caratlogic/design-system 0.1.29 → 0.1.30

package/dist/index.esm.js

@@ -2668,12 +2668,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
@@ -2683,12 +2683,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
@@ -2698,11 +2698,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
@@ -2712,11 +2712,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
@@ -2726,11 +2726,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
@@ -2740,7 +2740,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",
@@ -2751,7 +2751,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
@@ -2761,7 +2761,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" }],
   [
@@ -2773,7 +2773,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
@@ -2783,7 +2783,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",
@@ -2793,7 +2793,7 @@ const __iconNode$1i = [
     }
   ]
 ];
-const Bell = createLucideIcon("bell", __iconNode$1i);
+const Bell = createLucideIcon("bell", __iconNode$1l);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -2803,13 +2803,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
@@ -2819,7 +2819,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" }],
@@ -2828,7 +2849,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
@@ -2838,7 +2859,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" }],
@@ -2850,7 +2871,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
@@ -2860,13 +2881,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
@@ -2876,11 +2897,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
@@ -2890,8 +2911,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
@@ -2901,8 +2922,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
@@ -2912,8 +2933,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
@@ -2923,8 +2944,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
@@ -2934,8 +2955,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
@@ -2945,11 +2966,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
@@ -2959,11 +2980,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
@@ -2973,12 +2994,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
@@ -2988,11 +3009,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
@@ -3002,11 +3023,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
@@ -3016,11 +3037,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
@@ -3030,11 +3051,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
@@ -3044,12 +3065,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
@@ -3059,8 +3080,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
@@ -3070,11 +3091,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
@@ -3084,11 +3105,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
@@ -3098,11 +3119,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
@@ -3112,12 +3133,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
@@ -3127,12 +3148,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
@@ -3142,12 +3163,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
@@ -3157,12 +3178,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
@@ -3172,7 +3193,7 @@ const ExternalLink = createLucideIcon("external-link", __iconNode$U);
  */
 
 
-const __iconNode$T = [
+const __iconNode$V = [
   [
     "path",
     {
@@ -3182,7 +3203,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
@@ -3192,13 +3213,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
@@ -3208,7 +3229,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" }],
   [
@@ -3220,7 +3241,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
@@ -3230,12 +3251,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
@@ -3245,14 +3266,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
@@ -3262,7 +3283,7 @@ const FileText = createLucideIcon("file-text", __iconNode$P);
  */
 
 
-const __iconNode$O = [
+const __iconNode$Q = [
   [
     "path",
     {
@@ -3271,7 +3292,7 @@ const __iconNode$O = [
     }
   ]
 ];
-const Funnel = createLucideIcon("funnel", __iconNode$O);
+const Funnel = createLucideIcon("funnel", __iconNode$Q);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3281,7 +3302,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" }],
@@ -3289,7 +3331,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
@@ -3299,7 +3341,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" }],
@@ -3307,7 +3349,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
@@ -3317,13 +3359,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
@@ -3333,13 +3375,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
@@ -3349,13 +3391,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
@@ -3365,14 +3407,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
@@ -3382,12 +3424,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
@@ -3397,12 +3439,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
@@ -3412,12 +3454,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
@@ -3427,12 +3469,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
@@ -3442,7 +3484,7 @@ const Italic$1 = createLucideIcon("italic", __iconNode$E);
  */
 
 
-const __iconNode$D = [
+const __iconNode$E = [
   [
     "path",
     {
@@ -3452,7 +3494,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
@@ -3462,12 +3504,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
@@ -3477,14 +3519,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
@@ -3494,7 +3536,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" }],
@@ -3502,7 +3544,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
@@ -3512,7 +3554,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" }],
@@ -3520,7 +3562,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
@@ -3530,8 +3572,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
@@ -3541,7 +3583,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" }],
@@ -3551,7 +3593,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
@@ -3561,12 +3603,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
@@ -3576,11 +3618,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
@@ -3590,12 +3632,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
@@ -3605,7 +3647,7 @@ const Menu = createLucideIcon("menu", __iconNode$u);
  */
 
 
-const __iconNode$t = [
+const __iconNode$u = [
   [
     "path",
     {
@@ -3614,7 +3656,7 @@ const __iconNode$t = [
     }
   ]
 ];
-const Moon = createLucideIcon("moon", __iconNode$t);
+const Moon = createLucideIcon("moon", __iconNode$u);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3624,7 +3666,7 @@ const Moon = createLucideIcon("moon", __iconNode$t);
  */
 
 
-const __iconNode$s = [
+const __iconNode$t = [
   [
     "path",
     {
@@ -3637,7 +3679,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
@@ -3647,12 +3689,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
@@ -3662,7 +3704,7 @@ const PanelLeftClose = createLucideIcon("panel-left-close", __iconNode$r);
  */
 
 
-const __iconNode$q = [
+const __iconNode$r = [
   [
     "path",
     {
@@ -3671,7 +3713,7 @@ const __iconNode$q = [
     }
   ]
 ];
-const Paperclip = createLucideIcon("paperclip", __iconNode$q);
+const Paperclip = createLucideIcon("paperclip", __iconNode$r);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3681,7 +3723,7 @@ const Paperclip = createLucideIcon("paperclip", __iconNode$q);
  */
 
 
-const __iconNode$p = [
+const __iconNode$q = [
   [
     "path",
     {
@@ -3691,7 +3733,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
@@ -3701,7 +3743,7 @@ const Pencil = createLucideIcon("pencil", __iconNode$p);
  */
 
 
-const __iconNode$o = [
+const __iconNode$p = [
   [
     "path",
     {
@@ -3710,7 +3752,7 @@ const __iconNode$o = [
     }
   ]
 ];
-const Phone = createLucideIcon("phone", __iconNode$o);
+const Phone = createLucideIcon("phone", __iconNode$p);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3720,7 +3762,7 @@ const Phone = createLucideIcon("phone", __iconNode$o);
  */
 
 
-const __iconNode$n = [
+const __iconNode$o = [
   [
     "path",
     {
@@ -3729,7 +3771,7 @@ const __iconNode$n = [
     }
   ]
 ];
-const Play = createLucideIcon("play", __iconNode$n);
+const Play = createLucideIcon("play", __iconNode$o);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3739,11 +3781,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
@@ -3753,10 +3795,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
@@ -3766,11 +3808,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
@@ -3780,13 +3822,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
@@ -3796,14 +3838,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
@@ -3813,14 +3855,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
@@ -3830,11 +3872,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
@@ -3844,14 +3886,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
@@ -3861,7 +3903,7 @@ const Share2 = createLucideIcon("share-2", __iconNode$f);
  */
 
 
-const __iconNode$e = [
+const __iconNode$f = [
   [
     "path",
     {
@@ -3871,7 +3913,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
@@ -3881,14 +3923,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
@@ -3898,10 +3940,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
@@ -3911,12 +3953,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
@@ -3926,7 +3968,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" }],
@@ -3937,7 +3979,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
@@ -3947,11 +3989,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
@@ -3961,14 +4003,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
@@ -3978,7 +4020,7 @@ const Trash2 = createLucideIcon("trash-2", __iconNode$8);
  */
 
 
-const __iconNode$7 = [
+const __iconNode$8 = [
   [
     "path",
     {
@@ -3989,7 +4031,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
@@ -3999,12 +4041,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
@@ -4014,11 +4056,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
@@ -4028,11 +4070,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
@@ -4042,12 +4084,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
@@ -4057,13 +4099,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
@@ -15385,6 +15441,11 @@ const CollapsibleCard = ({ title, subtitle, icon, headerActions, defaultOpen = t
     return (jsxs("section", { className: cn('overflow-hidden rounded-xl border border-border bg-card shadow-card', className), children: [jsxs("header", { className: cn('flex items-center gap-3 bg-muted/30 px-4 py-3', isOpen && 'border-b border-border', headerClassName), children: [icon && jsx(SectionIcon, { children: icon }), jsxs("div", { className: "flex min-w-0 shrink flex-col gap-0.5", children: [jsx("h3", { className: "truncate text-sm font-medium text-foreground", children: title }), subtitle && (jsx("div", { className: "truncate text-xs text-muted-foreground", children: subtitle }))] }), headerActions && (jsx("div", { className: "ml-auto flex min-w-0 flex-1 items-center justify-end gap-2", children: headerActions })), !headerActions && jsx("div", { className: "flex-1" }), !nonCollapsible && (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: jsx(ChevronDown, { className: cn('h-4 w-4 transition-transform duration-200', isOpen && 'rotate-180'), "aria-hidden": "true" }) }))] }), isOpen && 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 (jsxs("section", { className: cn('overflow-hidden rounded-2xl border border-border bg-card', className), children: [jsxs("header", { className: "flex flex-wrap items-center gap-2.5 border-b border-border px-4 py-3", children: [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 }), jsx("h3", { className: "m-0 text-base font-semibold text-foreground", children: title }), typeof count === 'string' || typeof count === 'number' ? (jsx(Badge, { appearance: "soft", color: "secondary", shape: "pill", size: "sm", children: count })) : (count), actions ? jsx("div", { className: "ml-auto flex flex-wrap items-center gap-2.5", children: actions }) : null] }), children != null ? jsx("div", { className: bodyClassName, children: children }) : null] }));
+}
+
 const HEADER_TONE_CLASSES = {
     neutral: 'bg-[var(--section-header)]',
     gem: 'bg-primary/5 dark:bg-[#173626]',
@@ -15407,7 +15468,7 @@ const FormSectionCard = ({ icon, title, description, headerAction, children, cla
 };
 
 function CompanyCardField({ label, children, emptyLabel, className, }) {
-    return (jsxs("div", { className: cn('flex min-w-0 flex-col gap-1', className), children: [jsx("p", { className: "text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: label }), children ? (jsx("div", { className: "truncate text-sm font-medium leading-5 text-foreground", children: children })) : (jsx("p", { className: "text-sm font-medium italic leading-5 text-muted-foreground", children: emptyLabel }))] }));
+    return (jsxs("div", { className: cn('flex min-w-0 flex-col gap-1', className), children: [jsx("p", { className: "text-xs font-semibold uppercase tracking-wide text-label-subtle", children: label }), children ? (jsx("div", { className: "truncate text-sm font-medium leading-5 text-foreground", children: children })) : (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. */
@@ -15423,8 +15484,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 = jsx(Building2, { className: "size-5", "aria-hidden": true }), emptyLabel = 'Not provided', className, }) {
-    return (jsxs(FormSectionCard, { icon: icon, title: title, className: className, headerClassName: "px-4 py-3", bodyClassName: "flex flex-col gap-4 p-4", headerAction: viewHref ? (jsx(TextHyperlink, { href: viewHref, showIcon: false, className: "shrink-0 text-sm font-medium", children: viewLabel })) : undefined, children: [jsxs("div", { className: "flex items-center gap-3", children: [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) }), jsxs("div", { className: "min-w-0", children: [jsx("p", { className: "break-words text-base font-semibold leading-6 text-foreground", children: name }), hasValue(subtitle) ? (jsx("p", { className: "break-words text-xs leading-4 text-muted-foreground", children: subtitle })) : null] })] }), jsxs("div", { className: cn('grid grid-cols-1 gap-4', taxNumber ? 'sm:grid-cols-3' : 'sm:grid-cols-2'), children: [jsx(CompanyCardField, { label: "Email", emptyLabel: emptyLabel, children: hasValue(email) ? (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 }), jsx(CompanyCardField, { label: "Phone", emptyLabel: emptyLabel, children: hasValue(phone) ? phone : null }), taxNumber ? (jsx(CompanyCardField, { label: taxNumber.label, emptyLabel: emptyLabel, children: hasValue(taxNumber.value) ? taxNumber.value : null })) : null] }), jsx(CompanyCardField, { label: "Address", emptyLabel: emptyLabel, className: "border-t border-border pt-4", children: hasValue(address) ? 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 ? (jsx(TextHyperlink, { href: viewHref, showIcon: false, className: "shrink-0 text-sm font-medium", children: viewLabel })) : undefined;
+    const content = (jsxs(Fragment$2, { children: [jsxs("div", { className: "flex items-center gap-3", children: [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) }), jsxs("div", { className: "min-w-0", children: [jsx("p", { className: "break-words text-base font-semibold leading-6 text-foreground", children: name }), hasValue(subtitle) ? (jsx("p", { className: "break-words text-xs leading-4 text-muted-foreground", children: subtitle })) : null] })] }), jsxs("div", { className: cn('grid grid-cols-1 gap-4', taxNumber ? 'sm:grid-cols-3' : 'sm:grid-cols-2'), children: [jsx(CompanyCardField, { label: "Email", emptyLabel: emptyLabel, children: hasValue(email) ? (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 }), jsx(CompanyCardField, { label: "Phone", emptyLabel: emptyLabel, children: hasValue(phone) ? phone : null }), taxNumber ? (jsx(CompanyCardField, { label: taxNumber.label, emptyLabel: emptyLabel, children: hasValue(taxNumber.value) ? taxNumber.value : null })) : null, additionalFields.map((field) => (jsx(CompanyCardField, { label: field.label, emptyLabel: emptyLabel, children: hasValue(field.value) ? field.value : null }, field.label)))] }), jsx(CompanyCardField, { label: "Address", emptyLabel: emptyLabel, className: "border-t border-border pt-4", children: hasValue(address) ? jsx("span", { className: "whitespace-normal break-words", children: address }) : null })] }));
+    if (isDetail) {
+        return (jsx(DetailSection, { icon: icon ?? jsx(UserRound, { "aria-hidden": true }), title: title, actions: viewLink, className: className, bodyClassName: "flex flex-col gap-4 p-4", children: content }));
+    }
+    return (jsx(FormSectionCard, { icon: icon ?? 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) {
@@ -21661,7 +21728,7 @@ function EditableCellContent({ col, row, value, isEditing, width, onEditValueCha
     return jsx(Fragment$2, { 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({
@@ -21711,7 +21778,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 (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 : (jsx("td", { className: cn('px-3 py-1.5 text-center first:!pl-6 border-b border-solid !border-border', vBorder), children: jsx(Protected, { module: permissionKey, minLevel: PERMISSIONS.WRITE, children: jsx("button", { onClick: (e) => {
@@ -37135,6 +37202,122 @@ function DateInput({ value, onChange, onBlur, name, id, className, min, max, dis
     return (jsxs(Popover, { open: open, onOpenChange: handleOpenChange, modal: true, children: [jsx(PopoverAnchor, { asChild: true, children: 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: [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" }), 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: jsx(CalendarDays, { className: "h-4 w-4 stroke-[1.75]" }) })] }) }), jsx(PopoverContent, { align: align, className: "date-range-picker-popover w-auto p-4", children: 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, }) => (jsx(DatePickerHeader, { monthDate: monthDate, changeYear: changeYear, changeMonth: changeMonth, decreaseMonth: decreaseMonth, increaseMonth: increaseMonth, prevMonthButtonDisabled: prevMonthButtonDisabled, nextMonthButtonDisabled: nextMonthButtonDisabled, minYear: bounds.minYear, maxYear: bounds.maxYear })), children: jsxs("div", { className: "date-range-picker-footer", children: [jsx("button", { type: "button", onClick: clearDate, className: "date-range-picker-action", children: "Clear" }), 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 (jsx(ConfirmDialog, { open: open, onOpenChange: onOpenChange, title: `Delete ${documentLabel}`, description: jsxs(Fragment$2, { children: [jsxs("span", { children: ["Are you sure you want to permanently delete ", documentLabel, documentNumber ? (jsxs(Fragment$2, { children: [' ', jsx("span", { className: "font-semibold", children: documentNumber })] })) : null, "?"] }), 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 CAPTION_TONE = {
+    default: 'text-muted-foreground',
+    success: 'text-amount-paid',
+    destructive: 'text-amount-outstanding',
+};
+function getCaptionClassName(tone) {
+    return CAPTION_TONE[tone];
+}
+const BAR_TONE = {
+    primary: 'bg-primary',
+    success: 'bg-success',
+    info: 'bg-info',
+};
+function getBarClassName(tone) {
+    return BAR_TONE[tone];
+}
+const SEGMENT_TONE = {
+    success: 'bg-success',
+    info: 'bg-info',
+    primary: 'bg-primary',
+    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));
+}
+/** A complete payment uses the brand green; a partial one the "paid" green. */
+function getProgressFillClassName(percent) {
+    return percent >= 100 ? 'bg-primary' : 'bg-amount-paid';
+}
+/** The lightest wash of the status colour, so the panel reads like the header pill without shouting. */
+const STATUS_TINT = {
+    neutral: '',
+    success: 'bg-success/5 dark:bg-success/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',
+};
+/** Background tint for the status area (the side panel, or the whole card without one). */
+function getStatusTintClassName(tone) {
+    return STATUS_TINT[tone];
+}
+/** The panel beside the total only takes a colour when the status has one. */
+function getAsidePanelClassName(tone) {
+    return STATUS_TINT[tone];
+}
+/** No value to show: blank, or the "—" placeholder apps pass. */
+function isEmptyMetaValue(value) {
+    return value == null || (typeof value === 'string' && (value.trim() === '' || value.trim() === '—'));
+}
+function getProgressTrackClassName(tone) {
+    return tone === 'destructive' ? 'bg-destructive/15' : 'bg-progress-track';
+}
+/** Up to four meta cells per row from `md`, two on phones. */
+function getMetaColumns(count) {
+    return Math.min(4, Math.max(1, count));
+}
+const MD_COLS = {
+    1: 'md:grid-cols-1',
+    2: 'md:grid-cols-2',
+    3: 'md:grid-cols-3',
+    4: 'md:grid-cols-4',
+};
+function getMetaGridClassName(count) {
+    return `grid grid-cols-2 ${MD_COLS[getMetaColumns(count)]}`;
+}
+/** Hairlines by position, so they're right whether two or `cols` cells share a row. */
+function getMetaCellClassName(index, count) {
+    const cols = getMetaColumns(count);
+    return [
+        'min-w-0 border-border px-5 py-3',
+        index % 2 === 1 ? 'border-l' : '',
+        index >= 2 ? 'border-t' : '',
+        index % cols === 0 ? 'md:border-l-0' : 'md:border-l',
+        index >= cols ? 'md:border-t' : 'md:border-t-0',
+    ]
+        .filter(Boolean)
+        .join(' ');
+}
+
+function BreakdownPanel({ breakdown }) {
+    const percents = getSegmentPercents(breakdown.segments);
+    return (jsxs(Fragment$2, { children: [jsx("dl", { className: "m-0 grid grid-flow-col auto-cols-fr gap-4", children: breakdown.segments.map((segment) => (jsxs("div", { className: "min-w-0", children: [jsxs("dt", { className: "flex items-center gap-1.5 text-xs text-label-subtle", children: [jsx("span", { "aria-hidden": true, className: cn('size-2 shrink-0 rounded-full', getSegmentClassName$1(segment.tone)) }), segment.label] }), jsx("dd", { className: "m-0 text-lg font-semibold tabular-nums text-foreground", children: segment.value })] }, segment.label))) }), jsx("div", { role: "img", "aria-label": `${breakdown.label}: ${breakdown.segments
+                    .map((segment, index) => `${segment.label} ${Math.round(percents[index])}%`)
+                    .join(', ')}`, className: "mb-2 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 : (jsx("div", { className: cn('h-full', getSegmentClassName$1(segment.tone)), style: { width: `${percents[index]}%` } }, segment.label))) }), breakdown.caption ? jsx("p", { className: "m-0 text-xs text-muted-foreground", children: breakdown.caption }) : null] }));
+}
+/**
+ * The top of a document detail page: its total, how much of it is settled
+ * (paid, or carats returned/sold) and its key dates. Data-only.
+ */
+function DocumentHero({ label, total, caption, captionTone = 'default', payment, bars, breakdown, meta = [], statusTone = 'neutral', className, }) {
+    const hasAside = !!payment || !!breakdown || (bars?.length ?? 0) > 0;
+    const percent = payment ? clampPercent$1(payment.percent) : 0;
+    return (jsxs("section", { className: cn('overflow-hidden rounded-2xl border border-border bg-card', className), children: [jsxs("div", { className: cn('grid grid-cols-1', hasAside ? 'md:grid-cols-[1fr_1.25fr]' : getStatusTintClassName(statusTone)), children: [jsxs("div", { className: "min-w-0 px-5 py-4", children: [jsx("p", { className: "m-0 text-xs text-label-subtle", children: label }), jsx("p", { className: "m-0 mt-1 break-words text-4xl font-semibold leading-none tracking-tight tabular-nums text-foreground", children: total }), caption ? jsx("p", { className: cn('m-0 mt-2 text-xs', getCaptionClassName(captionTone)), children: caption }) : null] }), payment ? (jsxs("div", { className: cn('min-w-0 border-t border-border px-5 py-4 md:border-l md:border-t-0', getAsidePanelClassName(statusTone)), children: [jsxs("div", { className: "flex items-baseline justify-between gap-4", children: [jsxs("div", { className: "min-w-0", children: [jsx("span", { className: "text-xs text-label-subtle", children: payment.paidLabel ?? 'Amount paid' }), jsx("p", { className: "m-0 text-lg font-semibold tabular-nums text-amount-paid", children: payment.paid })] }), jsxs("div", { className: "min-w-0 text-right", children: [jsx("span", { className: "text-xs text-label-subtle", children: payment.outstandingLabel ?? 'Outstanding' }), jsx("p", { className: "m-0 text-lg font-semibold tabular-nums text-amount-outstanding", children: payment.outstanding })] })] }), jsx("div", { role: "progressbar", "aria-label": payment.paidLabel ?? 'Amount paid', "aria-valuemin": 0, "aria-valuemax": 100, "aria-valuenow": percent, className: cn('mb-2 mt-3 h-2 overflow-hidden rounded-full', getProgressTrackClassName(statusTone)), children: jsx("div", { className: cn('h-full rounded-full', getProgressFillClassName(percent)), style: { width: `${percent}%` } }) }), payment.caption ? jsx("p", { className: "m-0 text-xs text-muted-foreground", children: payment.caption }) : null] })) : breakdown ? (jsx("div", { className: cn('min-w-0 border-t border-border px-5 py-4 md:border-l md:border-t-0', getAsidePanelClassName(statusTone)), children: jsx(BreakdownPanel, { breakdown: breakdown }) })) : bars && bars.length > 0 ? (jsx("div", { className: cn('flex min-w-0 flex-col gap-3 border-t border-border px-5 py-4 md:border-l md:border-t-0', getAsidePanelClassName(statusTone)), children: bars.map((bar) => {
+                            const barPercent = clampPercent$1(bar.percent);
+                            return (jsxs("div", { children: [jsxs("div", { className: "mb-1 flex justify-between gap-3 text-xs", children: [jsx("span", { className: "text-muted-foreground", children: bar.label }), jsx("span", { className: "font-medium tabular-nums text-foreground", children: bar.value })] }), jsx("div", { role: "progressbar", "aria-label": bar.label, "aria-valuemin": 0, "aria-valuemax": 100, "aria-valuenow": barPercent, className: "h-2 overflow-hidden rounded-full bg-muted", children: jsx("div", { className: cn('h-full rounded-full', getBarClassName(bar.tone ?? 'primary')), style: { width: `${barPercent}%` } }) })] }, bar.label));
+                        }) })) : null] }), meta.length > 0 ? (jsx("dl", { className: cn('m-0 border-t border-border', getMetaGridClassName(meta.length)), children: meta.map((item, index) => (jsxs("div", { className: getMetaCellClassName(index, meta.length), children: [jsx("dt", { className: cn('text-xs font-semibold uppercase tracking-wider', item.danger ? 'text-amount-outstanding' : 'text-label-subtle'), children: item.label }), isEmptyMetaValue(item.value) ? (jsx("dd", { className: "m-0 mt-1 text-sm italic text-muted-foreground", children: item.emptyLabel ?? 'Not provided' })) : (jsx("dd", { className: cn('m-0 mt-1 break-words text-sm font-medium', item.danger ? 'text-amount-outstanding' : 'text-foreground'), children: item.value }))] }, item.label))) })) : null] }));
+}
+
 const DropdownMenu = DropdownMenuPrimitive.Root;
 const DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
 const DropdownMenuGroup = DropdownMenuPrimitive.Group;
@@ -37177,6 +37360,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 (jsxs(DetailSection, { icon: jsx(Box, {}), title: title, actions: actions || onEdit ? (jsxs(Fragment$2, { children: [actions, onEdit ? (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: jsxs(Badge, { appearance: "soft", color: "secondary", shape: "pill", size: "sm", children: [count, " ", count === 1 ? 'item' : 'items', " \u00B7 ", formatCarat(carats), " ct"] }), children: [children, footer ? 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 (jsx("div", { className: "overflow-x-auto", children: jsx("div", { className: "w-max min-w-full", children: children }) }));
+}
+function LineTableEmpty({ children }) {
+    return jsx("div", { className: "py-8 text-center text-sm text-muted-foreground", children: children });
+}
+function LineProductThumb({ src, className }) {
+    const [failed, setFailed] = useState(false);
+    if (src && !failed) {
+        return (jsx("img", { src: src, alt: "", onError: () => setFailed(true), className: cn('size-9 shrink-0 rounded-lg bg-muted object-cover', className) }));
+    }
+    return (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: jsx(Gem, { className: "size-4" }) }));
+}
+function LineProductTypeChip({ type }) {
+    return (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 (jsxs("div", { className: cn(className, 'gap-2.5'), children: [jsx(LineProductThumb, { src: image }), jsxs("div", { className: "min-w-0 flex-1", children: [jsxs("div", { className: "flex min-w-0 flex-wrap items-center gap-x-2 gap-y-0.5", children: [jsx("p", { className: "m-0 truncate text-sm font-semibold leading-5 text-foreground", children: name }), type ? jsx(LineProductTypeChip, { type: type }) : null] }), description ? 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 (jsxs(DropdownMenu, { modal: modal, children: [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: jsx(Ellipsis, { className: "size-4" }) }), jsxs(DropdownMenuContent, { align: "end", className: "min-w-[190px]", children: [onView ? (jsxs(DropdownMenuItem, { onClick: onView, children: [jsx(Eye, { className: "size-4" }), 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 (jsxs("div", { className: cn('flex flex-col gap-3', className), children: [jsxs("div", { className: "flex items-start justify-between gap-3", children: [jsxs("div", { className: "flex min-w-0 flex-col gap-2", children: [jsx("h1", { className: "truncate text-[24px] leading-8 font-medium text-primary", children: title }), (meta || status) && (jsxs("div", { className: "flex flex-wrap items-center gap-x-2 gap-y-1 text-sm text-foreground", children: [meta?.map((item, idx) => (jsxs(Fragment$3, { children: [idx > 0 && (jsx("span", { className: "text-muted-foreground", "aria-hidden": "true", children: "\u2022" })), jsx("span", { children: item.value })] }, item.key ?? idx))), jsx("span", { className: "text-muted-foreground", "aria-hidden": "true", children: "\u2022" }), status && (jsx(Badge, { appearance: "soft", color: status.tone ?? 'success', size: "md", shape: "pill", className: "px-3", children: status.label }))] }))] }), jsxs("div", { className: "flex shrink-0 items-center gap-2", children: [shareSlot
@@ -38280,12 +38492,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', 
@@ -38322,7 +38535,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 (jsx("div", { role: "tablist", "aria-label": ariaLabel, className: cn(getListClassName(variant, detailed), className), children: options.map((opt) => {
+    return (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 (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 && (jsx("span", { "aria-hidden": "true", className: getIconClassName(detailed, isActive), children: opt.icon })), detailed && opt.description != null ? (jsxs("span", { className: getContentClassName(optionLayout), children: [jsx("span", { className: "whitespace-nowrap", children: opt.label }), jsx("span", { className: getDescriptionClassName(isActive), children: opt.description })] })) : (jsx("span", { className: "whitespace-nowrap", children: opt.label }))] }, opt.value));
@@ -67261,10 +67474,20 @@ function FormSectionCardSkeleton({ fields = 4, columns = 2, footer = 'end', desc
 function TableSkeleton({ rows = 8 }) {
     return (jsxs("div", { className: "space-y-3", children: [jsxs("div", { className: "flex gap-2", children: [jsx(SquareSkeleton, { className: "h-9 flex-1", rounded: "md" }), jsx(SquareSkeleton, { className: "h-9 w-44", rounded: "md" }), jsx(SquareSkeleton, { className: "h-9 w-48", rounded: "md" })] }), Array.from({ length: rows }).map((_, i) => (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 (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.
+        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 (jsxs("div", { className: "space-y-5", children: [jsxs("div", { className: "flex items-center justify-between gap-4", children: [jsxs("div", { className: "flex items-center gap-3", children: [jsx(SquareSkeleton, { height: 32, width: 32, rounded: "md" }), jsxs("div", { className: "space-y-1.5", children: [jsx(SquareSkeleton, { height: 20, width: 192, rounded: "full" }), jsx(SquareSkeleton, { height: 12, width: 128, rounded: "full" })] })] }), jsx(SquareSkeleton, { height: 36, width: 128, rounded: "md" })] }), Array.from({ length: sections }).map((_, s) => (jsxs("div", { className: "overflow-hidden rounded-xl border border-border bg-card", children: [jsxs("div", { className: "flex items-center gap-3 border-b border-border bg-secondary px-5 py-4", children: [jsx(SquareSkeleton, { height: 32, width: 32, rounded: "lg" }), jsx(SquareSkeleton, { height: 16, width: 160, rounded: "full" })] }), jsx("div", { className: "grid grid-cols-1 gap-5 p-5 md:grid-cols-3", children: Array.from({ length: 6 }).map((_, i) => (jsxs("div", { className: "space-y-1.5", children: [jsx(SquareSkeleton, { height: 10, width: 80, rounded: "full" }), 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 (jsxs("div", { role: "status", "aria-busy": "true", "aria-label": label, className: "space-y-4", children: [jsxs("div", { className: "flex flex-wrap items-center justify-between gap-3", children: [jsxs("div", { className: "flex items-center gap-3", children: [jsx(SquareSkeleton, { height: 14, width: 80, rounded: "full" }), jsx("span", { className: "h-5 w-px bg-border" }), jsx(SquareSkeleton, { height: 28, width: 200, rounded: "md" }), jsx(SquareSkeleton, { height: 22, width: 72, rounded: "full" })] }), jsxs("div", { className: "flex items-center gap-2", children: [jsx(SquareSkeleton, { height: 36, width: 112, rounded: "lg" }), jsx(SquareSkeleton, { height: 36, width: 80, rounded: "lg" }), jsx(SquareSkeleton, { height: 36, width: 128, rounded: "lg" }), jsx(SquareSkeleton, { height: 36, width: 36, rounded: "lg" })] })] }), jsxs("section", { "aria-hidden": "true", className: "overflow-hidden rounded-2xl border border-border bg-card", children: [jsxs("div", { className: cn('grid grid-cols-1', aside !== 'none' && 'md:grid-cols-[1fr_1.25fr]'), children: [jsxs("div", { className: "space-y-3 px-5 py-4", children: [jsx(SquareSkeleton, { height: 12, width: 96, rounded: "full" }), jsx(SquareSkeleton, { height: 36, width: 180, rounded: "md" }), jsx(SquareSkeleton, { height: 12, width: 200, rounded: "full" })] }), aside === 'payment' && (jsxs("div", { className: "space-y-3 border-t border-border px-5 py-4 md:border-l md:border-t-0", children: [jsxs("div", { className: "flex justify-between gap-4", children: [jsxs("div", { className: "space-y-1.5", children: [jsx(SquareSkeleton, { height: 11, width: 80, rounded: "full" }), jsx(SquareSkeleton, { height: 20, width: 104, rounded: "md" })] }), jsxs("div", { className: "flex flex-col items-end space-y-1.5", children: [jsx(SquareSkeleton, { height: 11, width: 80, rounded: "full" }), jsx(SquareSkeleton, { height: 20, width: 104, rounded: "md" })] })] }), jsx(SquareSkeleton, { height: 8, className: "w-full", rounded: "full" }), jsx(SquareSkeleton, { height: 11, width: 160, rounded: "full" })] })), aside === 'bars' && (jsx("div", { className: "space-y-3 border-t border-border px-5 py-4 md:border-l md:border-t-0", children: [0, 1, 2].map((i) => (jsxs("div", { className: "space-y-1.5", children: [jsxs("div", { className: "flex justify-between", children: [jsx(SquareSkeleton, { height: 11, width: 96, rounded: "full" }), jsx(SquareSkeleton, { height: 11, width: 56, rounded: "full" })] }), jsx(SquareSkeleton, { height: 8, className: "w-full", rounded: "full" })] }, i))) }))] }), jsx("div", { className: "grid grid-cols-2 border-t border-border md:grid-cols-4", children: [0, 1, 2, 3].map((i) => (jsxs("div", { className: "space-y-2 border-border px-5 py-3 even:border-l [&:nth-child(n+3)]:border-t md:border-l md:first:border-l-0 md:[&:nth-child(n+3)]:border-t-0", children: [jsx(SquareSkeleton, { height: 10, width: 56, rounded: "full" }), jsx(SquareSkeleton, { height: 14, width: 96, rounded: "full" })] }, i))) })] }), Array.from({ length: sections }).map((_, s) => (jsxs("section", { "aria-hidden": "true", className: "overflow-hidden rounded-2xl border border-border bg-card", children: [jsxs("div", { className: "flex items-center gap-2.5 border-b border-border px-4 py-3", children: [jsx(SquareSkeleton, { height: 28, width: 28, rounded: "lg" }), jsx(SquareSkeleton, { height: 15, width: 128, rounded: "full" })] }), jsx("div", { className: "space-y-3 p-4", children: Array.from({ length: s === 1 ? 4 : 2 }).map((__, row) => (jsx(SquareSkeleton, { height: s === 1 ? 36 : 14, className: row % 2 ? 'w-3/4' : 'w-full', rounded: "md" }, row))) })] }, s))), jsx("span", { className: "sr-only", children: label })] }));
+}
 
 const SlideOut = ({ open, onOpenChange, ...props }) => {
     const scheduleLockRelease = useOverlayBodyLockRelease(open);
@@ -67354,6 +67577,7 @@ const TablePagination = ({ total, page, rowsPerPage, totalPages, onPageChange, o
     return (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: [jsx("span", { className: "shrink-0 text-left", children: selectedCount !== undefined ? (jsxs(Fragment$2, { children: [jsx("span", { className: "font-medium text-foreground", children: selectedCount }), ' ', "of ", safeTotal, " ", selectedLabel] })) : (formatRange(safePage, safeRowsPerPage, safeTotal)) }), jsxs("div", { className: "flex shrink-0 items-center gap-3", children: [jsx(Pagination, { currentPage: safePage, totalPages: safeTotalPages, onPageChange: onPageChange, size: "sm", variant: "outlined", shape: "square", showItemsPerPage: true, itemsPerPage: safeRowsPerPage, onItemsPerPageChange: onRowsPerPageChange, itemsPerPageOptions: rowOptions }), jsxs("form", { className: "flex items-center gap-2", onSubmit: handleSubmit, children: [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" }), 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] = useState('');
     const addTag = () => {
@@ -67363,6 +67587,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);
@@ -67373,6 +67613,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));
     };
@@ -67383,11 +67640,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 (jsxs("div", { className: "w-full", children: [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) => (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: [jsx("span", { className: "truncate", children: tag }), 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: jsx(X$2, { className: "size-3" }) })] }, tag))), 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 && jsx("p", { className: "mt-1.5 text-xs text-muted-foreground", children: helperText })] }));
+    }
     return (jsxs("div", { className: "w-full", children: [jsxs("div", { className: "flex items-center gap-2", children: [jsx(Input, { value: input, onChange: onInputChange, onKeyDown: onInputKeyDown, placeholder: placeholder || 'Type and Press Enter', className: "flex-1 bg-formInput" }), jsxs(Button$1, { type: "button", onClick: addTag, disabled: addDisabled, className: "h-9 gap-1.5 disabled:opacity-50", children: [jsx(Plus, { className: "h-4 w-4" }), "Add"] })] }), helperText && (jsx("p", { className: "mt-1.5 text-xs text-muted-foreground", children: helperText })), value.length > 0 && (jsx("div", { className: "mt-3 flex flex-wrap gap-2", children: value.map((tag, idx) => (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, jsx("button", { type: "button", onClick: () => removeTag(idx), "aria-label": `Remove ${tag}`, className: "cursor-pointer text-muted-foreground transition-colors hover:text-foreground", children: jsx(X$2, { className: "h-3 w-3" }) })] }, idx))) }))] }));
 }
 
@@ -77746,5 +78009,5 @@ var RichTextAreaImpl = /*#__PURE__*/Object.freeze({
   RichTextarea: RichTextarea
 });
 
-export { ACTIVITY_CATEGORIES, ACTIVITY_CATEGORY_META, ActionBadge, ActionButtonWithTooltip, ActivityFeed, AdvancedSearchDrawer, Alert, ApiComboBox, AppSidebar, AuditEntryCard, AuditHistoryPanel, AuditTimeline, AuditTimelineShimmer, Badge, BadgeType, BusinessContactStatusFilter, Button, CUSTOMER_AUDIT_CONFIG, CertificateRowList, ChangePill, Collapsible, CollapsibleCard, CollapsibleContent, CollapsibleTrigger, CompanyCard, ConfirmDialog, ContactTypeFilter, CopyButton, CountrySelect, CreateFormPageHeader, CreateFormPageShell, CurrencyDisplayTabs, CurrencyInput, CurrencyToggle, CustomCombobox, CustomFieldInput, CustomFieldValue, CustomTable, CustomizeColumnsDrawer, DIAMOND_AUDIT_CONFIG, DashboardShell, DataEditableTable, DataTable, DateInput, DetailChip, DetailPageLayout, DetailPageSkeleton, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyValue, EntityHeader, Field, FieldSkeleton, FileUploader, FilterMultiSelect, FilterSelect, FormSectionCard, FormSectionCardSkeleton, GEM_AUDIT_CONFIG, HistoryEntryCard, HistoryTimeline, HistoryTimelineShimmer, INVOICE_AUDIT_CONFIG, IconButton, IdHyperlinkText, InAppNotificationCard, InAppNotificationsPanel, InfoBanner, InventoryComboBox, InventoryItemCard, InventoryItemRow, InvoiceComboBox, KYCStatusFilter, KeyValueGrid, LAYOUT_AUDIT_CONFIG, LabeledToggle, MEMO_IN_AUDIT_CONFIG, MEMO_OUT_AUDIT_CONFIG, MediaGallery, MemoInComboBox, MetricCard, MetricRow, MetricTile, Modal, MoreInfoPanel, MoreInfoTrigger, NOT_CAPTURED, Navbar, NavbarActions, NavbarAvatar, NavbarIconButton, NavbarSearch, NavbarTitle, NumberInput, NumberedStepCard, OtpInput, OwnershipFilter, OwnershipSplitCard, PROFORMA_AUDIT_CONFIG, PageHeader, PageTabs, Pagination, PaginationSelect, PartnerShareCard, PriceInput, Protected, PurchaseOrderComboBox, QUOTATION_AUDIT_CONFIG, RadioCardGroup, ReadMoreText, RefreshButton, RichTextarea$1 as RichTextarea, SEARCHABLE_SELECT_PAGE_SIZE, SafeImage, SearchBox, SearchInput, SearchableSelect, SectionCard, SectionIcon, SegmentedControl, ShareDialog, ShareMenu, ShimmerTable, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupLabel, SidebarHeader, SidebarInset, SidebarMenu, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, SlideOut, SlideOutClose, SlideOutContent, SlideOutDescription, SlideOutHeader, SlideOutOverlay, SlideOutPortal, SlideOutTitle, SlideOutTrigger, Slider, SpecList, Spinner, SquareSkeleton, StateSelect, StatusBadge$1 as StatusBadge, StatusFilter, Stepper, StockTypeFilter, TablePagination, TableSkeleton, Tabs, TabsContent, TabsList, TabsTrigger, TagsInput, TextHyperlink, TimePicker, ToggleSwitch, TruncateTooltip, WarehouseComboBox, WarehouseFilter, ZoomSplitViewer, asList, asText, badgeVariants, buildBulkShareMessage, buildBulkShareTitle, buildInventoryPublicUrl, buildInventoryRowProps, buildInventoryShareTitle, buildWhatsappUrl, buttonVariants, cn, countries, countryByCode, createVideoMediaItem, dropdownMenuItemDestructiveClass, fieldTypeIcon, findRegion, flagEmoji, formatAddressLocation, formatFileSize, generateActionDescription, generateTitle, getBadgeTypeForStatus, getChangePills, getCountryName, getInitials, getStatesOfCountry, iconButtonVariants, inAppNotificationCardA11y, inAppNotificationsPanelA11y, isBlank, isIndiaCountry, isKnownRegion, isPathActive, isValidAlpha2CountryCode, isValueEmpty, notify, releaseStaleOverlayBodyLock, renderBadge, resolveCountryCode, toAddressFormValues, useAuditShowMore, useBadge, useButton, useDropdownMenu, useInAppNotificationsPanel, useNavbar, useSidebar, videoThumbnailSrc, watchOverlayBodyLock };
+export { ACTIVITY_CATEGORIES, ACTIVITY_CATEGORY_META, ActionBadge, ActionButtonWithTooltip, ActivityFeed, AdvancedSearchDrawer, Alert, ApiComboBox, AppSidebar, AuditEntryCard, AuditHistoryPanel, AuditTimeline, AuditTimelineShimmer, Badge, BadgeType, BusinessContactStatusFilter, Button, CUSTOMER_AUDIT_CONFIG, CertificateRowList, ChangePill, Collapsible, CollapsibleCard, CollapsibleContent, CollapsibleTrigger, CompanyCard, ConfirmDialog, ContactTypeFilter, CopyButton, CountrySelect, CreateFormPageHeader, CreateFormPageShell, CurrencyDisplayTabs, CurrencyInput, CurrencyToggle, CustomCombobox, CustomFieldInput, CustomFieldValue, CustomTable, CustomizeColumnsDrawer, DIAMOND_AUDIT_CONFIG, DashboardShell, DataEditableTable, DataTable, DateInput, DetailChip, DetailPageLayout, DetailPageSkeleton, DetailSection, DocumentDeleteDialog, DocumentDetailSkeleton, DocumentHero, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyValue, EntityHeader, Field, FieldSkeleton, FileUploader, FilterMultiSelect, FilterSelect, FormSectionCard, FormSectionCardSkeleton, GEM_AUDIT_CONFIG, HistoryEntryCard, HistoryTimeline, HistoryTimelineShimmer, INVOICE_AUDIT_CONFIG, IconButton, IdHyperlinkText, InAppNotificationCard, InAppNotificationsPanel, InfoBanner, InventoryComboBox, InventoryItemCard, InventoryItemRow, InvoiceComboBox, KYCStatusFilter, KeyValueGrid, LAYOUT_AUDIT_CONFIG, LabeledToggle, LineItemsCard, LineProductCell, LineProductThumb, LineProductTypeChip, LineRowActionsMenu, LineTable, LineTableEmpty, MEMO_IN_AUDIT_CONFIG, MEMO_OUT_AUDIT_CONFIG, MediaGallery, MemoInComboBox, MetricCard, MetricRow, MetricTile, Modal, MoreInfoPanel, MoreInfoTrigger, NOT_CAPTURED, Navbar, NavbarActions, NavbarAvatar, NavbarIconButton, NavbarSearch, NavbarTitle, NumberInput, NumberedStepCard, OtpInput, OwnershipFilter, OwnershipSplitCard, PROFORMA_AUDIT_CONFIG, PageHeader, PageTabs, Pagination, PaginationSelect, PartnerShareCard, PriceInput, Protected, PurchaseOrderComboBox, QUOTATION_AUDIT_CONFIG, RadioCardGroup, ReadMoreText, RefreshButton, RichTextarea$1 as RichTextarea, SEARCHABLE_SELECT_PAGE_SIZE, SafeImage, SearchBox, SearchInput, SearchableSelect, SectionCard, SectionIcon, SegmentedControl, ShareDialog, ShareMenu, ShimmerTable, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupLabel, SidebarHeader, SidebarInset, SidebarMenu, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, SlideOut, SlideOutClose, SlideOutContent, SlideOutDescription, SlideOutHeader, SlideOutOverlay, SlideOutPortal, SlideOutTitle, SlideOutTrigger, Slider, SpecList, Spinner, SquareSkeleton, StateSelect, StatusBadge$1 as StatusBadge, StatusFilter, Stepper, StockTypeFilter, TablePagination, TableRowsSkeleton, TableSkeleton, Tabs, TabsContent, TabsList, TabsTrigger, TagsInput, TextHyperlink, TimePicker, ToggleSwitch, TruncateTooltip, WarehouseComboBox, WarehouseFilter, ZoomSplitViewer, asList, asText, badgeVariants, buildBulkShareMessage, buildBulkShareTitle, buildInventoryPublicUrl, buildInventoryRowProps, buildInventoryShareTitle, buildWhatsappUrl, buttonVariants, cn, countries, countryByCode, createVideoMediaItem, dropdownMenuItemDestructiveClass, fieldTypeIcon, findRegion, flagEmoji, formatAddressLocation, formatFileSize, generateActionDescription, generateTitle, getBadgeTypeForStatus, getChangePills, getCountryName, getInitials, getStatesOfCountry, iconButtonVariants, inAppNotificationCardA11y, inAppNotificationsPanelA11y, isBlank, isIndiaCountry, isKnownRegion, isPathActive, isValidAlpha2CountryCode, isValueEmpty, notify, releaseStaleOverlayBodyLock, renderBadge, resolveCountryCode, toAddressFormValues, useAuditShowMore, useBadge, useButton, useDropdownMenu, useInAppNotificationsPanel, useNavbar, useSidebar, videoThumbnailSrc, watchOverlayBodyLock };
 //# sourceMappingURL=index.esm.js.map