npm - @caratlogic/design-system - Versions diffs - 0.1.33 → 0.1.34 - Mend

@caratlogic/design-system 0.1.33 → 0.1.34

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

Files changed (113) hide show

package/dist/index.cjs.js CHANGED Viewed

@@ -2698,12 +2698,12 @@ const createLucideIcon = (iconName, iconNode) => {
  */
-const __iconNode$1v = [
+const __iconNode$1x = [
   ["path", { d: "M15 12H3", key: "6jk70r" }],
   ["path", { d: "M17 18H3", key: "1amg6g" }],
   ["path", { d: "M21 6H3", key: "1jwq7v" }]
 ];
-const AlignLeft = createLucideIcon("align-left", __iconNode$1v);
+const AlignLeft = createLucideIcon("align-left", __iconNode$1x);
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -2713,12 +2713,12 @@ const AlignLeft = createLucideIcon("align-left", __iconNode$1v);
  */
-const __iconNode$1u = [
+const __iconNode$1w = [
   ["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$1u);
+const Archive = createLucideIcon("archive", __iconNode$1w);
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -2728,11 +2728,11 @@ const Archive = createLucideIcon("archive", __iconNode$1u);
  */
-const __iconNode$1t = [
+const __iconNode$1v = [
   ["path", { d: "m12 19-7-7 7-7", key: "1l729n" }],
   ["path", { d: "M19 12H5", key: "x3x0zl" }]
 ];
-const ArrowLeft = createLucideIcon("arrow-left", __iconNode$1t);
+const ArrowLeft = createLucideIcon("arrow-left", __iconNode$1v);
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -2742,11 +2742,11 @@ const ArrowLeft = createLucideIcon("arrow-left", __iconNode$1t);
  */
-const __iconNode$1s = [
+const __iconNode$1u = [
   ["path", { d: "M5 12h14", key: "1ays0h" }],
   ["path", { d: "m12 5 7 7-7 7", key: "xquz4c" }]
 ];
-const ArrowRight = createLucideIcon("arrow-right", __iconNode$1s);
+const ArrowRight = createLucideIcon("arrow-right", __iconNode$1u);
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -2756,11 +2756,11 @@ const ArrowRight = createLucideIcon("arrow-right", __iconNode$1s);
  */
-const __iconNode$1r = [
+const __iconNode$1t = [
   ["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$1r);
+const Ban = createLucideIcon("ban", __iconNode$1t);
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -2770,7 +2770,7 @@ const Ban = createLucideIcon("ban", __iconNode$1r);
  */
-const __iconNode$1q = [
+const __iconNode$1s = [
   ["path", { d: "M10.268 21a2 2 0 0 0 3.464 0", key: "vwvbt9" }],
   [
     "path",
@@ -2781,7 +2781,7 @@ const __iconNode$1q = [
   ],
   ["circle", { cx: "18", cy: "8", r: "3", key: "1g0gzu" }]
 ];
-const BellDot = createLucideIcon("bell-dot", __iconNode$1q);
+const BellDot = createLucideIcon("bell-dot", __iconNode$1s);
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -2791,7 +2791,7 @@ const BellDot = createLucideIcon("bell-dot", __iconNode$1q);
  */
-const __iconNode$1p = [
+const __iconNode$1r = [
   ["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$1p = [
   ],
   ["path", { d: "M4 2C2.8 3.7 2 5.7 2 8", key: "tap9e0" }]
 ];
-const BellRing = createLucideIcon("bell-ring", __iconNode$1p);
+const BellRing = createLucideIcon("bell-ring", __iconNode$1r);
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -2813,7 +2813,7 @@ const BellRing = createLucideIcon("bell-ring", __iconNode$1p);
  */
-const __iconNode$1o = [
+const __iconNode$1q = [
   ["path", { d: "M10.268 21a2 2 0 0 0 3.464 0", key: "vwvbt9" }],
   [
     "path",
@@ -2823,7 +2823,7 @@ const __iconNode$1o = [
     }
   ]
 ];
-const Bell = createLucideIcon("bell", __iconNode$1o);
+const Bell = createLucideIcon("bell", __iconNode$1q);
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -2833,13 +2833,13 @@ const Bell = createLucideIcon("bell", __iconNode$1o);
  */
-const __iconNode$1n = [
+const __iconNode$1p = [
   [
     "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$1n);
+const Bold$1 = createLucideIcon("bold", __iconNode$1p);
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -2849,7 +2849,20 @@ const Bold$1 = createLucideIcon("bold", __iconNode$1n);
  */
-const __iconNode$1m = [
+const __iconNode$1o = [
+  ["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);
+/**
+ * @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 = [
   [
     "path",
     {
@@ -2860,7 +2873,7 @@ const __iconNode$1m = [
   ["path", { d: "m3.3 7 8.7 5 8.7-5", key: "g66t2b" }],
   ["path", { d: "M12 22V12", key: "d0xqtd" }]
 ];
-const Box = createLucideIcon("box", __iconNode$1m);
+const Box = createLucideIcon("box", __iconNode$1n);
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -2870,7 +2883,7 @@ const Box = createLucideIcon("box", __iconNode$1m);
  */
-const __iconNode$1l = [
+const __iconNode$1m = [
   ["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" }],
@@ -2879,7 +2892,7 @@ const __iconNode$1l = [
   ["path", { d: "M10 14h4", key: "kelpxr" }],
   ["path", { d: "M10 18h4", key: "1ulq68" }]
 ];
-const Building2 = createLucideIcon("building-2", __iconNode$1l);
+const Building2 = createLucideIcon("building-2", __iconNode$1m);
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -2889,7 +2902,7 @@ const Building2 = createLucideIcon("building-2", __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" }],
@@ -2901,7 +2914,7 @@ const __iconNode$1k = [
   ["path", { d: "M12 18h.01", key: "mhygvu" }],
   ["path", { d: "M16 18h.01", key: "kzsmim" }]
 ];
-const CalendarDays = createLucideIcon("calendar-days", __iconNode$1k);
+const CalendarDays = createLucideIcon("calendar-days", __iconNode$1l);
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -2911,13 +2924,13 @@ const CalendarDays = createLucideIcon("calendar-days", __iconNode$1k);
  */
-const __iconNode$1j = [
+const __iconNode$1k = [
   ["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$1j);
+const Calendar$1 = createLucideIcon("calendar", __iconNode$1k);
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -2927,11 +2940,11 @@ const Calendar$1 = createLucideIcon("calendar", __iconNode$1j);
  */
-const __iconNode$1i = [
+const __iconNode$1j = [
   ["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$1i);
+const CheckCheck = createLucideIcon("check-check", __iconNode$1j);
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -2941,8 +2954,8 @@ const CheckCheck = createLucideIcon("check-check", __iconNode$1i);
  */
-const __iconNode$1h = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]];
-const Check = createLucideIcon("check", __iconNode$1h);
+const __iconNode$1i = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]];
+const Check = createLucideIcon("check", __iconNode$1i);
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -2952,8 +2965,8 @@ const Check = createLucideIcon("check", __iconNode$1h);
  */
-const __iconNode$1g = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
-const ChevronDown = createLucideIcon("chevron-down", __iconNode$1g);
+const __iconNode$1h = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
+const ChevronDown = createLucideIcon("chevron-down", __iconNode$1h);
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -2963,8 +2976,8 @@ const ChevronDown = createLucideIcon("chevron-down", __iconNode$1g);
  */
-const __iconNode$1f = [["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]];
-const ChevronLeft = createLucideIcon("chevron-left", __iconNode$1f);
+const __iconNode$1g = [["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]];
+const ChevronLeft = createLucideIcon("chevron-left", __iconNode$1g);
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -2974,8 +2987,8 @@ const ChevronLeft = createLucideIcon("chevron-left", __iconNode$1f);
  */
-const __iconNode$1e = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]];
-const ChevronRight = createLucideIcon("chevron-right", __iconNode$1e);
+const __iconNode$1f = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]];
+const ChevronRight = createLucideIcon("chevron-right", __iconNode$1f);
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -2985,8 +2998,8 @@ const ChevronRight = createLucideIcon("chevron-right", __iconNode$1e);
  */
-const __iconNode$1d = [["path", { d: "m18 15-6-6-6 6", key: "153udz" }]];
-const ChevronUp = createLucideIcon("chevron-up", __iconNode$1d);
+const __iconNode$1e = [["path", { d: "m18 15-6-6-6 6", key: "153udz" }]];
+const ChevronUp = createLucideIcon("chevron-up", __iconNode$1e);
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -2996,11 +3009,11 @@ const ChevronUp = createLucideIcon("chevron-up", __iconNode$1d);
  */
-const __iconNode$1c = [
+const __iconNode$1d = [
   ["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$1c);
+const ChevronsLeft = createLucideIcon("chevrons-left", __iconNode$1d);
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3010,11 +3023,11 @@ const ChevronsLeft = createLucideIcon("chevrons-left", __iconNode$1c);
  */
-const __iconNode$1b = [
+const __iconNode$1c = [
   ["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$1b);
+const ChevronsRight = createLucideIcon("chevrons-right", __iconNode$1c);
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3024,12 +3037,12 @@ const ChevronsRight = createLucideIcon("chevrons-right", __iconNode$1b);
  */
-const __iconNode$1a = [
+const __iconNode$1b = [
   ["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$1a);
+const CircleAlert = createLucideIcon("circle-alert", __iconNode$1b);
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3039,11 +3052,11 @@ const CircleAlert = createLucideIcon("circle-alert", __iconNode$1a);
  */
-const __iconNode$19 = [
+const __iconNode$1a = [
   ["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$19);
+const CircleCheckBig = createLucideIcon("circle-check-big", __iconNode$1a);
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3053,11 +3066,11 @@ const CircleCheckBig = createLucideIcon("circle-check-big", __iconNode$19);
  */
-const __iconNode$18 = [
+const __iconNode$19 = [
   ["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$18);
+const CircleCheck = createLucideIcon("circle-check", __iconNode$19);
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3067,11 +3080,11 @@ const CircleCheck = createLucideIcon("circle-check", __iconNode$18);
  */
-const __iconNode$17 = [
+const __iconNode$18 = [
   ["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$17);
+const CircleChevronDown = createLucideIcon("circle-chevron-down", __iconNode$18);
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3081,11 +3094,11 @@ const CircleChevronDown = createLucideIcon("circle-chevron-down", __iconNode$17)
  */
-const __iconNode$16 = [
+const __iconNode$17 = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["circle", { cx: "12", cy: "12", r: "1", key: "41hilf" }]
 ];
-const CircleDot = createLucideIcon("circle-dot", __iconNode$16);
+const CircleDot = createLucideIcon("circle-dot", __iconNode$17);
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3095,12 +3108,12 @@ const CircleDot = createLucideIcon("circle-dot", __iconNode$16);
  */
-const __iconNode$15 = [
+const __iconNode$16 = [
   ["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$15);
+const CircleX = createLucideIcon("circle-x", __iconNode$16);
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3110,8 +3123,8 @@ const CircleX = createLucideIcon("circle-x", __iconNode$15);
  */
-const __iconNode$14 = [["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }]];
-const Circle = createLucideIcon("circle", __iconNode$14);
+const __iconNode$15 = [["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }]];
+const Circle = createLucideIcon("circle", __iconNode$15);
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3121,11 +3134,11 @@ const Circle = createLucideIcon("circle", __iconNode$14);
  */
-const __iconNode$13 = [
+const __iconNode$14 = [
   ["path", { d: "M12 6v6l4 2", key: "mmk7yg" }],
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }]
 ];
-const Clock = createLucideIcon("clock", __iconNode$13);
+const Clock = createLucideIcon("clock", __iconNode$14);
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3135,11 +3148,11 @@ const Clock = createLucideIcon("clock", __iconNode$13);
  */
-const __iconNode$12 = [
+const __iconNode$13 = [
   ["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$12);
+const Copy = createLucideIcon("copy", __iconNode$13);
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3149,11 +3162,11 @@ const Copy = createLucideIcon("copy", __iconNode$12);
  */
-const __iconNode$11 = [
+const __iconNode$12 = [
   ["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$11);
+const Crop = createLucideIcon("crop", __iconNode$12);
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3163,12 +3176,12 @@ const Crop = createLucideIcon("crop", __iconNode$11);
  */
-const __iconNode$10 = [
+const __iconNode$11 = [
   ["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$10);
+const Download = createLucideIcon("download", __iconNode$11);
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3178,12 +3191,12 @@ const Download = createLucideIcon("download", __iconNode$10);
  */
-const __iconNode$$ = [
+const __iconNode$10 = [
   ["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$$);
+const EllipsisVertical = createLucideIcon("ellipsis-vertical", __iconNode$10);
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3193,12 +3206,12 @@ const EllipsisVertical = createLucideIcon("ellipsis-vertical", __iconNode$$);
  */
-const __iconNode$_ = [
+const __iconNode$$ = [
   ["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$$);
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3208,12 +3221,12 @@ const Ellipsis = createLucideIcon("ellipsis", __iconNode$_);
  */
-const __iconNode$Z = [
+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$Z);
+const ExternalLink = createLucideIcon("external-link", __iconNode$_);
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3223,7 +3236,7 @@ const ExternalLink = createLucideIcon("external-link", __iconNode$Z);
  */
-const __iconNode$Y = [
+const __iconNode$Z = [
   [
     "path",
     {
@@ -3233,7 +3246,7 @@ const __iconNode$Y = [
   ],
   ["circle", { cx: "12", cy: "12", r: "3", key: "1v7zrd" }]
 ];
-const Eye = createLucideIcon("eye", __iconNode$Y);
+const Eye = createLucideIcon("eye", __iconNode$Z);
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3243,13 +3256,13 @@ const Eye = createLucideIcon("eye", __iconNode$Y);
  */
-const __iconNode$X = [
+const __iconNode$Y = [
   [
     "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$X);
+const Facebook = createLucideIcon("facebook", __iconNode$Y);
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3259,7 +3272,7 @@ const Facebook = createLucideIcon("facebook", __iconNode$X);
  */
-const __iconNode$W = [
+const __iconNode$X = [
   ["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" }],
   [
@@ -3271,7 +3284,7 @@ const __iconNode$W = [
   ],
   ["circle", { cx: "5", cy: "14", r: "3", key: "ufru5t" }]
 ];
-const FileBadge = createLucideIcon("file-badge", __iconNode$W);
+const FileBadge = createLucideIcon("file-badge", __iconNode$X);
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3281,12 +3294,12 @@ const FileBadge = createLucideIcon("file-badge", __iconNode$W);
  */
-const __iconNode$V = [
+const __iconNode$W = [
   ["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$V);
+const FileCheck2 = createLucideIcon("file-check-2", __iconNode$W);
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3296,14 +3309,14 @@ const FileCheck2 = createLucideIcon("file-check-2", __iconNode$V);
  */
-const __iconNode$U = [
+const __iconNode$V = [
   ["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$U);
+const FileText = createLucideIcon("file-text", __iconNode$V);
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3313,7 +3326,7 @@ const FileText = createLucideIcon("file-text", __iconNode$U);
  */
-const __iconNode$T = [
+const __iconNode$U = [
   [
     "path",
     {
@@ -3324,7 +3337,7 @@ const __iconNode$T = [
   ["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$T);
+const FunnelX = createLucideIcon("funnel-x", __iconNode$U);
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3334,7 +3347,7 @@ const FunnelX = createLucideIcon("funnel-x", __iconNode$T);
  */
-const __iconNode$S = [
+const __iconNode$T = [
   [
     "path",
     {
@@ -3343,7 +3356,7 @@ const __iconNode$S = [
     }
   ]
 ];
-const Funnel = createLucideIcon("funnel", __iconNode$S);
+const Funnel = createLucideIcon("funnel", __iconNode$T);
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3353,7 +3366,7 @@ const Funnel = createLucideIcon("funnel", __iconNode$S);
  */
-const __iconNode$R = [
+const __iconNode$S = [
   ["path", { d: "M10.5 3 8 9l4 13 4-13-2.5-6", key: "b3dvk1" }],
   [
     "path",
@@ -3364,7 +3377,7 @@ const __iconNode$R = [
   ],
   ["path", { d: "M2 9h20", key: "16fsjt" }]
 ];
-const Gem = createLucideIcon("gem", __iconNode$R);
+const Gem = createLucideIcon("gem", __iconNode$S);
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3374,7 +3387,7 @@ const Gem = createLucideIcon("gem", __iconNode$R);
  */
-const __iconNode$Q = [
+const __iconNode$R = [
   ["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" }],
@@ -3382,7 +3395,7 @@ const __iconNode$Q = [
   ["circle", { cx: "19", cy: "15", r: "1", key: "1a92ep" }],
   ["circle", { cx: "5", cy: "15", r: "1", key: "5r1jwy" }]
 ];
-const GripHorizontal = createLucideIcon("grip-horizontal", __iconNode$Q);
+const GripHorizontal = createLucideIcon("grip-horizontal", __iconNode$R);
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3392,7 +3405,7 @@ const GripHorizontal = createLucideIcon("grip-horizontal", __iconNode$Q);
  */
-const __iconNode$P = [
+const __iconNode$Q = [
   ["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" }],
@@ -3400,7 +3413,7 @@ const __iconNode$P = [
   ["circle", { cx: "15", cy: "5", r: "1", key: "19l28e" }],
   ["circle", { cx: "15", cy: "19", r: "1", key: "f4zoj3" }]
 ];
-const GripVertical = createLucideIcon("grip-vertical", __iconNode$P);
+const GripVertical = createLucideIcon("grip-vertical", __iconNode$Q);
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3410,13 +3423,13 @@ const GripVertical = createLucideIcon("grip-vertical", __iconNode$P);
  */
-const __iconNode$O = [
+const __iconNode$P = [
   ["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$O);
+const Hash = createLucideIcon("hash", __iconNode$P);
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3426,13 +3439,13 @@ const Hash = createLucideIcon("hash", __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: "m17 12 3-2v8", key: "1hhhft" }]
 ];
-const Heading1 = createLucideIcon("heading-1", __iconNode$N);
+const Heading1 = createLucideIcon("heading-1", __iconNode$O);
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3442,13 +3455,13 @@ const Heading1 = createLucideIcon("heading-1", __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: "M21 18h-4c0-4 4-3 4-6 0-1.5-2-2.5-4-1", key: "9jr5yi" }]
 ];
-const Heading2 = createLucideIcon("heading-2", __iconNode$M);
+const Heading2 = createLucideIcon("heading-2", __iconNode$N);
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3458,14 +3471,14 @@ const Heading2 = createLucideIcon("heading-2", __iconNode$M);
  */
-const __iconNode$L = [
+const __iconNode$M = [
   ["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$L);
+const Heading3 = createLucideIcon("heading-3", __iconNode$M);
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3475,12 +3488,12 @@ const Heading3 = createLucideIcon("heading-3", __iconNode$L);
  */
-const __iconNode$K = [
+const __iconNode$L = [
   ["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$K);
+const History = createLucideIcon("history", __iconNode$L);
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3490,12 +3503,12 @@ const History = createLucideIcon("history", __iconNode$K);
  */
-const __iconNode$J = [
+const __iconNode$K = [
   ["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$J);
+const Image$1 = createLucideIcon("image", __iconNode$K);
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3505,12 +3518,12 @@ const Image$1 = createLucideIcon("image", __iconNode$J);
  */
-const __iconNode$I = [
+const __iconNode$J = [
   ["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$I);
+const Info = createLucideIcon("info", __iconNode$J);
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3520,12 +3533,12 @@ const Info = createLucideIcon("info", __iconNode$I);
  */
-const __iconNode$H = [
+const __iconNode$I = [
   ["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$H);
+const Italic$1 = createLucideIcon("italic", __iconNode$I);
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3535,7 +3548,7 @@ const Italic$1 = createLucideIcon("italic", __iconNode$H);
  */
-const __iconNode$G = [
+const __iconNode$H = [
   [
     "path",
     {
@@ -3545,7 +3558,7 @@ const __iconNode$G = [
   ],
   ["circle", { cx: "16.5", cy: "7.5", r: ".5", fill: "currentColor", key: "w0ekpg" }]
 ];
-const KeyRound = createLucideIcon("key-round", __iconNode$G);
+const KeyRound = createLucideIcon("key-round", __iconNode$H);
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3555,12 +3568,12 @@ const KeyRound = createLucideIcon("key-round", __iconNode$G);
  */
-const __iconNode$F = [
+const __iconNode$G = [
   ["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$F);
+const Link2 = createLucideIcon("link-2", __iconNode$G);
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3570,14 +3583,14 @@ const Link2 = createLucideIcon("link-2", __iconNode$F);
  */
-const __iconNode$E = [
+const __iconNode$F = [
   ["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$E);
+const ListChecks = createLucideIcon("list-checks", __iconNode$F);
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3587,7 +3600,7 @@ const ListChecks = createLucideIcon("list-checks", __iconNode$E);
  */
-const __iconNode$D = [
+const __iconNode$E = [
   ["path", { d: "M10 12h11", key: "6m4ad9" }],
   ["path", { d: "M10 18h11", key: "11hvi2" }],
   ["path", { d: "M10 6h11", key: "c7qv1k" }],
@@ -3595,7 +3608,7 @@ const __iconNode$D = [
   ["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$D);
+const ListOrdered = createLucideIcon("list-ordered", __iconNode$E);
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3605,7 +3618,7 @@ const ListOrdered = createLucideIcon("list-ordered", __iconNode$D);
  */
-const __iconNode$C = [
+const __iconNode$D = [
   ["path", { d: "M3 12h.01", key: "nlz23k" }],
   ["path", { d: "M3 18h.01", key: "1tta3j" }],
   ["path", { d: "M3 6h.01", key: "1rqtza" }],
@@ -3613,7 +3626,7 @@ const __iconNode$C = [
   ["path", { d: "M8 18h13", key: "1lx6n3" }],
   ["path", { d: "M8 6h13", key: "ik3vkj" }]
 ];
-const List = createLucideIcon("list", __iconNode$C);
+const List = createLucideIcon("list", __iconNode$D);
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3623,8 +3636,8 @@ const List = createLucideIcon("list", __iconNode$C);
  */
-const __iconNode$B = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]];
-const LoaderCircle = createLucideIcon("loader-circle", __iconNode$B);
+const __iconNode$C = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]];
+const LoaderCircle = createLucideIcon("loader-circle", __iconNode$C);
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3634,7 +3647,7 @@ const LoaderCircle = createLucideIcon("loader-circle", __iconNode$B);
  */
-const __iconNode$A = [
+const __iconNode$B = [
   ["path", { d: "M12 2v4", key: "3427ic" }],
   ["path", { d: "m16.2 7.8 2.9-2.9", key: "r700ao" }],
   ["path", { d: "M18 12h4", key: "wj9ykh" }],
@@ -3644,7 +3657,7 @@ const __iconNode$A = [
   ["path", { d: "M2 12h4", key: "j09sii" }],
   ["path", { d: "m4.9 4.9 2.9 2.9", key: "giyufr" }]
 ];
-const Loader = createLucideIcon("loader", __iconNode$A);
+const Loader = createLucideIcon("loader", __iconNode$B);
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3654,12 +3667,12 @@ const Loader = createLucideIcon("loader", __iconNode$A);
  */
-const __iconNode$z = [
+const __iconNode$A = [
   ["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$z);
+const LogOut = createLucideIcon("log-out", __iconNode$A);
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3669,11 +3682,11 @@ const LogOut = createLucideIcon("log-out", __iconNode$z);
  */
-const __iconNode$y = [
+const __iconNode$z = [
   ["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$y);
+const Mail = createLucideIcon("mail", __iconNode$z);
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3683,12 +3696,12 @@ const Mail = createLucideIcon("mail", __iconNode$y);
  */
-const __iconNode$x = [
+const __iconNode$y = [
   ["path", { d: "M4 12h16", key: "1lakjw" }],
   ["path", { d: "M4 18h16", key: "19g7jn" }],
   ["path", { d: "M4 6h16", key: "1o0s65" }]
 ];
-const Menu = createLucideIcon("menu", __iconNode$x);
+const Menu = createLucideIcon("menu", __iconNode$y);
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3698,8 +3711,8 @@ const Menu = createLucideIcon("menu", __iconNode$x);
  */
-const __iconNode$w = [["path", { d: "M5 12h14", key: "1ays0h" }]];
-const Minus = createLucideIcon("minus", __iconNode$w);
+const __iconNode$x = [["path", { d: "M5 12h14", key: "1ays0h" }]];
+const Minus = createLucideIcon("minus", __iconNode$x);
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3709,7 +3722,7 @@ const Minus = createLucideIcon("minus", __iconNode$w);
  */
-const __iconNode$v = [
+const __iconNode$w = [
   [
     "path",
     {
@@ -3718,7 +3731,7 @@ const __iconNode$v = [
     }
   ]
 ];
-const Moon = createLucideIcon("moon", __iconNode$v);
+const Moon = createLucideIcon("moon", __iconNode$w);
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3728,7 +3741,7 @@ const Moon = createLucideIcon("moon", __iconNode$v);
  */
-const __iconNode$u = [
+const __iconNode$v = [
   [
     "path",
     {
@@ -3741,7 +3754,7 @@ const __iconNode$u = [
   ["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$u);
+const Palette = createLucideIcon("palette", __iconNode$v);
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3751,12 +3764,12 @@ const Palette = createLucideIcon("palette", __iconNode$u);
  */
-const __iconNode$t = [
+const __iconNode$u = [
   ["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$t);
+const PanelLeftClose = createLucideIcon("panel-left-close", __iconNode$u);
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3766,7 +3779,7 @@ const PanelLeftClose = createLucideIcon("panel-left-close", __iconNode$t);
  */
-const __iconNode$s = [
+const __iconNode$t = [
   [
     "path",
     {
@@ -3775,7 +3788,7 @@ const __iconNode$s = [
     }
   ]
 ];
-const Paperclip = createLucideIcon("paperclip", __iconNode$s);
+const Paperclip = createLucideIcon("paperclip", __iconNode$t);
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3785,7 +3798,7 @@ const Paperclip = createLucideIcon("paperclip", __iconNode$s);
  */
-const __iconNode$r = [
+const __iconNode$s = [
   [
     "path",
     {
@@ -3795,7 +3808,7 @@ const __iconNode$r = [
   ],
   ["path", { d: "m15 5 4 4", key: "1mk7zo" }]
 ];
-const Pencil = createLucideIcon("pencil", __iconNode$r);
+const Pencil = createLucideIcon("pencil", __iconNode$s);
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3805,7 +3818,7 @@ const Pencil = createLucideIcon("pencil", __iconNode$r);
  */
-const __iconNode$q = [
+const __iconNode$r = [
   [
     "path",
     {
@@ -3814,7 +3827,7 @@ const __iconNode$q = [
     }
   ]
 ];
-const Phone = createLucideIcon("phone", __iconNode$q);
+const Phone = createLucideIcon("phone", __iconNode$r);
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3824,7 +3837,7 @@ const Phone = createLucideIcon("phone", __iconNode$q);
  */
-const __iconNode$p = [
+const __iconNode$q = [
   [
     "path",
     {
@@ -3833,7 +3846,7 @@ const __iconNode$p = [
     }
   ]
 ];
-const Play = createLucideIcon("play", __iconNode$p);
+const Play = createLucideIcon("play", __iconNode$q);
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3843,11 +3856,11 @@ const Play = createLucideIcon("play", __iconNode$p);
  */
-const __iconNode$o = [
+const __iconNode$p = [
   ["path", { d: "M5 12h14", key: "1ays0h" }],
   ["path", { d: "M12 5v14", key: "s699le" }]
 ];
-const Plus = createLucideIcon("plus", __iconNode$o);
+const Plus = createLucideIcon("plus", __iconNode$p);
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3857,10 +3870,10 @@ const Plus = createLucideIcon("plus", __iconNode$o);
  */
-const __iconNode$n = [
+const __iconNode$o = [
   ["rect", { width: "20", height: "12", x: "2", y: "6", rx: "2", key: "9lu3g6" }]
 ];
-const RectangleHorizontal = createLucideIcon("rectangle-horizontal", __iconNode$n);
+const RectangleHorizontal = createLucideIcon("rectangle-horizontal", __iconNode$o);
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3870,11 +3883,11 @@ const RectangleHorizontal = createLucideIcon("rectangle-horizontal", __iconNode$
  */
-const __iconNode$m = [
+const __iconNode$n = [
   ["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$m);
+const Redo = createLucideIcon("redo", __iconNode$n);
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3884,13 +3897,13 @@ const Redo = createLucideIcon("redo", __iconNode$m);
  */
-const __iconNode$l = [
+const __iconNode$m = [
   ["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$l);
+const RefreshCw = createLucideIcon("refresh-cw", __iconNode$m);
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3900,14 +3913,14 @@ const RefreshCw = createLucideIcon("refresh-cw", __iconNode$l);
  */
-const __iconNode$k = [
+const __iconNode$l = [
   ["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$k);
+const RemoveFormatting = createLucideIcon("remove-formatting", __iconNode$l);
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3917,11 +3930,11 @@ const RemoveFormatting = createLucideIcon("remove-formatting", __iconNode$k);
  */
-const __iconNode$j = [
+const __iconNode$k = [
   ["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" }]
 ];
-const RotateCcw = createLucideIcon("rotate-ccw", __iconNode$j);
+const RotateCcw = createLucideIcon("rotate-ccw", __iconNode$k);
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3931,14 +3944,30 @@ const RotateCcw = createLucideIcon("rotate-ccw", __iconNode$j);
  */
-const __iconNode$i = [
+const __iconNode$j = [
   ["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$i);
+const Scissors = createLucideIcon("scissors", __iconNode$j);
+/**
+ * @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$i = [
+  ["path", { d: "m13.5 8.5-5 5", key: "1cs55j" }],
+  ["path", { d: "m8.5 8.5 5 5", key: "a8mexj" }],
+  ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }],
+  ["path", { d: "m21 21-4.3-4.3", key: "1qie3q" }]
+];
+const SearchX = createLucideIcon("search-x", __iconNode$i);
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -15446,19 +15475,66 @@ function ApiComboBox({ contactType, selectedItem, onSelect, fetchBusinessContact
             : '', fetchPage: fetchPage, resolveById: resolveById, preSelectedId: customerCode, searchPlaceholder: searchPlaceholder, emptyMessage: "No business contacts found.", disabled: disabled, className: className, align: align, debounceMs: 300, hideTriggerSearchIcon: hideTriggerSearchIcon }));
 }
-const NUMBER = String.raw `(\d+(?:\.\d+)?|\.\d+)`;
+// A number with an optional `k` (thousand), `M` (million) or `B` (billion), any case, e.g. `1.5`, `2k`, `1.2M`.
+const NUMBER = String.raw `((?:\d+(?:\.\d+)?|\.\d+)[kKmMbB]?)`;
+const SUFFIX_MULTIPLIER = {
+    k: 1000,
+    m: 1000000,
+    b: 1000000000,
+};
+function toExpressionNumber(raw) {
+    const suffix = raw.slice(-1).toLowerCase();
+    const multiplier = SUFFIX_MULTIPLIER[suffix];
+    return multiplier
+        ? Math.round(Number(raw.slice(0, -1)) * multiplier * 1e6) / 1e6
+        : Number(raw);
+}
 const COMPARISON_RE = new RegExp(`^(>=|<=|>|<)${NUMBER}$`);
 const BETWEEN_RE = new RegExp(`^${NUMBER}-${NUMBER}$`);
 const EXACT_RE = new RegExp(`^${NUMBER}$`);
-const NUMBER_EXPRESSION_HELP = [
-    { rule: '>1', meaning: 'More than 1' },
-    { rule: '<3', meaning: 'Less than 3' },
-    { rule: '>=1.5', meaning: '1.5 or more' },
-    { rule: '<=3', meaning: '3 or less' },
-    { rule: '1–3', meaning: 'Between 1 and 3, inclusive' },
-    { rule: '1.52', meaning: 'Exactly 1.52' },
+/** Neutral defaults for a number column with no known scale. */
+const DEFAULT_NUMBER_RULE_EXAMPLES = {
+    low: 1,
+    high: 10,
+    exact: 5,
+};
+const SHORT_SCALES = [
+    [1000000000, 'B'],
+    [1000000, 'M'],
+    [1000, 'k'],
 ];
-/** Parses the typed rules in `NUMBER_EXPRESSION_HELP`. Accepts `-`, `–` or `—` for ranges and ignores spaces and thousands commas. */
+/** Rule text for a value: `1k`, `2.5k`, `1M`, `1B` so chips stay short; the parser reads them back. */
+function formatRuleNumber(value) {
+    const [divisor, suffix] = SHORT_SCALES.find(([scale]) => Math.abs(value) >= scale) ?? [1, ''];
+    const scaled = Math.round((value / divisor) * 100) / 100;
+    return `${scaled}${suffix}`;
+}
+function formatRuleValue(value, unit) {
+    const number = value.toLocaleString('en-US', { maximumFractionDigits: 2 });
+    if (!unit)
+        return number;
+    return unit === '%' ? `${number}%` : `${number} ${unit}`;
+}
+/** The help popover's rule list for a column's typical range; rules use short numbers (`1k`) that the field accepts as typed. */
+function buildNumberRuleHelp({ low, high, exact, unit, } = DEFAULT_NUMBER_RULE_EXAMPLES) {
+    const lowText = formatRuleValue(low, unit);
+    const highText = formatRuleValue(high, unit);
+    const lowRule = formatRuleNumber(low);
+    const highRule = formatRuleNumber(high);
+    // Smallest value first: the low bound, the range, a value inside it, then the high bound.
+    return [
+        { rule: `>${lowRule}`, meaning: `More than ${lowText}` },
+        { rule: `>=${lowRule}`, meaning: `${lowText} or more` },
+        { rule: `${lowRule}–${highRule}`, meaning: `${lowText} to ${highText}` },
+        {
+            rule: formatRuleNumber(exact),
+            meaning: `Exactly ${formatRuleValue(exact, unit)}`,
+        },
+        { rule: `<${highRule}`, meaning: `Less than ${highText}` },
+        { rule: `<=${highRule}`, meaning: `${highText} or less` },
+    ];
+}
+/** Parses the typed rules listed by `buildNumberRuleHelp`. Accepts `-`, `–` or `—` for ranges and ignores spaces and thousands commas. */
 function parseNumberExpression(text) {
     const normalized = text.replace(/[\s,]/g, '').replace(/[–—]/g, '-');
     if (!normalized)
@@ -15466,7 +15542,7 @@ function parseNumberExpression(text) {
     const comparison = COMPARISON_RE.exec(normalized);
     if (comparison) {
         const [, operator, raw] = comparison;
-        const value = Number(raw);
+        const value = toExpressionNumber(raw);
         if (operator.startsWith('>')) {
             return {
                 ok: true,
@@ -15477,13 +15553,13 @@ function parseNumberExpression(text) {
     }
     const between = BETWEEN_RE.exec(normalized);
     if (between) {
-        const min = Number(between[1]);
-        const max = Number(between[2]);
+        const min = toExpressionNumber(between[1]);
+        const max = toExpressionNumber(between[2]);
         return min <= max ? { ok: true, range: { min, max } } : { ok: false };
     }
     const exact = EXACT_RE.exec(normalized);
     if (exact) {
-        const value = Number(exact[1]);
+        const value = toExpressionNumber(exact[1]);
         return { ok: true, range: { min: value, max: value } };
     }
     return { ok: false };
@@ -15654,6 +15730,18 @@ function isFilterValueActive(value) {
 const FILTER_FOCUS_RING = 'outline-none focus-visible:ring-2 focus-visible:ring-primary/30';
 /** Text-link actions such as Clear and "Show all". */
 const FILTER_LINK_CLASS_NAME = cn('cursor-pointer rounded-sm text-xs font-medium text-primary hover:underline', FILTER_FOCUS_RING);
+/** One look for every pickable row in a filter (list rows, Yes/No, date presets, number rules). */
+function getOptionRowClassName(selected = false, className) {
+    return cn('flex w-full cursor-pointer items-center gap-3 rounded-md px-2 py-2 text-left text-sm text-foreground transition-colors', FILTER_FOCUS_RING, selected ? 'bg-primary/5 font-medium text-primary' : 'hover:bg-muted/60', className);
+}
+/** A selectable pill (chip options, range presets); one height and shape everywhere. */
+function getPillClassName(selected) {
+    return getSelectableOptionClassName(selected, 'inline-flex h-8 items-center gap-1.5 rounded-full px-3');
+}
+/** Search box above a list (pick lists, saved searches); matches the inputs' height and corners. */
+const FILTER_SEARCH_BOX_CLASS_NAME = 'flex h-9 items-center gap-2 rounded-md border border-input bg-card px-3 focus-within:border-primary focus-within:ring-2 focus-within:ring-primary/30';
+/** Solid count bubble, e.g. a filter button's or card title's selected count. */
+const FILTER_COUNT_BADGE_CLASS_NAME = 'inline-flex h-5 min-w-5 shrink-0 items-center justify-center rounded-full bg-primary px-1.5 text-xs font-semibold leading-none text-primary-foreground';
 /** A fixed column count, or (when omitted) as many columns as fit at `minWidth` each. */
 function getGridColumnsStyle(columns, minWidth = '7rem') {
     return {
@@ -15670,7 +15758,7 @@ function getSelectableOptionClassName(selected, className) {
 }
 /** Shared look of every filter-row control (trigger buttons and inline inputs). */
 function getFilterFieldClassName(state, className) {
-    return cn('flex h-7 w-full min-w-0 items-center gap-1 rounded-sm border px-2 text-xs transition-colors outline-none', 'focus-visible:border-primary focus-visible:ring-2 focus-visible:ring-primary/30', state === 'empty' &&
+    return cn('flex h-7 w-full min-w-0 items-center gap-1 rounded-md border px-2 text-xs transition-colors outline-none', 'focus-visible:border-primary focus-visible:ring-2 focus-visible:ring-primary/30', state === 'empty' &&
         'border-input bg-card text-foreground placeholder:text-placeholder', state === 'applied' &&
         'border-primary bg-primary/5 font-medium text-primary', state === 'invalid' && 'border-destructive bg-card text-destructive', state === 'disabled' &&
         'pointer-events-none border-dashed border-border bg-transparent', className);
@@ -15688,7 +15776,7 @@ function getTitleClassName(variant) {
 /** Shell for one filter: title, selected badge, applied summary, Clear and a hint. Same content in popovers and on full-page surfaces. */
 function FilterPanel({ title, status, selectedCount, summary, action, onClear, hint, active = false, variant = 'card', className, children, }) {
     const hasHeader = Boolean(title || status || summary || action || onClear);
-    return (jsxRuntime.jsxs("section", { className: getPanelClassName(variant, active, className), children: [hasHeader && (jsxRuntime.jsxs("header", { className: "flex min-h-5 items-center justify-between gap-3", children: [title ? (jsxRuntime.jsxs("h3", { className: getTitleClassName(variant), children: [title, selectedCount ? (jsxRuntime.jsx("span", { className: "inline-flex size-5 items-center justify-center rounded-full bg-primary text-xs font-semibold text-primary-foreground", children: selectedCount })) : null] })) : (jsxRuntime.jsx("span", { className: "text-xs text-muted-foreground", children: status })), jsxRuntime.jsxs("div", { className: "flex items-center gap-3 text-xs", children: [summary && (jsxRuntime.jsx("span", { className: "font-medium text-primary", children: summary })), action, onClear && (jsxRuntime.jsx("button", { type: "button", onClick: onClear, className: FILTER_LINK_CLASS_NAME, children: "Clear" }))] })] })), children, hint && jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: hint })] }));
+    return (jsxRuntime.jsxs("section", { className: getPanelClassName(variant, active, className), children: [hasHeader && (jsxRuntime.jsxs("header", { className: "flex min-h-5 items-center justify-between gap-3", children: [title ? (jsxRuntime.jsxs("h3", { className: getTitleClassName(variant), children: [title, selectedCount ? (jsxRuntime.jsx("span", { className: FILTER_COUNT_BADGE_CLASS_NAME, children: selectedCount })) : null] })) : (jsxRuntime.jsx("span", { className: "text-xs text-muted-foreground", children: status })), jsxRuntime.jsxs("div", { className: "flex items-center gap-3 text-xs", children: [summary && (jsxRuntime.jsx("span", { className: "font-medium text-primary", children: summary })), action, onClear && (jsxRuntime.jsx("button", { type: "button", onClick: onClear, className: FILTER_LINK_CLASS_NAME, children: "Clear" }))] })] })), children, hint && jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: hint })] }));
 }
 function Checkbox({ className, ...props }) {
@@ -15750,7 +15838,9 @@ const OVERFLOW_TOLERANCE_PX = 1;
 function findClippedLabel(root) {
     const spans = root.querySelectorAll(':scope > span');
     for (const span of Array.from(spans)) {
-        if (span.scrollWidth > span.clientWidth + OVERFLOW_TOLERANCE_PX) {
+        // Width for a single-line ellipsis; height for a multi-line clamp.
+        if (span.scrollWidth > span.clientWidth + OVERFLOW_TOLERANCE_PX ||
+            span.scrollHeight > span.clientHeight + OVERFLOW_TOLERANCE_PX) {
             return span;
         }
     }
@@ -15810,11 +15900,9 @@ function filterOptionsByQuery(options, query) {
         return [...options];
     return options.filter((option) => option.label.toLowerCase().includes(needle));
 }
-function getChipClassName(selected) {
-    return getSelectableOptionClassName(selected, 'inline-flex h-8 items-center gap-1.5 rounded-full px-3');
-}
+const getChipClassName = getPillClassName;
 function getTileClassName(selected) {
-    return getSelectableOptionClassName(selected, 'flex min-h-11 min-w-0 flex-col items-center justify-center gap-0.5 rounded-md px-2 py-1.5 text-center');
+    return getSelectableOptionClassName(selected, 'flex min-h-12 min-w-0 flex-col items-center justify-center gap-0.5 rounded-md px-2 py-1.5 text-center');
 }
 /** The list's search box only appears once there are enough options to need it. */
 const SEARCH_MIN_OPTIONS = 9;
@@ -15826,10 +15914,18 @@ const FILL_WRAPPER_CLASS_NAME = 'flex min-h-0 flex-1 flex-col';
 /** Card lists flow into as many columns as fit; popover lists stay one column. */
 const LIST_COLUMN_MIN_WIDTH = '10rem';
 const getOptionsScrollClassName = (fill) => fill ? OPTIONS_FILL_CLASS_NAME : OPTIONS_SCROLL_CLASS_NAME;
-const LIST_ROW_CLASS_NAME = 'flex w-full cursor-pointer items-center gap-3 rounded-md px-2 py-2 text-sm text-foreground hover:bg-muted/50';
+const LIST_ROW_CLASS_NAME = getOptionRowClassName();
+/** Picking a value: a single-choice list replaces (or clears) it, a multi-choice list toggles it. */
+const pickValue = (values, value, single) => {
+    if (!single)
+        return toggleValue(values, value);
+    return values.includes(value) ? [] : [value];
+};
+/** The single-choice counterpart of the checkbox: same size, primary dot when picked. */
+const LIST_RADIO_CLASS_NAME = 'size-4.5 shrink-0 cursor-pointer accent-primary';
 /** Outlined (not filled) box until checked; the border is dark enough to read on white. */
 const LIST_CHECKBOX_CLASS_NAME = 'size-4.5 border-muted-foreground/50 bg-card dark:border-muted-foreground/60 dark:bg-transparent';
-const SEARCH_BOX_CLASS_NAME = 'flex h-9 items-center gap-2 rounded-lg border border-input bg-card px-3 focus-within:border-primary focus-within:ring-2 focus-within:ring-primary/30';
+const SEARCH_BOX_CLASS_NAME = FILTER_SEARCH_BOX_CLASS_NAME;
 function usePickListFilter({ options, value, layout, }) {
     const [query, setQuery] = React.useState('');
@@ -15846,17 +15942,18 @@ function OptionSwatch({ color, round, }) {
     return (jsxRuntime.jsx("span", { "aria-hidden": "true", className: cn('shrink-0 border border-border', round ? 'size-2.5 rounded-full' : 'size-4 rounded-sm'), style: { backgroundColor: color } }));
 }
 /** Multi-select filter: a searchable checkbox list, or pill / tile toggles. Long sets scroll within a max height. */
-function PickListFilter({ options, value, onChange, ariaLabel, layout = 'list', searchPlaceholder, alwaysSearchable = false, columns = 5, fill = false, listClassName, }) {
+function PickListFilter({ options, value, onChange, ariaLabel, layout = 'list', searchPlaceholder, alwaysSearchable = false, columns = 5, fill = false, listClassName, single = false, }) {
     const { query, setQuery, visibleOptions, selectedCount } = usePickListFilter({
         options,
         value,
         layout,
     });
+    const radioName = React.useId();
     const scrollClassName = getOptionsScrollClassName(fill);
     // Rows with a right-hand hint read best in one column.
     const multiColumn = fill && !options.some((option) => option.hint);
     const wrapperClassName = fill ? FILL_WRAPPER_CLASS_NAME : undefined;
-    const toggle = (option) => onChange(toggleValue(value, option.value));
+    const toggle = (option) => onChange(pickValue(value, option.value, single));
     if (options.length === 0) {
         return (jsxRuntime.jsx("p", { className: "px-1 py-2 text-xs text-muted-foreground", children: "No options available" }));
     }
@@ -15864,7 +15961,9 @@ function PickListFilter({ options, value, onChange, ariaLabel, layout = 'list',
         return (jsxRuntime.jsxs("div", { className: cn('flex flex-col gap-2', fill && FILL_WRAPPER_CLASS_NAME), "aria-label": ariaLabel, role: "group", children: [searchPlaceholder !== undefined &&
                     (alwaysSearchable || options.length >= SEARCH_MIN_OPTIONS) && (jsxRuntime.jsxs("label", { className: SEARCH_BOX_CLASS_NAME, children: [jsxRuntime.jsx(Search, { "aria-hidden": "true", className: "size-4 shrink-0 text-muted-foreground" }), jsxRuntime.jsx("input", { value: query, onChange: (event) => setQuery(event.target.value), placeholder: searchPlaceholder, "aria-label": getSearchInputLabel(ariaLabel), className: "min-w-0 flex-1 bg-transparent text-sm text-foreground outline-none placeholder:text-placeholder" })] })), jsxRuntime.jsxs("div", { className: "flex items-center justify-between px-1 text-xs text-muted-foreground", children: [jsxRuntime.jsx("span", { children: formatSelectedCount(selectedCount, options.length) }), selectedCount > 0 && (jsxRuntime.jsx("button", { type: "button", onClick: () => onChange([]), className: FILTER_LINK_CLASS_NAME, children: "Clear" }))] }), jsxRuntime.jsx(ScrollFade, { className: cn(multiColumn && 'grid content-start gap-x-3', scrollClassName, listClassName), style: multiColumn
                         ? getGridColumnsStyle(undefined, LIST_COLUMN_MIN_WIDTH)
-                        : undefined, wrapperClassName: wrapperClassName, children: visibleOptions.map((option) => (jsxRuntime.jsxs("label", { className: LIST_ROW_CLASS_NAME, children: [jsxRuntime.jsx(Checkbox, { className: LIST_CHECKBOX_CLASS_NAME, checked: value.includes(option.value), onCheckedChange: () => toggle(option) }), jsxRuntime.jsx(OptionSwatch, { color: option.swatch }), option.content ? (jsxRuntime.jsx("span", { className: "min-w-0 flex-1", children: option.content })) : (jsxRuntime.jsx(TruncatedLabel, { text: option.label, className: "flex-1" })), (option.count ?? option.hint) !== undefined && (jsxRuntime.jsx("span", { className: "shrink-0 text-muted-foreground tabular-nums", children: option.count ?? option.hint }))] }, option.value))) })] }));
+                        : undefined, wrapperClassName: wrapperClassName, children: visibleOptions.map((option) => (jsxRuntime.jsxs("label", { className: LIST_ROW_CLASS_NAME, children: [single ? (jsxRuntime.jsx("input", { type: "radio", name: radioName, checked: value.includes(option.value),
+                                // A click on the picked row clears it (radios can't be unticked natively).
+                                onClick: () => toggle(option), onChange: () => undefined, className: LIST_RADIO_CLASS_NAME })) : (jsxRuntime.jsx(Checkbox, { className: LIST_CHECKBOX_CLASS_NAME, checked: value.includes(option.value), onCheckedChange: () => toggle(option) })), option.content ? (jsxRuntime.jsx("span", { className: "min-w-0 flex-1", children: option.content })) : (jsxRuntime.jsx(TruncatedLabel, { text: option.label, className: "flex-1" })), (option.count ?? option.hint) !== undefined && (jsxRuntime.jsx("span", { className: "shrink-0 text-muted-foreground tabular-nums", children: option.count ?? option.hint })), jsxRuntime.jsx(OptionSwatch, { color: option.swatch })] }, option.value))) })] }));
     }
     if (layout === 'tiles') {
         return (jsxRuntime.jsx(ScrollFade, { role: "group", "aria-label": ariaLabel, wrapperClassName: wrapperClassName, className: cn('grid content-start gap-1.5', scrollClassName), style: getGridColumnsStyle(columns), children: visibleOptions.map((option) => (jsxRuntime.jsxs("button", { type: "button", "aria-pressed": value.includes(option.value), onClick: () => toggle(option), className: getTileClassName(value.includes(option.value)), children: [jsxRuntime.jsx(TruncatedLabel, { text: option.label }), option.count !== undefined && (jsxRuntime.jsx("span", { className: "text-xs font-normal text-muted-foreground", children: option.count }))] }, option.value))) }));
@@ -15873,7 +15972,7 @@ function PickListFilter({ options, value, onChange, ariaLabel, layout = 'list',
 }
 const TRIGGER_BASE = 'h-9 !w-fit shadow-[0_1px_2px_0_rgba(0,0,0,0.05)] gap-2 text-foreground bg-card hover:bg-muted/40 border border-border rounded-lg text-sm font-medium px-3';
-const TRIGGER_ACTIVE = '!border-primary text-primary shadow-[0_0_0_3px_rgba(49,122,81,0.10)]';
+const TRIGGER_ACTIVE = '!border-primary bg-primary/5 text-primary';
 const CONTENT_BASE = 'min-w-[8rem]';
 const isFilterActive = (value, resetValue) => !!value && value !== resetValue;
 function collectText(node) {
@@ -15904,7 +16003,7 @@ const toPickListOptions = (options) => options.map((option) => typeof option.lab
 const FilterMultiSelect = ({ label, value, onChange, options, triggerClassName, contentClassName, listClassName, modal = false, pickListLayout = 'list', searchPlaceholder, }) => {
     const active = value.length > 0;
     const isList = pickListLayout === 'list';
-    return (jsxRuntime.jsxs(Popover, { modal: modal, children: [jsxRuntime.jsx(PopoverTrigger, { className: cn(TRIGGER_BASE, 'inline-flex items-center justify-between', active && TRIGGER_ACTIVE, triggerClassName), children: jsxRuntime.jsxs("span", { className: "flex items-center gap-2", children: [jsxRuntime.jsx(Funnel, { className: cn('h-4 w-4 shrink-0', active ? 'text-primary' : 'text-muted-foreground'), "aria-hidden": "true" }), label, active && (jsxRuntime.jsx("span", { className: "ml-1 inline-flex h-4 min-w-4 items-center justify-center rounded bg-primary/10 px-1 text-[10px] font-semibold leading-none text-primary", children: value.length }))] }) }), jsxRuntime.jsx(PopoverContent, { align: "start", sideOffset: 4, className: cn('w-64 p-0', contentClassName), children: jsxRuntime.jsx(FilterPanel, { variant: "popover",
+    return (jsxRuntime.jsxs(Popover, { modal: modal, children: [jsxRuntime.jsx(PopoverTrigger, { className: cn(TRIGGER_BASE, 'inline-flex items-center justify-between', active && TRIGGER_ACTIVE, triggerClassName), children: jsxRuntime.jsxs("span", { className: "flex items-center gap-2", children: [jsxRuntime.jsx(Funnel, { className: cn('h-4 w-4 shrink-0', active ? 'text-primary' : 'text-muted-foreground'), "aria-hidden": "true" }), label, active && (jsxRuntime.jsx("span", { className: cn('ml-1', FILTER_COUNT_BADGE_CLASS_NAME), children: value.length }))] }) }), jsxRuntime.jsx(PopoverContent, { align: "start", sideOffset: 4, className: cn('w-64 p-0', contentClassName), children: jsxRuntime.jsx(FilterPanel, { variant: "popover",
                     // A searchable list has its own "x of y selected · Clear" row.
                     title: isList ? undefined : label, selectedCount: isList ? undefined : value.length, onClear: !isList && active ? () => onChange([]) : undefined, children: jsxRuntime.jsx(PickListFilter, { ariaLabel: label, layout: pickListLayout, options: toPickListOptions(options), value: value, onChange: onChange, searchPlaceholder: isList ? (searchPlaceholder ?? 'Search') : undefined, alwaysSearchable: true, listClassName: listClassName }) }) })] }));
 };
@@ -38139,7 +38238,7 @@ function SelectScrollDownButton({ className, ...props }) {
 const FilterSelect = ({ label, value, onValueChange, options, resetValue = 'all', activeCount = 1, searchable, triggerClassName, contentClassName, }) => {
     const active = isFilterActive(value, resetValue);
-    return (jsxRuntime.jsxs(Select, { value: value, onValueChange: onValueChange, keepOpenOnSelect: true, children: [jsxRuntime.jsxs(SelectTrigger, { className: cn(TRIGGER_BASE, active && TRIGGER_ACTIVE, triggerClassName), children: [jsxRuntime.jsx(Funnel, { className: cn('h-4 w-4 shrink-0', active ? 'text-primary' : 'text-muted-foreground'), "aria-hidden": "true" }), jsxRuntime.jsxs("span", { className: "flex items-center gap-1", children: [jsxRuntime.jsx(SelectValue, { placeholder: label }), active && (jsxRuntime.jsx("span", { className: "ml-1 inline-flex h-4 min-w-4 items-center justify-center rounded bg-primary/10 px-1 text-[10px] font-semibold leading-none text-primary", children: activeCount }))] })] }), jsxRuntime.jsxs(SelectContent, { className: cn(CONTENT_BASE, contentClassName), searchable: searchable, children: [jsxRuntime.jsx(SelectItem, { value: resetValue, withCheckbox: true, children: label }), options.map((opt) => (jsxRuntime.jsx(SelectItem, { value: opt.value, searchValue: opt.searchValue, withCheckbox: true, children: opt.label }, opt.value)))] })] }));
+    return (jsxRuntime.jsxs(Select, { value: value, onValueChange: onValueChange, keepOpenOnSelect: true, children: [jsxRuntime.jsxs(SelectTrigger, { className: cn(TRIGGER_BASE, active && TRIGGER_ACTIVE, triggerClassName), children: [jsxRuntime.jsx(Funnel, { className: cn('h-4 w-4 shrink-0', active ? 'text-primary' : 'text-muted-foreground'), "aria-hidden": "true" }), jsxRuntime.jsxs("span", { className: "flex items-center gap-1", children: [jsxRuntime.jsx(SelectValue, { placeholder: label }), active && (jsxRuntime.jsx("span", { className: cn('ml-1', FILTER_COUNT_BADGE_CLASS_NAME), children: activeCount }))] })] }), jsxRuntime.jsxs(SelectContent, { className: cn(CONTENT_BASE, contentClassName), searchable: searchable, children: [jsxRuntime.jsx(SelectItem, { value: resetValue, withCheckbox: true, children: label }), options.map((opt) => (jsxRuntime.jsx(SelectItem, { value: opt.value, searchValue: opt.searchValue, withCheckbox: true, children: opt.label }, opt.value)))] })] }));
 };
 /**
@@ -38488,7 +38587,7 @@ const getRemoveChipLabel = (label) => `Remove ${label} filter`;
 const FILTERED_BY_LABEL = 'Filtered by';
 /** Compact badge shape with the filter chip colours. */
-const CHIP_CLASS = 'inline-flex h-6 max-w-full items-center gap-1 rounded-md border border-primary/30 bg-primary/5 px-2 text-xs text-foreground';
+const CHIP_CLASS = 'inline-flex h-7 max-w-full items-center gap-1 rounded-md border border-primary/30 bg-primary/5 px-2.5 text-xs text-foreground';
 const REMOVE_BUTTON_CLASS = 'inline-flex size-4 shrink-0 cursor-pointer items-center justify-center rounded-full text-muted-foreground outline-none hover:bg-primary/10 hover:text-foreground focus-visible:ring-2 focus-visible:ring-primary/30';
 const CLEAR_ALL_CLASS = cn(FILTER_LINK_CLASS_NAME, 'underline');
 function getChipLabelText(label, variant) {
@@ -38496,10 +38595,13 @@ function getChipLabelText(label, variant) {
 }
 /** Applied filters as removable chips, with an optional Clear all. */
-function ActiveFilterChips({ chips, onRemove, onClearAll, variant = 'inline', className, }) {
+function ActiveFilterChips({ chips, onRemove, onClearAll, variant = 'inline', actions, className, }) {
     if (chips.length === 0)
         return null;
-    return (jsxRuntime.jsxs("div", { className: cn('flex flex-wrap items-center gap-1.5', className), children: [variant === 'inline' && (jsxRuntime.jsx("span", { className: "mr-0.5 text-xs text-muted-foreground", children: FILTERED_BY_LABEL })), chips.map((chip) => (jsxRuntime.jsxs("span", { className: CHIP_CLASS, children: [jsxRuntime.jsx("span", { className: "shrink-0 font-semibold", children: getChipLabelText(chip.label, variant) }), jsxRuntime.jsx(TruncatedLabel, { text: chip.value }), onRemove && (jsxRuntime.jsx("button", { type: "button", "aria-label": getRemoveChipLabel(chip.label), onClick: () => onRemove(chip.id), className: REMOVE_BUTTON_CLASS, children: jsxRuntime.jsx(X$2, { "aria-hidden": "true", className: "size-3" }) }))] }, chip.id))), onClearAll && (jsxRuntime.jsx("button", { type: "button", onClick: onClearAll, className: CLEAR_ALL_CLASS, children: "Clear all" }))] }));
+    const clearAll = onClearAll && (jsxRuntime.jsx("button", { type: "button", onClick: onClearAll, className: CLEAR_ALL_CLASS, children: "Clear all" }));
+    return (jsxRuntime.jsxs("div", { className: cn('flex flex-wrap items-center gap-1.5', className), children: [variant === 'inline' && (jsxRuntime.jsx("span", { className: "mr-0.5 text-xs text-muted-foreground", children: FILTERED_BY_LABEL })), chips.map((chip) => (jsxRuntime.jsxs("span", { className: CHIP_CLASS, children: [jsxRuntime.jsx("span", { className: "shrink-0 font-semibold", children: getChipLabelText(chip.label, variant) }), jsxRuntime.jsx(TruncatedLabel, { text: chip.value }), onRemove && (jsxRuntime.jsx("button", { type: "button", "aria-label": getRemoveChipLabel(chip.label), onClick: () => onRemove(chip.id), className: REMOVE_BUTTON_CLASS, children: jsxRuntime.jsx(X$2, { "aria-hidden": "true", className: "size-3" }) }))] }, chip.id))), actions ? (
+            // With actions, Clear all joins them at the row's right end.
+            jsxRuntime.jsxs("div", { className: "ml-auto flex items-center gap-3 pl-3", children: [clearAll, actions] })) : (clearAll)] }));
 }
 const DEFAULT_CONTAINS_PLACEHOLDER = 'Contains…';
@@ -38615,9 +38717,7 @@ function togglePreset(value, preset) {
     return value?.preset === preset ? undefined : { preset };
 }
 /** Preset row; the picked one gets the primary tint, as in the design. */
-function getPresetClassName$1(selected) {
-    return cn('w-full cursor-pointer whitespace-nowrap rounded-md px-3 py-2 text-left text-sm text-foreground transition-colors', FILTER_FOCUS_RING, selected ? 'bg-primary/5 font-semibold text-primary' : 'hover:bg-muted/60');
-}
+const getPresetClassName$1 = (selected) => getOptionRowClassName(selected, 'whitespace-nowrap');
 const toIsoOrEmpty = (date) => date ? toIsoDate(date) : '';
 function useDateRangeFilter(value, onChange, today, fiscalYearStartMonth) {
@@ -38635,7 +38735,11 @@ function useDateRangeFilter(value, onChange, today, fiscalYearStartMonth) {
 /** Date filter body: presets on the left, a From / To range on the right. */
 function DateRangeFilter({ value, onChange, ariaLabel, fiscalYearStartMonth = 1, today = new Date(), }) {
     const { from, to, selectPreset, handleFromChange, handleToChange, clear } = useDateRangeFilter(value, onChange, today, fiscalYearStartMonth);
-    return (jsxRuntime.jsxs("div", { className: "grid grid-cols-[auto_minmax(0,1fr)] divide-x divide-border text-xs", children: [jsxRuntime.jsx("div", { role: "group", "aria-label": getPresetGroupLabel(ariaLabel), className: "flex flex-col gap-1 pr-3", children: DATE_PRESET_OPTIONS.map((preset) => (jsxRuntime.jsx("button", { type: "button", "aria-pressed": value?.preset === preset.value, onClick: () => selectPreset(preset.value), className: getPresetClassName$1(value?.preset === preset.value), children: preset.label }, preset.value))) }), jsxRuntime.jsxs("div", { className: "flex min-w-0 flex-col gap-3 pl-3", children: [jsxRuntime.jsxs("label", { className: "flex min-w-0 flex-col gap-1 text-muted-foreground", children: ["From", jsxRuntime.jsx(DateInput, { value: fromIsoDate(from), max: to || undefined, ariaLabel: getDateInputLabel(ariaLabel, 'from'), onChange: handleFromChange })] }), jsxRuntime.jsxs("label", { className: "flex min-w-0 flex-col gap-1 text-muted-foreground", children: ["To", jsxRuntime.jsx(DateInput, { value: fromIsoDate(to), min: from || undefined, ariaLabel: getDateInputLabel(ariaLabel, 'to'), onChange: handleToChange, align: "end" })] }), value && (jsxRuntime.jsx("button", { type: "button", onClick: clear, className: cn('self-start', FILTER_LINK_CLASS_NAME), children: "Clear" }))] })] }));
+    return (jsxRuntime.jsxs("div", { className: "grid grid-cols-[auto_minmax(0,1fr)] divide-x divide-border text-xs", children: [jsxRuntime.jsx("div", { role: "group", "aria-label": getPresetGroupLabel(ariaLabel), className: "flex flex-col gap-1 pr-3", children: DATE_PRESET_OPTIONS.map((preset) => (jsxRuntime.jsx("button", { type: "button", "aria-pressed": value?.preset === preset.value, onClick: () => selectPreset(preset.value), className: getPresetClassName$1(value?.preset === preset.value), children: preset.label }, preset.value))) }), jsxRuntime.jsxs("div", { className: "flex min-w-0 flex-col gap-3 pl-3", children: [jsxRuntime.jsxs("label", { className: "flex min-w-0 flex-col gap-1 text-muted-foreground", children: ["From", jsxRuntime.jsx(DateInput
+                            // The inputs sit on the card's right; an end-aligned calendar stays under them.
+                            , {
+                                // The inputs sit on the card's right; an end-aligned calendar stays under them.
+                                align: "end", value: fromIsoDate(from), max: to || undefined, ariaLabel: getDateInputLabel(ariaLabel, 'from'), onChange: handleFromChange })] }), jsxRuntime.jsxs("label", { className: "flex min-w-0 flex-col gap-1 text-muted-foreground", children: ["To", jsxRuntime.jsx(DateInput, { value: fromIsoDate(to), min: from || undefined, ariaLabel: getDateInputLabel(ariaLabel, 'to'), onChange: handleToChange, align: "end" })] }), value && (jsxRuntime.jsx("button", { type: "button", onClick: clear, className: cn('self-start', FILTER_LINK_CLASS_NAME), children: "Clear" }))] })] }));
 }
 const getClearButtonLabel = (ariaLabel) => `Clear ${ariaLabel}`;
@@ -38646,7 +38750,7 @@ function FilterCellPopover({ label, placeholder, ariaLabel, state, disabledLabel
     if (state === 'disabled') {
         return (jsxRuntime.jsx(TooltipProvider, { delayDuration: 200, children: jsxRuntime.jsxs(Tooltip, { children: [jsxRuntime.jsx(TooltipTrigger, { asChild: true, children: jsxRuntime.jsx("span", { tabIndex: 0, "aria-label": disabledLabel, className: "block outline-none", children: jsxRuntime.jsx("div", { role: "presentation", className: getFilterFieldClassName('disabled', className) }) }) }), jsxRuntime.jsx(TooltipContent, { side: "top", children: disabledLabel })] }) }));
     }
-    return (jsxRuntime.jsxs(Popover, { open: open, onOpenChange: onOpenChange, children: [jsxRuntime.jsx(PopoverAnchor, { asChild: true, children: jsxRuntime.jsxs("div", { className: getFilterFieldClassName(state, cn('pr-1 focus-within:ring-2 focus-within:ring-primary/30', className)), children: [jsxRuntime.jsxs(PopoverTrigger, { "aria-label": ariaLabel, className: "flex h-full min-w-0 flex-1 cursor-pointer items-center gap-1 text-left outline-none", children: [icon && jsxRuntime.jsx("span", { className: "shrink-0 [&_svg]:size-3.5", children: icon }), jsxRuntime.jsx(TruncatedLabel, { text: label || placeholder, className: cn('min-w-0 flex-1', !label && 'font-normal text-placeholder') }), showChevron && (jsxRuntime.jsx(ChevronDown, { "aria-hidden": "true", className: "size-3.5 shrink-0 text-muted-foreground" }))] }), onClear && label && (jsxRuntime.jsx("button", { type: "button", "aria-label": getClearButtonLabel(ariaLabel), onClick: onClear, className: "inline-flex size-4 shrink-0 cursor-pointer items-center justify-center rounded-sm outline-none hover:bg-primary/10", children: jsxRuntime.jsx(X$2, { "aria-hidden": "true", className: "size-3" }) }))] }) }), jsxRuntime.jsx(PopoverContent, { align: "start",
+    return (jsxRuntime.jsxs(Popover, { open: open, onOpenChange: onOpenChange, children: [jsxRuntime.jsx(PopoverAnchor, { asChild: true, children: jsxRuntime.jsxs("div", { className: getFilterFieldClassName(state, cn('pr-1 focus-within:ring-2 focus-within:ring-primary/30', className)), children: [jsxRuntime.jsxs(PopoverTrigger, { "aria-label": ariaLabel, className: "flex h-full min-w-0 flex-1 cursor-pointer items-center gap-1 text-left outline-none", children: [icon && jsxRuntime.jsx("span", { className: "shrink-0 [&_svg]:size-3.5", children: icon }), jsxRuntime.jsx(TruncatedLabel, { text: label || placeholder, className: cn('min-w-0 flex-1', !label && 'font-normal text-placeholder') }), showChevron && (jsxRuntime.jsx(ChevronDown, { "aria-hidden": "true", className: "size-3.5 shrink-0 text-muted-foreground" }))] }), onClear && label && (jsxRuntime.jsx("button", { type: "button", "aria-label": getClearButtonLabel(ariaLabel), onClick: onClear, className: "inline-flex size-4 shrink-0 cursor-pointer items-center justify-center rounded-full outline-none hover:bg-primary/10", children: jsxRuntime.jsx(X$2, { "aria-hidden": "true", className: "size-3" }) }))] }) }), jsxRuntime.jsx(PopoverContent, { align: "start",
                 // The filter row moves when the "Filtered by" row appears; track it every frame so the popover never lags behind.
                 updatePositionStrategy: "always", sideOffset: 4, className: cn('w-72 p-0', contentClassName), children: children })] }));
 }
@@ -38722,10 +38826,40 @@ function ScaleRangeFilter({ options, value, onChange, ariaLabel, columns, fill =
     const { selectOption } = useScaleRangeFilter({ value, onChange });
     return (jsxRuntime.jsx("div", { role: "group", "aria-label": ariaLabel, className: fill ? 'grid gap-2' : 'grid gap-1.5', style: getGridColumnsStyle(columns), children: options.map((option) => {
             const position = getScalePosition(options, value, option.value);
-            return (jsxRuntime.jsx("button", { type: "button", "aria-pressed": position !== 'outside', "aria-label": option.label, onClick: () => selectOption(option.value), className: getScaleButtonClassName(position, fill), children: jsxRuntime.jsx("span", { className: "line-clamp-2 leading-tight", children: option.label }) }, option.value));
+            return (jsxRuntime.jsx("button", { type: "button", "aria-pressed": position !== 'outside', "aria-label": option.label, onClick: () => selectOption(option.value), className: getScaleButtonClassName(position, fill), children: jsxRuntime.jsx(TruncatedLabel, { text: option.label }) }, option.value));
         }) }));
 }
+/** Varied widths so placeholder rows and pills read as text, not a block. */
+const LIST_ROW_WIDTHS = ['55%', '40%', '62%', '48%', '35%'];
+const PILL_WIDTHS = [72, 88, 64, 96, 76, 84];
+const TILE_KEYS = ['a', 'b', 'c', 'd'];
+const CARD_CLASS_NAME = 'flex h-full min-w-0 flex-col gap-3 rounded-xl border border-border bg-card p-4';
+function Pills({ count }) {
+    return (jsxRuntime.jsx("div", { className: "flex flex-wrap gap-1.5", children: PILL_WIDTHS.slice(0, count).map((width) => (jsxRuntime.jsx(SquareSkeleton, { height: 32, width: width, rounded: "full" }, width))) }));
+}
+function Body({ variant, }) {
+    switch (variant) {
+        case 'list':
+            return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(SquareSkeleton, { height: 36, rounded: "md" }), jsxRuntime.jsx(SquareSkeleton, { height: 12, width: 96, rounded: "sm" }), jsxRuntime.jsx("div", { className: "flex flex-col gap-3 px-2 pt-1", children: LIST_ROW_WIDTHS.map((width) => (jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [jsxRuntime.jsx(SquareSkeleton, { height: 18, width: 18, rounded: "sm" }), jsxRuntime.jsx(SquareSkeleton, { height: 14, width: width, rounded: "sm" })] }, width))) })] }));
+        case 'chips':
+            return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(SquareSkeleton, { height: 12, width: 64, rounded: "sm" }), jsxRuntime.jsx(Pills, { count: 3 }), jsxRuntime.jsx(SquareSkeleton, { height: 12, width: 80, rounded: "sm" }), jsxRuntime.jsx(Pills, { count: 4 })] }));
+        case 'tiles':
+            return (jsxRuntime.jsx("div", { className: "grid grid-cols-2 gap-2", children: TILE_KEYS.map((key) => (jsxRuntime.jsx(SquareSkeleton, { height: 48, rounded: "md" }, key))) }));
+        case 'range':
+            return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [jsxRuntime.jsx(SquareSkeleton, { height: 36, rounded: "md" }), jsxRuntime.jsx(SquareSkeleton, { height: 2, width: 8, rounded: "full" }), jsxRuntime.jsx(SquareSkeleton, { height: 36, rounded: "md" })] }), jsxRuntime.jsx(SquareSkeleton, { height: 12, width: 88, rounded: "sm" }), jsxRuntime.jsx(Pills, { count: 6 })] }));
+        case 'ids':
+            return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(SquareSkeleton, { height: 12, width: 64, rounded: "sm" }), jsxRuntime.jsx(SquareSkeleton, { height: 80, rounded: "md" }), jsxRuntime.jsx(SquareSkeleton, { height: 12, width: "75%", rounded: "sm" }), jsxRuntime.jsx(SquareSkeleton, { height: 12, width: 56, rounded: "sm" }), jsxRuntime.jsx(SquareSkeleton, { height: 36, rounded: "md" })] }));
+        case 'select':
+            return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(SquareSkeleton, { height: 12, width: 64, rounded: "sm" }), jsxRuntime.jsx(SquareSkeleton, { height: 36, rounded: "md" })] }));
+    }
+}
+/** Placeholder for one filter card while the filters load, shaped like the control it will hold. */
+function FilterCardSkeleton({ variant = 'list', className, }) {
+    return (jsxRuntime.jsxs("div", { "aria-hidden": "true", className: cn(CARD_CLASS_NAME, className), children: [jsxRuntime.jsx(SquareSkeleton, { height: 16, width: 96, rounded: "sm" }), jsxRuntime.jsx(Body, { variant: variant })] }));
+}
 const getClearIdsLabel = (ariaLabel) => `Clear ${ariaLabel}`;
 const DEFAULT_ID_HELPER_TEXT = 'Paste from Excel or an email. Commas, spaces and new lines all split IDs.';
@@ -38767,7 +38901,7 @@ function useIdListInput(value, onChange) {
 /** Paste-a-list body: a textarea split into IDs on commas, spaces and new lines, with the parsed IDs as chips. */
 function IdListInput({ value, onChange, ariaLabel, placeholder, helperText = DEFAULT_ID_HELPER_TEXT, showSummary = true, }) {
     const { draft, parsedIds, handleChange, handleBlur, clear } = useIdListInput(value, onChange);
-    return (jsxRuntime.jsxs("div", { className: "flex flex-col gap-2", children: [jsxRuntime.jsx(Textarea, { value: draft, placeholder: placeholder, "aria-label": ariaLabel, onChange: handleChange, onBlur: handleBlur, className: "min-h-20 bg-card" }), helperText && (jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: helperText })), showSummary && parsedIds.length > 0 && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("ul", { className: "flex flex-wrap gap-1.5", children: parsedIds.map((id) => (jsxRuntime.jsx("li", { className: "inline-flex h-6 items-center rounded-full border border-primary/20 bg-primary/5 px-2 text-xs text-primary", children: id }, id))) }), jsxRuntime.jsxs("div", { className: "flex items-center justify-between text-xs", children: [jsxRuntime.jsx("span", { className: "text-muted-foreground", children: formatIdCount(parsedIds.length) }), jsxRuntime.jsx("button", { type: "button", "aria-label": getClearIdsLabel(ariaLabel), onClick: clear, className: FILTER_LINK_CLASS_NAME, children: "Clear" })] })] }))] }));
+    return (jsxRuntime.jsxs("div", { className: "flex flex-col gap-2", children: [jsxRuntime.jsx(Textarea, { value: draft, placeholder: placeholder, "aria-label": ariaLabel, onChange: handleChange, onBlur: handleBlur, className: "min-h-20 bg-card" }), helperText && (jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: helperText })), showSummary && parsedIds.length > 0 && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("ul", { className: "flex flex-wrap gap-1.5", children: parsedIds.map((id) => (jsxRuntime.jsx("li", { className: "inline-flex h-6 items-center rounded-full border border-primary/30 bg-primary/5 px-2 text-xs text-foreground", children: id }, id))) }), jsxRuntime.jsxs("div", { className: "flex items-center justify-between text-xs", children: [jsxRuntime.jsx("span", { className: "text-muted-foreground", children: formatIdCount(parsedIds.length) }), jsxRuntime.jsx("button", { type: "button", "aria-label": getClearIdsLabel(ariaLabel), onClick: clear, className: FILTER_LINK_CLASS_NAME, children: "Clear" })] })] }))] }));
 }
 const NUMBER_HELP_HEADING = 'Type a value or a rule';
@@ -38784,9 +38918,19 @@ function getNumberInputClassName(state, className) {
     return getFilterFieldClassName(state, cn('text-right tabular-nums', className));
 }
 /** Cheat-sheet row: the whole row is the click target, highlighted on hover. */
-const RULE_BUTTON_CLASS_NAME = cn('flex h-8 w-full cursor-pointer items-center gap-3 rounded-md px-2 text-left text-xs transition-colors hover:bg-muted', FILTER_FOCUS_RING);
+const RULE_BUTTON_CLASS_NAME = getOptionRowClassName(false, 'py-1.5');
 /** Key-cap chip for the rule, fixed width so every meaning lines up. */
-const RULE_CHIP_CLASS_NAME = 'inline-flex h-6 min-w-12 shrink-0 items-center justify-center rounded border border-border bg-background px-1.5 font-mono text-xs font-semibold text-foreground shadow-xs';
+// Every chip is as wide as the longest rule, so the meanings start at the same x.
+const RULE_CHIP_CLASS_NAME = 'inline-flex h-6 w-[calc(var(--rule-width)+1.25rem)] min-w-14 shrink-0 whitespace-nowrap items-center justify-center rounded-full border border-border bg-background px-2 text-xs font-semibold tabular-nums text-foreground';
+/** Note / error box in the help popover; text on a fixed 16px line. */
+const MESSAGE_CLASS_NAME = 'flex gap-2 rounded-md p-2 leading-4';
+/** One text line tall, so the icon centres on the first line however the text wraps. */
+const MESSAGE_ICON_SLOT_CLASS_NAME = 'flex h-4 shrink-0 items-center';
+/** Sets `--rule-width` to the longest rule, which sizes every chip in the list. */
+function getRuleListStyle(rules) {
+    const longest = Math.max(...rules.map(({ rule }) => rule.length));
+    return { '--rule-width': `${longest}ch` };
+}
 const COMMIT_DELAY_MS = 400;
 function useNumberExpressionFilter(value, onChange) {
@@ -38833,20 +38977,22 @@ function useNumberExpressionFilter(value, onChange) {
         handleChange,
         handleKeyDown,
         handleFocus: () => setHelpOpen(true),
+        handleClick: () => setHelpOpen(true),
         handleBlur,
         applyRule,
     };
 }
 /** Filter-row number cell: type a value or a rule (`>1`, `1–3`, `1.52`). Invalid text never reaches the table. */
-function NumberExpressionFilter({ value, onChange, ariaLabel, placeholder, note, className, }) {
-    const { draft, state, helpOpen, errorId, handleChange, handleKeyDown, handleFocus, handleBlur, applyRule, } = useNumberExpressionFilter(value, onChange);
+function NumberExpressionFilter({ value, onChange, ariaLabel, placeholder, note, ruleExamples, className, }) {
+    const { draft, state, helpOpen, errorId, handleChange, handleKeyDown, handleFocus, handleClick, handleBlur, applyRule, } = useNumberExpressionFilter(value, onChange);
     const invalid = state === 'invalid';
-    return (jsxRuntime.jsxs(Popover, { open: helpOpen, children: [jsxRuntime.jsx(PopoverAnchor, { asChild: true, children: jsxRuntime.jsx("input", { type: "text", inputMode: "decimal", value: draft, placeholder: placeholder, "aria-label": ariaLabel, "aria-invalid": invalid || undefined, "aria-describedby": invalid ? getNumberErrorId(errorId) : undefined, onChange: handleChange, onKeyDown: handleKeyDown, onFocus: handleFocus, onBlur: handleBlur, className: getNumberInputClassName(state, className) }) }), jsxRuntime.jsxs(PopoverContent, { align: "start",
+    const rules = buildNumberRuleHelp(ruleExamples);
+    return (jsxRuntime.jsxs(Popover, { open: helpOpen, children: [jsxRuntime.jsx(PopoverAnchor, { asChild: true, children: jsxRuntime.jsx("input", { type: "text", inputMode: "decimal", value: draft, placeholder: placeholder, "aria-label": ariaLabel, "aria-invalid": invalid || undefined, "aria-describedby": invalid ? getNumberErrorId(errorId) : undefined, onChange: handleChange, onKeyDown: handleKeyDown, onFocus: handleFocus, onClick: handleClick, onBlur: handleBlur, className: getNumberInputClassName(state, className) }) }), jsxRuntime.jsxs(PopoverContent, { align: "start",
                 // The filter row moves when the "Filtered by" row appears; track it every frame so the popover never lags behind.
-                updatePositionStrategy: "always", onOpenAutoFocus: (event) => event.preventDefault(), className: "flex w-72 flex-col gap-2 p-2 text-xs", children: [jsxRuntime.jsxs("div", { className: "px-2 pt-1", children: [jsxRuntime.jsx("p", { className: "font-medium text-foreground", children: NUMBER_HELP_HEADING }), jsxRuntime.jsx("p", { className: "text-muted-foreground", children: NUMBER_HELP_SUBTITLE })] }), jsxRuntime.jsx("ul", { className: "flex flex-col", children: NUMBER_EXPRESSION_HELP.map(({ rule, meaning }) => (jsxRuntime.jsx("li", { children: jsxRuntime.jsxs("button", { type: "button", "aria-label": getUseRuleLabel(rule, meaning),
+                updatePositionStrategy: "always", onOpenAutoFocus: (event) => event.preventDefault(), className: "flex w-72 flex-col gap-2 p-2 text-xs", children: [jsxRuntime.jsxs("div", { className: "px-2 pt-1", children: [jsxRuntime.jsx("p", { className: "font-medium text-foreground", children: NUMBER_HELP_HEADING }), jsxRuntime.jsx("p", { className: "text-muted-foreground", children: NUMBER_HELP_SUBTITLE })] }), jsxRuntime.jsx("ul", { className: "flex flex-col", style: getRuleListStyle(rules), children: rules.map(({ rule, meaning }) => (jsxRuntime.jsx("li", { children: jsxRuntime.jsxs("button", { type: "button", "aria-label": getUseRuleLabel(rule, meaning),
                                 // Keep focus in the field so it doesn't blur and close this help first.
-                                onMouseDown: (event) => event.preventDefault(), onClick: () => applyRule(rule), className: RULE_BUTTON_CLASS_NAME, children: [jsxRuntime.jsx("span", { className: RULE_CHIP_CLASS_NAME, children: rule }), jsxRuntime.jsx("span", { className: "whitespace-nowrap text-muted-foreground", children: meaning })] }) }, rule))) }), note && (jsxRuntime.jsxs("div", { className: "flex gap-2 rounded-md bg-muted/50 p-2 text-muted-foreground", children: [jsxRuntime.jsx(Info, { "aria-hidden": "true", className: "mt-0.5 size-3.5 shrink-0" }), jsxRuntime.jsx("div", { children: note })] })), invalid && (jsxRuntime.jsxs("div", { id: getNumberErrorId(errorId), role: "alert", className: "flex gap-2 rounded-md bg-destructive/10 p-2 text-destructive", children: [jsxRuntime.jsx(CircleAlert, { "aria-hidden": "true", className: "mt-0.5 size-3.5 shrink-0" }), jsxRuntime.jsxs("p", { children: ["Can't read \u201C", draft, "\u201D. Try ", jsxRuntime.jsx("strong", { children: "1\u20133" }), ",", ' ', jsxRuntime.jsx("strong", { children: ">1" }), " or ", jsxRuntime.jsx("strong", { children: "<=3" }), "."] })] }))] })] }));
+                                onMouseDown: (event) => event.preventDefault(), onClick: () => applyRule(rule), className: RULE_BUTTON_CLASS_NAME, children: [jsxRuntime.jsx("span", { className: RULE_CHIP_CLASS_NAME, children: rule }), jsxRuntime.jsx("span", { className: "whitespace-nowrap text-muted-foreground", children: meaning })] }) }, rule))) }), note && (jsxRuntime.jsxs("div", { className: cn(MESSAGE_CLASS_NAME, 'bg-muted/50 text-muted-foreground'), children: [jsxRuntime.jsx("span", { className: MESSAGE_ICON_SLOT_CLASS_NAME, children: jsxRuntime.jsx(Info, { "aria-hidden": "true", className: "size-3.5" }) }), jsxRuntime.jsx("div", { children: note })] })), invalid && (jsxRuntime.jsxs("div", { id: getNumberErrorId(errorId), role: "alert", className: cn(MESSAGE_CLASS_NAME, 'bg-destructive/10 text-destructive'), children: [jsxRuntime.jsx("span", { className: MESSAGE_ICON_SLOT_CLASS_NAME, children: jsxRuntime.jsx(CircleAlert, { "aria-hidden": "true", className: "size-3.5" }) }), jsxRuntime.jsxs("p", { children: ["Can't read \u201C", draft, "\u201D. Try ", jsxRuntime.jsx("strong", { children: "1\u20133" }), ",", ' ', jsxRuntime.jsx("strong", { children: ">1" }), " or ", jsxRuntime.jsx("strong", { children: "<=3" }), "."] })] }))] })] }));
 }
 const REVERSED_RANGE_MESSAGE = 'From must not be more than To.';
@@ -38887,9 +39033,7 @@ function isSameRange(a, b) {
 function getBoundInputClassName(filled) {
     return cn('h-9 min-w-0 flex-1 text-sm', filled && 'border-primary bg-primary/5');
 }
-function getPresetClassName(selected) {
-    return getSelectableOptionClassName(selected, 'inline-flex h-7 items-center rounded-full px-2.5');
-}
+const getPresetClassName = getPillClassName;
 function useNumberRangeInputs(value, onChange) {
     const minText = toBoundText(value?.min);
@@ -38950,9 +39094,7 @@ function createRadioGroupKeyDownHandler(current, onChange) {
     };
 }
-function getRadioRowClassName(checked) {
-    return cn('flex w-full cursor-pointer items-center gap-2.5 rounded-md px-2.5 py-2 text-left text-xs text-foreground transition-colors', FILTER_FOCUS_RING, checked ? 'bg-muted font-medium' : 'hover:bg-muted/50');
-}
+const getRadioRowClassName = (checked) => getOptionRowClassName(checked);
 function getRadioCircleClassName(checked) {
     return cn('flex size-4 shrink-0 items-center justify-center rounded-full border', checked ? 'border-primary' : 'border-input-border');
 }
@@ -38965,6 +39107,300 @@ function TriStateFilter({ value, onChange, ariaLabel, }) {
         }) }));
 }
+const SAVED_SEARCH_CHIP_CLASS_NAME = 'inline-flex h-6 min-w-0 max-w-full items-center rounded-full border border-primary/30 bg-primary/5 px-2 text-xs text-foreground';
+/** Children laid out below the first one's line. */
+function countWrapped(items) {
+    if (items.length === 0)
+        return 0;
+    const firstTop = items[0].offsetTop;
+    return items.filter((item) => item.offsetTop > firstTop).length;
+}
+const getShowMoreLabel = (hiddenCount) => `+${hiddenCount} more`;
+/**
+ * Fits chips on one line with the "+N more" link right after the last one. Renders every chip, counts
+ * how many wrap, then drops chips until the link itself fits; a resize starts the measurement over.
+ */
+function useChipOverflow(chips, enabled) {
+    const [list, setList] = React.useState(null);
+    const [expanded, setExpanded] = React.useState(false);
+    const [visibleCount, setVisibleCount] = React.useState(chips.length);
+    const collapsed = enabled && !expanded;
+    const [measuredLength, setMeasuredLength] = React.useState(chips.length);
+    if (measuredLength !== chips.length) {
+        setMeasuredLength(chips.length);
+        setVisibleCount(chips.length);
+    }
+    React.useLayoutEffect(() => {
+        if (!collapsed || !list)
+            return;
+        const items = Array.from(list.children);
+        if (visibleCount >= chips.length) {
+            const wrapped = countWrapped(items);
+            if (wrapped > 0)
+                setVisibleCount(chips.length - wrapped);
+            return;
+        }
+        // The last child is the "+N more" link; if it wrapped, give it one more chip's room.
+        if (countWrapped(items) > 0 && visibleCount > 1)
+            setVisibleCount(visibleCount - 1);
+    }, [collapsed, list, visibleCount, chips.length]);
+    React.useEffect(() => {
+        if (!collapsed || !list)
+            return;
+        let width = list.clientWidth;
+        const observer = new ResizeObserver(() => {
+            if (list.clientWidth === width)
+                return;
+            width = list.clientWidth;
+            setVisibleCount(chips.length);
+        });
+        observer.observe(list);
+        return () => observer.disconnect();
+    }, [collapsed, list, chips.length]);
+    const shown = collapsed ? Math.min(visibleCount, chips.length) : chips.length;
+    return {
+        listRef: React.useCallback((node) => setList(node), []),
+        expanded,
+        toggle: () => {
+            setExpanded((current) => !current);
+            setVisibleCount(chips.length);
+        },
+        visibleChips: chips.slice(0, shown),
+        hiddenCount: chips.length - shown,
+    };
+}
+/** Read-only filter summaries of a saved search, as pills; optionally one line ending in "+N more". */
+function SavedSearchChipList({ chips, emptyText = 'No filters', collapsible = false, className, }) {
+    const { listRef, expanded, toggle, visibleChips, hiddenCount } = useChipOverflow(chips, collapsible);
+    if (chips.length === 0) {
+        return (jsxRuntime.jsx("p", { className: cn('text-xs text-muted-foreground', className), children: emptyText }));
+    }
+    const showToggle = collapsible && (expanded || hiddenCount > 0);
+    return (jsxRuntime.jsxs("ul", { ref: listRef, className: cn('flex min-w-0 flex-wrap items-center gap-1.5', className), children: [visibleChips.map((chip) => (jsxRuntime.jsx("li", { className: SAVED_SEARCH_CHIP_CLASS_NAME, children: jsxRuntime.jsx(TruncatedLabel, { text: chip }) }, chip))), showToggle && (jsxRuntime.jsx("li", { className: "flex h-6 shrink-0 items-center", children: jsxRuntime.jsx("button", { type: "button", "aria-expanded": expanded, onClick: toggle,
+                    // Above a parent's stretched click area (e.g. a saved-search row).
+                    className: cn(FILTER_LINK_CLASS_NAME, 'relative z-10 whitespace-nowrap px-1 underline underline-offset-2'), children: expanded ? 'Show less' : getShowMoreLabel(hiddenCount) }) }))] }));
+}
+const SEARCH_INPUT_LABEL = 'Find a saved search';
+const getRenameLabel = (name) => `Rename ${name}`;
+const getDeleteLabel = (name) => `Delete ${name}`;
+const NO_MATCH_TITLE = 'No matches';
+const getNoMatchText = (query) => `No saved searches match “${query.trim()}”.`;
+/** Matches the name or any filter summary, ignoring case. */
+function filterSavedSearches(items, query) {
+    const needle = query.trim().toLowerCase();
+    if (!needle)
+        return [...items];
+    return items.filter((item) => [item.name, ...item.chips].some((text) => text.toLowerCase().includes(needle)));
+}
+const ROW_CLASS_NAME = 'relative flex items-center gap-4 rounded-md px-2 py-2.5 transition-colors hover:bg-muted/60';
+/** The name is the row's button; its `::after` stretches over the whole row so the row is the click target. */
+const ROW_BUTTON_CLASS_NAME = "block min-w-0 max-w-full cursor-pointer text-left text-sm font-semibold text-foreground outline-none after:absolute after:inset-0 after:rounded-md after:content-[''] focus-visible:after:ring-2 focus-visible:after:ring-primary/30";
+/** Lifts the name above the button's stretched area so its overflow tooltip gets the hover; clicks still reach the button. */
+const ROW_NAME_CLASS_NAME = 'relative z-10 block min-w-0';
+/** Rename / Delete as one outlined, button-shaped group with a divider between them. */
+const ROW_ACTIONS_CLASS_NAME = 'flex shrink-0 items-center divide-x divide-border overflow-hidden rounded-md border border-border bg-card shadow-xs';
+/** A cell of the actions group; Delete turns destructive on hover. */
+function getRowActionClassName(destructive) {
+    return cn('size-7 rounded-none text-foreground/70 [&_svg]:size-3.5', destructive
+        ? 'hover:bg-destructive/10 hover:text-destructive'
+        : 'hover:bg-muted hover:text-foreground');
+}
+/** Controls inside the row that sit above the stretched button. */
+const ROW_CONTROL_CLASS_NAME = 'relative z-10';
+/** About three rows (name line + one pill line each) before the list scrolls. */
+const LIST_SCROLL_CLASS_NAME = 'max-h-54 overflow-y-auto';
+function useSavedSearchesMenu(items, onOpenChange) {
+    const [open, setOpenState] = React.useState(false);
+    const [query, setQuery] = React.useState('');
+    const setOpen = (next) => {
+        setOpenState(next);
+        if (!next)
+            setQuery('');
+        onOpenChange?.(next);
+    };
+    const visibleItems = React.useMemo(() => filterSavedSearches(items, query), [items, query]);
+    const closeThen = (action, item) => () => {
+        setOpen(false);
+        action(item);
+    };
+    return { open, setOpen, query, setQuery, visibleItems, closeThen };
+}
+/** Small icon button on a row, named by its tooltip. */
+function RowActionButton({ label, onClick, destructive = false, children, }) {
+    return (jsxRuntime.jsxs(Tooltip, { children: [jsxRuntime.jsx(TooltipTrigger, { asChild: true, children: jsxRuntime.jsx(IconButton, { appearance: "ghost", size: "xs", "aria-label": label, onClick: onClick, className: getRowActionClassName(destructive), children: children }) }), jsxRuntime.jsx(TooltipContent, { side: "top", children: label })] }));
+}
+/** One saved search: name, filter pills, when it was saved, and Rename / Delete buttons. */
+function SavedSearchRow({ item, onSelect, onRename, onDelete, }) {
+    const hasCount = item.countLoading || item.count !== undefined;
+    return (jsxRuntime.jsxs("li", { className: ROW_CLASS_NAME, children: [jsxRuntime.jsxs("div", { className: "flex min-w-0 flex-1 flex-col gap-1.5", children: [jsxRuntime.jsxs("div", { className: "flex min-w-0 items-baseline gap-2", children: [jsxRuntime.jsx("button", { type: "button", onClick: onSelect, className: ROW_BUTTON_CLASS_NAME, children: jsxRuntime.jsx("span", { className: ROW_NAME_CLASS_NAME, children: jsxRuntime.jsx(TruncatedLabel, { text: item.name }) }) }), hasCount &&
+                                (item.countLoading ? (jsxRuntime.jsx(SquareSkeleton, { height: 12, width: 40, rounded: "sm" })) : (jsxRuntime.jsx("span", { className: "shrink-0 text-xs font-medium tabular-nums text-foreground", children: item.countLabel ?? item.count }))), item.meta && (jsxRuntime.jsx("span", { className: "shrink-0 text-xs text-muted-foreground before:mr-2 before:content-['\u00B7']", children: item.meta }))] }), jsxRuntime.jsx(SavedSearchChipList, { chips: item.chips, collapsible: true })] }), (onRename || onDelete) && (jsxRuntime.jsxs("div", { className: cn(ROW_CONTROL_CLASS_NAME, ROW_ACTIONS_CLASS_NAME), children: [onRename && (jsxRuntime.jsx(RowActionButton, { label: getRenameLabel(item.name), onClick: onRename, children: jsxRuntime.jsx(Pencil, {}) })), onDelete && (jsxRuntime.jsx(RowActionButton, { label: getDeleteLabel(item.name), onClick: onDelete, destructive: true, children: jsxRuntime.jsx(Trash2, {}) }))] }))] }));
+}
+/** Centered empty / no-match state inside the dropdown. */
+function SavedSearchesEmpty({ icon, title, description, }) {
+    return (jsxRuntime.jsxs("div", { className: "flex flex-col items-center gap-1 px-4 py-6 text-center", children: [jsxRuntime.jsx("span", { className: "mb-2 flex size-10 items-center justify-center rounded-full bg-muted text-primary [&>svg]:size-5", children: icon }), jsxRuntime.jsx("p", { className: "text-sm font-semibold text-foreground", children: title }), jsxRuntime.jsx("p", { className: "max-w-xs text-xs text-muted-foreground", children: description })] }));
+}
+/** "Saved searches" dropdown: find, pick, rename or delete a saved filter set. */
+function SavedSearchesMenu({ items, onSelect, onRename, onDelete, loading = false, onOpenChange, label = 'Saved searches', footnote, emptyTitle = 'No saved searches yet', emptyDescription = 'Apply some filters, then choose Save search to keep them here.', align = 'start', triggerClassName, }) {
+    const { open, setOpen, query, setQuery, visibleItems, closeThen } = useSavedSearchesMenu(items, onOpenChange);
+    const hasNone = !loading && items.length === 0;
+    return (jsxRuntime.jsxs(Popover, { open: open, onOpenChange: setOpen, children: [jsxRuntime.jsx(PopoverTrigger, { asChild: true, children: jsxRuntime.jsx(Button, { appearance: "outline", color: open ? 'primary' : 'secondary', size: "md", leftIcon: jsxRuntime.jsx(Bookmark, {}), rightIcon: open ? jsxRuntime.jsx(ChevronUp, {}) : jsxRuntime.jsx(ChevronDown, {}), className: triggerClassName, children: label }) }), jsxRuntime.jsxs(PopoverContent, { align: align, sideOffset: 4, className: "flex w-120 max-w-[calc(100vw-2rem)] flex-col gap-2 p-2", children: [!hasNone && (jsxRuntime.jsxs("label", { className: FILTER_SEARCH_BOX_CLASS_NAME, children: [jsxRuntime.jsx(Search, { "aria-hidden": "true", className: "size-4 shrink-0 text-muted-foreground" }), jsxRuntime.jsx("input", { value: query, onChange: (event) => setQuery(event.target.value), placeholder: SEARCH_INPUT_LABEL, "aria-label": SEARCH_INPUT_LABEL, className: "min-w-0 flex-1 bg-transparent text-sm text-foreground outline-none placeholder:text-placeholder" })] })), loading ? (jsxRuntime.jsxs("div", { className: "flex flex-col gap-2 p-2", "aria-busy": "true", children: [jsxRuntime.jsx(SquareSkeleton, { height: 44, rounded: "md" }), jsxRuntime.jsx(SquareSkeleton, { height: 44, rounded: "md" })] })) : hasNone ? (jsxRuntime.jsx(SavedSearchesEmpty, { icon: jsxRuntime.jsx(Bookmark, {}), title: emptyTitle, description: emptyDescription })) : visibleItems.length === 0 ? (jsxRuntime.jsx(SavedSearchesEmpty, { icon: jsxRuntime.jsx(SearchX, {}), title: NO_MATCH_TITLE, description: getNoMatchText(query) })) : (jsxRuntime.jsx(ScrollFade, { className: LIST_SCROLL_CLASS_NAME, children: jsxRuntime.jsx(TooltipProvider, { delayDuration: 300, children: jsxRuntime.jsx("ul", { className: "flex flex-col", children: visibleItems.map((item) => (jsxRuntime.jsx(SavedSearchRow, { item: item, onSelect: closeThen(onSelect, item), onRename: onRename && closeThen(onRename, item), onDelete: onDelete && closeThen(onDelete, item) }, item.id))) }) }) })), footnote && !hasNone && (jsxRuntime.jsx("p", { className: "border-t border-border px-2 pt-2 text-xs text-muted-foreground", children: footnote }))] })] }));
+}
+/**
+ * App-wide modal wrapper with a fixed header / body / footer layout.
+ * Built on top of shadcn DialogContent, so it inherits viewport-centered
+ * positioning, focus trapping, portal rendering, and overlay handling.
+ */
+function Modal({ open, onClose, title, description, icon, children, footer, size = 'default', hideCloseButton = false, className, bodyClassName, }) {
+    // See ConfirmDialog: overlapping dismissable layers leak the <body> lock.
+    useOverlayBodyLockRelease(open);
+    return (jsxRuntime.jsx(Dialog, { open: open, onOpenChange: (o) => !o && onClose(), children: jsxRuntime.jsxs(DialogContent, { hideCloseButton: true, size: size === 'wide' ? 'wide' : 'default', className: cn('flex flex-col gap-0 overflow-hidden p-0', className), children: [jsxRuntime.jsxs("header", { className: "flex shrink-0 items-start justify-between gap-4 px-6 pt-5 pb-4", children: [jsxRuntime.jsxs("div", { className: cn('flex min-w-0 gap-3.5', description ? 'items-start' : 'items-center'), children: [icon ? jsxRuntime.jsx(DialogIcon, { children: icon }) : null, jsxRuntime.jsxs("div", { className: "flex min-w-0 flex-col", children: [jsxRuntime.jsx(DialogPrimitive__namespace.Title, { className: "m-0 text-lg font-semibold leading-6 text-foreground", children: title }), description ? (jsxRuntime.jsx(DialogPrimitive__namespace.Description, { className: "m-0 text-sm leading-5 text-muted-foreground", children: description })) : null] })] }), !hideCloseButton && (jsxRuntime.jsx(DialogPrimitive__namespace.Close, { "aria-label": "Close", className: "-mr-1.5 inline-flex size-7 shrink-0 items-center justify-center rounded-md text-muted-foreground transition-colors hover:bg-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", children: jsxRuntime.jsx(X$2, { className: "h-4 w-4" }) }))] }), jsxRuntime.jsx("div", { className: cn('flex-1 overflow-y-auto', bodyClassName), children: children }), footer && (jsxRuntime.jsx("footer", { className: cn('flex items-center justify-end gap-3 border-t border-border bg-[color-mix(in_srgb,var(--muted)_40%,var(--card))] px-6 py-4', DIALOG_FOOTER_BUTTONS), children: footer }))] }) }));
+}
+const NAME_LABEL = 'Name';
+const FILTERS_LABEL = 'Filters saved';
+const NAME_REQUIRED_ERROR = 'Enter a name for this search.';
+const DUPLICATE_TITLE = 'Name already in use';
+const DUPLICATE_DESCRIPTION = 'Save another search with this name?';
+const DUPLICATE_DETAIL_LABEL = 'Existing saved search';
+const SAVE_ANYWAY_LABEL = 'Save anyway';
+const CHANGE_NAME_LABEL = 'Change name';
+const GO_BACK_LABEL = 'Go back';
+const CANCEL_LABEL = 'Cancel';
+const SAVED_SEARCH_NAME_MAX_LENGTH = 100;
+const isValidSearchName = (name) => {
+    const trimmed = name.trim();
+    return trimmed.length > 0 && trimmed.length <= SAVED_SEARCH_NAME_MAX_LENGTH;
+};
+const isDuplicateSearchName = (name, existingNames) => {
+    const needle = name.trim().toLowerCase();
+    return existingNames.some((taken) => taken.trim().toLowerCase() === needle);
+};
+const FILTERS_PANEL_CLASS_NAME = 'rounded-lg border border-border bg-muted/40 p-3';
+/** The warning for a step: the caller's for the limit and already-saved steps, built-in copy for a reused name. */
+function getStepWarning(step, name, warnings) {
+    if (step === 'limit')
+        return warnings.limitWarning;
+    if (step === 'existing')
+        return warnings.existingWarning;
+    if (step === 'duplicate') {
+        return {
+            title: DUPLICATE_TITLE,
+            description: DUPLICATE_DESCRIPTION,
+            detail: { label: DUPLICATE_DETAIL_LABEL, value: name.trim() },
+        };
+    }
+    return undefined;
+}
+/** Cancel closes before the form; later warnings go back to it. */
+function getWarningCancelLabel(step) {
+    if (step === 'existing')
+        return CANCEL_LABEL;
+    if (step === 'limit')
+        return GO_BACK_LABEL;
+    return CHANGE_NAME_LABEL;
+}
+const WARNING_DETAIL_CLASS_NAME = 'flex min-w-0 flex-col gap-0.5 rounded-xl border border-border bg-muted/30 px-3.5 py-3';
+/**
+ * The name field restarts from `defaultName` every time the dialog opens. Save stays enabled and reports a
+ * missing name; an optional warning can come before the form (e.g. already saved), and a reused name, then the
+ * saved-search limit, each get a follow-up warning that replaces the
+ * form until the user confirms (the last one stays up, showing progress, until the caller closes on success).
+ */
+function useSaveSearchDialog({ open, defaultName, onSave, saving, existingNames, hasLimitWarning, hasExistingWarning, onClose, }) {
+    const formId = React.useId();
+    const inputId = React.useId();
+    const [name, setNameState] = React.useState(defaultName);
+    const [error, setError] = React.useState();
+    const firstStep = hasExistingWarning ? 'existing' : 'form';
+    const [step, setStep] = React.useState(firstStep);
+    const [wasOpen, setWasOpen] = React.useState(open);
+    if (open !== wasOpen) {
+        setWasOpen(open);
+        if (open) {
+            setNameState(defaultName);
+            setError(undefined);
+            setStep(firstStep);
+        }
+    }
+    const save = () => onSave(name.trim());
+    const afterDuplicate = () => hasLimitWarning ? setStep('limit') : save();
+    return {
+        formId,
+        inputId,
+        name,
+        setName: (next) => {
+            setNameState(next);
+            if (error)
+                setError(undefined);
+        },
+        error,
+        submit: () => {
+            if (saving)
+                return;
+            if (!isValidSearchName(name)) {
+                setError(NAME_REQUIRED_ERROR);
+                return;
+            }
+            if (isDuplicateSearchName(name, existingNames)) {
+                setStep('duplicate');
+                return;
+            }
+            afterDuplicate();
+        },
+        step,
+        confirmWarning: () => {
+            if (step === 'existing')
+                setStep('form');
+            else if (step === 'duplicate')
+                afterDuplicate();
+            else
+                save();
+        },
+        cancelWarning: () => step === 'existing' ? onClose() : setStep('form'),
+    };
+}
+/** The search a warning is about, in the dialog body (long names stay on one line, full text on hover). */
+function WarningDetail({ label, value, }) {
+    return (jsxRuntime.jsxs("div", { className: WARNING_DETAIL_CLASS_NAME, children: [jsxRuntime.jsx("span", { className: "text-xs text-muted-foreground", children: label }), jsxRuntime.jsx(TruncatedLabel, { text: value, className: "text-sm font-semibold text-foreground" })] }));
+}
+/** Names the current filters and saves them; also used to rename a saved search. */
+function SaveSearchDialog({ open, onClose, onSave, defaultName = '', chips, title = 'Save search', icon = jsxRuntime.jsx(Bookmark, { className: "size-5" }), submitLabel = 'Save search', note, existingNames, limitWarning, existingWarning, saving = false, }) {
+    const { formId, inputId, name, setName, error, submit, step, confirmWarning, cancelWarning, } = useSaveSearchDialog({
+        open,
+        defaultName,
+        onSave,
+        saving,
+        existingNames: existingNames ?? [],
+        hasLimitWarning: Boolean(limitWarning),
+        hasExistingWarning: Boolean(existingWarning),
+        onClose,
+    });
+    const warning = getStepWarning(step, name, {
+        limitWarning,
+        existingWarning,
+    });
+    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Modal
+            // One dialog at a time: the duplicate-name warning replaces this one and hands back to it.
+            , {
+                // One dialog at a time: the duplicate-name warning replaces this one and hands back to it.
+                open: open && step === 'form', onClose: onClose, title: title, icon: icon, footer: jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Button, { appearance: "outline", color: "secondary", size: "md", onClick: onClose, children: "Cancel" }), jsxRuntime.jsx(Button, { appearance: "solid", color: "primary", size: "md", type: "submit", form: formId, loading: saving, children: submitLabel })] }), children: jsxRuntime.jsxs("form", { id: formId, noValidate: true, className: "flex flex-col gap-4 px-6 pb-5", onSubmit: (event) => {
+                        event.preventDefault();
+                        submit();
+                    }, children: [jsxRuntime.jsx(Field, { label: NAME_LABEL, required: true, error: error, input: jsxRuntime.jsx(Input, { id: inputId, "aria-label": NAME_LABEL, "aria-invalid": Boolean(error) || undefined, value: name, maxLength: SAVED_SEARCH_NAME_MAX_LENGTH, onChange: (event) => setName(event.target.value), autoFocus: true }) }), chips && (jsxRuntime.jsxs("div", { className: "flex flex-col gap-1", children: [jsxRuntime.jsx("span", { className: "text-[13px] text-label", children: FILTERS_LABEL }), jsxRuntime.jsx(SavedSearchChipList, { chips: chips, className: FILTERS_PANEL_CLASS_NAME })] })), note && (jsxRuntime.jsxs("p", { className: "flex items-start gap-1.5 text-xs text-muted-foreground", children: [jsxRuntime.jsx(Info, { "aria-hidden": "true", className: "mt-px size-3.5 shrink-0" }), jsxRuntime.jsx("span", { children: note })] }))] }) }), jsxRuntime.jsx(ConfirmDialog, { open: open && step !== 'form', onOpenChange: (next) => !next && !saving && cancelWarning(), icon: TriangleAlert, title: warning?.title ?? '', description: warning?.description, cancelLabel: getWarningCancelLabel(step), confirmLabel: warning?.confirmLabel ?? SAVE_ANYWAY_LABEL, confirmVariant: "default", disabled: saving, onConfirm: confirmWarning, children: warning?.detail && jsxRuntime.jsx(WarningDetail, { ...warning.detail }) })] }));
+}
 /**
  * Compact "time ago" label, e.g. "5m ago". Falls back to a locale date past a
  * week so older entries stay scannable.
@@ -39577,17 +40013,6 @@ const TONE_ICON_BG = {
 };
 const MetricTile = ({ label, value, sub, icon, tone, className, }) => (jsxRuntime.jsxs("div", { className: cn('flex min-w-0 items-center gap-3 rounded-xl border px-4 py-3', TONE_TILE_BG[tone], className), children: [jsxRuntime.jsx("span", { "aria-hidden": "true", className: cn('inline-flex h-10 w-10 shrink-0 items-center justify-center rounded-md [&_svg]:h-5 [&_svg]:w-5', TONE_ICON_BG[tone]), children: icon }), jsxRuntime.jsxs("div", { className: "flex min-w-0 flex-col", children: [jsxRuntime.jsx("span", { className: "truncate text-xs text-muted-foreground", children: label }), jsxRuntime.jsx("span", { className: "truncate text-lg font-semibold text-foreground", children: value }), sub && (jsxRuntime.jsx("span", { className: "truncate text-xs text-muted-foreground", children: sub }))] })] }));
-/**
- * App-wide modal wrapper with a fixed header / body / footer layout.
- * Built on top of shadcn DialogContent, so it inherits viewport-centered
- * positioning, focus trapping, portal rendering, and overlay handling.
- */
-function Modal({ open, onClose, title, description, icon, children, footer, size = 'default', hideCloseButton = false, className, bodyClassName, }) {
-    // See ConfirmDialog: overlapping dismissable layers leak the <body> lock.
-    useOverlayBodyLockRelease(open);
-    return (jsxRuntime.jsx(Dialog, { open: open, onOpenChange: (o) => !o && onClose(), children: jsxRuntime.jsxs(DialogContent, { hideCloseButton: true, size: size === 'wide' ? 'wide' : 'default', className: cn('flex flex-col gap-0 overflow-hidden p-0', className), children: [jsxRuntime.jsxs("header", { className: "flex shrink-0 items-start justify-between gap-4 px-6 pt-5 pb-4", children: [jsxRuntime.jsxs("div", { className: cn('flex min-w-0 gap-3.5', description ? 'items-start' : 'items-center'), children: [icon ? jsxRuntime.jsx(DialogIcon, { children: icon }) : null, jsxRuntime.jsxs("div", { className: "flex min-w-0 flex-col", children: [jsxRuntime.jsx(DialogPrimitive__namespace.Title, { className: "m-0 text-lg font-semibold leading-6 text-foreground", children: title }), description ? (jsxRuntime.jsx(DialogPrimitive__namespace.Description, { className: "m-0 text-sm leading-5 text-muted-foreground", children: description })) : null] })] }), !hideCloseButton && (jsxRuntime.jsx(DialogPrimitive__namespace.Close, { "aria-label": "Close", className: "-mr-1.5 inline-flex size-7 shrink-0 items-center justify-center rounded-md text-muted-foreground transition-colors hover:bg-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", children: jsxRuntime.jsx(X$2, { className: "h-4 w-4" }) }))] }), jsxRuntime.jsx("div", { className: cn('flex-1 overflow-y-auto', bodyClassName), children: children }), footer && (jsxRuntime.jsx("footer", { className: cn('flex items-center justify-end gap-3 border-t border-border bg-[color-mix(in_srgb,var(--muted)_40%,var(--card))] px-6 py-4', DIALOG_FOOTER_BUTTONS), children: footer }))] }) }));
-}
 /**
  * Side info panel that sits adjacent to the form content (not a modal/drawer).
  * The parent page is responsible for layout: render this inside a flex row
@@ -76537,7 +76962,7 @@ function describeFilterValue(field, value) {
             ], value.value);
     }
 }
-/** Short value shown on the filter-row trigger, e.g. `Red +1`, `VG – F`, `3 IDs`. */
+/** Short value shown on the filter-row trigger, e.g. `Red +1`, `VG – F`, `A-102`, `3 IDs`. */
 function getCellLabel(field, value) {
     if (!value || !isFilterValueActive(value))
         return '';
@@ -76545,8 +76970,6 @@ function getCellLabel(field, value) {
         return summarizeSelection(value.values, field.options ?? []);
     if (value.type === 'scale')
         return formatScaleRange(field.options ?? [], value.range, field.shortLabels);
-    if (value.type === 'ids')
-        return `${value.ids.length} IDs`;
     return describeFilterValue(field, value);
 }
 /** Filter-row popovers hold the filter's card at a compact, fixed width. */
@@ -76566,31 +76989,31 @@ function resolveListLayout(field) {
         ? 'list'
         : (field.layout ?? 'chips');
 }
-/** Popover variant: tile and option grids drop to two columns; chip lists become the checkbox list. */
+/** The empty single-select dropdown on a card: `inputPlaceholder`, else `Any <label>` (set `inputPlaceholder` for acronyms). */
+const getSingleSelectPlaceholder = (field) => field.inputPlaceholder ?? `Any ${field.label.toLowerCase()}`;
+/** Popover variant: the same control and layout as the card (pills up to 10 options, then the list); tile grids drop to two columns. */
 function toPopoverField(field) {
     if (field.type === 'scale' ||
         (field.type === 'list' && resolveListLayout(field) === 'tiles')) {
         return { ...field, columns: POPOVER_TILE_COLUMNS };
     }
-    // Chip filters read better as the checkbox list in a narrow popover.
-    return field.type === 'list' ? { ...field, layout: 'list' } : field;
+    return field;
 }
 /** ID lists and searchable lists carry their own "x selected · Clear" row, so the card skips its Clear (and, in a popover, its title). */
 const ownsClearRow = (field) => field.type === 'ids' ||
     (field.type === 'list' && resolveListLayout(field) === 'list');
-/** Popover header text in place of the title: `2 of 17 selected`, or the applied value (`VG – F`, `Last 30 days`). */
+/** Popover header text in place of the title: `2 of 17 selected`, or the applied value (`VG – F`, `Last 30 days`); none when nothing is applied. */
 function getPopoverStatus(field, value) {
     if (ownsClearRow(field))
         return undefined;
     if (field.type === 'list') {
         return formatSelectedCount(valueOfType(value, 'list')?.values.length ?? 0, field.options?.length ?? 0);
     }
-    return describeFilterValue(field, value) || 'Any';
+    // Nothing applied: the trigger already reads "Any", so the popover skips the header.
+    return describeFilterValue(field, value) || undefined;
 }
-/** The empty single-select trigger: `inputPlaceholder`, else `Any <label>` (lowercased — set `inputPlaceholder` for acronyms). */
-const getSingleSelectPlaceholder = (field) => field.inputPlaceholder ?? `Any ${field.label.toLowerCase()}`;
-/** Single-choice list as a searchable dropdown, e.g. "Any vendor". */
+/** Single-choice list on a card, as the design's dropdown ("Any supplier"); the filter row lists the same options as a pick-one list. */
 function SingleSelectFilter({ field, selected, onSelect, }) {
     const options = field.options ?? [];
     return (jsxRuntime.jsx(SearchableSelect, { options: options, selectedItem: options.find((option) => option.value === selected) ?? null, onChange: (option) => onSelect(option.value), getOptionKey: (option) => option.value, getOptionLabel: (option) => option.label, searchPlaceholder: getSingleSelectPlaceholder(field), hideTriggerSearchIcon: true }));
@@ -76604,7 +77027,7 @@ function FilterFieldControl({ field, value, onChange, fiscalYearStartMonth, fill
                 return (jsxRuntime.jsx(SingleSelectFilter, { field: field, selected: valueOfType(value, 'list')?.values[0], onSelect: (next) => onChange(toListValue([next])) }));
             }
             const layout = resolveListLayout(field);
-            return (jsxRuntime.jsx(PickListFilter, { ariaLabel: ariaLabel, options: field.options ?? [], value: valueOfType(value, 'list')?.values ?? [], onChange: (values) => onChange(toListValue(values)), layout: layout, searchPlaceholder: layout === 'list' ? field.searchPlaceholder : undefined, columns: field.columns, fill: fill }));
+            return (jsxRuntime.jsx(PickListFilter, { ariaLabel: ariaLabel, options: field.options ?? [], value: valueOfType(value, 'list')?.values ?? [], onChange: (values) => onChange(toListValue(values)), layout: layout, searchPlaceholder: layout === 'list' ? field.searchPlaceholder : undefined, columns: field.columns, fill: fill, single: field.single }));
         }
         case 'scale':
             return (jsxRuntime.jsx(ScaleRangeFilter, { ariaLabel: ariaLabel, options: field.options ?? [], value: valueOfType(value, 'scale')?.range, onChange: (range) => onChange(toScaleValue(range)), columns: field.columns, fill: fill }));
@@ -76615,7 +77038,7 @@ function FilterFieldControl({ field, value, onChange, fiscalYearStartMonth, fill
                 // Cards show one shared hint instead of a helper under every box.
                 helperText: inPopover ? field.helperText : '' }));
         case 'contains':
-            return (jsxRuntime.jsx(ContainsFilter, { ariaLabel: ariaLabel, size: "field", value: valueOfType(value, 'contains')?.text ?? '', onChange: (text) => onChange(toContainsValue(text)) }));
+            return (jsxRuntime.jsx(ContainsFilter, { ariaLabel: ariaLabel, size: "field", placeholder: field.inputPlaceholder, value: valueOfType(value, 'contains')?.text ?? '', onChange: (text) => onChange(toContainsValue(text)) }));
         case 'date':
             return (jsxRuntime.jsx(DateRangeFilter, { ariaLabel: ariaLabel, value: valueOfType(value, 'date')?.range, onChange: (range) => onChange(toDateValue(range)), fiscalYearStartMonth: fiscalYearStartMonth }));
         case 'bool':
@@ -76629,7 +77052,7 @@ function FilterFieldCell({ field, value, onChange, fiscalYearStartMonth, classNa
     const placeholder = field.placeholder ?? DEFAULT_CELL_PLACEHOLDERS[field.type];
     const clear = () => onChange(undefined);
     if (field.type === 'number' && state !== 'disabled') {
-        return (jsxRuntime.jsx(NumberExpressionFilter, { ariaLabel: ariaLabel, value: valueOfType(value, 'number')?.range, onChange: (range) => onChange(toNumberValue(range)), placeholder: placeholder, note: field.note, className: className }));
+        return (jsxRuntime.jsx(NumberExpressionFilter, { ariaLabel: ariaLabel, value: valueOfType(value, 'number')?.range, onChange: (range) => onChange(toNumberValue(range)), placeholder: placeholder, note: field.note, ruleExamples: field.ruleExamples, className: className }));
     }
     if (field.type === 'contains' && state !== 'disabled') {
         return (jsxRuntime.jsx(ContainsFilter, { ariaLabel: ariaLabel, size: "cell", value: valueOfType(value, 'contains')?.text ?? '', onChange: (text) => onChange(toContainsValue(text)), placeholder: placeholder, className: className }));
@@ -76656,15 +77079,34 @@ function FilterField(props) {
 /** Both leave without applying — the draft is discarded. */
 const BACK_LABEL = 'Back without applying';
 const CLOSE_LABEL = 'Close without applying';
+const LOADING_LABEL = 'Loading filters';
+const ERROR_TITLE = "Couldn't load filters";
+const DEFAULT_ERROR_MESSAGE = 'Something went wrong while loading the filters. Check your connection and try again.';
+const RETRY_LABEL = 'Try again';
+/** Placeholder cards while the filters load; roughly the first rows of a card grid. */
+const SKELETON_CARD_COUNT = 8;
+const SKELETON_GRID_CLASS_NAME = 'grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-4';
+const DEFAULT_SKELETON_CARDS = Array.from({ length: SKELETON_CARD_COUNT }, (_, index) => `card-${index}`);
+/** Loading placeholder: the page's own skeleton, or generic list cards. */
+function FilterSurfaceSkeleton({ children, }) {
+    return (jsxRuntime.jsx("div", { role: "status", "aria-label": LOADING_LABEL, children: children ?? (jsxRuntime.jsx("div", { className: SKELETON_GRID_CLASS_NAME, children: DEFAULT_SKELETON_CARDS.map((id) => (jsxRuntime.jsx(FilterCardSkeleton, {}, id))) })) }));
+}
+/** Shown in place of the cards when the filters couldn't load. */
+function FilterSurfaceError({ message, onRetry, }) {
+    return (jsxRuntime.jsxs("div", { role: "alert", className: "flex flex-col items-center rounded-xl border border-border bg-card px-6 py-12 text-center", children: [jsxRuntime.jsx("span", { className: "flex size-10 items-center justify-center rounded-full bg-destructive/10 text-destructive", children: jsxRuntime.jsx(TriangleAlert, { "aria-hidden": "true", className: "size-5" }) }), jsxRuntime.jsx("p", { className: "mt-4 text-base font-semibold text-foreground", children: ERROR_TITLE }), jsxRuntime.jsx("p", { className: "mt-1.5 max-w-sm text-sm text-muted-foreground", children: message }), onRetry && (jsxRuntime.jsx(Button, { appearance: "outline", color: "secondary", size: "md", leftIcon: jsxRuntime.jsx(RotateCcw, {}), onClick: onRetry, className: "mt-5", children: RETRY_LABEL }))] }));
+}
+const NESTED_LAYER_SELECTOR = '[data-slot="popover-content"], [role="dialog"], [role="menu"], [role="listbox"]';
 function useCloseOnEscape(onClose) {
     React.useEffect(() => {
         const handleKeyDown = (event) => {
             if (event.key !== 'Escape' || event.defaultPrevented)
                 return;
-            // Escape inside an open popover only closes that popover (Radix doesn't mark the event handled).
+            // Escape inside an open popover, dialog or menu only closes that layer (Radix doesn't mark the event handled).
             if (event.target instanceof Element &&
-                event.target.closest('[data-slot="popover-content"]'))
+                event.target.closest(NESTED_LAYER_SELECTOR))
                 return;
             onClose();
         };
@@ -76678,17 +77120,17 @@ function useFilterSurfaceMore(defaultExpanded = false) {
 }
 /** Full-page filter screen (e.g. an advanced search): header, scrolling card grid, sticky apply footer. */
-function FilterSurface({ title, headerActions, footerChips, footerActions, onClose, children, }) {
+function FilterSurface({ title, headerActions, footerChips, footerActions, onClose, status = 'ready', errorMessage, onRetry, skeleton, children, }) {
     useCloseOnEscape(onClose);
-    return (jsxRuntime.jsxs("div", { role: "region", "aria-label": title, className: "flex h-full min-h-0 flex-col bg-background", children: [jsxRuntime.jsxs("div", { className: "min-h-0 flex-1 overflow-y-auto px-3 pt-2 pb-3", children: [jsxRuntime.jsxs("header", { className: "mb-3 flex flex-wrap items-end justify-between gap-3", children: [jsxRuntime.jsx("div", { className: "flex flex-col gap-1", children: jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [jsxRuntime.jsx(IconButton, { appearance: "ghost", size: "sm", "aria-label": BACK_LABEL, title: BACK_LABEL, onClick: onClose, children: jsxRuntime.jsx(ArrowLeft, {}) }), jsxRuntime.jsx("h1", { className: "text-xl font-semibold text-foreground", children: title })] }) }), jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [headerActions, jsxRuntime.jsx(IconButton, { appearance: "outline", size: "md", "aria-label": CLOSE_LABEL, title: CLOSE_LABEL, onClick: onClose, children: jsxRuntime.jsx(X$2, {}) })] })] }), jsxRuntime.jsx("div", { className: "flex flex-col gap-4", children: children })] }), (footerChips || footerActions) && (jsxRuntime.jsxs("footer", { className: "flex flex-wrap items-center justify-between gap-3 border-t border-border bg-card px-3 py-2", children: [jsxRuntime.jsx("div", { className: "min-w-0 flex-1", children: footerChips }), jsxRuntime.jsx("div", { className: "flex shrink-0 items-center gap-2", children: footerActions })] }))] }));
+    return (jsxRuntime.jsxs("div", { role: "region", "aria-label": title, className: "flex h-full min-h-0 flex-col bg-background", children: [jsxRuntime.jsxs("header", { className: "sticky top-0 z-20 flex shrink-0 flex-wrap items-end justify-between gap-3 bg-background px-3 pt-2 pb-3", children: [jsxRuntime.jsx("div", { className: "flex flex-col gap-1", children: jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [jsxRuntime.jsx(IconButton, { appearance: "ghost", size: "sm", "aria-label": BACK_LABEL, title: BACK_LABEL, onClick: onClose, children: jsxRuntime.jsx(ArrowLeft, {}) }), jsxRuntime.jsx("h1", { className: "text-xl font-semibold text-foreground", children: title })] }) }), jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [headerActions, jsxRuntime.jsx(IconButton, { appearance: "outline", size: "md", "aria-label": CLOSE_LABEL, title: CLOSE_LABEL, onClick: onClose, children: jsxRuntime.jsx(X$2, {}) })] })] }), jsxRuntime.jsx("div", { className: "min-h-0 flex-1 overflow-y-auto px-3 pb-3", children: status === 'loading' ? (jsxRuntime.jsx(FilterSurfaceSkeleton, { children: skeleton })) : status === 'error' ? (jsxRuntime.jsx(FilterSurfaceError, { message: errorMessage ?? DEFAULT_ERROR_MESSAGE, onRetry: onRetry })) : (jsxRuntime.jsx("div", { className: "flex flex-col gap-3", children: children })) }), status === 'ready' && (footerChips || footerActions) && (jsxRuntime.jsxs("footer", { className: "sticky bottom-0 z-20 flex flex-wrap items-center justify-between gap-3 border-t border-border bg-card px-3 py-2", children: [jsxRuntime.jsx("div", { className: "min-w-0 flex-1", children: footerChips }), jsxRuntime.jsx("div", { className: "flex shrink-0 items-center gap-2", children: footerActions })] }))] }));
 }
 function FilterSurfaceGroup({ title, className, children, }) {
-    return (jsxRuntime.jsxs("section", { className: "flex flex-col gap-3", children: [title && (jsxRuntime.jsx("h2", { className: "text-xs font-semibold uppercase tracking-wide text-label", children: title })), jsxRuntime.jsx("div", { className: cn('grid grid-cols-1 gap-4 lg:grid-cols-6', className), children: children })] }));
+    return (jsxRuntime.jsxs("section", { className: "flex flex-col gap-3", children: [title && (jsxRuntime.jsx("h2", { className: "text-xs font-semibold uppercase tracking-wide text-label", children: title })), jsxRuntime.jsx("div", { className: cn('grid grid-cols-1 gap-3 lg:grid-cols-6', className), children: children })] }));
 }
 /** Collapsed "More filters" divider that reveals extra cards. */
 function FilterSurfaceMore({ label, defaultExpanded, children, }) {
     const { expanded, toggle } = useFilterSurfaceMore(defaultExpanded);
-    return (jsxRuntime.jsxs("section", { className: "flex flex-col gap-6", children: [jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [jsxRuntime.jsx("span", { className: "h-px flex-1 bg-border" }), jsxRuntime.jsxs("button", { type: "button", "aria-expanded": expanded, onClick: toggle, className: "inline-flex cursor-pointer items-center gap-1.5 rounded-full border border-border bg-card px-3.5 py-1.5 text-xs font-medium text-primary outline-none hover:bg-muted/50 focus-visible:ring-2 focus-visible:ring-primary/30", children: [label, jsxRuntime.jsx(ChevronDown, { "aria-hidden": "true", className: cn('size-3.5 transition-transform', expanded && 'rotate-180') })] }), jsxRuntime.jsx("span", { className: "h-px flex-1 bg-border" })] }), expanded && children] }));
+    return (jsxRuntime.jsxs("section", { className: "flex flex-col gap-3", children: [jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [jsxRuntime.jsx("span", { className: "h-px flex-1 bg-border" }), jsxRuntime.jsxs("button", { type: "button", "aria-expanded": expanded, onClick: toggle, className: "inline-flex cursor-pointer items-center gap-1.5 rounded-full border border-border bg-card px-3.5 py-1.5 text-xs font-medium text-primary outline-none hover:bg-muted/50 focus-visible:ring-2 focus-visible:ring-primary/30", children: [label, jsxRuntime.jsx(ChevronDown, { "aria-hidden": "true", className: cn('size-3.5 transition-transform', expanded && 'rotate-180') })] }), jsxRuntime.jsx("span", { className: "h-px flex-1 bg-border" })] }), expanded && children] }));
 }
 /** Falls back to counting the current page when the caller has no total. */
@@ -79336,9 +79778,11 @@ exports.DropdownMenuSubTrigger = DropdownMenuSubTrigger;
 exports.DropdownMenuTrigger = DropdownMenuTrigger;
 exports.EmptyValue = EmptyValue;
 exports.EntityHeader = EntityHeader;
+exports.FILTER_COUNT_BADGE_CLASS_NAME = FILTER_COUNT_BADGE_CLASS_NAME;
 exports.Field = Field;
 exports.FieldSkeleton = FieldSkeleton;
 exports.FileUploader = FileUploader;
+exports.FilterCardSkeleton = FilterCardSkeleton;
 exports.FilterCellPopover = FilterCellPopover;
 exports.FilterEmptyState = FilterEmptyState;
 exports.FilterField = FilterField;
@@ -79418,8 +79862,12 @@ exports.RadioCardGroup = RadioCardGroup;
 exports.ReadMoreText = ReadMoreText;
 exports.RefreshButton = RefreshButton;
 exports.RichTextarea = RichTextarea$1;
+exports.SAVED_SEARCH_NAME_MAX_LENGTH = SAVED_SEARCH_NAME_MAX_LENGTH;
 exports.SEARCHABLE_SELECT_PAGE_SIZE = SEARCHABLE_SELECT_PAGE_SIZE;
 exports.SafeImage = SafeImage;
+exports.SaveSearchDialog = SaveSearchDialog;
+exports.SavedSearchChipList = SavedSearchChipList;
+exports.SavedSearchesMenu = SavedSearchesMenu;
 exports.ScaleRangeFilter = ScaleRangeFilter;
 exports.ScrollFade = ScrollFade;
 exports.SearchBox = SearchBox;
@@ -79492,6 +79940,7 @@ exports.buildBulkShareTitle = buildBulkShareTitle;
 exports.buildInventoryPublicUrl = buildInventoryPublicUrl;
 exports.buildInventoryRowProps = buildInventoryRowProps;
 exports.buildInventoryShareTitle = buildInventoryShareTitle;
+exports.buildNumberRuleHelp = buildNumberRuleHelp;
 exports.buildWhatsappUrl = buildWhatsappUrl;
 exports.buttonVariants = buttonVariants;
 exports.cn = cn;
@@ -79502,6 +79951,7 @@ exports.describeFilterValue = describeFilterValue;
 exports.dropdownMenuItemDestructiveClass = dropdownMenuItemDestructiveClass;
 exports.expandScaleRange = expandScaleRange;
 exports.fieldTypeIcon = fieldTypeIcon;
+exports.filterSavedSearches = filterSavedSearches;
 exports.findRegion = findRegion;
 exports.flagEmoji = flagEmoji;
 exports.formatAddressLocation = formatAddressLocation;
@@ -79521,11 +79971,13 @@ exports.iconButtonVariants = iconButtonVariants;
 exports.inAppNotificationCardA11y = inAppNotificationCardA11y;
 exports.inAppNotificationsPanelA11y = inAppNotificationsPanelA11y;
 exports.isBlank = isBlank;
+exports.isDuplicateSearchName = isDuplicateSearchName;
 exports.isFilterValueActive = isFilterValueActive;
 exports.isIndiaCountry = isIndiaCountry;
 exports.isKnownRegion = isKnownRegion;
 exports.isPathActive = isPathActive;
 exports.isValidAlpha2CountryCode = isValidAlpha2CountryCode;
+exports.isValidSearchName = isValidSearchName;
 exports.isValueEmpty = isValueEmpty;
 exports.notify = notify;
 exports.parseNumberExpression = parseNumberExpression;