@caratlogic/design-system 0.1.45 → 0.1.46

package/dist/index.cjs.js

@@ -2698,12 +2698,12 @@ const createLucideIcon = (iconName, iconNode) => {
  */
 
 
-const __iconNode$1x = [
+const __iconNode$1y = [
   ["path", { d: "M15 12H3", key: "6jk70r" }],
   ["path", { d: "M17 18H3", key: "1amg6g" }],
   ["path", { d: "M21 6H3", key: "1jwq7v" }]
 ];
-const AlignLeft = createLucideIcon("align-left", __iconNode$1x);
+const AlignLeft = createLucideIcon("align-left", __iconNode$1y);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -2713,12 +2713,12 @@ const AlignLeft = createLucideIcon("align-left", __iconNode$1x);
  */
 
 
-const __iconNode$1w = [
+const __iconNode$1x = [
   ["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$1w);
+const Archive = createLucideIcon("archive", __iconNode$1x);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -2728,11 +2728,11 @@ const Archive = createLucideIcon("archive", __iconNode$1w);
  */
 
 
-const __iconNode$1v = [
+const __iconNode$1w = [
   ["path", { d: "m12 19-7-7 7-7", key: "1l729n" }],
   ["path", { d: "M19 12H5", key: "x3x0zl" }]
 ];
-const ArrowLeft = createLucideIcon("arrow-left", __iconNode$1v);
+const ArrowLeft = createLucideIcon("arrow-left", __iconNode$1w);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -2742,11 +2742,11 @@ const ArrowLeft = createLucideIcon("arrow-left", __iconNode$1v);
  */
 
 
-const __iconNode$1u = [
+const __iconNode$1v = [
   ["path", { d: "M5 12h14", key: "1ays0h" }],
   ["path", { d: "m12 5 7 7-7 7", key: "xquz4c" }]
 ];
-const ArrowRight = createLucideIcon("arrow-right", __iconNode$1u);
+const ArrowRight = createLucideIcon("arrow-right", __iconNode$1v);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -2756,11 +2756,11 @@ const ArrowRight = createLucideIcon("arrow-right", __iconNode$1u);
  */
 
 
-const __iconNode$1t = [
+const __iconNode$1u = [
   ["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$1t);
+const Ban = createLucideIcon("ban", __iconNode$1u);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -2770,7 +2770,7 @@ const Ban = createLucideIcon("ban", __iconNode$1t);
  */
 
 
-const __iconNode$1s = [
+const __iconNode$1t = [
   ["path", { d: "M10.268 21a2 2 0 0 0 3.464 0", key: "vwvbt9" }],
   [
     "path",
@@ -2781,7 +2781,7 @@ const __iconNode$1s = [
   ],
   ["circle", { cx: "18", cy: "8", r: "3", key: "1g0gzu" }]
 ];
-const BellDot = createLucideIcon("bell-dot", __iconNode$1s);
+const BellDot = createLucideIcon("bell-dot", __iconNode$1t);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -2791,7 +2791,7 @@ const BellDot = createLucideIcon("bell-dot", __iconNode$1s);
  */
 
 
-const __iconNode$1r = [
+const __iconNode$1s = [
   ["path", { d: "M10.268 21a2 2 0 0 0 3.464 0", key: "vwvbt9" }],
   ["path", { d: "M22 8c0-2.3-.8-4.3-2-6", key: "5bb3ad" }],
   [
@@ -2803,7 +2803,7 @@ const __iconNode$1r = [
   ],
   ["path", { d: "M4 2C2.8 3.7 2 5.7 2 8", key: "tap9e0" }]
 ];
-const BellRing = createLucideIcon("bell-ring", __iconNode$1r);
+const BellRing = createLucideIcon("bell-ring", __iconNode$1s);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -2813,7 +2813,7 @@ const BellRing = createLucideIcon("bell-ring", __iconNode$1r);
  */
 
 
-const __iconNode$1q = [
+const __iconNode$1r = [
   ["path", { d: "M10.268 21a2 2 0 0 0 3.464 0", key: "vwvbt9" }],
   [
     "path",
@@ -2823,7 +2823,7 @@ const __iconNode$1q = [
     }
   ]
 ];
-const Bell = createLucideIcon("bell", __iconNode$1q);
+const Bell = createLucideIcon("bell", __iconNode$1r);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -2833,13 +2833,13 @@ const Bell = createLucideIcon("bell", __iconNode$1q);
  */
 
 
-const __iconNode$1p = [
+const __iconNode$1q = [
   [
     "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$1p);
+const Bold$1 = createLucideIcon("bold", __iconNode$1q);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -2849,10 +2849,10 @@ const Bold$1 = createLucideIcon("bold", __iconNode$1p);
  */
 
 
-const __iconNode$1o = [
+const __iconNode$1p = [
   ["path", { d: "m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z", key: "1fy3hk" }]
 ];
-const Bookmark = createLucideIcon("bookmark", __iconNode$1o);
+const Bookmark = createLucideIcon("bookmark", __iconNode$1p);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -2862,7 +2862,7 @@ const Bookmark = createLucideIcon("bookmark", __iconNode$1o);
  */
 
 
-const __iconNode$1n = [
+const __iconNode$1o = [
   [
     "path",
     {
@@ -2873,7 +2873,7 @@ const __iconNode$1n = [
   ["path", { d: "m3.3 7 8.7 5 8.7-5", key: "g66t2b" }],
   ["path", { d: "M12 22V12", key: "d0xqtd" }]
 ];
-const Box = createLucideIcon("box", __iconNode$1n);
+const Box = createLucideIcon("box", __iconNode$1o);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -2883,7 +2883,7 @@ const Box = createLucideIcon("box", __iconNode$1n);
  */
 
 
-const __iconNode$1m = [
+const __iconNode$1n = [
   ["path", { d: "M6 22V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v18Z", key: "1b4qmf" }],
   ["path", { d: "M6 12H4a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h2", key: "i71pzd" }],
   ["path", { d: "M18 9h2a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2h-2", key: "10jefs" }],
@@ -2892,7 +2892,7 @@ const __iconNode$1m = [
   ["path", { d: "M10 14h4", key: "kelpxr" }],
   ["path", { d: "M10 18h4", key: "1ulq68" }]
 ];
-const Building2 = createLucideIcon("building-2", __iconNode$1m);
+const Building2 = createLucideIcon("building-2", __iconNode$1n);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -2902,7 +2902,7 @@ const Building2 = createLucideIcon("building-2", __iconNode$1m);
  */
 
 
-const __iconNode$1l = [
+const __iconNode$1m = [
   ["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" }],
@@ -2914,7 +2914,7 @@ const __iconNode$1l = [
   ["path", { d: "M12 18h.01", key: "mhygvu" }],
   ["path", { d: "M16 18h.01", key: "kzsmim" }]
 ];
-const CalendarDays = createLucideIcon("calendar-days", __iconNode$1l);
+const CalendarDays = createLucideIcon("calendar-days", __iconNode$1m);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -2924,13 +2924,13 @@ const CalendarDays = createLucideIcon("calendar-days", __iconNode$1l);
  */
 
 
-const __iconNode$1k = [
+const __iconNode$1l = [
   ["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$1k);
+const Calendar$1 = createLucideIcon("calendar", __iconNode$1l);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -2940,11 +2940,11 @@ const Calendar$1 = createLucideIcon("calendar", __iconNode$1k);
  */
 
 
-const __iconNode$1j = [
+const __iconNode$1k = [
   ["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$1j);
+const CheckCheck = createLucideIcon("check-check", __iconNode$1k);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -2954,8 +2954,8 @@ const CheckCheck = createLucideIcon("check-check", __iconNode$1j);
  */
 
 
-const __iconNode$1i = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]];
-const Check = createLucideIcon("check", __iconNode$1i);
+const __iconNode$1j = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]];
+const Check = createLucideIcon("check", __iconNode$1j);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -2965,8 +2965,8 @@ const Check = createLucideIcon("check", __iconNode$1i);
  */
 
 
-const __iconNode$1h = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
-const ChevronDown = createLucideIcon("chevron-down", __iconNode$1h);
+const __iconNode$1i = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
+const ChevronDown = createLucideIcon("chevron-down", __iconNode$1i);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -2976,8 +2976,8 @@ const ChevronDown = createLucideIcon("chevron-down", __iconNode$1h);
  */
 
 
-const __iconNode$1g = [["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]];
-const ChevronLeft = createLucideIcon("chevron-left", __iconNode$1g);
+const __iconNode$1h = [["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]];
+const ChevronLeft = createLucideIcon("chevron-left", __iconNode$1h);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -2987,8 +2987,8 @@ const ChevronLeft = createLucideIcon("chevron-left", __iconNode$1g);
  */
 
 
-const __iconNode$1f = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]];
-const ChevronRight = createLucideIcon("chevron-right", __iconNode$1f);
+const __iconNode$1g = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]];
+const ChevronRight = createLucideIcon("chevron-right", __iconNode$1g);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -2998,8 +2998,8 @@ const ChevronRight = createLucideIcon("chevron-right", __iconNode$1f);
  */
 
 
-const __iconNode$1e = [["path", { d: "m18 15-6-6-6 6", key: "153udz" }]];
-const ChevronUp = createLucideIcon("chevron-up", __iconNode$1e);
+const __iconNode$1f = [["path", { d: "m18 15-6-6-6 6", key: "153udz" }]];
+const ChevronUp = createLucideIcon("chevron-up", __iconNode$1f);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3009,11 +3009,11 @@ const ChevronUp = createLucideIcon("chevron-up", __iconNode$1e);
  */
 
 
-const __iconNode$1d = [
+const __iconNode$1e = [
   ["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$1d);
+const ChevronsLeft = createLucideIcon("chevrons-left", __iconNode$1e);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3023,11 +3023,11 @@ const ChevronsLeft = createLucideIcon("chevrons-left", __iconNode$1d);
  */
 
 
-const __iconNode$1c = [
+const __iconNode$1d = [
   ["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$1c);
+const ChevronsRight = createLucideIcon("chevrons-right", __iconNode$1d);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3037,12 +3037,12 @@ const ChevronsRight = createLucideIcon("chevrons-right", __iconNode$1c);
  */
 
 
-const __iconNode$1b = [
+const __iconNode$1c = [
   ["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$1b);
+const CircleAlert = createLucideIcon("circle-alert", __iconNode$1c);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3052,11 +3052,11 @@ const CircleAlert = createLucideIcon("circle-alert", __iconNode$1b);
  */
 
 
-const __iconNode$1a = [
+const __iconNode$1b = [
   ["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$1a);
+const CircleCheckBig = createLucideIcon("circle-check-big", __iconNode$1b);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3066,11 +3066,11 @@ const CircleCheckBig = createLucideIcon("circle-check-big", __iconNode$1a);
  */
 
 
-const __iconNode$19 = [
+const __iconNode$1a = [
   ["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$19);
+const CircleCheck = createLucideIcon("circle-check", __iconNode$1a);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3080,11 +3080,11 @@ const CircleCheck = createLucideIcon("circle-check", __iconNode$19);
  */
 
 
-const __iconNode$18 = [
+const __iconNode$19 = [
   ["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$18);
+const CircleChevronDown = createLucideIcon("circle-chevron-down", __iconNode$19);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3094,11 +3094,11 @@ const CircleChevronDown = createLucideIcon("circle-chevron-down", __iconNode$18)
  */
 
 
-const __iconNode$17 = [
+const __iconNode$18 = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["circle", { cx: "12", cy: "12", r: "1", key: "41hilf" }]
 ];
-const CircleDot = createLucideIcon("circle-dot", __iconNode$17);
+const CircleDot = createLucideIcon("circle-dot", __iconNode$18);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3108,12 +3108,12 @@ const CircleDot = createLucideIcon("circle-dot", __iconNode$17);
  */
 
 
-const __iconNode$16 = [
+const __iconNode$17 = [
   ["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$16);
+const CircleX = createLucideIcon("circle-x", __iconNode$17);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3123,8 +3123,8 @@ const CircleX = createLucideIcon("circle-x", __iconNode$16);
  */
 
 
-const __iconNode$15 = [["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }]];
-const Circle = createLucideIcon("circle", __iconNode$15);
+const __iconNode$16 = [["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }]];
+const Circle = createLucideIcon("circle", __iconNode$16);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3134,11 +3134,11 @@ const Circle = createLucideIcon("circle", __iconNode$15);
  */
 
 
-const __iconNode$14 = [
+const __iconNode$15 = [
   ["path", { d: "M12 6v6l4 2", key: "mmk7yg" }],
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }]
 ];
-const Clock = createLucideIcon("clock", __iconNode$14);
+const Clock = createLucideIcon("clock", __iconNode$15);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3148,11 +3148,11 @@ const Clock = createLucideIcon("clock", __iconNode$14);
  */
 
 
-const __iconNode$13 = [
+const __iconNode$14 = [
   ["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$13);
+const Copy = createLucideIcon("copy", __iconNode$14);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3162,11 +3162,11 @@ const Copy = createLucideIcon("copy", __iconNode$13);
  */
 
 
-const __iconNode$12 = [
+const __iconNode$13 = [
   ["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$12);
+const Crop = createLucideIcon("crop", __iconNode$13);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3176,12 +3176,12 @@ const Crop = createLucideIcon("crop", __iconNode$12);
  */
 
 
-const __iconNode$11 = [
+const __iconNode$12 = [
   ["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$11);
+const Download = createLucideIcon("download", __iconNode$12);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3191,12 +3191,12 @@ const Download = createLucideIcon("download", __iconNode$11);
  */
 
 
-const __iconNode$10 = [
+const __iconNode$11 = [
   ["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$10);
+const EllipsisVertical = createLucideIcon("ellipsis-vertical", __iconNode$11);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3206,12 +3206,12 @@ const EllipsisVertical = createLucideIcon("ellipsis-vertical", __iconNode$10);
  */
 
 
-const __iconNode$$ = [
+const __iconNode$10 = [
   ["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$$);
+const Ellipsis = createLucideIcon("ellipsis", __iconNode$10);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3221,12 +3221,12 @@ const Ellipsis = createLucideIcon("ellipsis", __iconNode$$);
  */
 
 
-const __iconNode$_ = [
+const __iconNode$$ = [
   ["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$_);
+const ExternalLink = createLucideIcon("external-link", __iconNode$$);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3236,7 +3236,7 @@ const ExternalLink = createLucideIcon("external-link", __iconNode$_);
  */
 
 
-const __iconNode$Z = [
+const __iconNode$_ = [
   [
     "path",
     {
@@ -3246,7 +3246,7 @@ const __iconNode$Z = [
   ],
   ["circle", { cx: "12", cy: "12", r: "3", key: "1v7zrd" }]
 ];
-const Eye = createLucideIcon("eye", __iconNode$Z);
+const Eye = createLucideIcon("eye", __iconNode$_);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3256,13 +3256,13 @@ const Eye = createLucideIcon("eye", __iconNode$Z);
  */
 
 
-const __iconNode$Y = [
+const __iconNode$Z = [
   [
     "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$Y);
+const Facebook = createLucideIcon("facebook", __iconNode$Z);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3272,7 +3272,7 @@ const Facebook = createLucideIcon("facebook", __iconNode$Y);
  */
 
 
-const __iconNode$X = [
+const __iconNode$Y = [
   ["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" }],
   [
@@ -3284,7 +3284,7 @@ const __iconNode$X = [
   ],
   ["circle", { cx: "5", cy: "14", r: "3", key: "ufru5t" }]
 ];
-const FileBadge = createLucideIcon("file-badge", __iconNode$X);
+const FileBadge = createLucideIcon("file-badge", __iconNode$Y);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3294,12 +3294,12 @@ const FileBadge = createLucideIcon("file-badge", __iconNode$X);
  */
 
 
-const __iconNode$W = [
+const __iconNode$X = [
   ["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$W);
+const FileCheck2 = createLucideIcon("file-check-2", __iconNode$X);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3309,14 +3309,14 @@ const FileCheck2 = createLucideIcon("file-check-2", __iconNode$W);
  */
 
 
-const __iconNode$V = [
+const __iconNode$W = [
   ["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$V);
+const FileText = createLucideIcon("file-text", __iconNode$W);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3326,7 +3326,7 @@ const FileText = createLucideIcon("file-text", __iconNode$V);
  */
 
 
-const __iconNode$U = [
+const __iconNode$V = [
   [
     "path",
     {
@@ -3337,7 +3337,7 @@ const __iconNode$U = [
   ["path", { d: "m16.5 3.5 5 5", key: "15e6fa" }],
   ["path", { d: "m21.5 3.5-5 5", key: "m0lwru" }]
 ];
-const FunnelX = createLucideIcon("funnel-x", __iconNode$U);
+const FunnelX = createLucideIcon("funnel-x", __iconNode$V);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3347,7 +3347,7 @@ const FunnelX = createLucideIcon("funnel-x", __iconNode$U);
  */
 
 
-const __iconNode$T = [
+const __iconNode$U = [
   [
     "path",
     {
@@ -3356,7 +3356,7 @@ const __iconNode$T = [
     }
   ]
 ];
-const Funnel = createLucideIcon("funnel", __iconNode$T);
+const Funnel = createLucideIcon("funnel", __iconNode$U);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3366,7 +3366,7 @@ const Funnel = createLucideIcon("funnel", __iconNode$T);
  */
 
 
-const __iconNode$S = [
+const __iconNode$T = [
   ["path", { d: "M10.5 3 8 9l4 13 4-13-2.5-6", key: "b3dvk1" }],
   [
     "path",
@@ -3377,7 +3377,7 @@ const __iconNode$S = [
   ],
   ["path", { d: "M2 9h20", key: "16fsjt" }]
 ];
-const Gem = createLucideIcon("gem", __iconNode$S);
+const Gem = createLucideIcon("gem", __iconNode$T);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3387,7 +3387,7 @@ const Gem = createLucideIcon("gem", __iconNode$S);
  */
 
 
-const __iconNode$R = [
+const __iconNode$S = [
   ["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" }],
@@ -3395,7 +3395,7 @@ const __iconNode$R = [
   ["circle", { cx: "19", cy: "15", r: "1", key: "1a92ep" }],
   ["circle", { cx: "5", cy: "15", r: "1", key: "5r1jwy" }]
 ];
-const GripHorizontal = createLucideIcon("grip-horizontal", __iconNode$R);
+const GripHorizontal = createLucideIcon("grip-horizontal", __iconNode$S);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3405,7 +3405,7 @@ const GripHorizontal = createLucideIcon("grip-horizontal", __iconNode$R);
  */
 
 
-const __iconNode$Q = [
+const __iconNode$R = [
   ["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" }],
@@ -3413,7 +3413,7 @@ const __iconNode$Q = [
   ["circle", { cx: "15", cy: "5", r: "1", key: "19l28e" }],
   ["circle", { cx: "15", cy: "19", r: "1", key: "f4zoj3" }]
 ];
-const GripVertical = createLucideIcon("grip-vertical", __iconNode$Q);
+const GripVertical = createLucideIcon("grip-vertical", __iconNode$R);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3423,13 +3423,13 @@ const GripVertical = createLucideIcon("grip-vertical", __iconNode$Q);
  */
 
 
-const __iconNode$P = [
+const __iconNode$Q = [
   ["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$P);
+const Hash = createLucideIcon("hash", __iconNode$Q);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3439,13 +3439,13 @@ const Hash = createLucideIcon("hash", __iconNode$P);
  */
 
 
-const __iconNode$O = [
+const __iconNode$P = [
   ["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$O);
+const Heading1 = createLucideIcon("heading-1", __iconNode$P);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3455,13 +3455,13 @@ const Heading1 = createLucideIcon("heading-1", __iconNode$O);
  */
 
 
-const __iconNode$N = [
+const __iconNode$O = [
   ["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$N);
+const Heading2 = createLucideIcon("heading-2", __iconNode$O);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3471,14 +3471,14 @@ const Heading2 = createLucideIcon("heading-2", __iconNode$N);
  */
 
 
-const __iconNode$M = [
+const __iconNode$N = [
   ["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$M);
+const Heading3 = createLucideIcon("heading-3", __iconNode$N);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3488,12 +3488,12 @@ const Heading3 = createLucideIcon("heading-3", __iconNode$M);
  */
 
 
-const __iconNode$L = [
+const __iconNode$M = [
   ["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$L);
+const History = createLucideIcon("history", __iconNode$M);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3503,12 +3503,32 @@ const History = createLucideIcon("history", __iconNode$L);
  */
 
 
-const __iconNode$K = [
+const __iconNode$L = [
   ["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$K);
+const Image$1 = createLucideIcon("image", __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 = [
+  ["polyline", { points: "22 12 16 12 14 15 10 15 8 12 2 12", key: "o97t9d" }],
+  [
+    "path",
+    {
+      d: "M5.45 5.11 2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z",
+      key: "oot6mr"
+    }
+  ]
+];
+const Inbox = createLucideIcon("inbox", __iconNode$K);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -22006,6 +22026,34 @@ function CustomCombobox({ options, placeholder = 'Select option...', value, onCh
     return (jsxRuntime.jsx(SearchableSelect, { selectedItem: selectedItem, onChange: (opt) => onChange(opt.label), getOptionKey: (o) => o.value, getOptionLabel: (o) => o.label, options: options, searchPlaceholder: placeholder, emptyMessage: emptyMessage, className: className }));
 }
 
+/** A table's empty title when its page gives none. */
+const DEFAULT_TABLE_EMPTY_TITLE = 'No records yet';
+/** Placeholder rows of the empty list, fading out; the middle one is nudged so the stack reads as loose cards. */
+const EMPTY_STATE_ROWS = [
+    { key: 'first', className: '' },
+    { key: 'second', className: 'translate-x-3 opacity-70' },
+    { key: 'third', className: 'opacity-40' },
+];
+
+/**
+ * A list or table with nothing to show: a quiet sketch of empty rows with `icon` as a badge, then the
+ * title, description and an optional action.
+ */
+function EmptyState({ icon: Icon, title, description, action, className, }) {
+    return (jsxRuntime.jsxs("div", { className: cn('flex flex-col items-center py-12 text-center', className), children: [jsxRuntime.jsxs("div", { "aria-hidden": "true", className: "relative w-44", children: [jsxRuntime.jsx("div", { className: "space-y-2", children: EMPTY_STATE_ROWS.map((row) => (jsxRuntime.jsxs("div", { className: cn('flex items-center gap-2 rounded-lg border border-border bg-card px-3 py-2 shadow-xs', row.className), children: [jsxRuntime.jsx("span", { className: "size-5 shrink-0 rounded-md bg-muted" }), jsxRuntime.jsx("span", { className: "h-1.5 flex-1 rounded-full bg-muted" }), jsxRuntime.jsx("span", { className: "h-1.5 w-6 rounded-full bg-muted" })] }, row.key))) }), jsxRuntime.jsx("span", { className: "absolute -right-3 -top-3 flex size-9 items-center justify-center rounded-full border border-border bg-card text-primary shadow-sm", children: jsxRuntime.jsx(Icon, { className: "size-4" }) })] }), jsxRuntime.jsx("p", { className: "mt-5 text-base font-semibold text-foreground", children: title }), description && (jsxRuntime.jsx("p", { className: "mt-1.5 max-w-md text-sm text-muted-foreground", children: description })), action && jsxRuntime.jsx("div", { className: "mt-5", children: action })] }));
+}
+
+/**
+ * A table's empty content: its own `EmptyState` (or other element) as given, a string as the title of the
+ * standard empty state, or the neutral default when the table passes nothing.
+ *
+ * Render it in the table's scroll container, after the `<table>`: it is pinned to the visible width there,
+ * so it stays centered however wide the columns are or however far the table is scrolled sideways.
+ */
+function TableEmptyState({ content, }) {
+    return (jsxRuntime.jsx("div", { "data-slot": "table-empty-state", className: "sticky left-0 w-full", children: content === undefined || content === null || typeof content === 'string' ? (jsxRuntime.jsx(EmptyState, { icon: Inbox, title: content || DEFAULT_TABLE_EMPTY_TITLE })) : (content) }));
+}
+
 function useExpandableRows() {
     const [expanded, setExpanded] = React.useState(new Set());
     const toggleExpand = (key) => {
@@ -22048,7 +22096,7 @@ function renderCellContent(row, col) {
     return typeof raw === 'number' ? raw.toLocaleString() : raw;
 }
 
-function CustomTable({ data, columns, expandable, rowKey = (row) => row.id, className = '', columnStyles = {}, comfortableRows = false, compactRows = false, mutedCellFallback = false, pagination, enableSelection = false, selectedRowIds, onSelectionChange, }) {
+function CustomTable({ data, columns, expandable, rowKey = (row) => row.id, className = '', columnStyles = {}, comfortableRows = false, compactRows = false, mutedCellFallback = false, pagination, enableSelection = false, selectedRowIds, onSelectionChange, emptyState, }) {
     const { isExpanded, toggleExpand } = useExpandableRows();
     const selectedIds = selectedRowIds ?? [];
     const allKeys = data.map(rowKey);
@@ -22063,22 +22111,22 @@ function CustomTable({ data, columns, expandable, rowKey = (row) => row.id, clas
             ? selectedIds.filter((id) => id !== key)
             : [...selectedIds, key]);
     };
-    return (jsxRuntime.jsxs("div", { className: `h-full w-full flex flex-col overflow-hidden rounded-lg border border-border bg-card ${className}`, "data-slot": "table-container", children: [jsxRuntime.jsx("div", { className: "overflow-auto flex-1 isolate", children: jsxRuntime.jsxs("table", { "data-slot": "table", className: "min-w-full w-full text-left text-sm", children: [jsxRuntime.jsx("thead", { className: "sticky top-0 z-40 border-b border-border !bg-table-header", children: jsxRuntime.jsxs("tr", { children: [expandable && (jsxRuntime.jsx("th", { className: "h-12 w-[52px] min-w-[52px] whitespace-nowrap px-3 text-left align-middle text-secondary-foreground" })), enableSelection && (jsxRuntime.jsx("th", { className: "h-12 w-[52px] min-w-[52px] whitespace-nowrap px-3 text-left align-middle", children: jsxRuntime.jsx(Checkbox, { checked: allSelected
-                                                ? true
-                                                : someSelected
-                                                    ? 'indeterminate'
-                                                    : false, onCheckedChange: toggleSelectAll, "aria-label": "Select all rows" }) })), columns.map((col) => (jsxRuntime.jsx("th", { className: cn('h-12 whitespace-nowrap px-4 text-left align-middle text-sm font-semibold text-secondary-foreground', alignClass(col.align), col.key === 'actions' && stickyActionsHeaderClass(), col.headerClassName), style: { width: col.width }, children: col.header }, col.key)))] }) }), jsxRuntime.jsx("tbody", { children: data.length === 0 ? (jsxRuntime.jsx("tr", { children: jsxRuntime.jsx("td", { colSpan: columns.length + leadingCols, className: "p-4 text-center text-muted-foreground", children: "No data available" }) })) : (data.map((row, idx) => {
-                                const key = rowKey(row);
-                                const expandedRow = isExpanded(key);
-                                return (jsxRuntime.jsxs(React.Fragment, { children: [jsxRuntime.jsxs("tr", { className: `cursor-pointer border-b border-border transition-colors hover:bg-muted/30 ${idx % 2 === 0 ? 'bg-card' : 'bg-alternativeTableColor'} ${comfortableRows ? 'h-[76px]' : ''} ${compactRows ? 'h-[52px]' : ''}`, children: [expandable && (jsxRuntime.jsx("td", { className: "border-b border-border px-3 align-middle whitespace-nowrap", children: jsxRuntime.jsx("button", { type: "button", onClick: (e) => {
-                                                            e.stopPropagation();
-                                                            toggleExpand(key);
-                                                        }, className: "flex size-8 cursor-pointer items-center justify-center rounded-md text-muted-foreground hover:bg-muted hover:text-foreground", "aria-expanded": expandedRow, "aria-label": expandedRow ? 'Collapse row' : 'Expand row', children: expandedRow ? (jsxRuntime.jsx(ChevronDown, { className: "size-4" })) : (jsxRuntime.jsx(ChevronRight, { className: "size-4" })) }) })), enableSelection && (jsxRuntime.jsx("td", { className: "border-b border-border px-3 align-middle", onClick: (e) => e.stopPropagation(), children: jsxRuntime.jsx(Checkbox, { checked: selectedIds.includes(key), onCheckedChange: () => toggleRow(key), "aria-label": "Select row" }) })), columns.map((col) => (jsxRuntime.jsx("td", { className: cn('border-b border-border px-4 align-middle text-foreground', compactRows || comfortableRows ? 'py-0' : 'py-3', col.cellClassName?.(row), columnStyles?.[col.key] ??
-                                                        (mutedCellFallback
-                                                            ? 'text-muted-foreground'
-                                                            : ''), alignClass(col.align), col.key === 'actions' &&
-                                                        stickyActionsCellClass(idx % 2 === 0)), "data-slot": "table-cell", children: renderCellContent(row, col) }, col.key)))] }), expandable && expandedRow && (jsxRuntime.jsx("tr", { children: jsxRuntime.jsx("td", { colSpan: columns.length + leadingCols, className: "border-b bg-background p-0", children: expandable.render(row) }) }))] }, key));
-                            })) })] }) }), pagination] }));
+    return (jsxRuntime.jsxs("div", { className: `h-full w-full flex flex-col overflow-hidden rounded-lg border border-border bg-card ${className}`, "data-slot": "table-container", children: [jsxRuntime.jsxs("div", { className: "overflow-auto flex-1 isolate", children: [jsxRuntime.jsxs("table", { "data-slot": "table", className: "min-w-full w-full text-left text-sm", children: [jsxRuntime.jsx("thead", { className: "sticky top-0 z-40 border-b border-border !bg-table-header", children: jsxRuntime.jsxs("tr", { children: [expandable && (jsxRuntime.jsx("th", { className: "h-12 w-[52px] min-w-[52px] whitespace-nowrap px-3 text-left align-middle text-secondary-foreground" })), enableSelection && (jsxRuntime.jsx("th", { className: "h-12 w-[52px] min-w-[52px] whitespace-nowrap px-3 text-left align-middle", children: jsxRuntime.jsx(Checkbox, { checked: allSelected
+                                                    ? true
+                                                    : someSelected
+                                                        ? 'indeterminate'
+                                                        : false, onCheckedChange: toggleSelectAll, "aria-label": "Select all rows" }) })), columns.map((col) => (jsxRuntime.jsx("th", { className: cn('h-12 whitespace-nowrap px-4 text-left align-middle text-sm font-semibold text-secondary-foreground', alignClass(col.align), col.key === 'actions' && stickyActionsHeaderClass(), col.headerClassName), style: { width: col.width }, children: col.header }, col.key)))] }) }), jsxRuntime.jsx("tbody", { children: data.map((row, idx) => {
+                                    const key = rowKey(row);
+                                    const expandedRow = isExpanded(key);
+                                    return (jsxRuntime.jsxs(React.Fragment, { children: [jsxRuntime.jsxs("tr", { className: `cursor-pointer border-b border-border transition-colors hover:bg-muted/30 ${idx % 2 === 0 ? 'bg-card' : 'bg-alternativeTableColor'} ${comfortableRows ? 'h-[76px]' : ''} ${compactRows ? 'h-[52px]' : ''}`, children: [expandable && (jsxRuntime.jsx("td", { className: "border-b border-border px-3 align-middle whitespace-nowrap", children: jsxRuntime.jsx("button", { type: "button", onClick: (e) => {
+                                                                e.stopPropagation();
+                                                                toggleExpand(key);
+                                                            }, className: "flex size-8 cursor-pointer items-center justify-center rounded-md text-muted-foreground hover:bg-muted hover:text-foreground", "aria-expanded": expandedRow, "aria-label": expandedRow ? 'Collapse row' : 'Expand row', children: expandedRow ? (jsxRuntime.jsx(ChevronDown, { className: "size-4" })) : (jsxRuntime.jsx(ChevronRight, { className: "size-4" })) }) })), enableSelection && (jsxRuntime.jsx("td", { className: "border-b border-border px-3 align-middle", onClick: (e) => e.stopPropagation(), children: jsxRuntime.jsx(Checkbox, { checked: selectedIds.includes(key), onCheckedChange: () => toggleRow(key), "aria-label": "Select row" }) })), columns.map((col) => (jsxRuntime.jsx("td", { className: cn('border-b border-border px-4 align-middle text-foreground', compactRows || comfortableRows ? 'py-0' : 'py-3', col.cellClassName?.(row), columnStyles?.[col.key] ??
+                                                            (mutedCellFallback
+                                                                ? 'text-muted-foreground'
+                                                                : ''), alignClass(col.align), col.key === 'actions' &&
+                                                            stickyActionsCellClass(idx % 2 === 0)), "data-slot": "table-cell", children: renderCellContent(row, col) }, col.key)))] }), expandable && expandedRow && (jsxRuntime.jsx("tr", { children: jsxRuntime.jsx("td", { colSpan: columns.length + leadingCols, className: "border-b bg-background p-0", children: expandable.render(row) }) }))] }, key));
+                                }) })] }), data.length === 0 && jsxRuntime.jsx(TableEmptyState, { content: emptyState })] }), pagination] }));
 }
 
 function useCombinedRefs() {
@@ -27148,7 +27196,7 @@ function DataEditableTable({ data, columns, onRowClick, enableSelection = false,
                             top: overlay.top,
                             width: overlay.width,
                             height: overlay.height,
-                        }, children: jsxRuntime.jsx("div", { className: "sticky left-0 p-3", style: { width: overlay.visibleWidth }, children: jsxRuntime.jsx(TableRowsSkeleton, { rows: getSkeletonRowCount(overlay.height) }) }) })) : (loading && (jsxRuntime.jsx("div", { className: "sticky left-0 w-full p-3", children: jsxRuntime.jsx(TableRowsSkeleton, { rows: loadingRows }) }))), !loading && data.length === 0 && (jsxRuntime.jsx("div", { className: "sticky left-0 flex w-full items-center justify-center p-6 text-sm text-muted-foreground", children: emptyState ?? 'No data available' }))] }), loading && pagination ? (jsxRuntime.jsx(PaginationLoading, { children: pagination })) : (pagination)] }));
+                        }, children: jsxRuntime.jsx("div", { className: "sticky left-0 p-3", style: { width: overlay.visibleWidth }, children: jsxRuntime.jsx(TableRowsSkeleton, { rows: getSkeletonRowCount(overlay.height) }) }) })) : (loading && (jsxRuntime.jsx("div", { className: "sticky left-0 w-full p-3", children: jsxRuntime.jsx(TableRowsSkeleton, { rows: loadingRows }) }))), !loading && data.length === 0 && (jsxRuntime.jsx(TableEmptyState, { content: emptyState }))] }), loading && pagination ? (jsxRuntime.jsx(PaginationLoading, { children: pagination })) : (pagination)] }));
     if (!reorder.enabled)
         return table;
     return (jsxRuntime.jsx(DndContext, { sensors: reorder.sensors, onDragStart: reorder.onDragStart, onDragMove: reorder.onDragMove, onDragEnd: reorder.onDragEnd, onDragCancel: reorder.onDragCancel, children: table }));
@@ -27160,7 +27208,7 @@ function DataEditableTable({ data, columns, onRowClick, enableSelection = false,
  * `actions` column, and a pagination slot. For editable/resizable grids use
  * `DataEditableTable` instead.
  */
-function DataTable({ data, columns, onRowClick, enableSelection = false, columnStyles = {}, pagination, }) {
+function DataTable({ data, columns, onRowClick, enableSelection = false, columnStyles = {}, pagination, emptyState, }) {
     const [selected, setSelected] = React.useState([]);
     const allSelected = data.length > 0 && selected.length === data.length;
     const someSelected = selected.length > 0 && selected.length < data.length;
@@ -27173,13 +27221,13 @@ function DataTable({ data, columns, onRowClick, enableSelection = false, columnS
     const toggleRow = (id) => {
         setSelected((prev) => prev.includes(id) ? prev.filter((x) => x !== id) : [...prev, id]);
     };
-    return (jsxRuntime.jsxs("div", { className: "h-full w-full rounded-lg border border-border bg-card flex flex-col overflow-hidden", children: [jsxRuntime.jsx("div", { className: "overflow-auto flex-1 isolate", children: jsxRuntime.jsxs("table", { className: "min-w-[70vh] w-full text-left text-sm", children: [jsxRuntime.jsx("thead", { className: "sticky top-0 z-50 border-b border-border bg-table-header text-secondary-foreground", children: jsxRuntime.jsxs("tr", { className: "border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted", children: [enableSelection && (jsxRuntime.jsx("th", { className: "h-10 whitespace-nowrap p-2 pl-5 text-left align-middle font-semibold text-secondary-foreground", children: jsxRuntime.jsx(Checkbox, { checked: allSelected ? true : someSelected ? 'indeterminate' : false, onCheckedChange: toggleSelectAll }) })), columns.map((col) => (jsxRuntime.jsx("th", { className: cn('h-10 cursor-pointer whitespace-nowrap p-2 pl-5 text-left align-middle text-sm text-secondary-foreground', col.key === 'actions' &&
-                                            'sticky !right-0 top-0 z-40 w-[92px] min-w-[92px] max-w-[92px] px-2 text-center bg-table-header before:pointer-events-none before:absolute before:left-0 before:top-0 before:h-full before:w-px before:bg-border before:content-[""] shadow-[-3px_0_6px_-3px_rgba(0,0,0,0.08)]', col.key === 'id' || col.key === 'userId'
-                                            ? 'font-bold'
-                                            : 'font-semibold', col.headerClassName), children: col.header }, col.key.toString())))] }) }), jsxRuntime.jsx("tbody", { children: data.length === 0 ? (jsxRuntime.jsx("tr", { children: jsxRuntime.jsx("td", { colSpan: columns.length + (enableSelection ? 1 : 0), className: "p-0", children: jsxRuntime.jsx("div", { className: "flex w-full items-center justify-center py-16 text-muted-foreground", children: "No data available" }) }) })) : (data.map((row, idx) => (jsxRuntime.jsxs("tr", { className: cn('cursor-pointer border-b border-border transition-colors hover:bg-muted/40', idx % 2 === 0 ? 'bg-card' : 'bg-alternativeTableColor'), onClick: () => onRowClick?.(row), children: [enableSelection && (jsxRuntime.jsx("td", { className: "border-b border-border p-2 pl-5", children: jsxRuntime.jsx(Checkbox, { checked: selected.includes(row.id), onCheckedChange: () => toggleRow(row.id) }) })), columns.map((col) => (jsxRuntime.jsx("td", { className: cn('whitespace-nowrap border-b border-border p-2 pl-5 text-foreground', col.key === 'actions' &&
-                                            cn('sticky !right-0 z-30 w-[92px] min-w-[92px] max-w-[92px] px-2 text-center before:pointer-events-none before:absolute before:left-0 before:top-0 before:h-full before:w-px before:bg-border before:content-[""] shadow-[-3px_0_6px_-3px_rgba(0,0,0,0.08)]', idx % 2 === 0 ? 'bg-card' : 'bg-alternativeTableColor'), col.cellClassName?.(row), columnStyles[col.key.toString()] ?? 'text-muted-foreground'), children: col.render
-                                            ? col.render(row)
-                                            : row[col.key] }, col.key.toString())))] }, row.id)))) })] }) }), pagination] }));
+    return (jsxRuntime.jsxs("div", { className: "h-full w-full rounded-lg border border-border bg-card flex flex-col overflow-hidden", children: [jsxRuntime.jsxs("div", { className: "overflow-auto flex-1 isolate", children: [jsxRuntime.jsxs("table", { className: "min-w-[70vh] w-full text-left text-sm", children: [jsxRuntime.jsx("thead", { className: "sticky top-0 z-50 border-b border-border bg-table-header text-secondary-foreground", children: jsxRuntime.jsxs("tr", { className: "border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted", children: [enableSelection && (jsxRuntime.jsx("th", { className: "h-10 whitespace-nowrap p-2 pl-5 text-left align-middle font-semibold text-secondary-foreground", children: jsxRuntime.jsx(Checkbox, { checked: allSelected ? true : someSelected ? 'indeterminate' : false, onCheckedChange: toggleSelectAll }) })), columns.map((col) => (jsxRuntime.jsx("th", { className: cn('h-10 cursor-pointer whitespace-nowrap p-2 pl-5 text-left align-middle text-sm text-secondary-foreground', col.key === 'actions' &&
+                                                'sticky !right-0 top-0 z-40 w-[92px] min-w-[92px] max-w-[92px] px-2 text-center bg-table-header before:pointer-events-none before:absolute before:left-0 before:top-0 before:h-full before:w-px before:bg-border before:content-[""] shadow-[-3px_0_6px_-3px_rgba(0,0,0,0.08)]', col.key === 'id' || col.key === 'userId'
+                                                ? 'font-bold'
+                                                : 'font-semibold', col.headerClassName), children: col.header }, col.key.toString())))] }) }), jsxRuntime.jsx("tbody", { children: data.map((row, idx) => (jsxRuntime.jsxs("tr", { className: cn('cursor-pointer border-b border-border transition-colors hover:bg-muted/40', idx % 2 === 0 ? 'bg-card' : 'bg-alternativeTableColor'), onClick: () => onRowClick?.(row), children: [enableSelection && (jsxRuntime.jsx("td", { className: "border-b border-border p-2 pl-5", children: jsxRuntime.jsx(Checkbox, { checked: selected.includes(row.id), onCheckedChange: () => toggleRow(row.id) }) })), columns.map((col) => (jsxRuntime.jsx("td", { className: cn('whitespace-nowrap border-b border-border p-2 pl-5 text-foreground', col.key === 'actions' &&
+                                                cn('sticky !right-0 z-30 w-[92px] min-w-[92px] max-w-[92px] px-2 text-center before:pointer-events-none before:absolute before:left-0 before:top-0 before:h-full before:w-px before:bg-border before:content-[""] shadow-[-3px_0_6px_-3px_rgba(0,0,0,0.08)]', idx % 2 === 0 ? 'bg-card' : 'bg-alternativeTableColor'), col.cellClassName?.(row), columnStyles[col.key.toString()] ?? 'text-muted-foreground'), children: col.render
+                                                ? col.render(row)
+                                                : row[col.key] }, col.key.toString())))] }, row.id))) })] }), data.length === 0 && jsxRuntime.jsx(TableEmptyState, { content: emptyState })] }), pagination] }));
 }
 
 /**
@@ -43452,7 +43500,7 @@ function getEmptyStateDescription(itemNoun, activeCount) {
 
 /** Shown in place of rows when the applied column filters match nothing. */
 function FilterEmptyState({ itemNoun, title, description, activeCount, onClearAll, className, }) {
-    return (jsxRuntime.jsxs("div", { className: cn('flex flex-col items-center py-12 text-center', className), children: [jsxRuntime.jsx("div", { className: "flex size-10 items-center justify-center rounded-full bg-muted text-primary", children: jsxRuntime.jsx(FunnelX, { "aria-hidden": "true", className: "size-5" }) }), jsxRuntime.jsx("p", { className: "mt-4 text-base font-semibold text-foreground", children: title ?? getEmptyStateTitle(itemNoun) }), jsxRuntime.jsx("p", { className: "mt-1.5 max-w-sm text-sm text-muted-foreground", children: description ?? getEmptyStateDescription(itemNoun, activeCount) }), jsxRuntime.jsx(Button, { appearance: "outline", color: "primary", size: "md", onClick: onClearAll, leftIcon: jsxRuntime.jsx(RotateCcw, {}), className: "mt-5", children: "Clear all filters" })] }));
+    return (jsxRuntime.jsx(EmptyState, { icon: FunnelX, title: title ?? getEmptyStateTitle(itemNoun), description: description ?? getEmptyStateDescription(itemNoun, activeCount), action: jsxRuntime.jsx(Button, { appearance: "outline", color: "primary", size: "md", onClick: onClearAll, leftIcon: jsxRuntime.jsx(RotateCcw, {}), children: "Clear all filters" }), className: className }));
 }
 
 function getScalePosition(options, value, option) {
@@ -81187,6 +81235,7 @@ exports.DropdownMenuSub = DropdownMenuSub;
 exports.DropdownMenuSubContent = DropdownMenuSubContent;
 exports.DropdownMenuSubTrigger = DropdownMenuSubTrigger;
 exports.DropdownMenuTrigger = DropdownMenuTrigger;
+exports.EmptyState = EmptyState;
 exports.EmptyValue = EmptyValue;
 exports.EntityHeader = EntityHeader;
 exports.FILTER_COUNT_BADGE_CLASS_NAME = FILTER_COUNT_BADGE_CLASS_NAME;
@@ -81330,6 +81379,7 @@ exports.StatusBadge = StatusBadge$1;
 exports.StatusFilter = StatusFilter;
 exports.Stepper = Stepper;
 exports.StockTypeFilter = StockTypeFilter;
+exports.TableEmptyState = TableEmptyState;
 exports.TablePagination = TablePagination;
 exports.TableRowsSkeleton = TableRowsSkeleton;
 exports.TableSkeleton = TableSkeleton;