@caratlogic/design-system 0.1.13 → 0.1.19

package/dist/index.esm.js

@@ -2668,12 +2668,27 @@ const createLucideIcon = (iconName, iconNode) => {
  */
 
 
-const __iconNode$18 = [
+const __iconNode$1o = [
+  ["path", { d: "M15 12H3", key: "6jk70r" }],
+  ["path", { d: "M17 18H3", key: "1amg6g" }],
+  ["path", { d: "M21 6H3", key: "1jwq7v" }]
+];
+const AlignLeft = createLucideIcon("align-left", __iconNode$1o);
+
+/**
+ * @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$1n = [
   ["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$1n);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -2683,11 +2698,11 @@ const Archive = createLucideIcon("archive", __iconNode$18);
  */
 
 
-const __iconNode$17 = [
+const __iconNode$1m = [
   ["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$1m);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -2697,11 +2712,11 @@ const ArrowLeft = createLucideIcon("arrow-left", __iconNode$17);
  */
 
 
-const __iconNode$16 = [
+const __iconNode$1l = [
   ["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$1l);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -2711,11 +2726,11 @@ const ArrowRight = createLucideIcon("arrow-right", __iconNode$16);
  */
 
 
-const __iconNode$15 = [
+const __iconNode$1k = [
   ["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$1k);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -2725,7 +2740,7 @@ const Ban = createLucideIcon("ban", __iconNode$15);
  */
 
 
-const __iconNode$14 = [
+const __iconNode$1j = [
   ["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$1j);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -2746,7 +2761,29 @@ const BellDot = createLucideIcon("bell-dot", __iconNode$14);
  */
 
 
-const __iconNode$13 = [
+const __iconNode$1i = [
+  ["path", { d: "M10.268 21a2 2 0 0 0 3.464 0", key: "vwvbt9" }],
+  ["path", { d: "M22 8c0-2.3-.8-4.3-2-6", key: "5bb3ad" }],
+  [
+    "path",
+    {
+      d: "M3.262 15.326A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673C19.41 13.956 18 12.499 18 8A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326",
+      key: "11g9vi"
+    }
+  ],
+  ["path", { d: "M4 2C2.8 3.7 2 5.7 2 8", key: "tap9e0" }]
+];
+const BellRing = createLucideIcon("bell-ring", __iconNode$1i);
+
+/**
+ * @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$1h = [
   ["path", { d: "M10.268 21a2 2 0 0 0 3.464 0", key: "vwvbt9" }],
   [
     "path",
@@ -2756,7 +2793,7 @@ const __iconNode$13 = [
     }
   ]
 ];
-const Bell = createLucideIcon("bell", __iconNode$13);
+const Bell = createLucideIcon("bell", __iconNode$1h);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -2766,13 +2803,13 @@ const Bell = createLucideIcon("bell", __iconNode$13);
  */
 
 
-const __iconNode$12 = [
+const __iconNode$1g = [
   [
     "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$1g);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -2782,7 +2819,7 @@ const Bold$1 = createLucideIcon("bold", __iconNode$12);
  */
 
 
-const __iconNode$11 = [
+const __iconNode$1f = [
   ["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 +2831,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$1f);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -2804,13 +2841,13 @@ const CalendarDays = createLucideIcon("calendar-days", __iconNode$11);
  */
 
 
-const __iconNode$10 = [
+const __iconNode$1e = [
   ["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$1e);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -2820,11 +2857,11 @@ const Calendar$1 = createLucideIcon("calendar", __iconNode$10);
  */
 
 
-const __iconNode$$ = [
+const __iconNode$1d = [
   ["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$1d);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -2834,8 +2871,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$1c = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]];
+const Check = createLucideIcon("check", __iconNode$1c);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -2845,8 +2882,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$1b = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
+const ChevronDown = createLucideIcon("chevron-down", __iconNode$1b);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -2856,8 +2893,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$1a = [["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]];
+const ChevronLeft = createLucideIcon("chevron-left", __iconNode$1a);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -2867,8 +2904,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$19 = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]];
+const ChevronRight = createLucideIcon("chevron-right", __iconNode$19);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -2878,8 +2915,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$18 = [["path", { d: "m18 15-6-6-6 6", key: "153udz" }]];
+const ChevronUp = createLucideIcon("chevron-up", __iconNode$18);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -2889,11 +2926,11 @@ const ChevronUp = createLucideIcon("chevron-up", __iconNode$W);
  */
 
 
-const __iconNode$V = [
+const __iconNode$17 = [
   ["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$17);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -2903,11 +2940,11 @@ const ChevronsLeft = createLucideIcon("chevrons-left", __iconNode$V);
  */
 
 
-const __iconNode$U = [
+const __iconNode$16 = [
   ["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$16);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -2917,12 +2954,12 @@ const ChevronsRight = createLucideIcon("chevrons-right", __iconNode$U);
  */
 
 
-const __iconNode$T = [
+const __iconNode$15 = [
   ["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$15);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -2932,11 +2969,11 @@ const CircleAlert = createLucideIcon("circle-alert", __iconNode$T);
  */
 
 
-const __iconNode$S = [
+const __iconNode$14 = [
   ["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$14);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -2946,11 +2983,11 @@ const CircleCheckBig = createLucideIcon("circle-check-big", __iconNode$S);
  */
 
 
-const __iconNode$R = [
+const __iconNode$13 = [
   ["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$13);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -2960,12 +2997,40 @@ const CircleCheck = createLucideIcon("circle-check", __iconNode$R);
  */
 
 
-const __iconNode$Q = [
+const __iconNode$12 = [
+  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
+  ["path", { d: "m16 10-4 4-4-4", key: "894hmk" }]
+];
+const CircleChevronDown = createLucideIcon("circle-chevron-down", __iconNode$12);
+
+/**
+ * @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$11 = [
+  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
+  ["circle", { cx: "12", cy: "12", r: "1", key: "41hilf" }]
+];
+const CircleDot = createLucideIcon("circle-dot", __iconNode$11);
+
+/**
+ * @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$10 = [
   ["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$10);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -2975,8 +3040,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$$ = [["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }]];
+const Circle = createLucideIcon("circle", __iconNode$$);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -2986,11 +3051,11 @@ const Circle = createLucideIcon("circle", __iconNode$P);
  */
 
 
-const __iconNode$O = [
+const __iconNode$_ = [
   ["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$_);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3000,11 +3065,11 @@ const Clock = createLucideIcon("clock", __iconNode$O);
  */
 
 
-const __iconNode$N = [
+const __iconNode$Z = [
   ["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$Z);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3014,11 +3079,11 @@ const Copy = createLucideIcon("copy", __iconNode$N);
  */
 
 
-const __iconNode$M = [
+const __iconNode$Y = [
   ["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$Y);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3028,12 +3093,12 @@ const Crop = createLucideIcon("crop", __iconNode$M);
  */
 
 
-const __iconNode$L = [
+const __iconNode$X = [
   ["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$X);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3043,12 +3108,12 @@ const Download = createLucideIcon("download", __iconNode$L);
  */
 
 
-const __iconNode$K = [
+const __iconNode$W = [
   ["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$W);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3058,12 +3123,12 @@ const EllipsisVertical = createLucideIcon("ellipsis-vertical", __iconNode$K);
  */
 
 
-const __iconNode$J = [
+const __iconNode$V = [
   ["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$V);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3073,12 +3138,12 @@ const Ellipsis = createLucideIcon("ellipsis", __iconNode$J);
  */
 
 
-const __iconNode$I = [
+const __iconNode$U = [
   ["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$U);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3088,7 +3153,7 @@ const ExternalLink = createLucideIcon("external-link", __iconNode$I);
  */
 
 
-const __iconNode$H = [
+const __iconNode$T = [
   [
     "path",
     {
@@ -3098,7 +3163,7 @@ const __iconNode$H = [
   ],
   ["circle", { cx: "12", cy: "12", r: "3", key: "1v7zrd" }]
 ];
-const Eye = createLucideIcon("eye", __iconNode$H);
+const Eye = createLucideIcon("eye", __iconNode$T);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3108,13 +3173,13 @@ const Eye = createLucideIcon("eye", __iconNode$H);
  */
 
 
-const __iconNode$G = [
+const __iconNode$S = [
   [
     "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$S);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3124,7 +3189,7 @@ const Facebook = createLucideIcon("facebook", __iconNode$G);
  */
 
 
-const __iconNode$F = [
+const __iconNode$R = [
   ["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 +3201,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$R);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3146,14 +3211,29 @@ const FileBadge = createLucideIcon("file-badge", __iconNode$F);
  */
 
 
-const __iconNode$E = [
+const __iconNode$Q = [
+  ["path", { d: "M4 22h14a2 2 0 0 0 2-2V7l-5-5H6a2 2 0 0 0-2 2v4", key: "1pf5j1" }],
+  ["path", { d: "M14 2v4a2 2 0 0 0 2 2h4", key: "tnqrlb" }],
+  ["path", { d: "m3 15 2 2 4-4", key: "1lhrkk" }]
+];
+const FileCheck2 = createLucideIcon("file-check-2", __iconNode$Q);
+
+/**
+ * @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$P = [
   ["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$P);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3163,7 +3243,7 @@ const FileText = createLucideIcon("file-text", __iconNode$E);
  */
 
 
-const __iconNode$D = [
+const __iconNode$O = [
   [
     "path",
     {
@@ -3172,7 +3252,7 @@ const __iconNode$D = [
     }
   ]
 ];
-const Funnel = createLucideIcon("funnel", __iconNode$D);
+const Funnel = createLucideIcon("funnel", __iconNode$O);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3182,7 +3262,7 @@ const Funnel = createLucideIcon("funnel", __iconNode$D);
  */
 
 
-const __iconNode$C = [
+const __iconNode$N = [
   ["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 +3270,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$N);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3200,7 +3280,7 @@ const GripHorizontal = createLucideIcon("grip-horizontal", __iconNode$C);
  */
 
 
-const __iconNode$B = [
+const __iconNode$M = [
   ["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 +3288,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$M);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3218,13 +3298,29 @@ const GripVertical = createLucideIcon("grip-vertical", __iconNode$B);
  */
 
 
-const __iconNode$A = [
+const __iconNode$L = [
+  ["line", { x1: "4", x2: "20", y1: "9", y2: "9", key: "4lhtct" }],
+  ["line", { x1: "4", x2: "20", y1: "15", y2: "15", key: "vyu0kd" }],
+  ["line", { x1: "10", x2: "8", y1: "3", y2: "21", key: "1ggp8o" }],
+  ["line", { x1: "16", x2: "14", y1: "3", y2: "21", key: "weycgp" }]
+];
+const Hash = createLucideIcon("hash", __iconNode$L);
+
+/**
+ * @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$K = [
   ["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$K);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3234,13 +3330,13 @@ const Heading1 = createLucideIcon("heading-1", __iconNode$A);
  */
 
 
-const __iconNode$z = [
+const __iconNode$J = [
   ["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$J);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3250,14 +3346,14 @@ const Heading2 = createLucideIcon("heading-2", __iconNode$z);
  */
 
 
-const __iconNode$y = [
+const __iconNode$I = [
   ["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$I);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3267,12 +3363,12 @@ const Heading3 = createLucideIcon("heading-3", __iconNode$y);
  */
 
 
-const __iconNode$x = [
+const __iconNode$H = [
   ["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$H);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3282,12 +3378,12 @@ const History = createLucideIcon("history", __iconNode$x);
  */
 
 
-const __iconNode$w = [
+const __iconNode$G = [
   ["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$G);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3297,12 +3393,12 @@ const Image$1 = createLucideIcon("image", __iconNode$w);
  */
 
 
-const __iconNode$v = [
+const __iconNode$F = [
   ["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$F);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3312,12 +3408,12 @@ const Info = createLucideIcon("info", __iconNode$v);
  */
 
 
-const __iconNode$u = [
+const __iconNode$E = [
   ["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$E);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3327,12 +3423,32 @@ const Italic$1 = createLucideIcon("italic", __iconNode$u);
  */
 
 
-const __iconNode$t = [
+const __iconNode$D = [
+  [
+    "path",
+    {
+      d: "M2.586 17.414A2 2 0 0 0 2 18.828V21a1 1 0 0 0 1 1h3a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1h1a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1h.172a2 2 0 0 0 1.414-.586l.814-.814a6.5 6.5 0 1 0-4-4z",
+      key: "1s6t7t"
+    }
+  ],
+  ["circle", { cx: "16.5", cy: "7.5", r: ".5", fill: "currentColor", key: "w0ekpg" }]
+];
+const KeyRound = createLucideIcon("key-round", __iconNode$D);
+
+/**
+ * @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$C = [
   ["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$C);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3342,7 +3458,24 @@ const Link2 = createLucideIcon("link-2", __iconNode$t);
  */
 
 
-const __iconNode$s = [
+const __iconNode$B = [
+  ["path", { d: "m3 17 2 2 4-4", key: "1jhpwq" }],
+  ["path", { d: "m3 7 2 2 4-4", key: "1obspn" }],
+  ["path", { d: "M13 6h8", key: "15sg57" }],
+  ["path", { d: "M13 12h8", key: "h98zly" }],
+  ["path", { d: "M13 18h8", key: "oe0vm4" }]
+];
+const ListChecks = createLucideIcon("list-checks", __iconNode$B);
+
+/**
+ * @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$A = [
   ["path", { d: "M10 12h11", key: "6m4ad9" }],
   ["path", { d: "M10 18h11", key: "11hvi2" }],
   ["path", { d: "M10 6h11", key: "c7qv1k" }],
@@ -3350,7 +3483,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$A);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3360,7 +3493,7 @@ const ListOrdered = createLucideIcon("list-ordered", __iconNode$s);
  */
 
 
-const __iconNode$r = [
+const __iconNode$z = [
   ["path", { d: "M3 12h.01", key: "nlz23k" }],
   ["path", { d: "M3 18h.01", key: "1tta3j" }],
   ["path", { d: "M3 6h.01", key: "1rqtza" }],
@@ -3368,7 +3501,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$z);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3378,8 +3511,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$y = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]];
+const LoaderCircle = createLucideIcon("loader-circle", __iconNode$y);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3389,7 +3522,7 @@ const LoaderCircle = createLucideIcon("loader-circle", __iconNode$q);
  */
 
 
-const __iconNode$p = [
+const __iconNode$x = [
   ["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 +3532,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$x);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3409,12 +3542,12 @@ const Loader = createLucideIcon("loader", __iconNode$p);
  */
 
 
-const __iconNode$o = [
+const __iconNode$w = [
   ["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$w);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3424,12 +3557,26 @@ const LogOut = createLucideIcon("log-out", __iconNode$o);
  */
 
 
-const __iconNode$n = [
+const __iconNode$v = [
+  ["path", { d: "m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7", key: "132q7q" }],
+  ["rect", { x: "2", y: "4", width: "20", height: "16", rx: "2", key: "izxlao" }]
+];
+const Mail = createLucideIcon("mail", __iconNode$v);
+
+/**
+ * @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$u = [
   ["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$u);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3439,7 +3586,7 @@ const Menu = createLucideIcon("menu", __iconNode$n);
  */
 
 
-const __iconNode$m = [
+const __iconNode$t = [
   [
     "path",
     {
@@ -3448,7 +3595,7 @@ const __iconNode$m = [
     }
   ]
 ];
-const Moon = createLucideIcon("moon", __iconNode$m);
+const Moon = createLucideIcon("moon", __iconNode$t);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3458,7 +3605,7 @@ const Moon = createLucideIcon("moon", __iconNode$m);
  */
 
 
-const __iconNode$l = [
+const __iconNode$s = [
   [
     "path",
     {
@@ -3471,7 +3618,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$s);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3481,12 +3628,12 @@ const Palette = createLucideIcon("palette", __iconNode$l);
  */
 
 
-const __iconNode$k = [
+const __iconNode$r = [
   ["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$r);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3496,7 +3643,26 @@ const PanelLeftClose = createLucideIcon("panel-left-close", __iconNode$k);
  */
 
 
-const __iconNode$j = [
+const __iconNode$q = [
+  [
+    "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$q);
+
+/**
+ * @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$p = [
   [
     "path",
     {
@@ -3506,7 +3672,7 @@ const __iconNode$j = [
   ],
   ["path", { d: "m15 5 4 4", key: "1mk7zo" }]
 ];
-const Pencil = createLucideIcon("pencil", __iconNode$j);
+const Pencil = createLucideIcon("pencil", __iconNode$p);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3516,7 +3682,26 @@ const Pencil = createLucideIcon("pencil", __iconNode$j);
  */
 
 
-const __iconNode$i = [
+const __iconNode$o = [
+  [
+    "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$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",
     {
@@ -3525,7 +3710,7 @@ const __iconNode$i = [
     }
   ]
 ];
-const Play = createLucideIcon("play", __iconNode$i);
+const Play = createLucideIcon("play", __iconNode$n);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3535,11 +3720,11 @@ const Play = createLucideIcon("play", __iconNode$i);
  */
 
 
-const __iconNode$h = [
+const __iconNode$m = [
   ["path", { d: "M5 12h14", key: "1ays0h" }],
   ["path", { d: "M12 5v14", key: "s699le" }]
 ];
-const Plus = createLucideIcon("plus", __iconNode$h);
+const Plus = createLucideIcon("plus", __iconNode$m);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3549,10 +3734,10 @@ const Plus = createLucideIcon("plus", __iconNode$h);
  */
 
 
-const __iconNode$g = [
+const __iconNode$l = [
   ["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$l);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3562,11 +3747,11 @@ const RectangleHorizontal = createLucideIcon("rectangle-horizontal", __iconNode$
  */
 
 
-const __iconNode$f = [
+const __iconNode$k = [
   ["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$k);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3576,13 +3761,13 @@ const Redo = createLucideIcon("redo", __iconNode$f);
  */
 
 
-const __iconNode$e = [
+const __iconNode$j = [
   ["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$j);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3592,14 +3777,14 @@ const RefreshCw = createLucideIcon("refresh-cw", __iconNode$e);
  */
 
 
-const __iconNode$d = [
+const __iconNode$i = [
   ["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$i);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3609,14 +3794,14 @@ const RemoveFormatting = createLucideIcon("remove-formatting", __iconNode$d);
  */
 
 
-const __iconNode$c = [
+const __iconNode$h = [
   ["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$h);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3626,11 +3811,11 @@ const Scissors = createLucideIcon("scissors", __iconNode$c);
  */
 
 
-const __iconNode$b = [
+const __iconNode$g = [
   ["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$g);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3640,14 +3825,14 @@ const Search = createLucideIcon("search", __iconNode$b);
  */
 
 
-const __iconNode$a = [
+const __iconNode$f = [
   ["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$f);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3657,10 +3842,47 @@ const Share2 = createLucideIcon("share-2", __iconNode$a);
  */
 
 
-const __iconNode$9 = [
+const __iconNode$e = [
+  [
+    "path",
+    {
+      d: "M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z",
+      key: "oel41y"
+    }
+  ],
+  ["path", { d: "m9 12 2 2 4-4", key: "dzmm74" }]
+];
+const ShieldCheck = createLucideIcon("shield-check", __iconNode$e);
+
+/**
+ * @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$d = [
+  [
+    "path",
+    { d: "M21 10.656V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h12.344", key: "2acyp4" }
+  ],
+  ["path", { d: "m9 11 3 3L22 4", key: "1pflzl" }]
+];
+const SquareCheckBig = createLucideIcon("square-check-big", __iconNode$d);
+
+/**
+ * @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$c = [
   ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }]
 ];
-const Square = createLucideIcon("square", __iconNode$9);
+const Square = createLucideIcon("square", __iconNode$c);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3670,12 +3892,12 @@ const Square = createLucideIcon("square", __iconNode$9);
  */
 
 
-const __iconNode$8 = [
+const __iconNode$b = [
   ["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$b);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3685,7 +3907,7 @@ const Strikethrough = createLucideIcon("strikethrough", __iconNode$8);
  */
 
 
-const __iconNode$7 = [
+const __iconNode$a = [
   ["circle", { cx: "12", cy: "12", r: "4", key: "4exip2" }],
   ["path", { d: "M12 2v2", key: "tus03m" }],
   ["path", { d: "M12 20v2", key: "1lh1kg" }],
@@ -3696,7 +3918,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$a);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3706,14 +3928,28 @@ const Sun = createLucideIcon("sun", __iconNode$7);
  */
 
 
-const __iconNode$6 = [
+const __iconNode$9 = [
+  ["circle", { cx: "9", cy: "12", r: "3", key: "u3jwor" }],
+  ["rect", { width: "20", height: "14", x: "2", y: "5", rx: "7", key: "g7kal2" }]
+];
+const ToggleLeft = createLucideIcon("toggle-left", __iconNode$9);
+
+/**
+ * @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$8 = [
   ["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$8);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3723,7 +3959,7 @@ const Trash2 = createLucideIcon("trash-2", __iconNode$6);
  */
 
 
-const __iconNode$5 = [
+const __iconNode$7 = [
   [
     "path",
     {
@@ -3734,7 +3970,7 @@ 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$7);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3744,11 +3980,26 @@ const TriangleAlert = createLucideIcon("triangle-alert", __iconNode$5);
  */
 
 
-const __iconNode$4 = [
+const __iconNode$6 = [
+  ["path", { d: "M12 4v16", key: "1654pz" }],
+  ["path", { d: "M4 7V5a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v2", key: "e0r10z" }],
+  ["path", { d: "M9 20h6", key: "s66wpe" }]
+];
+const Type = createLucideIcon("type", __iconNode$6);
+
+/**
+ * @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: "M6 4v6a6 6 0 0 0 12 0V4", key: "9kb039" }],
   ["line", { x1: "4", x2: "20", y1: "20", y2: "20", key: "nun2al" }]
 ];
-const Underline$1 = createLucideIcon("underline", __iconNode$4);
+const Underline$1 = createLucideIcon("underline", __iconNode$5);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3758,11 +4009,11 @@ const Underline$1 = createLucideIcon("underline", __iconNode$4);
  */
 
 
-const __iconNode$3 = [
+const __iconNode$4 = [
   ["path", { d: "M3 7v6h6", key: "1v2h90" }],
   ["path", { d: "M21 17a9 9 0 0 0-9-9 9 9 0 0 0-6 2.3L3 13", key: "1r6uu6" }]
 ];
-const Undo = createLucideIcon("undo", __iconNode$3);
+const Undo = createLucideIcon("undo", __iconNode$4);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3772,12 +4023,28 @@ const Undo = createLucideIcon("undo", __iconNode$3);
  */
 
 
-const __iconNode$2 = [
+const __iconNode$3 = [
   ["path", { d: "M12 3v12", key: "1x0j5s" }],
   ["path", { d: "m17 8-5-5-5 5", key: "7q97r8" }],
   ["path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4", key: "ih7n3h" }]
 ];
-const Upload = createLucideIcon("upload", __iconNode$2);
+const Upload = createLucideIcon("upload", __iconNode$3);
+
+/**
+ * @license lucide-react v0.539.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+
+
+const __iconNode$2 = [
+  ["path", { d: "M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2", key: "1yyitq" }],
+  ["circle", { cx: "9", cy: "7", r: "4", key: "nufk8" }],
+  ["line", { x1: "19", x2: "19", y1: "8", y2: "14", key: "1bvyxn" }],
+  ["line", { x1: "22", x2: "16", y1: "11", y2: "11", key: "1shjgl" }]
+];
+const UserPlus = createLucideIcon("user-plus", __iconNode$2);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -20787,7 +21054,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 +21071,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 }))] }))] }) }));
 };
@@ -21975,7 +22242,7 @@ function normalizeDates(context, ...dates) {
  * const result = startOfDay(new Date(2014, 8, 2, 11, 55, 0))
  * //=> Tue Sep 02 2014 00:00:00
  */
-function startOfDay(date, options) {
+function startOfDay$1(date, options) {
   const _date = toDate(date, options?.in);
   _date.setHours(0, 0, 0, 0);
   return _date;
@@ -22023,8 +22290,8 @@ function differenceInCalendarDays(laterDate, earlierDate, options) {
     earlierDate,
   );
 
-  const laterStartOfDay = startOfDay(laterDate_);
-  const earlierStartOfDay = startOfDay(earlierDate_);
+  const laterStartOfDay = startOfDay$1(laterDate_);
+  const earlierStartOfDay = startOfDay$1(earlierDate_);
 
   const laterTimestamp =
     +laterStartOfDay - getTimezoneOffsetInMilliseconds(laterStartOfDay);
@@ -22355,7 +22622,7 @@ function isSameDay$1(laterDate, earlierDate, options) {
     laterDate,
     earlierDate,
   );
-  return +startOfDay(dateLeft_) === +startOfDay(dateRight_);
+  return +startOfDay$1(dateLeft_) === +startOfDay$1(dateRight_);
 }
 
 /**
@@ -31291,7 +31558,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 +31586,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 +31616,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 +31690,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 ***
 /**
@@ -31433,7 +31700,7 @@ function getDayOfWeekCode(day, locale) {
  * @returns - The start of the day.
  */
 function getStartOfDay(date) {
-    return startOfDay(date);
+    return startOfDay$1(date);
 }
 /**
  * Gets the start of the week for a given date.
@@ -31485,7 +31752,7 @@ function getStartOfQuarter(date) {
  * @returns - The start of today.
  */
 function getStartOfToday() {
-    return startOfDay(newDate());
+    return startOfDay$1(newDate());
 }
 // *** End of ***
 /**
@@ -31600,7 +31867,7 @@ function isEqual(date1, date2) {
  */
 function isDayInRange(day, startDate, endDate) {
     var valid;
-    var start = startOfDay(startDate);
+    var start = startOfDay$1(startDate);
     var end = endOfDay(endDate);
     try {
         valid = isWithinInterval(day, { start: start, end: end });
@@ -31646,7 +31913,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 +31923,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 +31933,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 +31943,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 +31953,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 +31963,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 +32293,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 +32308,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 +32348,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 +32722,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 +32733,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 +32874,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 +33805,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 +33907,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 +34050,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 +34085,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 +34095,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 +34264,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 +35035,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 +35215,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 +36199,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 +36813,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 +36887,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 +36921,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 +37198,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 +38571,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 +67259,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)
@@ -67199,6 +67634,236 @@ function ZoomSplitViewer({ src, alt = 'Preview', zoom = 2, lensSize = 160, paneO
                 }) })), isTouchDevice && (jsx("p", { className: `text-xs text-muted-foreground text-center mt-2 ${isMobile ? 'text-2xs' : ''}`, children: isMobile ? 'Touch & hold to zoom' : 'Touch and hold to zoom' }))] }));
 }
 
+/**
+ * Categories carry both a colour and a distinct icon — the colour alone never
+ * distinguishes them, so the feed stays readable without relying on hue.
+ */
+const ACTIVITY_CATEGORY_META = {
+    customer: {
+        label: 'Customer',
+        icon: UserPlus,
+        iconClassName: 'bg-secondary text-secondary-foreground',
+        dotClassName: 'bg-secondary-foreground',
+    },
+    form: {
+        label: 'Form',
+        icon: FileCheck2,
+        iconClassName: 'bg-primary/10 text-primary',
+        dotClassName: 'bg-primary',
+    },
+    communication: {
+        label: 'Communication',
+        icon: BellRing,
+        iconClassName: 'bg-warning/10 text-warning',
+        dotClassName: 'bg-warning',
+    },
+    verification: {
+        label: 'Verification',
+        icon: KeyRound,
+        iconClassName: 'bg-info/10 text-info',
+        dotClassName: 'bg-info',
+    },
+    status: {
+        label: 'Status',
+        icon: ShieldCheck,
+        iconClassName: 'bg-success/10 text-success',
+        dotClassName: 'bg-success',
+    },
+};
+const ACTIVITY_CATEGORIES = Object.keys(ACTIVITY_CATEGORY_META);
+/** Feed grid: time gutter, icon rail, content, expand control. */
+const ACTIVITY_ROW_GRID = 'grid grid-cols-[52px_32px_minmax(0,1fr)_36px] gap-x-3';
+
+const ACTIVITY_FEED_ARIA = {
+    feedLabel: 'Activity feed',
+    expandRow: (summary) => `Show details for: ${summary}`,
+    collapseRow: (summary) => `Hide details for: ${summary}`,
+    expandAutomatedGroup: (count) => `Show ${count} automated ${count === 1 ? 'entry' : 'entries'}`,
+    collapseAutomatedGroup: (count) => `Hide ${count} automated ${count === 1 ? 'entry' : 'entries'}`,
+    copyReference: 'Copy reference',
+    changesTable: 'Fields changed by this entry',
+};
+
+function formatActivityTime(iso) {
+    const date = new Date(iso);
+    if (Number.isNaN(date.getTime()))
+        return '';
+    return date.toLocaleTimeString('en-GB', {
+        hour: '2-digit',
+        minute: '2-digit',
+        hour12: false,
+    });
+}
+function startOfDay(date) {
+    return new Date(date.getFullYear(), date.getMonth(), date.getDate()).getTime();
+}
+/** "Today" / "Yesterday" / the weekday, so a reader can place an entry at a glance. */
+function relativeDayLabel(date, today) {
+    const dayMs = 24 * 60 * 60 * 1000;
+    const diff = Math.round((startOfDay(today) - startOfDay(date)) / dayMs);
+    if (diff === 0)
+        return 'Today';
+    if (diff === 1)
+        return 'Yesterday';
+    return date.toLocaleDateString('en-GB', { weekday: 'long' });
+}
+function fullDateLabel(date) {
+    return date.toLocaleDateString('en-GB', {
+        weekday: 'long',
+        day: 'numeric',
+        month: 'short',
+        year: 'numeric',
+    });
+}
+/**
+ * Collapse runs of consecutive automated entries into one row. Only runs of two
+ * or more are worth collapsing — hiding a single reminder behind a toggle costs
+ * a click and saves nothing.
+ */
+function collapseAutomated(entries, groupKey) {
+    const rows = [];
+    let run = [];
+    const flush = () => {
+        if (run.length === 0)
+            return;
+        if (run.length === 1)
+            rows.push({ kind: 'entry', entry: run[0] });
+        else
+            rows.push({
+                kind: 'automated-group',
+                id: `${groupKey}-auto-${rows.length}`,
+                entries: run,
+            });
+        run = [];
+    };
+    for (const entry of entries) {
+        if (entry.actor.kind === 'system') {
+            run.push(entry);
+            continue;
+        }
+        flush();
+        rows.push({ kind: 'entry', entry });
+    }
+    flush();
+    return rows;
+}
+/**
+ * Bucket entries by calendar day, preserving the order they arrive in so the
+ * caller keeps control of newest-first vs oldest-first.
+ */
+function groupActivityByDay(entries, groupAutomated, now = new Date()) {
+    const buckets = new Map();
+    for (const entry of entries) {
+        const date = new Date(entry.createdAt);
+        const key = Number.isNaN(date.getTime())
+            ? 'unknown'
+            : String(startOfDay(date));
+        const bucket = buckets.get(key);
+        if (bucket)
+            bucket.entries.push(entry);
+        else
+            buckets.set(key, { date, entries: [entry] });
+    }
+    return Array.from(buckets.entries()).map(([key, bucket]) => {
+        const valid = !Number.isNaN(bucket.date.getTime());
+        return {
+            key,
+            label: valid ? relativeDayLabel(bucket.date, now) : 'Unknown date',
+            dateLabel: valid ? fullDateLabel(bucket.date) : '',
+            count: bucket.entries.length,
+            rows: groupAutomated
+                ? collapseAutomated(bucket.entries, key)
+                : bucket.entries.map((entry) => ({ kind: 'entry', entry })),
+        };
+    });
+}
+/** Initials for the contact avatar, capped at two letters. */
+function initialsOf(name) {
+    const parts = name.trim().split(/\s+/).filter(Boolean);
+    if (parts.length === 0)
+        return '?';
+    return parts
+        .slice(0, 2)
+        .map((part) => part[0])
+        .join('')
+        .toUpperCase();
+}
+/** Shortens a correlation id so it never pushes the footer's actions off-row. */
+function truncateReference(reference, max = 28) {
+    return reference.length > max ? `${reference.slice(0, max)}…` : reference;
+}
+
+function ActivityDayHeader({ group, }) {
+    return (jsxs("div", { className: "flex items-baseline justify-between gap-3 border-b border-border bg-muted/40 px-5 py-3", children: [jsxs("div", { className: "flex items-baseline gap-2", children: [jsx("h3", { className: "text-sm font-semibold text-foreground", children: group.label }), jsx("span", { className: "text-xs text-muted-foreground", children: group.dateLabel })] }), jsxs("span", { className: "text-xs text-muted-foreground", children: [group.count, " ", group.count === 1 ? 'event' : 'events'] })] }));
+}
+function StatusChip({ status, tone, }) {
+    return (jsx(Badge, { appearance: "soft", color: tone, size: "sm", children: status }));
+}
+function CategoryIcon({ entry, showRail, }) {
+    const meta = ACTIVITY_CATEGORY_META[entry.category];
+    const Icon = meta.icon;
+    return (jsxs("div", { className: "relative self-stretch", children: [jsx("span", { className: cn('relative z-10 flex size-8 items-center justify-center rounded-full', meta.iconClassName), children: jsx(Icon, { className: "size-4", "aria-hidden": "true" }) }), showRail && (jsx("span", { "aria-hidden": "true", className: "absolute top-9 -bottom-4 left-1/2 w-px -translate-x-1/2 bg-border" }))] }));
+}
+function ChangesTable({ changes, }) {
+    return (jsxs("div", { className: "overflow-hidden rounded-lg border border-border bg-card", children: [jsx("p", { className: "border-b border-border px-3 py-2 text-[0.625rem] font-semibold tracking-wide text-muted-foreground uppercase", children: "What changed" }), changes.length === 0 ? (jsx("p", { className: "px-3 py-2.5 text-xs text-muted-foreground", children: "No field detail was recorded for this entry." })) : (jsxs("table", { className: "w-full text-sm", "aria-label": ACTIVITY_FEED_ARIA.changesTable, children: [jsx("thead", { children: jsxs("tr", { className: "bg-muted/40 text-left text-xs text-muted-foreground", children: [jsx("th", { scope: "col", className: "px-3 py-1.5 font-normal", children: "Field" }), jsx("th", { scope: "col", className: "px-3 py-1.5 font-normal", children: "Before" }), jsx("th", { scope: "col", className: "px-3 py-1.5 font-normal", children: "After" })] }) }), jsx("tbody", { children: changes.map((change) => (jsxs("tr", { className: "border-t border-border align-top", children: [jsx("th", { scope: "row", className: "px-3 py-2 text-left text-xs font-normal text-secondary-foreground", children: change.field }), jsx("td", { className: "px-3 py-2 text-xs text-muted-foreground line-through", children: change.before ?? 'Not set' }), jsx("td", { className: "px-3 py-2 text-xs font-medium text-foreground", children: change.after ?? 'Not set' })] }, change.field))) })] }))] }));
+}
+function ContactCard({ contact, }) {
+    const name = contact.name || contact.company || contact.email || 'Unknown contact';
+    const secondary = [
+        contact.company === name ? undefined : contact.company,
+        contact.email,
+    ]
+        .filter(Boolean)
+        .join(' · ');
+    return (jsxs("div", { className: "overflow-hidden rounded-lg border border-border bg-card", children: [jsx("p", { className: "border-b border-border px-3 py-2 text-[0.625rem] font-semibold tracking-wide text-muted-foreground uppercase", children: "Contact at the time" }), jsxs("div", { className: "flex flex-col gap-2.5 px-3 py-2.5", children: [jsxs("div", { className: "flex items-center gap-2.5", children: [jsx("span", { "aria-hidden": "true", className: "flex size-9 shrink-0 items-center justify-center rounded-full bg-muted text-xs font-semibold text-foreground", children: initialsOf(name) }), jsxs("div", { className: "min-w-0", children: [jsx("p", { className: "truncate text-sm font-semibold text-foreground", children: name }), secondary && (jsx("p", { className: "truncate text-xs text-muted-foreground", children: secondary }))] })] }), (contact.roles?.length || contact.isActive !== undefined) && (jsxs("div", { className: "flex flex-wrap gap-1", children: [contact.roles?.map((role) => (jsx(Badge, { appearance: "soft", color: "secondary", size: "sm", children: role }, role))), contact.isActive !== undefined && (jsx(Badge, { appearance: "soft", color: contact.isActive ? 'success' : 'secondary', size: "sm", children: contact.isActive ? 'Active' : 'Inactive' }))] }))] })] }));
+}
+function ActivityDetail({ entry }) {
+    const showChanges = entry.changes.length > 0 || entry.changesExpected === true;
+    return (jsxs("div", { className: "flex flex-col gap-3 pt-1", children: [(showChanges || entry.contact) && (jsxs("div", { className: cn('grid gap-3', showChanges && entry.contact
+                    ? 'lg:grid-cols-[minmax(0,1.4fr)_minmax(0,1fr)]'
+                    : 'grid-cols-1'), children: [showChanges && jsx(ChangesTable, { changes: entry.changes }), entry.contact && jsx(ContactCard, { contact: entry.contact })] })), entry.notes && (jsxs("div", { className: "rounded-lg border border-border bg-card px-3 py-2", children: [jsx("p", { className: "text-[0.625rem] font-semibold tracking-wide text-muted-foreground uppercase", children: "Notes" }), jsx("p", { className: "mt-1 text-sm text-foreground", children: entry.notes })] })), jsxs("div", { className: "flex flex-wrap items-center justify-between gap-3", children: [jsxs("div", { className: "flex items-center gap-1.5 text-xs text-muted-foreground", children: [jsx("span", { children: "Ref" }), jsx("code", { className: "rounded bg-secondary px-1.5 py-0.5 font-mono text-[0.6875rem] text-secondary-foreground", children: truncateReference(entry.reference) }), jsx(CopyButton, { value: entry.reference })] }), !!entry.links?.length && (jsx("div", { className: "flex flex-wrap items-center gap-4", children: entry.links.map((link) => (jsx("button", { type: "button", onClick: link.onClick, className: "text-sm font-medium text-primary underline-offset-4 hover:underline focus-visible:ring-2 focus-visible:ring-ring focus-visible:outline-none", children: link.label }, link.label))) }))] })] }));
+}
+function ActivityRow({ entry, showRail, statusColors, }) {
+    const [open, setOpen] = useState(false);
+    const sentence = `${entry.actor.name} ${entry.action}${entry.subject ? ` ${entry.subject.label}` : ''}`;
+    const tone = (status) => statusColors[status] ?? 'secondary';
+    return (jsxs("div", { className: cn(ACTIVITY_ROW_GRID, 'border-b border-border px-5 py-3.5 last:border-b-0', open && 'bg-muted/30'), children: [jsx("time", { dateTime: entry.createdAt, className: "pt-1.5 font-mono text-xs text-muted-foreground", children: formatActivityTime(entry.createdAt) }), jsx(CategoryIcon, { entry: entry, showRail: showRail }), jsxs("div", { className: "flex min-w-0 flex-col gap-1.5", children: [jsxs("p", { className: "pt-1 text-sm leading-5 text-foreground", children: [jsx("span", { className: "font-semibold", children: entry.actor.name }), ' ', entry.action, entry.subject && (jsxs(Fragment$2, { children: [' ', jsx("button", { type: "button", onClick: entry.subject.onClick, className: "font-medium text-primary underline-offset-4 hover:underline focus-visible:ring-2 focus-visible:ring-ring focus-visible:outline-none", children: entry.subject.label })] }))] }), (entry.statusFrom || entry.statusTo) && (jsxs("div", { className: "flex flex-wrap items-center gap-1.5", children: [entry.statusFrom && (jsx(StatusChip, { status: entry.statusFrom, tone: tone(entry.statusFrom) })), entry.statusFrom && entry.statusTo && (jsx(ArrowRight, { className: "size-3.5 shrink-0 text-muted-foreground", "aria-hidden": "true" })), entry.statusTo && (jsx(StatusChip, { status: entry.statusTo, tone: tone(entry.statusTo) }))] })), entry.detail && (jsx("p", { className: "text-xs text-muted-foreground", children: entry.detail })), open && jsx(ActivityDetail, { entry: entry })] }), jsx("button", { type: "button", onClick: () => setOpen((value) => !value), "aria-expanded": open, "aria-label": open
+                    ? ACTIVITY_FEED_ARIA.collapseRow(sentence)
+                    : ACTIVITY_FEED_ARIA.expandRow(sentence), className: cn('flex size-8 items-center justify-center self-start rounded-md text-muted-foreground transition-colors hover:bg-muted hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring focus-visible:outline-none', open && 'bg-muted text-foreground'), children: jsx(ChevronDown, { className: cn('size-4 transition-transform', open && 'rotate-180'), "aria-hidden": "true" }) })] }));
+}
+/**
+ * A run of automated entries folded into one line. Scheduled reminders are the
+ * bulk of a busy day and rarely the thing a reader came for.
+ */
+function ActivityAutomatedGroupRow({ entries, statusColors, }) {
+    const [open, setOpen] = useState(false);
+    const count = entries.length;
+    const preview = entries
+        .map((entry) => entry.detail || entry.action)
+        .slice(0, 2)
+        .join(' · ');
+    return (jsxs("div", { className: "border-b border-border last:border-b-0", children: [jsxs("div", { className: cn(ACTIVITY_ROW_GRID, 'items-start px-5 py-3.5'), children: [jsx("time", { dateTime: entries[0].createdAt, className: "pt-1.5 font-mono text-xs text-muted-foreground", children: formatActivityTime(entries[0].createdAt) }), jsx(CategoryIcon, { entry: entries[0], showRail: false }), jsxs("div", { className: "flex min-w-0 flex-col gap-1", children: [jsxs("p", { className: "pt-1 text-sm leading-5 text-foreground", children: [jsx("span", { className: "font-semibold", children: "System" }), " sent ", count, " automatic", ' ', count === 1 ? 'entry' : 'entries'] }), preview && (jsx("p", { className: "truncate text-xs text-muted-foreground", children: preview }))] }), jsx(Button$1, { variant: "outline", size: "sm", onClick: () => setOpen((value) => !value), "aria-expanded": open, "aria-label": open
+                            ? ACTIVITY_FEED_ARIA.collapseAutomatedGroup(count)
+                            : ACTIVITY_FEED_ARIA.expandAutomatedGroup(count), className: "h-8 justify-self-end px-2 text-xs font-medium", children: open ? 'Hide' : `Show ${count}` })] }), open && (jsx("div", { className: "border-t border-border bg-muted/20", children: entries.map((entry, index) => (jsx(ActivityRow, { entry: entry, showRail: index < entries.length - 1, statusColors: statusColors }, entry.id))) }))] }));
+}
+
+function FeedSkeleton() {
+    return (jsx("div", { className: "flex flex-col gap-2 p-4", "aria-hidden": "true", children: Array.from({ length: 6 }).map((_, index) => (jsx(SquareSkeleton, { height: 56, className: "w-full", rounded: "md" }, index))) }));
+}
+/**
+ * Day-grouped activity feed: a time gutter, a category icon on a connecting
+ * rail, a one-sentence description, and per-row details on demand.
+ *
+ * Presentational by design — it fetches nothing and knows no domain vocabulary.
+ * The host maps its records to `ActivityEntry` and owns paging via `onLoadMore`.
+ */
+function ActivityFeed({ entries, isLoading = false, hasMore = false, isLoadingMore = false, onLoadMore, groupAutomated = true, fill = false, statusColors = {}, emptyMessage = 'No activity recorded yet.', className, }) {
+    const groups = useMemo(() => groupActivityByDay(entries, groupAutomated), [entries, groupAutomated]);
+    return (jsxs("div", { className: cn('flex flex-col gap-4', fill && 'flex-1', className), children: [jsx("section", { "aria-label": ACTIVITY_FEED_ARIA.feedLabel, className: cn('overflow-hidden rounded-xl border border-border bg-card', fill && 'flex-1'), children: isLoading ? (jsx(FeedSkeleton, {})) : groups.length === 0 ? (jsxs("div", { className: "flex flex-col items-center gap-2 py-16", children: [jsx(History, { className: "size-8 text-muted-foreground/40", "aria-hidden": "true" }), jsx("p", { className: "text-sm text-muted-foreground", children: emptyMessage })] })) : (groups.map((group) => (jsxs("div", { children: [jsx(ActivityDayHeader, { group: group }), group.rows.map((row, index) => row.kind === 'entry' ? (jsx(ActivityRow, { entry: row.entry, 
+                            // The rail links a row to the next one, so the last in a day stops.
+                            showRail: index < group.rows.length - 1, statusColors: statusColors }, row.entry.id)) : (jsx(ActivityAutomatedGroupRow, { entries: row.entries, statusColors: statusColors }, row.id)))] }, group.key)))) }), !isLoading && groups.length > 0 && (jsx("div", { className: "flex justify-center", children: hasMore && onLoadMore ? (jsx(Button$1, { variant: "outline", onClick: onLoadMore, disabled: isLoadingMore, children: isLoadingMore ? 'Loading…' : 'Load earlier activity' })) : (jsx("p", { className: "text-xs text-muted-foreground", children: "You've reached the end of the activity log." })) }))] }));
+}
+
 /** 1px border on the track, and the gap between thumb and track. */
 const TRACK_BORDER = 1;
 const THUMB_INSET = 2;
@@ -76949,5 +77614,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 { ACTIVITY_CATEGORIES, ACTIVITY_CATEGORY_META, ActionBadge, ActionButtonWithTooltip, ActivityFeed, AdvancedSearchDrawer, Alert, ApiComboBox, AppSidebar, AuditEntryCard, AuditHistoryPanel, AuditTimeline, AuditTimelineShimmer, Badge, BadgeType, BusinessContactStatusFilter, Button, CUSTOMER_AUDIT_CONFIG, CertificateRowList, ChangePill, Collapsible, CollapsibleCard, CollapsibleContent, CollapsibleTrigger, 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