npm - @caratlogic/design-system - Versions diffs - 0.1.13 → 0.1.18 - Mend

@caratlogic/design-system 0.1.13 → 0.1.18

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (20) hide show

package/dist/index.esm.js CHANGED Viewed

@@ -2668,12 +2668,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
@@ -2683,11 +2698,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
@@ -2697,11 +2712,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
@@ -2711,11 +2726,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
@@ -2725,7 +2740,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",
@@ -2736,7 +2751,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
@@ -2746,7 +2761,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",
@@ -2756,7 +2771,7 @@ const __iconNode$13 = [
     }
   ]
 ];
-const Bell = createLucideIcon("bell", __iconNode$13);
+const Bell = createLucideIcon("bell", __iconNode$1d);
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -2766,13 +2781,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
@@ -2782,7 +2797,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" }],
@@ -2794,7 +2809,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
@@ -2804,13 +2819,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
@@ -2820,11 +2835,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
@@ -2834,8 +2849,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
@@ -2845,8 +2860,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
@@ -2856,8 +2871,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
@@ -2867,8 +2882,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
@@ -2878,8 +2893,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
@@ -2889,11 +2904,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
@@ -2903,11 +2918,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
@@ -2917,12 +2932,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
@@ -2932,11 +2947,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
@@ -2946,11 +2961,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
@@ -2960,12 +2975,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
@@ -2975,8 +3018,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
@@ -2986,11 +3029,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
@@ -3000,11 +3043,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
@@ -3014,11 +3057,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
@@ -3028,12 +3071,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
@@ -3043,12 +3086,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
@@ -3058,12 +3101,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
@@ -3073,12 +3116,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
@@ -3088,7 +3131,7 @@ const ExternalLink = createLucideIcon("external-link", __iconNode$I);
  */
