@caratlogic/design-system 0.1.13 → 0.1.18

package/dist/index.cjs.js

@@ -2698,12 +2698,27 @@ const createLucideIcon = (iconName, iconNode) => {
  */
 
 
-const __iconNode$18 = [
+const __iconNode$1j = [
+  ["path", { d: "M15 12H3", key: "6jk70r" }],
+  ["path", { d: "M17 18H3", key: "1amg6g" }],
+  ["path", { d: "M21 6H3", key: "1jwq7v" }]
+];
+const AlignLeft = createLucideIcon("align-left", __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 = [
   ["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$18);
+const Archive = createLucideIcon("archive", __iconNode$1i);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -2713,11 +2728,11 @@ const Archive = createLucideIcon("archive", __iconNode$18);
  */
 
 
-const __iconNode$17 = [
+const __iconNode$1h = [
   ["path", { d: "m12 19-7-7 7-7", key: "1l729n" }],
   ["path", { d: "M19 12H5", key: "x3x0zl" }]
 ];
-const ArrowLeft = createLucideIcon("arrow-left", __iconNode$17);
+const ArrowLeft = createLucideIcon("arrow-left", __iconNode$1h);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -2727,11 +2742,11 @@ const ArrowLeft = createLucideIcon("arrow-left", __iconNode$17);
  */
 
 
-const __iconNode$16 = [
+const __iconNode$1g = [
   ["path", { d: "M5 12h14", key: "1ays0h" }],
   ["path", { d: "m12 5 7 7-7 7", key: "xquz4c" }]
 ];
-const ArrowRight = createLucideIcon("arrow-right", __iconNode$16);
+const ArrowRight = createLucideIcon("arrow-right", __iconNode$1g);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -2741,11 +2756,11 @@ const ArrowRight = createLucideIcon("arrow-right", __iconNode$16);
  */
 
 
-const __iconNode$15 = [
+const __iconNode$1f = [
   ["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$15);
+const Ban = createLucideIcon("ban", __iconNode$1f);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -2755,7 +2770,7 @@ const Ban = createLucideIcon("ban", __iconNode$15);
  */
 
 
-const __iconNode$14 = [
+const __iconNode$1e = [
   ["path", { d: "M10.268 21a2 2 0 0 0 3.464 0", key: "vwvbt9" }],
   [
     "path",
@@ -2766,7 +2781,7 @@ const __iconNode$14 = [
   ],
   ["circle", { cx: "18", cy: "8", r: "3", key: "1g0gzu" }]
 ];
-const BellDot = createLucideIcon("bell-dot", __iconNode$14);
+const BellDot = createLucideIcon("bell-dot", __iconNode$1e);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -2776,7 +2791,7 @@ const BellDot = createLucideIcon("bell-dot", __iconNode$14);
  */
 
 
-const __iconNode$13 = [
+const __iconNode$1d = [
   ["path", { d: "M10.268 21a2 2 0 0 0 3.464 0", key: "vwvbt9" }],
   [
     "path",
@@ -2786,7 +2801,7 @@ const __iconNode$13 = [
     }
   ]
 ];
-const Bell = createLucideIcon("bell", __iconNode$13);
+const Bell = createLucideIcon("bell", __iconNode$1d);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -2796,13 +2811,13 @@ const Bell = createLucideIcon("bell", __iconNode$13);
  */
 
 
-const __iconNode$12 = [
+const __iconNode$1c = [
   [
     "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$12);
+const Bold$1 = createLucideIcon("bold", __iconNode$1c);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -2812,7 +2827,7 @@ const Bold$1 = createLucideIcon("bold", __iconNode$12);
  */
 
 
-const __iconNode$11 = [
+const __iconNode$1b = [
   ["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" }],
@@ -2824,7 +2839,7 @@ const __iconNode$11 = [
   ["path", { d: "M12 18h.01", key: "mhygvu" }],
   ["path", { d: "M16 18h.01", key: "kzsmim" }]
 ];
-const CalendarDays = createLucideIcon("calendar-days", __iconNode$11);
+const CalendarDays = createLucideIcon("calendar-days", __iconNode$1b);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -2834,13 +2849,13 @@ const CalendarDays = createLucideIcon("calendar-days", __iconNode$11);
  */
 
 
-const __iconNode$10 = [
+const __iconNode$1a = [
   ["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$10);
+const Calendar$1 = createLucideIcon("calendar", __iconNode$1a);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -2850,11 +2865,11 @@ const Calendar$1 = createLucideIcon("calendar", __iconNode$10);
  */
 
 
-const __iconNode$$ = [
+const __iconNode$19 = [
   ["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$$);
+const CheckCheck = createLucideIcon("check-check", __iconNode$19);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -2864,8 +2879,8 @@ const CheckCheck = createLucideIcon("check-check", __iconNode$$);
  */
 
 
-const __iconNode$_ = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]];
-const Check = createLucideIcon("check", __iconNode$_);
+const __iconNode$18 = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]];
+const Check = createLucideIcon("check", __iconNode$18);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -2875,8 +2890,8 @@ const Check = createLucideIcon("check", __iconNode$_);
  */
 
 
-const __iconNode$Z = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
-const ChevronDown = createLucideIcon("chevron-down", __iconNode$Z);
+const __iconNode$17 = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
+const ChevronDown = createLucideIcon("chevron-down", __iconNode$17);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -2886,8 +2901,8 @@ const ChevronDown = createLucideIcon("chevron-down", __iconNode$Z);
  */
 
 
-const __iconNode$Y = [["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]];
-const ChevronLeft = createLucideIcon("chevron-left", __iconNode$Y);
+const __iconNode$16 = [["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]];
+const ChevronLeft = createLucideIcon("chevron-left", __iconNode$16);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -2897,8 +2912,8 @@ const ChevronLeft = createLucideIcon("chevron-left", __iconNode$Y);
  */
 
 
-const __iconNode$X = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]];
-const ChevronRight = createLucideIcon("chevron-right", __iconNode$X);
+const __iconNode$15 = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]];
+const ChevronRight = createLucideIcon("chevron-right", __iconNode$15);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -2908,8 +2923,8 @@ const ChevronRight = createLucideIcon("chevron-right", __iconNode$X);
  */
 
 
-const __iconNode$W = [["path", { d: "m18 15-6-6-6 6", key: "153udz" }]];
-const ChevronUp = createLucideIcon("chevron-up", __iconNode$W);
+const __iconNode$14 = [["path", { d: "m18 15-6-6-6 6", key: "153udz" }]];
+const ChevronUp = createLucideIcon("chevron-up", __iconNode$14);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -2919,11 +2934,11 @@ const ChevronUp = createLucideIcon("chevron-up", __iconNode$W);
  */
 
 
-const __iconNode$V = [
+const __iconNode$13 = [
   ["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$V);
+const ChevronsLeft = createLucideIcon("chevrons-left", __iconNode$13);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -2933,11 +2948,11 @@ const ChevronsLeft = createLucideIcon("chevrons-left", __iconNode$V);
  */
 
 
-const __iconNode$U = [
+const __iconNode$12 = [
   ["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$U);
+const ChevronsRight = createLucideIcon("chevrons-right", __iconNode$12);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -2947,12 +2962,12 @@ const ChevronsRight = createLucideIcon("chevrons-right", __iconNode$U);
  */
 
 
-const __iconNode$T = [
+const __iconNode$11 = [
   ["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$T);
+const CircleAlert = createLucideIcon("circle-alert", __iconNode$11);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -2962,11 +2977,11 @@ const CircleAlert = createLucideIcon("circle-alert", __iconNode$T);
  */
 
 
-const __iconNode$S = [
+const __iconNode$10 = [
   ["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$S);
+const CircleCheckBig = createLucideIcon("circle-check-big", __iconNode$10);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -2976,11 +2991,11 @@ const CircleCheckBig = createLucideIcon("circle-check-big", __iconNode$S);
  */
 
 
-const __iconNode$R = [
+const __iconNode$$ = [
   ["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$R);
+const CircleCheck = createLucideIcon("circle-check", __iconNode$$);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -2990,12 +3005,40 @@ const CircleCheck = createLucideIcon("circle-check", __iconNode$R);
  */
 
 
-const __iconNode$Q = [
+const __iconNode$_ = [
+  ["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$_);
+
+/**
+ * @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$Z = [
+  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
+  ["circle", { cx: "12", cy: "12", r: "1", key: "41hilf" }]
+];
+const CircleDot = createLucideIcon("circle-dot", __iconNode$Z);
+
+/**
+ * @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$Y = [
   ["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$Q);
+const CircleX = createLucideIcon("circle-x", __iconNode$Y);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3005,8 +3048,8 @@ const CircleX = createLucideIcon("circle-x", __iconNode$Q);
  */
 
 
-const __iconNode$P = [["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }]];
-const Circle = createLucideIcon("circle", __iconNode$P);
+const __iconNode$X = [["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }]];
+const Circle = createLucideIcon("circle", __iconNode$X);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3016,11 +3059,11 @@ const Circle = createLucideIcon("circle", __iconNode$P);
  */
 
 
-const __iconNode$O = [
+const __iconNode$W = [
   ["path", { d: "M12 6v6l4 2", key: "mmk7yg" }],
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }]
 ];
-const Clock = createLucideIcon("clock", __iconNode$O);
+const Clock = createLucideIcon("clock", __iconNode$W);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3030,11 +3073,11 @@ const Clock = createLucideIcon("clock", __iconNode$O);
  */
 
 
-const __iconNode$N = [
+const __iconNode$V = [
   ["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$N);
+const Copy = createLucideIcon("copy", __iconNode$V);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3044,11 +3087,11 @@ const Copy = createLucideIcon("copy", __iconNode$N);
  */
 
 
-const __iconNode$M = [
+const __iconNode$U = [
   ["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$M);
+const Crop = createLucideIcon("crop", __iconNode$U);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3058,12 +3101,12 @@ const Crop = createLucideIcon("crop", __iconNode$M);
  */
 
 
-const __iconNode$L = [
+const __iconNode$T = [
   ["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$L);
+const Download = createLucideIcon("download", __iconNode$T);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3073,12 +3116,12 @@ const Download = createLucideIcon("download", __iconNode$L);
  */
 
 
-const __iconNode$K = [
+const __iconNode$S = [
   ["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$K);
+const EllipsisVertical = createLucideIcon("ellipsis-vertical", __iconNode$S);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3088,12 +3131,12 @@ const EllipsisVertical = createLucideIcon("ellipsis-vertical", __iconNode$K);
  */
 
 
-const __iconNode$J = [
+const __iconNode$R = [
   ["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$J);
+const Ellipsis = createLucideIcon("ellipsis", __iconNode$R);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3103,12 +3146,12 @@ const Ellipsis = createLucideIcon("ellipsis", __iconNode$J);
  */
 
 
-const __iconNode$I = [
+const __iconNode$Q = [
   ["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$I);
+const ExternalLink = createLucideIcon("external-link", __iconNode$Q);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3118,7 +3161,7 @@ const ExternalLink = createLucideIcon("external-link", __iconNode$I);
  */
 
 
-const __iconNode$H = [
+const __iconNode$P = [
   [
     "path",
     {
@@ -3128,7 +3171,7 @@ const __iconNode$H = [
   ],
   ["circle", { cx: "12", cy: "12", r: "3", key: "1v7zrd" }]
 ];
-const Eye = createLucideIcon("eye", __iconNode$H);
+const Eye = createLucideIcon("eye", __iconNode$P);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3138,13 +3181,13 @@ const Eye = createLucideIcon("eye", __iconNode$H);
  */
 
 
-const __iconNode$G = [
+const __iconNode$O = [
   [
     "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$G);
+const Facebook = createLucideIcon("facebook", __iconNode$O);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3154,7 +3197,7 @@ const Facebook = createLucideIcon("facebook", __iconNode$G);
  */
 
 
-const __iconNode$F = [
+const __iconNode$N = [
   ["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" }],
   [
@@ -3166,7 +3209,7 @@ const __iconNode$F = [
   ],
   ["circle", { cx: "5", cy: "14", r: "3", key: "ufru5t" }]
 ];
-const FileBadge = createLucideIcon("file-badge", __iconNode$F);
+const FileBadge = createLucideIcon("file-badge", __iconNode$N);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3176,14 +3219,14 @@ const FileBadge = createLucideIcon("file-badge", __iconNode$F);
  */
 
 
-const __iconNode$E = [
+const __iconNode$M = [
   ["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$E);
+const FileText = createLucideIcon("file-text", __iconNode$M);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3193,7 +3236,7 @@ const FileText = createLucideIcon("file-text", __iconNode$E);
  */
 
 
-const __iconNode$D = [
+const __iconNode$L = [
   [
     "path",
     {
@@ -3202,7 +3245,7 @@ const __iconNode$D = [
     }
   ]
 ];
-const Funnel = createLucideIcon("funnel", __iconNode$D);
+const Funnel = createLucideIcon("funnel", __iconNode$L);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3212,7 +3255,7 @@ const Funnel = createLucideIcon("funnel", __iconNode$D);
  */
 
 
-const __iconNode$C = [
+const __iconNode$K = [
   ["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" }],
@@ -3220,7 +3263,7 @@ const __iconNode$C = [
   ["circle", { cx: "19", cy: "15", r: "1", key: "1a92ep" }],
   ["circle", { cx: "5", cy: "15", r: "1", key: "5r1jwy" }]
 ];
-const GripHorizontal = createLucideIcon("grip-horizontal", __iconNode$C);
+const GripHorizontal = createLucideIcon("grip-horizontal", __iconNode$K);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3230,7 +3273,7 @@ const GripHorizontal = createLucideIcon("grip-horizontal", __iconNode$C);
  */
 
 
-const __iconNode$B = [
+const __iconNode$J = [
   ["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" }],
@@ -3238,7 +3281,7 @@ const __iconNode$B = [
   ["circle", { cx: "15", cy: "5", r: "1", key: "19l28e" }],
   ["circle", { cx: "15", cy: "19", r: "1", key: "f4zoj3" }]
 ];
-const GripVertical = createLucideIcon("grip-vertical", __iconNode$B);
+const GripVertical = createLucideIcon("grip-vertical", __iconNode$J);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3248,13 +3291,29 @@ const GripVertical = createLucideIcon("grip-vertical", __iconNode$B);
  */
 
 
-const __iconNode$A = [
+const __iconNode$I = [
+  ["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$I);
+
+/**
+ * @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$H = [
   ["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$A);
+const Heading1 = createLucideIcon("heading-1", __iconNode$H);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3264,13 +3323,13 @@ const Heading1 = createLucideIcon("heading-1", __iconNode$A);
  */
 
 
-const __iconNode$z = [
+const __iconNode$G = [
   ["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$z);
+const Heading2 = createLucideIcon("heading-2", __iconNode$G);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3280,14 +3339,14 @@ const Heading2 = createLucideIcon("heading-2", __iconNode$z);
  */
 
 
-const __iconNode$y = [
+const __iconNode$F = [
   ["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$y);
+const Heading3 = createLucideIcon("heading-3", __iconNode$F);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3297,12 +3356,12 @@ const Heading3 = createLucideIcon("heading-3", __iconNode$y);
  */
 
 
-const __iconNode$x = [
+const __iconNode$E = [
   ["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$x);
+const History = createLucideIcon("history", __iconNode$E);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3312,12 +3371,12 @@ const History = createLucideIcon("history", __iconNode$x);
  */
 
 
-const __iconNode$w = [
+const __iconNode$D = [
   ["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$w);
+const Image$1 = createLucideIcon("image", __iconNode$D);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3327,12 +3386,12 @@ const Image$1 = createLucideIcon("image", __iconNode$w);
  */
 
 
-const __iconNode$v = [
+const __iconNode$C = [
   ["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$v);
+const Info = createLucideIcon("info", __iconNode$C);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3342,12 +3401,12 @@ const Info = createLucideIcon("info", __iconNode$v);
  */
 
 
-const __iconNode$u = [
+const __iconNode$B = [
   ["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$u);
+const Italic$1 = createLucideIcon("italic", __iconNode$B);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3357,12 +3416,12 @@ const Italic$1 = createLucideIcon("italic", __iconNode$u);
  */
 
 
-const __iconNode$t = [
+const __iconNode$A = [
   ["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$t);
+const Link2 = createLucideIcon("link-2", __iconNode$A);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3372,7 +3431,24 @@ const Link2 = createLucideIcon("link-2", __iconNode$t);
  */
 
 
-const __iconNode$s = [
+const __iconNode$z = [
+  ["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$z);
+
+/**
+ * @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$y = [
   ["path", { d: "M10 12h11", key: "6m4ad9" }],
   ["path", { d: "M10 18h11", key: "11hvi2" }],
   ["path", { d: "M10 6h11", key: "c7qv1k" }],
@@ -3380,7 +3456,7 @@ const __iconNode$s = [
   ["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$s);
+const ListOrdered = createLucideIcon("list-ordered", __iconNode$y);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3390,7 +3466,7 @@ const ListOrdered = createLucideIcon("list-ordered", __iconNode$s);
  */
 
 
-const __iconNode$r = [
+const __iconNode$x = [
   ["path", { d: "M3 12h.01", key: "nlz23k" }],
   ["path", { d: "M3 18h.01", key: "1tta3j" }],
   ["path", { d: "M3 6h.01", key: "1rqtza" }],
@@ -3398,7 +3474,7 @@ const __iconNode$r = [
   ["path", { d: "M8 18h13", key: "1lx6n3" }],
   ["path", { d: "M8 6h13", key: "ik3vkj" }]
 ];
-const List = createLucideIcon("list", __iconNode$r);
+const List = createLucideIcon("list", __iconNode$x);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3408,8 +3484,8 @@ const List = createLucideIcon("list", __iconNode$r);
  */
 
 
-const __iconNode$q = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]];
-const LoaderCircle = createLucideIcon("loader-circle", __iconNode$q);
+const __iconNode$w = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]];
+const LoaderCircle = createLucideIcon("loader-circle", __iconNode$w);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3419,7 +3495,7 @@ const LoaderCircle = createLucideIcon("loader-circle", __iconNode$q);
  */
 
 
-const __iconNode$p = [
+const __iconNode$v = [
   ["path", { d: "M12 2v4", key: "3427ic" }],
   ["path", { d: "m16.2 7.8 2.9-2.9", key: "r700ao" }],
   ["path", { d: "M18 12h4", key: "wj9ykh" }],
@@ -3429,7 +3505,7 @@ const __iconNode$p = [
   ["path", { d: "M2 12h4", key: "j09sii" }],
   ["path", { d: "m4.9 4.9 2.9 2.9", key: "giyufr" }]
 ];
-const Loader = createLucideIcon("loader", __iconNode$p);
+const Loader = createLucideIcon("loader", __iconNode$v);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3439,12 +3515,12 @@ const Loader = createLucideIcon("loader", __iconNode$p);
  */
 
 
-const __iconNode$o = [
+const __iconNode$u = [
   ["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$o);
+const LogOut = createLucideIcon("log-out", __iconNode$u);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3454,12 +3530,26 @@ const LogOut = createLucideIcon("log-out", __iconNode$o);
  */
 
 
-const __iconNode$n = [
+const __iconNode$t = [
+  ["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$t);
+
+/**
+ * @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$s = [
   ["path", { d: "M4 12h16", key: "1lakjw" }],
   ["path", { d: "M4 18h16", key: "19g7jn" }],
   ["path", { d: "M4 6h16", key: "1o0s65" }]
 ];
-const Menu = createLucideIcon("menu", __iconNode$n);
+const Menu = createLucideIcon("menu", __iconNode$s);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3469,7 +3559,7 @@ const Menu = createLucideIcon("menu", __iconNode$n);
  */
 
 
-const __iconNode$m = [
+const __iconNode$r = [
   [
     "path",
     {
@@ -3478,7 +3568,7 @@ const __iconNode$m = [
     }
   ]
 ];
-const Moon = createLucideIcon("moon", __iconNode$m);
+const Moon = createLucideIcon("moon", __iconNode$r);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3488,7 +3578,7 @@ const Moon = createLucideIcon("moon", __iconNode$m);
  */
 
 
-const __iconNode$l = [
+const __iconNode$q = [
   [
     "path",
     {
@@ -3501,7 +3591,7 @@ const __iconNode$l = [
   ["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$l);
+const Palette = createLucideIcon("palette", __iconNode$q);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3511,12 +3601,12 @@ const Palette = createLucideIcon("palette", __iconNode$l);
  */
 
 
-const __iconNode$k = [
+const __iconNode$p = [
   ["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$k);
+const PanelLeftClose = createLucideIcon("panel-left-close", __iconNode$p);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3526,7 +3616,26 @@ const PanelLeftClose = createLucideIcon("panel-left-close", __iconNode$k);
  */
 
 
-const __iconNode$j = [
+const __iconNode$o = [
+  [
+    "path",
+    {
+      d: "m16 6-8.414 8.586a2 2 0 0 0 2.829 2.829l8.414-8.586a4 4 0 1 0-5.657-5.657l-8.379 8.551a6 6 0 1 0 8.485 8.485l8.379-8.551",
+      key: "1miecu"
+    }
+  ]
+];
+const Paperclip = createLucideIcon("paperclip", __iconNode$o);
+
+/**
+ * @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$n = [
   [
     "path",
     {
@@ -3536,7 +3645,7 @@ const __iconNode$j = [
   ],
   ["path", { d: "m15 5 4 4", key: "1mk7zo" }]
 ];
-const Pencil = createLucideIcon("pencil", __iconNode$j);
+const Pencil = createLucideIcon("pencil", __iconNode$n);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3546,7 +3655,26 @@ const Pencil = createLucideIcon("pencil", __iconNode$j);
  */
 
 
-const __iconNode$i = [
+const __iconNode$m = [
+  [
+    "path",
+    {
+      d: "M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384",
+      key: "9njp5v"
+    }
+  ]
+];
+const Phone = createLucideIcon("phone", __iconNode$m);
+
+/**
+ * @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$l = [
   [
     "path",
     {
@@ -3555,7 +3683,7 @@ const __iconNode$i = [
     }
   ]
 ];
-const Play = createLucideIcon("play", __iconNode$i);
+const Play = createLucideIcon("play", __iconNode$l);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3565,11 +3693,11 @@ const Play = createLucideIcon("play", __iconNode$i);
  */
 
 
-const __iconNode$h = [
+const __iconNode$k = [
   ["path", { d: "M5 12h14", key: "1ays0h" }],
   ["path", { d: "M12 5v14", key: "s699le" }]
 ];
-const Plus = createLucideIcon("plus", __iconNode$h);
+const Plus = createLucideIcon("plus", __iconNode$k);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3579,10 +3707,10 @@ const Plus = createLucideIcon("plus", __iconNode$h);
  */
 
 
-const __iconNode$g = [
+const __iconNode$j = [
   ["rect", { width: "20", height: "12", x: "2", y: "6", rx: "2", key: "9lu3g6" }]
 ];
-const RectangleHorizontal = createLucideIcon("rectangle-horizontal", __iconNode$g);
+const RectangleHorizontal = createLucideIcon("rectangle-horizontal", __iconNode$j);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3592,11 +3720,11 @@ const RectangleHorizontal = createLucideIcon("rectangle-horizontal", __iconNode$
  */
 
 
-const __iconNode$f = [
+const __iconNode$i = [
   ["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$f);
+const Redo = createLucideIcon("redo", __iconNode$i);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3606,13 +3734,13 @@ const Redo = createLucideIcon("redo", __iconNode$f);
  */
 
 
-const __iconNode$e = [
+const __iconNode$h = [
   ["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$e);
+const RefreshCw = createLucideIcon("refresh-cw", __iconNode$h);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3622,14 +3750,14 @@ const RefreshCw = createLucideIcon("refresh-cw", __iconNode$e);
  */
 
 
-const __iconNode$d = [
+const __iconNode$g = [
   ["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$d);
+const RemoveFormatting = createLucideIcon("remove-formatting", __iconNode$g);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3639,14 +3767,14 @@ const RemoveFormatting = createLucideIcon("remove-formatting", __iconNode$d);
  */
 
 
-const __iconNode$c = [
+const __iconNode$f = [
   ["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$c);
+const Scissors = createLucideIcon("scissors", __iconNode$f);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3656,11 +3784,11 @@ const Scissors = createLucideIcon("scissors", __iconNode$c);
  */
 
 
-const __iconNode$b = [
+const __iconNode$e = [
   ["path", { d: "m21 21-4.34-4.34", key: "14j7rj" }],
   ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }]
 ];
-const Search = createLucideIcon("search", __iconNode$b);
+const Search = createLucideIcon("search", __iconNode$e);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3670,14 +3798,14 @@ const Search = createLucideIcon("search", __iconNode$b);
  */
 
 
-const __iconNode$a = [
+const __iconNode$d = [
   ["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$a);
+const Share2 = createLucideIcon("share-2", __iconNode$d);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3687,10 +3815,27 @@ const Share2 = createLucideIcon("share-2", __iconNode$a);
  */
 
 
-const __iconNode$9 = [
+const __iconNode$c = [
+  [
+    "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$c);
+
+/**
+ * @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$b = [
   ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }]
 ];
-const Square = createLucideIcon("square", __iconNode$9);
+const Square = createLucideIcon("square", __iconNode$b);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3700,12 +3845,12 @@ const Square = createLucideIcon("square", __iconNode$9);
  */
 
 
-const __iconNode$8 = [
+const __iconNode$a = [
   ["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$8);
+const Strikethrough = createLucideIcon("strikethrough", __iconNode$a);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3715,7 +3860,7 @@ const Strikethrough = createLucideIcon("strikethrough", __iconNode$8);
  */
 
 
-const __iconNode$7 = [
+const __iconNode$9 = [
   ["circle", { cx: "12", cy: "12", r: "4", key: "4exip2" }],
   ["path", { d: "M12 2v2", key: "tus03m" }],
   ["path", { d: "M12 20v2", key: "1lh1kg" }],
@@ -3726,7 +3871,7 @@ const __iconNode$7 = [
   ["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$7);
+const Sun = createLucideIcon("sun", __iconNode$9);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3736,14 +3881,28 @@ const Sun = createLucideIcon("sun", __iconNode$7);
  */
 
 
-const __iconNode$6 = [
+const __iconNode$8 = [
+  ["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$8);
+
+/**
+ * @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$7 = [
   ["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$6);
+const Trash2 = createLucideIcon("trash-2", __iconNode$7);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3753,7 +3912,7 @@ const Trash2 = createLucideIcon("trash-2", __iconNode$6);
  */
 
 
-const __iconNode$5 = [
+const __iconNode$6 = [
   [
     "path",
     {
@@ -3764,7 +3923,22 @@ const __iconNode$5 = [
   ["path", { d: "M12 9v4", key: "juzpu7" }],
   ["path", { d: "M12 17h.01", key: "p32p05" }]
 ];
-const TriangleAlert = createLucideIcon("triangle-alert", __iconNode$5);
+const TriangleAlert = createLucideIcon("triangle-alert", __iconNode$6);
+
+/**
+ * @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$5 = [
+  ["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$5);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -20817,7 +20991,7 @@ const DATE_FORMAT$1 = 'DD-MM-YYYY';
  */
 const DEFAULT_INVENTORY_THUMBNAIL = '/default%20thumbnail.png';
 
-const formatDate$2 = (iso) => {
+const formatDate$3 = (iso) => {
     if (!iso)
         return '-';
     try {
@@ -20834,7 +21008,7 @@ const InfoCard = ({ info, title, refundToWallet, onRefundChange, }) => {
     if (React.isValidElement(info))
         return jsxRuntime.jsx("div", { className: "mt-3", children: info });
     const i = info;
-    return (jsxRuntime.jsx("div", { className: "mt-1 rounded-lg border bg-muted p-3 shadow-sm", children: jsxRuntime.jsxs("div", { className: "flex flex-col gap-1", children: [jsxRuntime.jsxs("div", { className: "flex items-start gap-3", children: [jsxRuntime.jsx("div", { className: "w-36 text-sm text-muted-foreground", children: "Date" }), jsxRuntime.jsx("div", { children: formatDate$2(i.invoiceDate) })] }), jsxRuntime.jsxs("div", { className: "flex items-start gap-3", children: [jsxRuntime.jsx("div", { className: "w-36 text-sm text-muted-foreground", children: "Total" }), jsxRuntime.jsx("div", { className: "font-medium text-foreground", children: formatCurrencyWithTenantSymbol(i.totalAmount) })] }), i.paidAmount !== undefined && (jsxRuntime.jsxs("div", { className: "flex items-start gap-3", children: [jsxRuntime.jsx("div", { className: "w-36 text-sm text-muted-foreground", children: "Paid" }), jsxRuntime.jsx("div", { className: "font-medium text-primary", children: formatCurrencyWithTenantSymbol(i.paidAmount) })] })), i.outstandingAmount !== undefined && (jsxRuntime.jsxs("div", { className: "flex items-start gap-3", children: [jsxRuntime.jsx("div", { className: "w-36 text-sm text-muted-foreground", children: "Outstanding" }), jsxRuntime.jsx("div", { className: "font-medium text-muted-foreground", children: formatCurrencyWithTenantSymbol(i.outstandingAmount) })] })), title === 'Cancel Invoice' &&
+    return (jsxRuntime.jsx("div", { className: "mt-1 rounded-lg border bg-muted p-3 shadow-sm", children: jsxRuntime.jsxs("div", { className: "flex flex-col gap-1", children: [jsxRuntime.jsxs("div", { className: "flex items-start gap-3", children: [jsxRuntime.jsx("div", { className: "w-36 text-sm text-muted-foreground", children: "Date" }), jsxRuntime.jsx("div", { children: formatDate$3(i.invoiceDate) })] }), jsxRuntime.jsxs("div", { className: "flex items-start gap-3", children: [jsxRuntime.jsx("div", { className: "w-36 text-sm text-muted-foreground", children: "Total" }), jsxRuntime.jsx("div", { className: "font-medium text-foreground", children: formatCurrencyWithTenantSymbol(i.totalAmount) })] }), i.paidAmount !== undefined && (jsxRuntime.jsxs("div", { className: "flex items-start gap-3", children: [jsxRuntime.jsx("div", { className: "w-36 text-sm text-muted-foreground", children: "Paid" }), jsxRuntime.jsx("div", { className: "font-medium text-primary", children: formatCurrencyWithTenantSymbol(i.paidAmount) })] })), i.outstandingAmount !== undefined && (jsxRuntime.jsxs("div", { className: "flex items-start gap-3", children: [jsxRuntime.jsx("div", { className: "w-36 text-sm text-muted-foreground", children: "Outstanding" }), jsxRuntime.jsx("div", { className: "font-medium text-muted-foreground", children: formatCurrencyWithTenantSymbol(i.outstandingAmount) })] })), title === 'Cancel Invoice' &&
                     !React.isValidElement(info) &&
                     (i?.paidAmount ?? 0) > 0 && (jsxRuntime.jsxs("div", { className: "flex items-start gap-3", children: [jsxRuntime.jsx("div", { className: "w-36 whitespace-nowrap text-sm text-muted-foreground", children: "Refund to Wallet" }), jsxRuntime.jsx(Checkbox, { checked: !!refundToWallet, onCheckedChange: (v) => onRefundChange?.(Boolean(v)), className: "bg-card" })] })), (i.customerName || i.email) && (jsxRuntime.jsxs("div", { className: "mt-1 rounded bg-card p-2", children: [i.customerName && (jsxRuntime.jsx("div", { className: "text-sm font-medium", children: i.customerName })), i.email && (jsxRuntime.jsx("div", { className: "text-sm text-muted-foreground", children: i.email }))] }))] }) }));
 };
@@ -31321,7 +31495,7 @@ function parseDate(value, dateFormat, locale, strictParsing, refDate) {
         var parsedDate = parse(value, format_1, refDate, {
             locale: localeObject});
         if (isValid(parsedDate) &&
-            (!strictParsing || value === formatDate$1(parsedDate, format_1, locale))) {
+            (!strictParsing || value === formatDate$2(parsedDate, format_1, locale))) {
             return parsedDate;
         }
     }
@@ -31349,7 +31523,7 @@ function isValid(date, minDate) {
  * @param locale - The locale.
  * @returns - The formatted date.
  */
-function formatDate$1(date, formatStr, locale) {
+function formatDate$2(date, formatStr, locale) {
     if (locale === "en") {
         return format(date, formatStr, {
             useAdditionalWeekYearTokens: true,
@@ -31379,7 +31553,7 @@ function safeDateFormat(date, _a) {
     var formatStr = (Array.isArray(dateFormat) && dateFormat.length > 0
         ? dateFormat[0]
         : dateFormat); // Cast to string because it's impossible to get `string | string[] | undefined` here and typescript doesn't know that
-    return (date && formatDate$1(date, formatStr, locale)) || "";
+    return (date && formatDate$2(date, formatStr, locale)) || "";
 }
 /**
  * Used as a delimiter to separate two dates when formatting a date range
@@ -31453,7 +31627,7 @@ function getWeek(date) {
  * @returns - The day of the week code.
  */
 function getDayOfWeekCode(day, locale) {
-    return formatDate$1(day, "ddd", locale);
+    return formatDate$2(day, "ddd", locale);
 }
 // *** Start of ***
 /**
@@ -31676,7 +31850,7 @@ function getLocaleObject(localeSpec) {
  * @returns - The formatted weekday.
  */
 function getFormattedWeekdayInLocale(date, formatFunc, locale) {
-    return formatFunc(formatDate$1(date, "EEEE", locale));
+    return formatFunc(formatDate$2(date, "EEEE", locale));
 }
 /**
  * Gets the minimum weekday in a given locale.
@@ -31686,7 +31860,7 @@ function getFormattedWeekdayInLocale(date, formatFunc, locale) {
  * @returns - The minimum weekday.
  */
 function getWeekdayMinInLocale(date, locale) {
-    return formatDate$1(date, "EEEEEE", locale);
+    return formatDate$2(date, "EEEEEE", locale);
 }
 /**
  * Gets the short weekday in a given locale.
@@ -31696,7 +31870,7 @@ function getWeekdayMinInLocale(date, locale) {
  * @returns - The short weekday.
  */
 function getWeekdayShortInLocale(date, locale) {
-    return formatDate$1(date, "EEE", locale);
+    return formatDate$2(date, "EEE", locale);
 }
 /**
  * Gets the month in a given locale.
@@ -31706,7 +31880,7 @@ function getWeekdayShortInLocale(date, locale) {
  * @returns - The month.
  */
 function getMonthInLocale(month, locale) {
-    return formatDate$1(setMonth(newDate(), month), "LLLL", locale);
+    return formatDate$2(setMonth(newDate(), month), "LLLL", locale);
 }
 /**
  * Gets the short month in a given locale.
@@ -31716,7 +31890,7 @@ function getMonthInLocale(month, locale) {
  * @returns - The short month.
  */
 function getMonthShortInLocale(month, locale) {
-    return formatDate$1(setMonth(newDate(), month), "LLL", locale);
+    return formatDate$2(setMonth(newDate(), month), "LLL", locale);
 }
 /**
  * Gets the short quarter in a given locale.
@@ -31726,7 +31900,7 @@ function getMonthShortInLocale(month, locale) {
  * @returns - The short quarter.
  */
 function getQuarterShortInLocale(quarter, locale) {
-    return formatDate$1(setQuarter(newDate(), quarter), "QQQ", locale);
+    return formatDate$2(setQuarter(newDate(), quarter), "QQQ", locale);
 }
 /**
  * Checks if a day is disabled.
@@ -32056,7 +32230,7 @@ function getHighLightDaysMap(highlightDates, defaultClassName) {
     for (var i = 0, len = highlightDates.length; i < len; i++) {
         var obj = highlightDates[i];
         if (isDate(obj)) {
-            var key = formatDate$1(obj, "MM.dd.yyyy");
+            var key = formatDate$2(obj, "MM.dd.yyyy");
             var classNamesArr = dateClasses.get(key) || [];
             if (!classNamesArr.includes(defaultClassName)) {
                 classNamesArr.push(defaultClassName);
@@ -32071,7 +32245,7 @@ function getHighLightDaysMap(highlightDates, defaultClassName) {
                 for (var k = 0, len_1 = arrOfDates.length; k < len_1; k++) {
                     var dateK = arrOfDates[k];
                     if (dateK) {
-                        var key = formatDate$1(dateK, "MM.dd.yyyy");
+                        var key = formatDate$2(dateK, "MM.dd.yyyy");
                         var classNamesArr = dateClasses.get(key) || [];
                         if (!classNamesArr.includes(className)) {
                             classNamesArr.push(className);
@@ -32111,7 +32285,7 @@ function getHolidaysMap(holidayDates, defaultClassName) {
         if (!isDate(dateObj)) {
             return;
         }
-        var key = formatDate$1(dateObj, "MM.dd.yyyy");
+        var key = formatDate$2(dateObj, "MM.dd.yyyy");
         var classNamesObj = dateClasses.get(key) || {
             className: "",
             holidayNames: [],
@@ -32485,7 +32659,7 @@ var Day = /** @class */ (function (_super) {
                 return false;
             }
             // Looking for className in the Map of {'day string, 'className'}
-            var dayStr = formatDate$1(day, "MM.dd.yyyy");
+            var dayStr = formatDate$2(day, "MM.dd.yyyy");
             return highlightDates.get(dayStr);
         };
         // Function to return the array containing className associated to the date
@@ -32496,7 +32670,7 @@ var Day = /** @class */ (function (_super) {
                 // For type consistency no other reasons
                 return [undefined];
             }
-            var dayStr = formatDate$1(day, "MM.dd.yyyy");
+            var dayStr = formatDate$2(day, "MM.dd.yyyy");
             // Looking for className in the Map of {day string: {className, holidayName}}
             if (holidays.has(dayStr)) {
                 return [(_a = holidays.get(dayStr)) === null || _a === void 0 ? void 0 : _a.className];
@@ -32637,12 +32811,12 @@ var Day = /** @class */ (function (_super) {
             var prefix = _this.isDisabled() || _this.isExcluded()
                 ? ariaLabelPrefixWhenDisabled
                 : ariaLabelPrefixWhenEnabled;
-            return "".concat(prefix, " ").concat(formatDate$1(day, "PPPP", _this.props.locale));
+            return "".concat(prefix, " ").concat(formatDate$2(day, "PPPP", _this.props.locale));
         };
         // A function to return the holiday's name as title's content
         _this.getTitle = function () {
             var _a = _this.props, day = _a.day, _b = _a.holidays, holidays = _b === void 0 ? new Map() : _b, excludeDates = _a.excludeDates;
-            var compareDt = formatDate$1(day, "MM.dd.yyyy");
+            var compareDt = formatDate$2(day, "MM.dd.yyyy");
             var titles = [];
             if (holidays.has(compareDt)) {
                 titles.push.apply(titles, holidays.get(compareDt).holidayNames);
@@ -33568,7 +33742,7 @@ var Month = /** @class */ (function (_super) {
             var prefix = _this.isDisabled(labelDate) || _this.isExcluded(labelDate)
                 ? disabledDayAriaLabelPrefix
                 : chooseDayAriaLabelPrefix;
-            return "".concat(prefix, " ").concat(formatDate$1(labelDate, "MMMM yyyy", locale));
+            return "".concat(prefix, " ").concat(formatDate$2(labelDate, "MMMM yyyy", locale));
         };
         _this.getQuarterClassNames = function (q) {
             var _a = _this.props, day = _a.day, startDate = _a.startDate, endDate = _a.endDate, minDate = _a.minDate, maxDate = _a.maxDate, excludeDates = _a.excludeDates, includeDates = _a.includeDates, filterDate = _a.filterDate, preSelection = _a.preSelection, disabledKeyboardNavigation = _a.disabledKeyboardNavigation, disabled = _a.disabled;
@@ -33670,7 +33844,7 @@ var Month = /** @class */ (function (_super) {
             : "";
         // Format aria-label, return empty string if date is invalid
         var formattedAriaLabel = isValid(day)
-            ? "".concat(formattedAriaLabelPrefix).concat(formatDate$1(day, "MMMM, yyyy", this.props.locale))
+            ? "".concat(formattedAriaLabelPrefix).concat(formatDate$2(day, "MMMM, yyyy", this.props.locale))
             : "";
         var shouldUseListboxRole = showMonthYearPicker || showQuarterYearPicker;
         if (shouldUseListboxRole) {
@@ -33813,7 +33987,7 @@ var MonthYearDropdownOptions = /** @class */ (function (_super) {
                         ? "react-datepicker__month-year-option--selected_month-year"
                         : "react-datepicker__month-year-option", key: monthYearPoint, onClick: _this.onChange.bind(_this, monthYearPoint), "aria-selected": isSameMonthYear ? "true" : undefined },
                     isSameMonthYear ? (React.createElement("span", { className: "react-datepicker__month-year-option--selected" }, "\u2713")) : (""),
-                    formatDate$1(monthYear, _this.props.dateFormat, _this.props.locale)));
+                    formatDate$2(monthYear, _this.props.dateFormat, _this.props.locale)));
             });
         };
         _this.onChange = function (monthYear) { return _this.props.onChange(monthYear); };
@@ -33848,7 +34022,7 @@ var MonthYearDropdown = /** @class */ (function (_super) {
             var options = [];
             while (!isAfter$1(currDate, lastDate)) {
                 var timePoint = getTime(currDate);
-                options.push(React.createElement("option", { key: timePoint, value: timePoint }, formatDate$1(currDate, _this.props.dateFormat, _this.props.locale)));
+                options.push(React.createElement("option", { key: timePoint, value: timePoint }, formatDate$2(currDate, _this.props.dateFormat, _this.props.locale)));
                 currDate = addMonths(currDate, 1);
             }
             return options;
@@ -33858,7 +34032,7 @@ var MonthYearDropdown = /** @class */ (function (_super) {
         };
         _this.renderSelectMode = function () { return (React.createElement("select", { value: getTime(getStartOfMonth(_this.props.date)), className: "react-datepicker__month-year-select", onChange: _this.onSelectChange }, _this.renderSelectOptions())); };
         _this.renderReadView = function (visible) {
-            var yearMonth = formatDate$1(_this.props.date, _this.props.dateFormat, _this.props.locale);
+            var yearMonth = formatDate$2(_this.props.date, _this.props.dateFormat, _this.props.locale);
             return (React.createElement("div", { key: "read", style: { visibility: visible ? "visible" : "hidden" }, className: "react-datepicker__month-year-read-view", onClick: _this.toggleDropdown },
                 React.createElement("span", { className: "react-datepicker__month-year-read-view--down-arrow" }),
                 React.createElement("span", { className: "react-datepicker__month-year-read-view--selected-month-year" }, yearMonth)));
@@ -34027,7 +34201,7 @@ var Time = /** @class */ (function (_super) {
                         }
                     }, onKeyDown: function (event) {
                         _this.handleOnKeyDown(event, time);
-                    }, tabIndex: time === timeToFocus ? 0 : -1, role: "option", "aria-selected": _this.isSelectedTime(time) ? "true" : undefined, "aria-disabled": _this.isDisabledTime(time) ? "true" : undefined }, formatDate$1(time, format, _this.props.locale)));
+                    }, tabIndex: time === timeToFocus ? 0 : -1, role: "option", "aria-selected": _this.isSelectedTime(time) ? "true" : undefined, "aria-disabled": _this.isDisabledTime(time) ? "true" : undefined }, formatDate$2(time, format, _this.props.locale)));
             });
         };
         _this.renderTimeCaption = function () {
@@ -34798,7 +34972,7 @@ var Calendar = /** @class */ (function (_super) {
                     ? _this.props.weekDayClassName(day)
                     : undefined;
                 return (React.createElement("div", { key: offset, role: "columnheader", className: clsx("react-datepicker__day-name", weekDayClassName, disabled ? "react-datepicker__day-name--disabled" : "") },
-                    React.createElement("span", { className: "react-datepicker__sr-only" }, formatDate$1(day, "EEEE", _this.props.locale)),
+                    React.createElement("span", { className: "react-datepicker__sr-only" }, formatDate$2(day, "EEEE", _this.props.locale)),
                     React.createElement("span", { "aria-hidden": "true" }, weekDayName)));
             }));
         };
@@ -34978,7 +35152,7 @@ var Calendar = /** @class */ (function (_super) {
                 classes.push("react-datepicker__current-month--hasMonthYearDropdown");
             }
             return (React.createElement("h2", { className: classes.join(" ") }, isValid(date)
-                ? formatDate$1(date, _this.props.dateFormat, _this.props.locale)
+                ? formatDate$2(date, _this.props.dateFormat, _this.props.locale)
                 : ""));
         };
         _this.renderYearDropdown = function (overrideHide) {
@@ -35962,7 +36136,7 @@ var DatePicker = /** @class */ (function (_super) {
                 var newMinutes = Math.min(maxMinutes, currentMinutes + timeIntervals);
                 newTime = addMinutes(baseDate, newMinutes);
             }
-            var formattedTime = formatDate$1(newTime, formatStr || DatePicker.defaultProps.dateFormat, _this.props.locale);
+            var formattedTime = formatDate$2(newTime, formatStr || DatePicker.defaultProps.dateFormat, _this.props.locale);
             _this.setState({
                 preSelection: newTime,
                 inputValue: formattedTime,
@@ -36576,7 +36750,7 @@ function computeDateBounds(min, max) {
         maxYear: maxDate ? moment(maxDate, BOUND_FORMAT).year() : undefined,
     };
 }
-function formatDate(value) {
+function formatDate$1(value) {
     return value ? moment(value).format(DATE_FORMAT) : '';
 }
 function toBoundDate(bound) {
@@ -36650,7 +36824,7 @@ function useDateInput({ value, onChange, onBlur, min, max, disabled, }) {
     const inputRef = React.useRef(null);
     const caretRef = React.useRef(null);
     const bounds = computeDateBounds(min, max);
-    const formatted = formatDate(value);
+    const formatted = formatDate$1(value);
     const [text, setText] = React.useState(formatted);
     const [syncedValue, setSyncedValue] = React.useState(formatted);
     // Adopt `value` whenever it changes from the outside — a form reset, a
@@ -36684,7 +36858,7 @@ function useDateInput({ value, onChange, onBlur, min, max, disabled, }) {
         }
     };
     const commit = (date) => {
-        const next = formatDate(date);
+        const next = formatDate$1(date);
         setText(next);
         setSyncedValue(next);
         onChange(date);
@@ -36961,6 +37135,348 @@ const FilterSelect = ({ label, value, onValueChange, options, resetValue = 'all'
     return (jsxRuntime.jsxs(Select, { value: value, onValueChange: onValueChange, keepOpenOnSelect: true, children: [jsxRuntime.jsxs(SelectTrigger, { className: cn(TRIGGER_BASE, active && TRIGGER_ACTIVE, triggerClassName), children: [jsxRuntime.jsx(Funnel, { className: cn('h-4 w-4 shrink-0', active ? 'text-primary' : 'text-muted-foreground'), "aria-hidden": "true" }), jsxRuntime.jsxs("span", { className: "flex items-center gap-1", children: [jsxRuntime.jsx(SelectValue, { placeholder: label }), active && (jsxRuntime.jsx("span", { className: "ml-1 inline-flex h-4 min-w-4 items-center justify-center rounded bg-primary/10 px-1 text-[10px] font-semibold leading-none text-primary", children: activeCount }))] })] }), jsxRuntime.jsxs(SelectContent, { className: cn(CONTENT_BASE, contentClassName), searchable: searchable, children: [jsxRuntime.jsx(SelectItem, { value: resetValue, withCheckbox: true, children: label }), options.map((opt) => (jsxRuntime.jsx(SelectItem, { value: opt.value, searchValue: opt.searchValue, withCheckbox: true, children: opt.label }, opt.value)))] })] }));
 };
 
+/**
+ * Horizontal row of option cards behaving as a radio group.
+ * Selected option highlights with primary border + light green background + filled dot.
+ * Unselected options have an empty circle indicator.
+ */
+function RadioCardGroup({ value, onChange, options, className, disabled, name, ariaLabel, iconSize = 'sm', }) {
+    const iconSizeClasses = iconSize === 'xl'
+        ? '[&_svg]:h-10 [&_svg]:w-10'
+        : iconSize === 'lg'
+            ? '[&_svg]:h-6 [&_svg]:w-6'
+            : '[&_svg]:h-4 [&_svg]:w-4';
+    return (jsxRuntime.jsx("div", { role: "radiogroup", "aria-label": ariaLabel, className: cn('grid w-full grid-cols-2 gap-3 sm:grid-cols-4', className), children: options.map((opt) => {
+            const selected = value === opt.value;
+            const isDisabled = disabled || opt.disabled;
+            return (jsxRuntime.jsxs("button", { type: "button", role: "radio", "aria-checked": selected, disabled: isDisabled, "data-state": selected ? 'checked' : 'unchecked', onClick: () => !isDisabled && onChange(opt.value), name: name, className: cn('flex w-full cursor-pointer gap-3 rounded-md border px-3 text-sm font-medium shadow-[0_1px_2px_0_rgba(0,0,0,0.05)] transition-colors disabled:cursor-not-allowed', 'outline-none focus-visible:ring-2 focus-visible:ring-primary/30', opt.description
+                    ? 'min-h-14 items-start py-2 text-left'
+                    : 'h-9 items-center py-1.5', selected
+                    ? 'border-primary bg-primary/10 text-primary'
+                    : 'border-transparent bg-[#FAFAFA] text-foreground dark:bg-[#262626]', isDisabled && 'cursor-not-allowed opacity-50'), children: [jsxRuntime.jsx("span", { "aria-hidden": "true", className: cn('relative inline-flex h-4 w-4 shrink-0 items-center justify-center rounded-full border', opt.description && 'mt-[3px]', selected ? 'border-primary' : 'border-gray-300'), children: selected && (jsxRuntime.jsx("span", { className: "block h-2 w-2 rounded-full bg-primary" })) }), jsxRuntime.jsxs("span", { className: "flex min-w-0 flex-1 flex-col items-start", children: [jsxRuntime.jsx("span", { className: "truncate", children: opt.label }), opt.description && (jsxRuntime.jsx("span", { className: cn('mt-0.5 text-xs font-normal', selected ? 'text-primary/80' : 'text-label'), children: opt.description }))] }), opt.icon && (jsxRuntime.jsx("span", { "aria-hidden": "true", className: cn('inline-flex shrink-0 items-center', iconSizeClasses, selected ? 'text-primary' : 'text-label'), children: opt.icon }))] }, opt.value));
+        }) }));
+}
+
+/**
+ * One scrolling column of the picker (hours, minutes or period). The selected
+ * row is scrolled into view whenever it changes, so reopening the popover lands
+ * on the current value instead of at midnight.
+ */
+function TimeColumn({ label, options, selected, onSelect, }) {
+    const listRef = React.useRef(null);
+    const activeRef = React.useRef(null);
+    React.useEffect(() => {
+        const list = listRef.current;
+        const active = activeRef.current;
+        if (!list || !active)
+            return;
+        // `scrollIntoView` would scroll the page as well as the column.
+        list.scrollTop =
+            active.offsetTop - list.clientHeight / 2 + active.clientHeight / 2;
+    }, [selected]);
+    return (jsxRuntime.jsxs("div", { className: "flex min-w-0 flex-col", children: [jsxRuntime.jsx("span", { className: "px-1 pb-1.5 text-center text-[11px] font-medium uppercase tracking-wide text-muted-foreground", children: label }), jsxRuntime.jsx("div", { ref: listRef, role: "listbox", "aria-label": label, className: "scrollbar-thin h-[184px] overflow-y-auto px-1", children: jsxRuntime.jsx("div", { className: "flex flex-col gap-0.5", children: options.map((option) => {
+                        const isSelected = option.value === selected;
+                        return (jsxRuntime.jsx("button", { ref: isSelected ? activeRef : undefined, type: "button", role: "option", "aria-selected": isSelected, onClick: () => onSelect(option.value), className: cn('rounded-md px-3 py-1.5 text-center text-sm tabular-nums transition-colors', 'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring', isSelected
+                                ? 'bg-primary text-primary-foreground'
+                                : 'text-foreground hover:bg-muted'), children: option.label }, option.value));
+                    }) }) })] }));
+}
+
+const TIME_PATTERN = /^(\d{1,2}):(\d{2})(?::\d{2})?$/;
+const pad = (n) => String(n).padStart(2, '0');
+/** Reads `HH:mm` / `HH:mm:ss`. Returns null for anything out of range. */
+function parseTimeValue(value) {
+    const match = TIME_PATTERN.exec((value ?? '').trim());
+    if (!match)
+        return null;
+    const hour = Number(match[1]);
+    const minute = Number(match[2]);
+    if (hour > 23 || minute > 59)
+        return null;
+    return { hour, minute };
+}
+/** The stored form — always 24-hour, whatever the display format. */
+function toTimeValue(hour, minute) {
+    return `${pad(hour)}:${pad(minute)}`;
+}
+function formatTimeDisplay(time, use24Hour) {
+    if (use24Hour)
+        return toTimeValue(time.hour, time.minute);
+    // 0 and 12 both map to 12 — midnight is 12 AM, noon is 12 PM.
+    const hour12 = time.hour % 12 === 0 ? 12 : time.hour % 12;
+    const period = time.hour < 12 ? 'AM' : 'PM';
+    return `${pad(hour12)}:${pad(time.minute)} ${period}`;
+}
+function buildHourOptions(use24Hour) {
+    if (use24Hour) {
+        return Array.from({ length: 24 }, (_, hour) => ({
+            value: hour,
+            label: pad(hour),
+        }));
+    }
+    // 12 first, matching how a clock reads.
+    return Array.from({ length: 12 }, (_, index) => {
+        const hour12 = index === 0 ? 12 : index;
+        return { value: hour12, label: pad(hour12) };
+    });
+}
+function buildMinuteOptions(step) {
+    const safeStep = Number.isFinite(step) && step > 0 ? Math.floor(step) : 1;
+    const options = [];
+    for (let minute = 0; minute < 60; minute += safeStep) {
+        options.push({ value: minute, label: pad(minute) });
+    }
+    return options;
+}
+/** The hour as the 12-hour column shows it (12, 1…11). */
+function toHour12(hour) {
+    return hour % 12 === 0 ? 12 : hour % 12;
+}
+/** Rebuilds a 24-hour hour from a 12-hour column value and its period. */
+function fromHour12(hour12, period) {
+    const base = hour12 % 12;
+    return period === 'PM' ? base + 12 : base;
+}
+function periodOf(hour) {
+    return hour < 12 ? 'AM' : 'PM';
+}
+
+// Only one TimePicker popover should be open at a time — same coordination the
+// DateInput uses, for the same reason: each is its own `modal` Radix Popover, so
+// opening a second does not dismiss the first by outside-click.
+const TIMEPICKER_OPEN_EVENT = 'caratlogic:timepicker-open';
+const PERIOD_OPTIONS = [
+    { value: 0, label: 'AM' },
+    { value: 1, label: 'PM' },
+];
+function TimePicker({ value, onChange, onBlur, name, className, disabled, placeholder = 'Select time', use24Hour = false, minuteStep = 1, hideFooter = false, }) {
+    const [open, setOpen] = React.useState(false);
+    const instanceId = React.useId();
+    const parsed = parseTimeValue(value);
+    React.useEffect(() => {
+        const onOtherOpen = (e) => {
+            if (e.detail !== instanceId)
+                setOpen(false);
+        };
+        window.addEventListener(TIMEPICKER_OPEN_EVENT, onOtherOpen);
+        return () => window.removeEventListener(TIMEPICKER_OPEN_EVENT, onOtherOpen);
+    }, [instanceId]);
+    const handleOpenChange = (next) => {
+        setOpen(next);
+        if (next) {
+            window.dispatchEvent(new CustomEvent(TIMEPICKER_OPEN_EVENT, { detail: instanceId }));
+        }
+    };
+    /** Picking one column before the others commits against a 00:00 baseline. */
+    const commit = (hour, minute) => {
+        onChange(toTimeValue(hour, minute));
+    };
+    const handleHour = (picked) => {
+        const minute = parsed?.minute ?? 0;
+        if (use24Hour) {
+            commit(picked, minute);
+            return;
+        }
+        commit(fromHour12(picked, parsed ? periodOf(parsed.hour) : 'AM'), minute);
+    };
+    const handleMinute = (picked) => {
+        commit(parsed?.hour ?? 0, picked);
+    };
+    const handlePeriod = (picked) => {
+        const period = picked === 0 ? 'AM' : 'PM';
+        const hour12 = parsed ? toHour12(parsed.hour) : 12;
+        commit(fromHour12(hour12, period), parsed?.minute ?? 0);
+    };
+    const selectedHour = parsed
+        ? use24Hour
+            ? parsed.hour
+            : toHour12(parsed.hour)
+        : null;
+    // NOTE: `open` is driven from the button's onClick rather than
+    // <PopoverTrigger>, matching DateInput — inside a modal <SlideOut> the
+    // trigger's built-in toggle does not fire in Safari. <PopoverAnchor> is pure
+    // positioning, so a single controlled toggle stays the only source of truth.
+    return (jsxRuntime.jsxs(Popover, { open: open, onOpenChange: handleOpenChange, modal: true, children: [jsxRuntime.jsx(PopoverAnchor, { asChild: true, children: jsxRuntime.jsxs("button", { type: "button", name: name, onBlur: onBlur, disabled: disabled, "aria-haspopup": "dialog", "aria-expanded": open, onClick: () => {
+                        if (!disabled)
+                            handleOpenChange(!open);
+                    }, "data-slot": "input", "data-empty": !parsed || undefined, className: cn('border-input-border flex h-9 w-full min-w-0 cursor-pointer items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-1 text-left shadow-[0_1px_2px_0_#0000000d] transition-[color,box-shadow] outline-none', 'focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]', 'aria-invalid:ring-destructive/20 aria-invalid:border-destructive', disabled && 'cursor-not-allowed bg-muted/50 text-label', className), children: [jsxRuntime.jsx("span", { className: cn('truncate text-sm md:text-sm', parsed ? 'text-foreground' : 'text-placeholder'), children: parsed ? formatTimeDisplay(parsed, use24Hour) : placeholder }), jsxRuntime.jsx("span", { className: "inline-flex h-4 w-4 shrink-0 items-center justify-center text-muted-foreground", children: jsxRuntime.jsx(Clock, { className: "h-4 w-4 stroke-[1.75]" }) })] }) }), jsxRuntime.jsxs(PopoverContent, { align: "start", className: "w-auto p-3", children: [jsxRuntime.jsxs("div", { className: "flex gap-1", children: [jsxRuntime.jsx(TimeColumn, { label: "Hour", options: buildHourOptions(use24Hour), selected: selectedHour, onSelect: handleHour }), jsxRuntime.jsx(TimeColumn, { label: "Min", options: buildMinuteOptions(minuteStep), selected: parsed?.minute ?? null, onSelect: handleMinute }), !use24Hour && (jsxRuntime.jsx(TimeColumn, { label: "AM/PM", options: PERIOD_OPTIONS, selected: parsed ? (periodOf(parsed.hour) === 'AM' ? 0 : 1) : null, onSelect: handlePeriod }))] }), !hideFooter && (jsxRuntime.jsxs("div", { className: "mt-2 flex items-center justify-between gap-2 border-t border-border pt-2", children: [jsxRuntime.jsx("button", { type: "button", onClick: () => {
+                                    onChange(undefined);
+                                    setOpen(false);
+                                }, className: "rounded-md px-2 py-1 text-xs font-medium text-muted-foreground transition-colors hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", children: "Clear" }), jsxRuntime.jsx("button", { type: "button", onClick: () => {
+                                    const now = new Date();
+                                    commit(now.getHours(), now.getMinutes());
+                                    setOpen(false);
+                                }, className: "rounded-md px-2 py-1 text-xs font-medium text-primary transition-colors hover:text-hover focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", children: "Now" })] }))] })] }));
+}
+
+const Textarea = ({ label, error, className, ...props }) => {
+    return (jsxRuntime.jsxs("div", { className: "flex flex-col gap-1 w-full text-xs", children: [label && (jsxRuntime.jsx("label", { className: " font-medium text-foreground text-xs", children: label })), jsxRuntime.jsx("textarea", { "aria-invalid": error ? true : undefined, className: `w-full text-xs rounded-lg border px-3 py-2 placeholder:text-placeholder placeholder:text-sm shadow-[0_1px_2px_0_rgba(0,0,0,0.05)] outline-none resize-y
+          disabled:cursor-not-allowed disabled:bg-muted/50 disabled:text-label
+          focus:ring-2 focus:ring-input focus:border-input
+          ${error ? 'border-destructive focus:border-destructive focus:ring-destructive/20' : 'border-input-border'}
+          ${className || ''}
+        `, ...props }), error && jsxRuntime.jsx("p", { className: "text-xs text-destructive", children: error })] }));
+};
+
+/** Shown in a read-only control whose value was never filled in. */
+const NOT_CAPTURED = 'Not captured';
+const asText = (value) => typeof value === 'string' ? value : '';
+const asList = (value) => Array.isArray(value)
+    ? value.filter((v) => typeof v === 'string')
+    : [];
+/** Blank for display purposes — a number `0` is a real value, not blank. */
+const isBlank = (value) => value === null || value === undefined || asText(value).trim() === '';
+/** Treats blank strings, empty arrays and empty upload objects as uncaptured. */
+function isValueEmpty(value) {
+    if (value === null || value === undefined)
+        return true;
+    if (typeof value === 'string')
+        return value.trim() === '';
+    // multiSelect stores an array; uploads store an object.
+    if (Array.isArray(value))
+        return value.length === 0;
+    if (typeof value === 'object')
+        return Object.keys(value).length === 0;
+    return false;
+}
+
+/** A snapshotted option field whose list was never filled in. */
+const NoOptions = () => (jsxRuntime.jsx("p", { className: "py-1.5 text-sm text-muted-foreground", children: "No options configured." }));
+/**
+ * Renders one control for a field described by `type` and its option metadata.
+ *
+ * Covers the field types shared by every custom-field surface. Types specific
+ * to one feature stay with that feature, which handles them before delegating.
+ */
+function CustomFieldInput({ field, value, disabled, invalid, onChange, renderUpload, }) {
+    // Read-only fields render even when blank, so say why they are blank rather
+    // than leaving an unexplained empty box.
+    const placeholder = disabled && isBlank(value) ? NOT_CAPTURED : undefined;
+    switch (field.type) {
+        case 'dropdown':
+        case 'radio': {
+            const options = field.options ?? [];
+            if (field.type === 'radio') {
+                if (options.length === 0)
+                    return jsxRuntime.jsx(NoOptions, {});
+                return (jsxRuntime.jsx(RadioCardGroup, { name: field.id, ariaLabel: field.label, disabled: disabled, value: asText(value), onChange: (next) => onChange(next), options: options.map((option) => ({ value: option, label: option })) }));
+            }
+            return (jsxRuntime.jsxs(Select, { disabled: disabled, value: asText(value), onValueChange: (v) => onChange(v), children: [jsxRuntime.jsx(SelectTrigger, { id: field.id, "aria-invalid": invalid, className: "h-9 w-full", children: jsxRuntime.jsx(SelectValue, { placeholder: disabled ? NOT_CAPTURED : (field.placeholder ?? 'Select an option') }) }), jsxRuntime.jsx(SelectContent, { children: options.map((option) => (jsxRuntime.jsx(SelectItem, { value: option, children: option }, option))) })] }));
+        }
+        case 'multiSelect': {
+            const options = field.options ?? [];
+            if (options.length === 0)
+                return jsxRuntime.jsx(NoOptions, {});
+            const selected = asList(value);
+            // Read-only has no trigger to disable, so show the picked values plainly.
+            if (disabled) {
+                return (jsxRuntime.jsx("p", { className: "py-1.5 text-sm text-foreground", children: selected.length > 0 ? selected.join(', ') : NOT_CAPTURED }));
+            }
+            return (jsxRuntime.jsx(FilterMultiSelect, { label: field.placeholder ?? 'Select options', value: selected, onChange: (next) => onChange(next), options: options.map((option) => ({ value: option, label: option })), triggerClassName: "w-full" }));
+        }
+        case 'toggle':
+            return (jsxRuntime.jsx("div", { className: "flex h-9 items-center", children: jsxRuntime.jsx(ToggleSwitch, { checked: value === true, disabled: disabled, onCheckedChange: (checked) => onChange(checked) }) }));
+        case 'time':
+            return (jsxRuntime.jsx(TimePicker, { name: field.id, disabled: disabled, placeholder: disabled ? NOT_CAPTURED : (field.placeholder ?? 'Select time'), value: asText(value), onChange: (next) => onChange(next ?? null) }));
+        case 'email':
+        case 'phone':
+            return (jsxRuntime.jsx(Input, { id: field.id, type: field.type === 'email' ? 'email' : 'tel', inputMode: field.type === 'phone' ? 'tel' : undefined, disabled: disabled, placeholder: placeholder ?? field.placeholder, "aria-invalid": invalid, value: asText(value), onChange: (e) => onChange(e.target.value) }));
+        case 'image':
+        case 'file':
+        case 'docsWithExpiry':
+            return (renderUpload?.({
+                id: field.id,
+                variant: field.type,
+                value,
+                expiryDateLabel: field.expiryDateLabel,
+                disabled,
+                onChange,
+            }) ?? null);
+        case 'textarea':
+            return (jsxRuntime.jsx(Textarea, { id: field.id, rows: 3, disabled: disabled, placeholder: placeholder ?? field.placeholder, "aria-invalid": invalid, value: asText(value), onChange: (e) => onChange(e.target.value) }));
+        case 'number':
+            // The unit is carried by the label, so the input keeps its full width.
+            return (jsxRuntime.jsx(NumberInput, { id: field.id, disabled: disabled, placeholder: placeholder ?? field.placeholder, "aria-invalid": invalid, value: typeof value === 'number' ? value : '', emitUndefinedOnEmpty: true, onChange: (v) => onChange(v ?? null), className: "h-9 w-full" }));
+        case 'date':
+            return (jsxRuntime.jsx(DateInput, { name: field.id, disabled: disabled, placeholder: placeholder ?? field.placeholder, max: field.maxDate, value: typeof value === 'string' && value ? new Date(value) : undefined, onChange: (date) => onChange(date ? date.toISOString() : null) }));
+        case 'checkbox':
+            return (jsxRuntime.jsxs("label", { className: "flex h-9 cursor-pointer select-none items-center gap-2", children: [jsxRuntime.jsx(Checkbox, { id: field.id, disabled: disabled, checked: value === true, onCheckedChange: (checked) => onChange(checked === true) }), jsxRuntime.jsx("span", { className: "text-sm text-muted-foreground", children: disabled ? (value === true ? 'Yes' : 'No') : 'Yes' })] }));
+        default:
+            return (jsxRuntime.jsx(Input, { id: field.id, disabled: disabled, placeholder: placeholder ?? field.placeholder, "aria-invalid": invalid, value: asText(value), onChange: (e) => onChange(e.target.value) }));
+    }
+}
+
+const formatDate = (iso) => {
+    const date = new Date(iso);
+    return Number.isNaN(date.getTime())
+        ? iso
+        : date.toLocaleDateString(undefined, {
+            day: '2-digit',
+            month: 'short',
+            year: 'numeric',
+        });
+};
+const isUpload = (value) => !!value && typeof value === 'object' && 'key' in value;
+const FileLink = ({ file }) => file.url ? (jsxRuntime.jsxs("a", { href: file.url, target: "_blank", rel: "noreferrer", className: "inline-flex items-center gap-1.5 text-primary hover:underline", children: [jsxRuntime.jsx(FileText, { className: "h-3.5 w-3.5 shrink-0", "aria-hidden": true }), file.name] })) : (jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-1.5", children: [jsxRuntime.jsx(FileText, { className: "h-3.5 w-3.5 shrink-0 text-muted-foreground", "aria-hidden": true }), file.name] }));
+/** Muted dash, so an uncaptured field reads as blank rather than as a value. */
+const EmptyValue = () => (jsxRuntime.jsx("span", { className: "text-muted-foreground/60", children: "\u2014" }));
+/**
+ * A captured value rendered for reading rather than editing. Edit forms use
+ * real inputs; a disabled input full of placeholders is much harder to scan
+ * than plain text, and reads as broken rather than empty.
+ */
+function CustomFieldValue({ type, value, unit, }) {
+    if (isValueEmpty(value))
+        return jsxRuntime.jsx(EmptyValue, {});
+    switch (type) {
+        case 'checkbox':
+        case 'toggle':
+            return jsxRuntime.jsx("span", { children: value === true ? 'Yes' : 'No' });
+        case 'date':
+            return jsxRuntime.jsx("span", { children: typeof value === 'string' ? formatDate(value) : '—' });
+        case 'multiSelect':
+            return (jsxRuntime.jsx("span", { children: Array.isArray(value) ? value.join(', ') : String(value) }));
+        case 'image':
+        case 'file':
+            return isUpload(value) ? jsxRuntime.jsx(FileLink, { file: value }) : jsxRuntime.jsx(EmptyValue, {});
+        case 'docsWithExpiry': {
+            const doc = value;
+            if (!isUpload(doc.file))
+                return jsxRuntime.jsx(EmptyValue, {});
+            return (jsxRuntime.jsxs("span", { className: "flex flex-col gap-0.5", children: [jsxRuntime.jsx(FileLink, { file: doc.file }), doc.expiryDate && (jsxRuntime.jsxs("span", { className: "text-xs text-muted-foreground", children: ["Expires ", formatDate(doc.expiryDate)] }))] }));
+        }
+        case 'number': {
+            const text = typeof value === 'number' ? value.toLocaleString() : String(value);
+            return (jsxRuntime.jsx("span", { className: "tabular-nums", children: unit ? `${text} ${unit}` : text }));
+        }
+        default:
+            return (jsxRuntime.jsx("span", { className: "whitespace-pre-wrap break-words", children: String(value) }));
+    }
+}
+
+const FIELD_TYPE_ICONS = {
+    text: Type,
+    textarea: AlignLeft,
+    email: Mail,
+    phone: Phone,
+    number: Hash,
+    date: Calendar$1,
+    time: Clock,
+    dropdown: CircleChevronDown,
+    radio: CircleDot,
+    checkbox: SquareCheckBig,
+    multiSelect: ListChecks,
+    toggle: ToggleLeft,
+    boolean: ToggleLeft,
+    image: Image$1,
+    file: Paperclip,
+    docsWithExpiry: Paperclip,
+};
+/** Glyph for a field type, so a list of fields is scannable at a glance. */
+function fieldTypeIcon(type) {
+    return FIELD_TYPE_ICONS[type] ?? Type;
+}
+
 /**
  * Compact "time ago" label, e.g. "5m ago". Falls back to a locale date past a
  * week so older entries stay scannable.
@@ -37992,28 +38508,6 @@ function PurchaseOrderComboBox({ selectedItem, onSelect, fetchPurchaseOrders, se
             : '', fetchPage: fetchPage, resolveById: resolveById, preSelectedId: preSelectedId, searchPlaceholder: searchPlaceholder, emptyMessage: "No purchase orders found.", disabled: disabled, className: className, align: align }));
 }
 
-/**
- * Horizontal row of option cards behaving as a radio group.
- * Selected option highlights with primary border + light green background + filled dot.
- * Unselected options have an empty circle indicator.
- */
-function RadioCardGroup({ value, onChange, options, className, disabled, name, ariaLabel, iconSize = 'sm', }) {
-    const iconSizeClasses = iconSize === 'xl'
-        ? '[&_svg]:h-10 [&_svg]:w-10'
-        : iconSize === 'lg'
-            ? '[&_svg]:h-6 [&_svg]:w-6'
-            : '[&_svg]:h-4 [&_svg]:w-4';
-    return (jsxRuntime.jsx("div", { role: "radiogroup", "aria-label": ariaLabel, className: cn('grid w-full grid-cols-2 gap-3 sm:grid-cols-4', className), children: options.map((opt) => {
-            const selected = value === opt.value;
-            const isDisabled = disabled || opt.disabled;
-            return (jsxRuntime.jsxs("button", { type: "button", role: "radio", "aria-checked": selected, disabled: isDisabled, "data-state": selected ? 'checked' : 'unchecked', onClick: () => !isDisabled && onChange(opt.value), name: name, className: cn('flex w-full cursor-pointer gap-3 rounded-md border px-3 text-sm font-medium shadow-[0_1px_2px_0_rgba(0,0,0,0.05)] transition-colors disabled:cursor-not-allowed', 'outline-none focus-visible:ring-2 focus-visible:ring-primary/30', opt.description
-                    ? 'min-h-14 items-start py-2 text-left'
-                    : 'h-9 items-center py-1.5', selected
-                    ? 'border-primary bg-primary/10 text-primary'
-                    : 'border-transparent bg-[#FAFAFA] text-foreground dark:bg-[#262626]', isDisabled && 'cursor-not-allowed opacity-50'), children: [jsxRuntime.jsx("span", { "aria-hidden": "true", className: cn('relative inline-flex h-4 w-4 shrink-0 items-center justify-center rounded-full border', opt.description && 'mt-[3px]', selected ? 'border-primary' : 'border-gray-300'), children: selected && (jsxRuntime.jsx("span", { className: "block h-2 w-2 rounded-full bg-primary" })) }), jsxRuntime.jsxs("span", { className: "flex min-w-0 flex-1 flex-col items-start", children: [jsxRuntime.jsx("span", { className: "truncate", children: opt.label }), opt.description && (jsxRuntime.jsx("span", { className: cn('mt-0.5 text-xs font-normal', selected ? 'text-primary/80' : 'text-label'), children: opt.description }))] }), opt.icon && (jsxRuntime.jsx("span", { "aria-hidden": "true", className: cn('inline-flex shrink-0 items-center', iconSizeClasses, selected ? 'text-primary' : 'text-label'), children: opt.icon }))] }, opt.value));
-        }) }));
-}
-
 // ::- Persistent data structure representing an ordered mapping from
 // strings to values, with some convenient update methods.
 function OrderedMap(content) {
@@ -66702,158 +67196,6 @@ function TagsInput({ value, onChange, placeholder, helperText, uppercase = false
     return (jsxRuntime.jsxs("div", { className: "w-full", children: [jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [jsxRuntime.jsx(Input, { value: input, onChange: onInputChange, onKeyDown: onInputKeyDown, placeholder: placeholder || 'Type and Press Enter', className: "flex-1 bg-formInput" }), jsxRuntime.jsxs(Button$1, { type: "button", onClick: addTag, disabled: addDisabled, className: "h-9 gap-1.5 disabled:opacity-50", children: [jsxRuntime.jsx(Plus, { className: "h-4 w-4" }), "Add"] })] }), helperText && (jsxRuntime.jsx("p", { className: "mt-1.5 text-xs text-muted-foreground", children: helperText })), value.length > 0 && (jsxRuntime.jsx("div", { className: "mt-3 flex flex-wrap gap-2", children: value.map((tag, idx) => (jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-1.5 rounded-md border border-border bg-secondary px-2 py-1 text-xs font-medium text-foreground", children: [tag, jsxRuntime.jsx("button", { type: "button", onClick: () => removeTag(idx), "aria-label": `Remove ${tag}`, className: "cursor-pointer text-muted-foreground transition-colors hover:text-foreground", children: jsxRuntime.jsx(X$2, { className: "h-3 w-3" }) })] }, idx))) }))] }));
 }
 
-/**
- * One scrolling column of the picker (hours, minutes or period). The selected
- * row is scrolled into view whenever it changes, so reopening the popover lands
- * on the current value instead of at midnight.
- */
-function TimeColumn({ label, options, selected, onSelect, }) {
-    const listRef = React.useRef(null);
-    const activeRef = React.useRef(null);
-    React.useEffect(() => {
-        const list = listRef.current;
-        const active = activeRef.current;
-        if (!list || !active)
-            return;
-        // `scrollIntoView` would scroll the page as well as the column.
-        list.scrollTop =
-            active.offsetTop - list.clientHeight / 2 + active.clientHeight / 2;
-    }, [selected]);
-    return (jsxRuntime.jsxs("div", { className: "flex min-w-0 flex-col", children: [jsxRuntime.jsx("span", { className: "px-1 pb-1.5 text-center text-[11px] font-medium uppercase tracking-wide text-muted-foreground", children: label }), jsxRuntime.jsx("div", { ref: listRef, role: "listbox", "aria-label": label, className: "scrollbar-thin h-[184px] overflow-y-auto px-1", children: jsxRuntime.jsx("div", { className: "flex flex-col gap-0.5", children: options.map((option) => {
-                        const isSelected = option.value === selected;
-                        return (jsxRuntime.jsx("button", { ref: isSelected ? activeRef : undefined, type: "button", role: "option", "aria-selected": isSelected, onClick: () => onSelect(option.value), className: cn('rounded-md px-3 py-1.5 text-center text-sm tabular-nums transition-colors', 'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring', isSelected
-                                ? 'bg-primary text-primary-foreground'
-                                : 'text-foreground hover:bg-muted'), children: option.label }, option.value));
-                    }) }) })] }));
-}
-
-const TIME_PATTERN = /^(\d{1,2}):(\d{2})(?::\d{2})?$/;
-const pad = (n) => String(n).padStart(2, '0');
-/** Reads `HH:mm` / `HH:mm:ss`. Returns null for anything out of range. */
-function parseTimeValue(value) {
-    const match = TIME_PATTERN.exec((value ?? '').trim());
-    if (!match)
-        return null;
-    const hour = Number(match[1]);
-    const minute = Number(match[2]);
-    if (hour > 23 || minute > 59)
-        return null;
-    return { hour, minute };
-}
-/** The stored form — always 24-hour, whatever the display format. */
-function toTimeValue(hour, minute) {
-    return `${pad(hour)}:${pad(minute)}`;
-}
-function formatTimeDisplay(time, use24Hour) {
-    if (use24Hour)
-        return toTimeValue(time.hour, time.minute);
-    // 0 and 12 both map to 12 — midnight is 12 AM, noon is 12 PM.
-    const hour12 = time.hour % 12 === 0 ? 12 : time.hour % 12;
-    const period = time.hour < 12 ? 'AM' : 'PM';
-    return `${pad(hour12)}:${pad(time.minute)} ${period}`;
-}
-function buildHourOptions(use24Hour) {
-    if (use24Hour) {
-        return Array.from({ length: 24 }, (_, hour) => ({
-            value: hour,
-            label: pad(hour),
-        }));
-    }
-    // 12 first, matching how a clock reads.
-    return Array.from({ length: 12 }, (_, index) => {
-        const hour12 = index === 0 ? 12 : index;
-        return { value: hour12, label: pad(hour12) };
-    });
-}
-function buildMinuteOptions(step) {
-    const safeStep = Number.isFinite(step) && step > 0 ? Math.floor(step) : 1;
-    const options = [];
-    for (let minute = 0; minute < 60; minute += safeStep) {
-        options.push({ value: minute, label: pad(minute) });
-    }
-    return options;
-}
-/** The hour as the 12-hour column shows it (12, 1…11). */
-function toHour12(hour) {
-    return hour % 12 === 0 ? 12 : hour % 12;
-}
-/** Rebuilds a 24-hour hour from a 12-hour column value and its period. */
-function fromHour12(hour12, period) {
-    const base = hour12 % 12;
-    return period === 'PM' ? base + 12 : base;
-}
-function periodOf(hour) {
-    return hour < 12 ? 'AM' : 'PM';
-}
-
-// Only one TimePicker popover should be open at a time — same coordination the
-// DateInput uses, for the same reason: each is its own `modal` Radix Popover, so
-// opening a second does not dismiss the first by outside-click.
-const TIMEPICKER_OPEN_EVENT = 'caratlogic:timepicker-open';
-const PERIOD_OPTIONS = [
-    { value: 0, label: 'AM' },
-    { value: 1, label: 'PM' },
-];
-function TimePicker({ value, onChange, onBlur, name, className, disabled, placeholder = 'Select time', use24Hour = false, minuteStep = 1, hideFooter = false, }) {
-    const [open, setOpen] = React.useState(false);
-    const instanceId = React.useId();
-    const parsed = parseTimeValue(value);
-    React.useEffect(() => {
-        const onOtherOpen = (e) => {
-            if (e.detail !== instanceId)
-                setOpen(false);
-        };
-        window.addEventListener(TIMEPICKER_OPEN_EVENT, onOtherOpen);
-        return () => window.removeEventListener(TIMEPICKER_OPEN_EVENT, onOtherOpen);
-    }, [instanceId]);
-    const handleOpenChange = (next) => {
-        setOpen(next);
-        if (next) {
-            window.dispatchEvent(new CustomEvent(TIMEPICKER_OPEN_EVENT, { detail: instanceId }));
-        }
-    };
-    /** Picking one column before the others commits against a 00:00 baseline. */
-    const commit = (hour, minute) => {
-        onChange(toTimeValue(hour, minute));
-    };
-    const handleHour = (picked) => {
-        const minute = parsed?.minute ?? 0;
-        if (use24Hour) {
-            commit(picked, minute);
-            return;
-        }
-        commit(fromHour12(picked, parsed ? periodOf(parsed.hour) : 'AM'), minute);
-    };
-    const handleMinute = (picked) => {
-        commit(parsed?.hour ?? 0, picked);
-    };
-    const handlePeriod = (picked) => {
-        const period = picked === 0 ? 'AM' : 'PM';
-        const hour12 = parsed ? toHour12(parsed.hour) : 12;
-        commit(fromHour12(hour12, period), parsed?.minute ?? 0);
-    };
-    const selectedHour = parsed
-        ? use24Hour
-            ? parsed.hour
-            : toHour12(parsed.hour)
-        : null;
-    // NOTE: `open` is driven from the button's onClick rather than
-    // <PopoverTrigger>, matching DateInput — inside a modal <SlideOut> the
-    // trigger's built-in toggle does not fire in Safari. <PopoverAnchor> is pure
-    // positioning, so a single controlled toggle stays the only source of truth.
-    return (jsxRuntime.jsxs(Popover, { open: open, onOpenChange: handleOpenChange, modal: true, children: [jsxRuntime.jsx(PopoverAnchor, { asChild: true, children: jsxRuntime.jsxs("button", { type: "button", name: name, onBlur: onBlur, disabled: disabled, "aria-haspopup": "dialog", "aria-expanded": open, onClick: () => {
-                        if (!disabled)
-                            handleOpenChange(!open);
-                    }, "data-slot": "input", "data-empty": !parsed || undefined, className: cn('border-input-border flex h-9 w-full min-w-0 cursor-pointer items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-1 text-left shadow-[0_1px_2px_0_#0000000d] transition-[color,box-shadow] outline-none', 'focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]', 'aria-invalid:ring-destructive/20 aria-invalid:border-destructive', disabled && 'cursor-not-allowed bg-muted/50 text-label', className), children: [jsxRuntime.jsx("span", { className: cn('truncate text-sm md:text-sm', parsed ? 'text-foreground' : 'text-placeholder'), children: parsed ? formatTimeDisplay(parsed, use24Hour) : placeholder }), jsxRuntime.jsx("span", { className: "inline-flex h-4 w-4 shrink-0 items-center justify-center text-muted-foreground", children: jsxRuntime.jsx(Clock, { className: "h-4 w-4 stroke-[1.75]" }) })] }) }), jsxRuntime.jsxs(PopoverContent, { align: "start", className: "w-auto p-3", children: [jsxRuntime.jsxs("div", { className: "flex gap-1", children: [jsxRuntime.jsx(TimeColumn, { label: "Hour", options: buildHourOptions(use24Hour), selected: selectedHour, onSelect: handleHour }), jsxRuntime.jsx(TimeColumn, { label: "Min", options: buildMinuteOptions(minuteStep), selected: parsed?.minute ?? null, onSelect: handleMinute }), !use24Hour && (jsxRuntime.jsx(TimeColumn, { label: "AM/PM", options: PERIOD_OPTIONS, selected: parsed ? (periodOf(parsed.hour) === 'AM' ? 0 : 1) : null, onSelect: handlePeriod }))] }), !hideFooter && (jsxRuntime.jsxs("div", { className: "mt-2 flex items-center justify-between gap-2 border-t border-border pt-2", children: [jsxRuntime.jsx("button", { type: "button", onClick: () => {
-                                    onChange(undefined);
-                                    setOpen(false);
-                                }, className: "rounded-md px-2 py-1 text-xs font-medium text-muted-foreground transition-colors hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", children: "Clear" }), jsxRuntime.jsx("button", { type: "button", onClick: () => {
-                                    const now = new Date();
-                                    commit(now.getHours(), now.getMinutes());
-                                    setOpen(false);
-                                }, className: "rounded-md px-2 py-1 text-xs font-medium text-primary transition-colors hover:text-hover focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", children: "Now" })] }))] })] }));
-}
-
 function mapToItem(w, separator) {
     const id = w.id || w.warehouseId || '';
     if (!id)
@@ -77010,6 +77352,8 @@ exports.CurrencyDisplayTabs = CurrencyDisplayTabs;
 exports.CurrencyInput = CurrencyInput;
 exports.CurrencyToggle = CurrencyToggle;
 exports.CustomCombobox = CustomCombobox;
+exports.CustomFieldInput = CustomFieldInput;
+exports.CustomFieldValue = CustomFieldValue;
 exports.CustomTable = CustomTable;
 exports.CustomizeColumnsDrawer = CustomizeColumnsDrawer;
 exports.DIAMOND_AUDIT_CONFIG = DIAMOND_AUDIT_CONFIG;
@@ -77035,6 +77379,7 @@ exports.DropdownMenuSub = DropdownMenuSub;
 exports.DropdownMenuSubContent = DropdownMenuSubContent;
 exports.DropdownMenuSubTrigger = DropdownMenuSubTrigger;
 exports.DropdownMenuTrigger = DropdownMenuTrigger;
+exports.EmptyValue = EmptyValue;
 exports.EntityHeader = EntityHeader;
 exports.Field = Field;
 exports.FieldSkeleton = FieldSkeleton;
@@ -77071,6 +77416,7 @@ exports.MetricTile = MetricTile;
 exports.Modal = Modal;
 exports.MoreInfoPanel = MoreInfoPanel;
 exports.MoreInfoTrigger = MoreInfoTrigger;
+exports.NOT_CAPTURED = NOT_CAPTURED;
 exports.Navbar = Navbar;
 exports.NavbarActions = NavbarActions;
 exports.NavbarAvatar = NavbarAvatar;
@@ -77157,6 +77503,8 @@ exports.TruncateTooltip = TruncateTooltip;
 exports.WarehouseComboBox = WarehouseComboBox;
 exports.WarehouseFilter = WarehouseFilter;
 exports.ZoomSplitViewer = ZoomSplitViewer;
+exports.asList = asList;
+exports.asText = asText;
 exports.badgeVariants = badgeVariants;
 exports.buildBulkShareTitle = buildBulkShareTitle;
 exports.buildInventoryPublicUrl = buildInventoryPublicUrl;
@@ -77169,6 +77517,7 @@ exports.countries = countries;
 exports.countryByCode = countryByCode;
 exports.createVideoMediaItem = createVideoMediaItem;
 exports.dropdownMenuItemDestructiveClass = dropdownMenuItemDestructiveClass;
+exports.fieldTypeIcon = fieldTypeIcon;
 exports.findRegion = findRegion;
 exports.flagEmoji = flagEmoji;
 exports.formatAddressLocation = formatAddressLocation;
@@ -77183,10 +77532,12 @@ exports.getStatesOfCountry = getStatesOfCountry;
 exports.iconButtonVariants = iconButtonVariants;
 exports.inAppNotificationCardA11y = inAppNotificationCardA11y;
 exports.inAppNotificationsPanelA11y = inAppNotificationsPanelA11y;
+exports.isBlank = isBlank;
 exports.isIndiaCountry = isIndiaCountry;
 exports.isKnownRegion = isKnownRegion;
 exports.isPathActive = isPathActive;
 exports.isValidAlpha2CountryCode = isValidAlpha2CountryCode;
+exports.isValueEmpty = isValueEmpty;
 exports.notify = notify;
 exports.releaseStaleOverlayBodyLock = releaseStaleOverlayBodyLock;
 exports.renderBadge = renderBadge;