-const __iconNode$H = [
+const __iconNode$P = [
   [
     "path",
     {
@@ -3098,7 +3141,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
@@ -3108,13 +3151,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
@@ -3124,7 +3167,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" }],
   [
@@ -3136,7 +3179,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
@@ -3146,14 +3189,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
@@ -3163,7 +3206,7 @@ const FileText = createLucideIcon("file-text", __iconNode$E);
  */
-const __iconNode$D = [
+const __iconNode$L = [
   [
     "path",
     {
@@ -3172,7 +3215,7 @@ const __iconNode$D = [
     }
   ]
 ];
-const Funnel = createLucideIcon("funnel", __iconNode$D);
+const Funnel = createLucideIcon("funnel", __iconNode$L);
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3182,7 +3225,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" }],
@@ -3190,7 +3233,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
@@ -3200,7 +3243,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" }],
@@ -3208,7 +3251,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
@@ -3218,13 +3261,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
@@ -3234,13 +3293,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
@@ -3250,14 +3309,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
@@ -3267,12 +3326,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
@@ -3282,12 +3341,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
@@ -3297,12 +3356,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
@@ -3312,12 +3371,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
@@ -3327,12 +3386,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
@@ -3342,7 +3401,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" }],
@@ -3350,7 +3426,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
@@ -3360,7 +3436,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" }],
@@ -3368,7 +3444,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
@@ -3378,8 +3454,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
@@ -3389,7 +3465,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" }],
@@ -3399,7 +3475,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
@@ -3409,12 +3485,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
@@ -3424,12 +3500,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
@@ -3439,7 +3529,7 @@ const Menu = createLucideIcon("menu", __iconNode$n);
  */
-const __iconNode$m = [
+const __iconNode$r = [
   [
     "path",
     {
@@ -3448,7 +3538,7 @@ const __iconNode$m = [
     }
   ]
 ];
-const Moon = createLucideIcon("moon", __iconNode$m);
+const Moon = createLucideIcon("moon", __iconNode$r);
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3458,7 +3548,7 @@ const Moon = createLucideIcon("moon", __iconNode$m);
  */
-const __iconNode$l = [
+const __iconNode$q = [
   [
     "path",
     {
@@ -3471,7 +3561,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
@@ -3481,12 +3571,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
@@ -3496,7 +3586,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",
     {
@@ -3506,7 +3615,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
@@ -3516,7 +3625,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",
     {
@@ -3525,7 +3653,7 @@ const __iconNode$i = [
     }
   ]
 ];
-const Play = createLucideIcon("play", __iconNode$i);
+const Play = createLucideIcon("play", __iconNode$l);
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3535,11 +3663,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
@@ -3549,10 +3677,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
@@ -3562,11 +3690,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
@@ -3576,13 +3704,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
@@ -3592,14 +3720,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
@@ -3609,14 +3737,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
@@ -3626,11 +3754,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
@@ -3640,14 +3768,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
@@ -3657,10 +3785,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
@@ -3670,12 +3815,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
@@ -3685,7 +3830,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" }],
@@ -3696,7 +3841,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
@@ -3706,14 +3851,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
@@ -3723,7 +3882,7 @@ const Trash2 = createLucideIcon("trash-2", __iconNode$6);
  */
-const __iconNode$5 = [
+const __iconNode$6 = [
   [
     "path",
     {
@@ -3734,7 +3893,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
@@ -20787,7 +20961,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 {
@@ -20804,7 +20978,7 @@ const InfoCard = ({ info, title, refundToWallet, onRefundChange, }) => {
     if (React__default.isValidElement(info))
         return jsx("div", { className: "mt-3", children: info });
     const i = info;
-    return (jsx("div", { className: "mt-1 rounded-lg border bg-muted p-3 shadow-sm", children: jsxs("div", { className: "flex flex-col gap-1", children: [jsxs("div", { className: "flex items-start gap-3", children: [jsx("div", { className: "w-36 text-sm text-muted-foreground", children: "Date" }), jsx("div", { children: formatDate$2(i.invoiceDate) })] }), jsxs("div", { className: "flex items-start gap-3", children: [jsx("div", { className: "w-36 text-sm text-muted-foreground", children: "Total" }), jsx("div", { className: "font-medium text-foreground", children: formatCurrencyWithTenantSymbol(i.totalAmount) })] }), i.paidAmount !== undefined && (jsxs("div", { className: "flex items-start gap-3", children: [jsx("div", { className: "w-36 text-sm text-muted-foreground", children: "Paid" }), jsx("div", { className: "font-medium text-primary", children: formatCurrencyWithTenantSymbol(i.paidAmount) })] })), i.outstandingAmount !== undefined && (jsxs("div", { className: "flex items-start gap-3", children: [jsx("div", { className: "w-36 text-sm text-muted-foreground", children: "Outstanding" }), jsx("div", { className: "font-medium text-muted-foreground", children: formatCurrencyWithTenantSymbol(i.outstandingAmount) })] })), title === 'Cancel Invoice' &&
+    return (jsx("div", { className: "mt-1 rounded-lg border bg-muted p-3 shadow-sm", children: jsxs("div", { className: "flex flex-col gap-1", children: [jsxs("div", { className: "flex items-start gap-3", children: [jsx("div", { className: "w-36 text-sm text-muted-foreground", children: "Date" }), jsx("div", { children: formatDate$3(i.invoiceDate) })] }), jsxs("div", { className: "flex items-start gap-3", children: [jsx("div", { className: "w-36 text-sm text-muted-foreground", children: "Total" }), jsx("div", { className: "font-medium text-foreground", children: formatCurrencyWithTenantSymbol(i.totalAmount) })] }), i.paidAmount !== undefined && (jsxs("div", { className: "flex items-start gap-3", children: [jsx("div", { className: "w-36 text-sm text-muted-foreground", children: "Paid" }), jsx("div", { className: "font-medium text-primary", children: formatCurrencyWithTenantSymbol(i.paidAmount) })] })), i.outstandingAmount !== undefined && (jsxs("div", { className: "flex items-start gap-3", children: [jsx("div", { className: "w-36 text-sm text-muted-foreground", children: "Outstanding" }), jsx("div", { className: "font-medium text-muted-foreground", children: formatCurrencyWithTenantSymbol(i.outstandingAmount) })] })), title === 'Cancel Invoice' &&
                     !React__default.isValidElement(info) &&
                     (i?.paidAmount ?? 0) > 0 && (jsxs("div", { className: "flex items-start gap-3", children: [jsx("div", { className: "w-36 whitespace-nowrap text-sm text-muted-foreground", children: "Refund to Wallet" }), jsx(Checkbox, { checked: !!refundToWallet, onCheckedChange: (v) => onRefundChange?.(Boolean(v)), className: "bg-card" })] })), (i.customerName || i.email) && (jsxs("div", { className: "mt-1 rounded bg-card p-2", children: [i.customerName && (jsx("div", { className: "text-sm font-medium", children: i.customerName })), i.email && (jsx("div", { className: "text-sm text-muted-foreground", children: i.email }))] }))] }) }));
 };
@@ -31291,7 +31465,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;
         }
     }
@@ -31319,7 +31493,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,
@@ -31349,7 +31523,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
@@ -31423,7 +31597,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 ***
 /**
@@ -31646,7 +31820,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.
@@ -31656,7 +31830,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.
@@ -31666,7 +31840,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.
@@ -31676,7 +31850,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.
@@ -31686,7 +31860,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.
@@ -31696,7 +31870,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.
@@ -32026,7 +32200,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);
@@ -32041,7 +32215,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);
@@ -32081,7 +32255,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: [],
@@ -32455,7 +32629,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
@@ -32466,7 +32640,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];
@@ -32607,12 +32781,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);
@@ -33538,7 +33712,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;
@@ -33640,7 +33814,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) {
@@ -33783,7 +33957,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__default.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); };
@@ -33818,7 +33992,7 @@ var MonthYearDropdown = /** @class */ (function (_super) {
             var options = [];
             while (!isAfter$1(currDate, lastDate)) {
                 var timePoint = getTime(currDate);
-                options.push(React__default.createElement("option", { key: timePoint, value: timePoint }, formatDate$1(currDate, _this.props.dateFormat, _this.props.locale)));
+                options.push(React__default.createElement("option", { key: timePoint, value: timePoint }, formatDate$2(currDate, _this.props.dateFormat, _this.props.locale)));
                 currDate = addMonths(currDate, 1);
             }
             return options;
@@ -33828,7 +34002,7 @@ var MonthYearDropdown = /** @class */ (function (_super) {
         };
         _this.renderSelectMode = function () { return (React__default.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__default.createElement("div", { key: "read", style: { visibility: visible ? "visible" : "hidden" }, className: "react-datepicker__month-year-read-view", onClick: _this.toggleDropdown },
                 React__default.createElement("span", { className: "react-datepicker__month-year-read-view--down-arrow" }),
                 React__default.createElement("span", { className: "react-datepicker__month-year-read-view--selected-month-year" }, yearMonth)));
@@ -33997,7 +34171,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 () {
@@ -34768,7 +34942,7 @@ var Calendar = /** @class */ (function (_super) {
                     ? _this.props.weekDayClassName(day)
                     : undefined;
                 return (React__default.createElement("div", { key: offset, role: "columnheader", className: clsx("react-datepicker__day-name", weekDayClassName, disabled ? "react-datepicker__day-name--disabled" : "") },
-                    React__default.createElement("span", { className: "react-datepicker__sr-only" }, formatDate$1(day, "EEEE", _this.props.locale)),
+                    React__default.createElement("span", { className: "react-datepicker__sr-only" }, formatDate$2(day, "EEEE", _this.props.locale)),
                     React__default.createElement("span", { "aria-hidden": "true" }, weekDayName)));
             }));
         };
@@ -34948,7 +35122,7 @@ var Calendar = /** @class */ (function (_super) {
                 classes.push("react-datepicker__current-month--hasMonthYearDropdown");
             }
             return (React__default.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) {
@@ -35932,7 +36106,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,
@@ -36546,7 +36720,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) {
@@ -36620,7 +36794,7 @@ function useDateInput({ value, onChange, onBlur, min, max, disabled, }) {
     const inputRef = useRef(null);
     const caretRef = useRef(null);
     const bounds = computeDateBounds(min, max);
-    const formatted = formatDate(value);
+    const formatted = formatDate$1(value);
     const [text, setText] = useState(formatted);
     const [syncedValue, setSyncedValue] = useState(formatted);
     // Adopt `value` whenever it changes from the outside — a form reset, a
@@ -36654,7 +36828,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);
@@ -36931,6 +37105,348 @@ const FilterSelect = ({ label, value, onValueChange, options, resetValue = 'all'
     return (jsxs(Select, { value: value, onValueChange: onValueChange, keepOpenOnSelect: true, children: [jsxs(SelectTrigger, { className: cn(TRIGGER_BASE, active && TRIGGER_ACTIVE, triggerClassName), children: [jsx(Funnel, { className: cn('h-4 w-4 shrink-0', active ? 'text-primary' : 'text-muted-foreground'), "aria-hidden": "true" }), jsxs("span", { className: "flex items-center gap-1", children: [jsx(SelectValue, { placeholder: label }), active && (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 }))] })] }), jsxs(SelectContent, { className: cn(CONTENT_BASE, contentClassName), searchable: searchable, children: [jsx(SelectItem, { value: resetValue, withCheckbox: true, children: label }), options.map((opt) => (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 (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 (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: [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 && (jsx("span", { className: "block h-2 w-2 rounded-full bg-primary" })) }), jsxs("span", { className: "flex min-w-0 flex-1 flex-col items-start", children: [jsx("span", { className: "truncate", children: opt.label }), opt.description && (jsx("span", { className: cn('mt-0.5 text-xs font-normal', selected ? 'text-primary/80' : 'text-label'), children: opt.description }))] }), opt.icon && (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 = useRef(null);
+    const activeRef = useRef(null);
+    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 (jsxs("div", { className: "flex min-w-0 flex-col", children: [jsx("span", { className: "px-1 pb-1.5 text-center text-[11px] font-medium uppercase tracking-wide text-muted-foreground", children: label }), jsx("div", { ref: listRef, role: "listbox", "aria-label": label, className: "scrollbar-thin h-[184px] overflow-y-auto px-1", children: jsx("div", { className: "flex flex-col gap-0.5", children: options.map((option) => {
+                        const isSelected = option.value === selected;
+                        return (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] = useState(false);
+    const instanceId = useId$2();
+    const parsed = parseTimeValue(value);
+    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 (jsxs(Popover, { open: open, onOpenChange: handleOpenChange, modal: true, children: [jsx(PopoverAnchor, { asChild: true, children: 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: [jsx("span", { className: cn('truncate text-sm md:text-sm', parsed ? 'text-foreground' : 'text-placeholder'), children: parsed ? formatTimeDisplay(parsed, use24Hour) : placeholder }), jsx("span", { className: "inline-flex h-4 w-4 shrink-0 items-center justify-center text-muted-foreground", children: jsx(Clock, { className: "h-4 w-4 stroke-[1.75]" }) })] }) }), jsxs(PopoverContent, { align: "start", className: "w-auto p-3", children: [jsxs("div", { className: "flex gap-1", children: [jsx(TimeColumn, { label: "Hour", options: buildHourOptions(use24Hour), selected: selectedHour, onSelect: handleHour }), jsx(TimeColumn, { label: "Min", options: buildMinuteOptions(minuteStep), selected: parsed?.minute ?? null, onSelect: handleMinute }), !use24Hour && (jsx(TimeColumn, { label: "AM/PM", options: PERIOD_OPTIONS, selected: parsed ? (periodOf(parsed.hour) === 'AM' ? 0 : 1) : null, onSelect: handlePeriod }))] }), !hideFooter && (jsxs("div", { className: "mt-2 flex items-center justify-between gap-2 border-t border-border pt-2", children: [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" }), 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 (jsxs("div", { className: "flex flex-col gap-1 w-full text-xs", children: [label && (jsx("label", { className: " font-medium text-foreground text-xs", children: label })), 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 && 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 = () => (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 jsx(NoOptions, {});
+                return (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 (jsxs(Select, { disabled: disabled, value: asText(value), onValueChange: (v) => onChange(v), children: [jsx(SelectTrigger, { id: field.id, "aria-invalid": invalid, className: "h-9 w-full", children: jsx(SelectValue, { placeholder: disabled ? NOT_CAPTURED : (field.placeholder ?? 'Select an option') }) }), jsx(SelectContent, { children: options.map((option) => (jsx(SelectItem, { value: option, children: option }, option))) })] }));
+        }
+        case 'multiSelect': {
+            const options = field.options ?? [];
+            if (options.length === 0)
+                return jsx(NoOptions, {});
+            const selected = asList(value);
+            // Read-only has no trigger to disable, so show the picked values plainly.
+            if (disabled) {
+                return (jsx("p", { className: "py-1.5 text-sm text-foreground", children: selected.length > 0 ? selected.join(', ') : NOT_CAPTURED }));
+            }
+            return (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 (jsx("div", { className: "flex h-9 items-center", children: jsx(ToggleSwitch, { checked: value === true, disabled: disabled, onCheckedChange: (checked) => onChange(checked) }) }));
+        case 'time':
+            return (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 (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 (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 (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 (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 (jsxs("label", { className: "flex h-9 cursor-pointer select-none items-center gap-2", children: [jsx(Checkbox, { id: field.id, disabled: disabled, checked: value === true, onCheckedChange: (checked) => onChange(checked === true) }), jsx("span", { className: "text-sm text-muted-foreground", children: disabled ? (value === true ? 'Yes' : 'No') : 'Yes' })] }));
+        default:
+            return (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 ? (jsxs("a", { href: file.url, target: "_blank", rel: "noreferrer", className: "inline-flex items-center gap-1.5 text-primary hover:underline", children: [jsx(FileText, { className: "h-3.5 w-3.5 shrink-0", "aria-hidden": true }), file.name] })) : (jsxs("span", { className: "inline-flex items-center gap-1.5", children: [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 = () => (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 jsx(EmptyValue, {});
+    switch (type) {
+        case 'checkbox':
+        case 'toggle':
+            return jsx("span", { children: value === true ? 'Yes' : 'No' });
+        case 'date':
+            return jsx("span", { children: typeof value === 'string' ? formatDate(value) : '—' });
+        case 'multiSelect':
+            return (jsx("span", { children: Array.isArray(value) ? value.join(', ') : String(value) }));
+        case 'image':
+        case 'file':
+            return isUpload(value) ? jsx(FileLink, { file: value }) : jsx(EmptyValue, {});
+        case 'docsWithExpiry': {
+            const doc = value;
+            if (!isUpload(doc.file))
+                return jsx(EmptyValue, {});
+            return (jsxs("span", { className: "flex flex-col gap-0.5", children: [jsx(FileLink, { file: doc.file }), doc.expiryDate && (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 (jsx("span", { className: "tabular-nums", children: unit ? `${text} ${unit}` : text }));
+        }
+        default:
+            return (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.
@@ -37962,28 +38478,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 (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 (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: [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 && (jsx("span", { className: "block h-2 w-2 rounded-full bg-primary" })) }), jsxs("span", { className: "flex min-w-0 flex-1 flex-col items-start", children: [jsx("span", { className: "truncate", children: opt.label }), opt.description && (jsx("span", { className: cn('mt-0.5 text-xs font-normal', selected ? 'text-primary/80' : 'text-label'), children: opt.description }))] }), opt.icon && (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) {
@@ -66672,158 +67166,6 @@ function TagsInput({ value, onChange, placeholder, helperText, uppercase = false
     return (jsxs("div", { className: "w-full", children: [jsxs("div", { className: "flex items-center gap-2", children: [jsx(Input, { value: input, onChange: onInputChange, onKeyDown: onInputKeyDown, placeholder: placeholder || 'Type and Press Enter', className: "flex-1 bg-formInput" }), jsxs(Button$1, { type: "button", onClick: addTag, disabled: addDisabled, className: "h-9 gap-1.5 disabled:opacity-50", children: [jsx(Plus, { className: "h-4 w-4" }), "Add"] })] }), helperText && (jsx("p", { className: "mt-1.5 text-xs text-muted-foreground", children: helperText })), value.length > 0 && (jsx("div", { className: "mt-3 flex flex-wrap gap-2", children: value.map((tag, idx) => (jsxs("span", { className: "inline-flex items-center gap-1.5 rounded-md border border-border bg-secondary px-2 py-1 text-xs font-medium text-foreground", children: [tag, jsx("button", { type: "button", onClick: () => removeTag(idx), "aria-label": `Remove ${tag}`, className: "cursor-pointer text-muted-foreground transition-colors hover:text-foreground", children: jsx(X$2, { className: "h-3 w-3" }) })] }, idx))) }))] }));
 }
-/**
- * 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 = useRef(null);
-    const activeRef = useRef(null);
-    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 (jsxs("div", { className: "flex min-w-0 flex-col", children: [jsx("span", { className: "px-1 pb-1.5 text-center text-[11px] font-medium uppercase tracking-wide text-muted-foreground", children: label }), jsx("div", { ref: listRef, role: "listbox", "aria-label": label, className: "scrollbar-thin h-[184px] overflow-y-auto px-1", children: jsx("div", { className: "flex flex-col gap-0.5", children: options.map((option) => {
-                        const isSelected = option.value === selected;
-                        return (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] = useState(false);
-    const instanceId = useId$2();
-    const parsed = parseTimeValue(value);
-    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 (jsxs(Popover, { open: open, onOpenChange: handleOpenChange, modal: true, children: [jsx(PopoverAnchor, { asChild: true, children: 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: [jsx("span", { className: cn('truncate text-sm md:text-sm', parsed ? 'text-foreground' : 'text-placeholder'), children: parsed ? formatTimeDisplay(parsed, use24Hour) : placeholder }), jsx("span", { className: "inline-flex h-4 w-4 shrink-0 items-center justify-center text-muted-foreground", children: jsx(Clock, { className: "h-4 w-4 stroke-[1.75]" }) })] }) }), jsxs(PopoverContent, { align: "start", className: "w-auto p-3", children: [jsxs("div", { className: "flex gap-1", children: [jsx(TimeColumn, { label: "Hour", options: buildHourOptions(use24Hour), selected: selectedHour, onSelect: handleHour }), jsx(TimeColumn, { label: "Min", options: buildMinuteOptions(minuteStep), selected: parsed?.minute ?? null, onSelect: handleMinute }), !use24Hour && (jsx(TimeColumn, { label: "AM/PM", options: PERIOD_OPTIONS, selected: parsed ? (periodOf(parsed.hour) === 'AM' ? 0 : 1) : null, onSelect: handlePeriod }))] }), !hideFooter && (jsxs("div", { className: "mt-2 flex items-center justify-between gap-2 border-t border-border pt-2", children: [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" }), 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)
@@ -76949,5 +77291,5 @@ var RichTextAreaImpl = /*#__PURE__*/Object.freeze({
   RichTextarea: RichTextarea
 });
-export { ActionBadge, ActionButtonWithTooltip, AdvancedSearchDrawer, Alert, ApiComboBox, AppSidebar, AuditEntryCard, AuditHistoryPanel, AuditTimeline, AuditTimelineShimmer, Badge, BadgeType, BusinessContactStatusFilter, Button, CUSTOMER_AUDIT_CONFIG, CertificateRowList, ChangePill, Collapsible, CollapsibleCard, CollapsibleContent, CollapsibleTrigger, ConfirmDialog, ContactTypeFilter, CopyButton, CountrySelect, CreateFormPageHeader, CreateFormPageShell, CurrencyDisplayTabs, CurrencyInput, CurrencyToggle, CustomCombobox, CustomTable, CustomizeColumnsDrawer, DIAMOND_AUDIT_CONFIG, DashboardShell, DataEditableTable, DataTable, DateInput, DetailChip, DetailPageLayout, DetailPageSkeleton, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EntityHeader, Field, FieldSkeleton, FileUploader, FilterMultiSelect, FilterSelect, FormSectionCard, FormSectionCardSkeleton, GEM_AUDIT_CONFIG, HistoryEntryCard, HistoryTimeline, HistoryTimelineShimmer, INVOICE_AUDIT_CONFIG, IconButton, IdHyperlinkText, InAppNotificationCard, InAppNotificationsPanel, InfoBanner, InventoryComboBox, InventoryItemCard, InventoryItemRow, InvoiceComboBox, KYCStatusFilter, KeyValueGrid, LAYOUT_AUDIT_CONFIG, LabeledToggle, MEMO_IN_AUDIT_CONFIG, MEMO_OUT_AUDIT_CONFIG, MediaGallery, MemoInComboBox, MetricCard, MetricRow, MetricTile, Modal, MoreInfoPanel, MoreInfoTrigger, Navbar, NavbarActions, NavbarAvatar, NavbarIconButton, NavbarSearch, NavbarTitle, NumberInput, NumberedStepCard, OtpInput, OwnershipFilter, OwnershipSplitCard, PROFORMA_AUDIT_CONFIG, PageHeader, PageTabs, Pagination, PaginationSelect, PartnerShareCard, PriceInput, Protected, PurchaseOrderComboBox, QUOTATION_AUDIT_CONFIG, RadioCardGroup, ReadMoreText, RefreshButton, RichTextarea$1 as RichTextarea, SEARCHABLE_SELECT_PAGE_SIZE, SafeImage, SearchBox, SearchInput, SearchableSelect, SectionCard, SectionIcon, SegmentedControl, ShareDialog, ShareMenu, ShimmerTable, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupLabel, SidebarHeader, SidebarInset, SidebarMenu, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, SlideOut, SlideOutClose, SlideOutContent, SlideOutDescription, SlideOutHeader, SlideOutOverlay, SlideOutPortal, SlideOutTitle, SlideOutTrigger, Slider, SpecList, Spinner, SquareSkeleton, StateSelect, StatusBadge$1 as StatusBadge, StatusFilter, Stepper, StockTypeFilter, TablePagination, TableSkeleton, Tabs, TabsContent, TabsList, TabsTrigger, TagsInput, TextHyperlink, TimePicker, ToggleSwitch, TruncateTooltip, WarehouseComboBox, WarehouseFilter, ZoomSplitViewer, badgeVariants, buildBulkShareTitle, buildInventoryPublicUrl, buildInventoryRowProps, buildInventoryShareTitle, buildWhatsappUrl, buttonVariants, cn, countries, countryByCode, createVideoMediaItem, dropdownMenuItemDestructiveClass, findRegion, flagEmoji, formatAddressLocation, formatFileSize, generateActionDescription, generateTitle, getBadgeTypeForStatus, getChangePills, getCountryName, getInitials, getStatesOfCountry, iconButtonVariants, inAppNotificationCardA11y, inAppNotificationsPanelA11y, isIndiaCountry, isKnownRegion, isPathActive, isValidAlpha2CountryCode, notify, releaseStaleOverlayBodyLock, renderBadge, resolveCountryCode, toAddressFormValues, useAuditShowMore, useBadge, useButton, useDropdownMenu, useInAppNotificationsPanel, useNavbar, useSidebar, videoThumbnailSrc, watchOverlayBodyLock };
+export { ActionBadge, ActionButtonWithTooltip, AdvancedSearchDrawer, Alert, ApiComboBox, AppSidebar, AuditEntryCard, AuditHistoryPanel, AuditTimeline, AuditTimelineShimmer, Badge, BadgeType, BusinessContactStatusFilter, Button, CUSTOMER_AUDIT_CONFIG, CertificateRowList, ChangePill, Collapsible, CollapsibleCard, CollapsibleContent, CollapsibleTrigger, ConfirmDialog, ContactTypeFilter, CopyButton, CountrySelect, CreateFormPageHeader, CreateFormPageShell, CurrencyDisplayTabs, CurrencyInput, CurrencyToggle, CustomCombobox, CustomFieldInput, CustomFieldValue, CustomTable, CustomizeColumnsDrawer, DIAMOND_AUDIT_CONFIG, DashboardShell, DataEditableTable, DataTable, DateInput, DetailChip, DetailPageLayout, DetailPageSkeleton, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyValue, EntityHeader, Field, FieldSkeleton, FileUploader, FilterMultiSelect, FilterSelect, FormSectionCard, FormSectionCardSkeleton, GEM_AUDIT_CONFIG, HistoryEntryCard, HistoryTimeline, HistoryTimelineShimmer, INVOICE_AUDIT_CONFIG, IconButton, IdHyperlinkText, InAppNotificationCard, InAppNotificationsPanel, InfoBanner, InventoryComboBox, InventoryItemCard, InventoryItemRow, InvoiceComboBox, KYCStatusFilter, KeyValueGrid, LAYOUT_AUDIT_CONFIG, LabeledToggle, MEMO_IN_AUDIT_CONFIG, MEMO_OUT_AUDIT_CONFIG, MediaGallery, MemoInComboBox, MetricCard, MetricRow, MetricTile, Modal, MoreInfoPanel, MoreInfoTrigger, NOT_CAPTURED, Navbar, NavbarActions, NavbarAvatar, NavbarIconButton, NavbarSearch, NavbarTitle, NumberInput, NumberedStepCard, OtpInput, OwnershipFilter, OwnershipSplitCard, PROFORMA_AUDIT_CONFIG, PageHeader, PageTabs, Pagination, PaginationSelect, PartnerShareCard, PriceInput, Protected, PurchaseOrderComboBox, QUOTATION_AUDIT_CONFIG, RadioCardGroup, ReadMoreText, RefreshButton, RichTextarea$1 as RichTextarea, SEARCHABLE_SELECT_PAGE_SIZE, SafeImage, SearchBox, SearchInput, SearchableSelect, SectionCard, SectionIcon, SegmentedControl, ShareDialog, ShareMenu, ShimmerTable, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupLabel, SidebarHeader, SidebarInset, SidebarMenu, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, SlideOut, SlideOutClose, SlideOutContent, SlideOutDescription, SlideOutHeader, SlideOutOverlay, SlideOutPortal, SlideOutTitle, SlideOutTrigger, Slider, SpecList, Spinner, SquareSkeleton, StateSelect, StatusBadge$1 as StatusBadge, StatusFilter, Stepper, StockTypeFilter, TablePagination, TableSkeleton, Tabs, TabsContent, TabsList, TabsTrigger, TagsInput, TextHyperlink, TimePicker, ToggleSwitch, TruncateTooltip, WarehouseComboBox, WarehouseFilter, ZoomSplitViewer, asList, asText, badgeVariants, buildBulkShareTitle, buildInventoryPublicUrl, buildInventoryRowProps, buildInventoryShareTitle, buildWhatsappUrl, buttonVariants, cn, countries, countryByCode, createVideoMediaItem, dropdownMenuItemDestructiveClass, fieldTypeIcon, findRegion, flagEmoji, formatAddressLocation, formatFileSize, generateActionDescription, generateTitle, getBadgeTypeForStatus, getChangePills, getCountryName, getInitials, getStatesOfCountry, iconButtonVariants, inAppNotificationCardA11y, inAppNotificationsPanelA11y, isBlank, isIndiaCountry, isKnownRegion, isPathActive, isValidAlpha2CountryCode, isValueEmpty, notify, releaseStaleOverlayBodyLock, renderBadge, resolveCountryCode, toAddressFormValues, useAuditShowMore, useBadge, useButton, useDropdownMenu, useInAppNotificationsPanel, useNavbar, useSidebar, videoThumbnailSrc, watchOverlayBodyLock };
 //# sourceMappingURL=index.esm.js.map