@caratlogic/design-system 0.1.33 → 0.1.34

package/dist/index.esm.js

@@ -2,7 +2,7 @@ import { jsx, jsxs, Fragment as Fragment$2 } from 'react/jsx-runtime';
 import { Slot } from '@radix-ui/react-slot';
 import { toast } from 'sonner';
 import * as React from 'react';
-import React__default, { forwardRef, createElement, useState, useCallback, useMemo, useEffect, useRef, Fragment as Fragment$3, createContext, useContext, isValidElement, Children, useLayoutEffect, cloneElement, createRef, Component, useId as useId$2, lazy, Suspense, memo, useReducer, PureComponent, useDebugValue } from 'react';
+import React__default, { forwardRef, createElement, useState, useCallback, useMemo, useEffect, useRef, Fragment as Fragment$3, createContext, useContext, useId as useId$2, isValidElement, Children, useLayoutEffect, cloneElement, createRef, Component, lazy, Suspense, memo, useReducer, PureComponent, useDebugValue } from 'react';
 import * as TooltipPrimitive from '@radix-ui/react-tooltip';
 import * as SliderPrimitive from '@radix-ui/react-slider';
 import * as TabsPrimitive from '@radix-ui/react-tabs';
@@ -2668,12 +2668,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
@@ -2683,12 +2683,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
@@ -2698,11 +2698,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
@@ -2712,11 +2712,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
@@ -2726,11 +2726,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
@@ -2740,7 +2740,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",
@@ -2751,7 +2751,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
@@ -2761,7 +2761,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" }],
   [
@@ -2773,7 +2773,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
@@ -2783,7 +2783,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",
@@ -2793,7 +2793,7 @@ const __iconNode$1o = [
     }
   ]
 ];
-const Bell = createLucideIcon("bell", __iconNode$1o);
+const Bell = createLucideIcon("bell", __iconNode$1q);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -2803,13 +2803,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
@@ -2819,7 +2819,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",
     {
@@ -2830,7 +2843,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
@@ -2840,7 +2853,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" }],
@@ -2849,7 +2862,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
@@ -2859,7 +2872,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" }],
@@ -2871,7 +2884,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
@@ -2881,13 +2894,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
@@ -2897,11 +2910,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
@@ -2911,8 +2924,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
@@ -2922,8 +2935,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
@@ -2933,8 +2946,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
@@ -2944,8 +2957,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
@@ -2955,8 +2968,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
@@ -2966,11 +2979,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
@@ -2980,11 +2993,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
@@ -2994,12 +3007,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
@@ -3009,11 +3022,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
@@ -3023,11 +3036,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
@@ -3037,11 +3050,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
@@ -3051,11 +3064,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
@@ -3065,12 +3078,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
@@ -3080,8 +3093,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
@@ -3091,11 +3104,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
@@ -3105,11 +3118,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
@@ -3119,11 +3132,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
@@ -3133,12 +3146,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
@@ -3148,12 +3161,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
@@ -3163,12 +3176,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
@@ -3178,12 +3191,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
@@ -3193,7 +3206,7 @@ const ExternalLink = createLucideIcon("external-link", __iconNode$Z);
  */
 
 
-const __iconNode$Y = [
+const __iconNode$Z = [
   [
     "path",
     {
@@ -3203,7 +3216,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
@@ -3213,13 +3226,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
@@ -3229,7 +3242,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" }],
   [
@@ -3241,7 +3254,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
@@ -3251,12 +3264,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
@@ -3266,14 +3279,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
@@ -3283,7 +3296,7 @@ const FileText = createLucideIcon("file-text", __iconNode$U);
  */
 
 
-const __iconNode$T = [
+const __iconNode$U = [
   [
     "path",
     {
@@ -3294,7 +3307,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
@@ -3304,7 +3317,7 @@ const FunnelX = createLucideIcon("funnel-x", __iconNode$T);
  */
 
 
-const __iconNode$S = [
+const __iconNode$T = [
   [
     "path",
     {
@@ -3313,7 +3326,7 @@ const __iconNode$S = [
     }
   ]
 ];
-const Funnel = createLucideIcon("funnel", __iconNode$S);
+const Funnel = createLucideIcon("funnel", __iconNode$T);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3323,7 +3336,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",
@@ -3334,7 +3347,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
@@ -3344,7 +3357,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" }],
@@ -3352,7 +3365,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
@@ -3362,7 +3375,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" }],
@@ -3370,7 +3383,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
@@ -3380,13 +3393,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
@@ -3396,13 +3409,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
@@ -3412,13 +3425,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
@@ -3428,14 +3441,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
@@ -3445,12 +3458,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
@@ -3460,12 +3473,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
@@ -3475,12 +3488,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
@@ -3490,12 +3503,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
@@ -3505,7 +3518,7 @@ const Italic$1 = createLucideIcon("italic", __iconNode$H);
  */
 
 
-const __iconNode$G = [
+const __iconNode$H = [
   [
     "path",
     {
@@ -3515,7 +3528,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
@@ -3525,12 +3538,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
@@ -3540,14 +3553,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
@@ -3557,7 +3570,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" }],
@@ -3565,7 +3578,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
@@ -3575,7 +3588,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" }],
@@ -3583,7 +3596,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
@@ -3593,8 +3606,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
@@ -3604,7 +3617,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" }],
@@ -3614,7 +3627,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
@@ -3624,12 +3637,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
@@ -3639,11 +3652,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
@@ -3653,12 +3666,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
@@ -3668,8 +3681,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
@@ -3679,7 +3692,7 @@ const Minus = createLucideIcon("minus", __iconNode$w);
  */
 
 
-const __iconNode$v = [
+const __iconNode$w = [
   [
     "path",
     {
@@ -3688,7 +3701,7 @@ const __iconNode$v = [
     }
   ]
 ];
-const Moon = createLucideIcon("moon", __iconNode$v);
+const Moon = createLucideIcon("moon", __iconNode$w);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3698,7 +3711,7 @@ const Moon = createLucideIcon("moon", __iconNode$v);
  */
 
 
-const __iconNode$u = [
+const __iconNode$v = [
   [
     "path",
     {
@@ -3711,7 +3724,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
@@ -3721,12 +3734,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
@@ -3736,7 +3749,7 @@ const PanelLeftClose = createLucideIcon("panel-left-close", __iconNode$t);
  */
 
 
-const __iconNode$s = [
+const __iconNode$t = [
   [
     "path",
     {
@@ -3745,7 +3758,7 @@ const __iconNode$s = [
     }
   ]
 ];
-const Paperclip = createLucideIcon("paperclip", __iconNode$s);
+const Paperclip = createLucideIcon("paperclip", __iconNode$t);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3755,7 +3768,7 @@ const Paperclip = createLucideIcon("paperclip", __iconNode$s);
  */
 
 
-const __iconNode$r = [
+const __iconNode$s = [
   [
     "path",
     {
@@ -3765,7 +3778,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
@@ -3775,7 +3788,7 @@ const Pencil = createLucideIcon("pencil", __iconNode$r);
  */
 
 
-const __iconNode$q = [
+const __iconNode$r = [
   [
     "path",
     {
@@ -3784,7 +3797,7 @@ const __iconNode$q = [
     }
   ]
 ];
-const Phone = createLucideIcon("phone", __iconNode$q);
+const Phone = createLucideIcon("phone", __iconNode$r);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3794,7 +3807,7 @@ const Phone = createLucideIcon("phone", __iconNode$q);
  */
 
 
-const __iconNode$p = [
+const __iconNode$q = [
   [
     "path",
     {
@@ -3803,7 +3816,7 @@ const __iconNode$p = [
     }
   ]
 ];
-const Play = createLucideIcon("play", __iconNode$p);
+const Play = createLucideIcon("play", __iconNode$q);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3813,11 +3826,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
@@ -3827,10 +3840,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
@@ -3840,11 +3853,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
@@ -3854,13 +3867,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
@@ -3870,14 +3883,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
@@ -3887,11 +3900,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
@@ -3901,14 +3914,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
@@ -15416,19 +15445,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)
@@ -15436,7 +15512,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,
@@ -15447,13 +15523,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 };
@@ -15624,6 +15700,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 {
@@ -15640,7 +15728,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);
@@ -15658,7 +15746,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 (jsxs("section", { className: getPanelClassName(variant, active, className), children: [hasHeader && (jsxs("header", { className: "flex min-h-5 items-center justify-between gap-3", children: [title ? (jsxs("h3", { className: getTitleClassName(variant), children: [title, selectedCount ? (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] })) : (jsx("span", { className: "text-xs text-muted-foreground", children: status })), jsxs("div", { className: "flex items-center gap-3 text-xs", children: [summary && (jsx("span", { className: "font-medium text-primary", children: summary })), action, onClear && (jsx("button", { type: "button", onClick: onClear, className: FILTER_LINK_CLASS_NAME, children: "Clear" }))] })] })), children, hint && jsx("p", { className: "text-xs text-muted-foreground", children: hint })] }));
+    return (jsxs("section", { className: getPanelClassName(variant, active, className), children: [hasHeader && (jsxs("header", { className: "flex min-h-5 items-center justify-between gap-3", children: [title ? (jsxs("h3", { className: getTitleClassName(variant), children: [title, selectedCount ? (jsx("span", { className: FILTER_COUNT_BADGE_CLASS_NAME, children: selectedCount })) : null] })) : (jsx("span", { className: "text-xs text-muted-foreground", children: status })), jsxs("div", { className: "flex items-center gap-3 text-xs", children: [summary && (jsx("span", { className: "font-medium text-primary", children: summary })), action, onClear && (jsx("button", { type: "button", onClick: onClear, className: FILTER_LINK_CLASS_NAME, children: "Clear" }))] })] })), children, hint && jsx("p", { className: "text-xs text-muted-foreground", children: hint })] }));
 }
 
 function Checkbox({ className, ...props }) {
@@ -15720,7 +15808,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;
         }
     }
@@ -15780,11 +15870,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;
@@ -15796,10 +15884,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] = useState('');
@@ -15816,17 +15912,18 @@ function OptionSwatch({ color, round, }) {
     return (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 = useId$2();
     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 (jsx("p", { className: "px-1 py-2 text-xs text-muted-foreground", children: "No options available" }));
     }
@@ -15834,7 +15931,9 @@ function PickListFilter({ options, value, onChange, ariaLabel, layout = 'list',
         return (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) && (jsxs("label", { className: SEARCH_BOX_CLASS_NAME, children: [jsx(Search, { "aria-hidden": "true", className: "size-4 shrink-0 text-muted-foreground" }), 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" })] })), jsxs("div", { className: "flex items-center justify-between px-1 text-xs text-muted-foreground", children: [jsx("span", { children: formatSelectedCount(selectedCount, options.length) }), selectedCount > 0 && (jsx("button", { type: "button", onClick: () => onChange([]), className: FILTER_LINK_CLASS_NAME, children: "Clear" }))] }), 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) => (jsxs("label", { className: LIST_ROW_CLASS_NAME, children: [jsx(Checkbox, { className: LIST_CHECKBOX_CLASS_NAME, checked: value.includes(option.value), onCheckedChange: () => toggle(option) }), jsx(OptionSwatch, { color: option.swatch }), option.content ? (jsx("span", { className: "min-w-0 flex-1", children: option.content })) : (jsx(TruncatedLabel, { text: option.label, className: "flex-1" })), (option.count ?? option.hint) !== undefined && (jsx("span", { className: "shrink-0 text-muted-foreground tabular-nums", children: option.count ?? option.hint }))] }, option.value))) })] }));
+                        : undefined, wrapperClassName: wrapperClassName, children: visibleOptions.map((option) => (jsxs("label", { className: LIST_ROW_CLASS_NAME, children: [single ? (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 })) : (jsx(Checkbox, { className: LIST_CHECKBOX_CLASS_NAME, checked: value.includes(option.value), onCheckedChange: () => toggle(option) })), option.content ? (jsx("span", { className: "min-w-0 flex-1", children: option.content })) : (jsx(TruncatedLabel, { text: option.label, className: "flex-1" })), (option.count ?? option.hint) !== undefined && (jsx("span", { className: "shrink-0 text-muted-foreground tabular-nums", children: option.count ?? option.hint })), jsx(OptionSwatch, { color: option.swatch })] }, option.value))) })] }));
     }
     if (layout === 'tiles') {
         return (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) => (jsxs("button", { type: "button", "aria-pressed": value.includes(option.value), onClick: () => toggle(option), className: getTileClassName(value.includes(option.value)), children: [jsx(TruncatedLabel, { text: option.label }), option.count !== undefined && (jsx("span", { className: "text-xs font-normal text-muted-foreground", children: option.count }))] }, option.value))) }));
@@ -15843,7 +15942,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) {
@@ -15874,7 +15973,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 (jsxs(Popover, { modal: modal, children: [jsx(PopoverTrigger, { className: cn(TRIGGER_BASE, 'inline-flex items-center justify-between', active && TRIGGER_ACTIVE, triggerClassName), children: jsxs("span", { className: "flex items-center gap-2", children: [jsx(Funnel, { className: cn('h-4 w-4 shrink-0', active ? 'text-primary' : 'text-muted-foreground'), "aria-hidden": "true" }), label, active && (jsx("span", { className: "ml-1 inline-flex h-4 min-w-4 items-center justify-center rounded bg-primary/10 px-1 text-[10px] font-semibold leading-none text-primary", children: value.length }))] }) }), jsx(PopoverContent, { align: "start", sideOffset: 4, className: cn('w-64 p-0', contentClassName), children: jsx(FilterPanel, { variant: "popover", 
+    return (jsxs(Popover, { modal: modal, children: [jsx(PopoverTrigger, { className: cn(TRIGGER_BASE, 'inline-flex items-center justify-between', active && TRIGGER_ACTIVE, triggerClassName), children: jsxs("span", { className: "flex items-center gap-2", children: [jsx(Funnel, { className: cn('h-4 w-4 shrink-0', active ? 'text-primary' : 'text-muted-foreground'), "aria-hidden": "true" }), label, active && (jsx("span", { className: cn('ml-1', FILTER_COUNT_BADGE_CLASS_NAME), children: value.length }))] }) }), jsx(PopoverContent, { align: "start", sideOffset: 4, className: cn('w-64 p-0', contentClassName), children: 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: jsx(PickListFilter, { ariaLabel: label, layout: pickListLayout, options: toPickListOptions(options), value: value, onChange: onChange, searchPlaceholder: isList ? (searchPlaceholder ?? 'Search') : undefined, alwaysSearchable: true, listClassName: listClassName }) }) })] }));
 };
@@ -38109,7 +38208,7 @@ function SelectScrollDownButton({ className, ...props }) {
 
 const FilterSelect = ({ label, value, onValueChange, options, resetValue = 'all', activeCount = 1, searchable, triggerClassName, contentClassName, }) => {
     const active = isFilterActive(value, resetValue);
-    return (jsxs(Select, { value: value, onValueChange: onValueChange, keepOpenOnSelect: true, children: [jsxs(SelectTrigger, { className: cn(TRIGGER_BASE, active && TRIGGER_ACTIVE, triggerClassName), children: [jsx(Funnel, { className: cn('h-4 w-4 shrink-0', active ? 'text-primary' : 'text-muted-foreground'), "aria-hidden": "true" }), jsxs("span", { className: "flex items-center gap-1", children: [jsx(SelectValue, { placeholder: label }), active && (jsx("span", { className: "ml-1 inline-flex h-4 min-w-4 items-center justify-center rounded bg-primary/10 px-1 text-[10px] font-semibold leading-none text-primary", children: activeCount }))] })] }), jsxs(SelectContent, { className: cn(CONTENT_BASE, contentClassName), searchable: searchable, children: [jsx(SelectItem, { value: resetValue, withCheckbox: true, children: label }), options.map((opt) => (jsx(SelectItem, { value: opt.value, searchValue: opt.searchValue, withCheckbox: true, children: opt.label }, opt.value)))] })] }));
+    return (jsxs(Select, { value: value, onValueChange: onValueChange, keepOpenOnSelect: true, children: [jsxs(SelectTrigger, { className: cn(TRIGGER_BASE, active && TRIGGER_ACTIVE, triggerClassName), children: [jsx(Funnel, { className: cn('h-4 w-4 shrink-0', active ? 'text-primary' : 'text-muted-foreground'), "aria-hidden": "true" }), jsxs("span", { className: "flex items-center gap-1", children: [jsx(SelectValue, { placeholder: label }), active && (jsx("span", { className: cn('ml-1', FILTER_COUNT_BADGE_CLASS_NAME), children: activeCount }))] })] }), jsxs(SelectContent, { className: cn(CONTENT_BASE, contentClassName), searchable: searchable, children: [jsx(SelectItem, { value: resetValue, withCheckbox: true, children: label }), options.map((opt) => (jsx(SelectItem, { value: opt.value, searchValue: opt.searchValue, withCheckbox: true, children: opt.label }, opt.value)))] })] }));
 };
 
 /**
@@ -38458,7 +38557,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) {
@@ -38466,10 +38565,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 (jsxs("div", { className: cn('flex flex-wrap items-center gap-1.5', className), children: [variant === 'inline' && (jsx("span", { className: "mr-0.5 text-xs text-muted-foreground", children: FILTERED_BY_LABEL })), chips.map((chip) => (jsxs("span", { className: CHIP_CLASS, children: [jsx("span", { className: "shrink-0 font-semibold", children: getChipLabelText(chip.label, variant) }), jsx(TruncatedLabel, { text: chip.value }), onRemove && (jsx("button", { type: "button", "aria-label": getRemoveChipLabel(chip.label), onClick: () => onRemove(chip.id), className: REMOVE_BUTTON_CLASS, children: jsx(X$2, { "aria-hidden": "true", className: "size-3" }) }))] }, chip.id))), onClearAll && (jsx("button", { type: "button", onClick: onClearAll, className: CLEAR_ALL_CLASS, children: "Clear all" }))] }));
+    const clearAll = onClearAll && (jsx("button", { type: "button", onClick: onClearAll, className: CLEAR_ALL_CLASS, children: "Clear all" }));
+    return (jsxs("div", { className: cn('flex flex-wrap items-center gap-1.5', className), children: [variant === 'inline' && (jsx("span", { className: "mr-0.5 text-xs text-muted-foreground", children: FILTERED_BY_LABEL })), chips.map((chip) => (jsxs("span", { className: CHIP_CLASS, children: [jsx("span", { className: "shrink-0 font-semibold", children: getChipLabelText(chip.label, variant) }), jsx(TruncatedLabel, { text: chip.value }), onRemove && (jsx("button", { type: "button", "aria-label": getRemoveChipLabel(chip.label), onClick: () => onRemove(chip.id), className: REMOVE_BUTTON_CLASS, children: jsx(X$2, { "aria-hidden": "true", className: "size-3" }) }))] }, chip.id))), actions ? (
+            // With actions, Clear all joins them at the row's right end.
+            jsxs("div", { className: "ml-auto flex items-center gap-3 pl-3", children: [clearAll, actions] })) : (clearAll)] }));
 }
 
 const DEFAULT_CONTAINS_PLACEHOLDER = 'Contains…';
@@ -38585,9 +38687,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) {
@@ -38605,7 +38705,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 (jsxs("div", { className: "grid grid-cols-[auto_minmax(0,1fr)] divide-x divide-border text-xs", children: [jsx("div", { role: "group", "aria-label": getPresetGroupLabel(ariaLabel), className: "flex flex-col gap-1 pr-3", children: DATE_PRESET_OPTIONS.map((preset) => (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))) }), jsxs("div", { className: "flex min-w-0 flex-col gap-3 pl-3", children: [jsxs("label", { className: "flex min-w-0 flex-col gap-1 text-muted-foreground", children: ["From", jsx(DateInput, { value: fromIsoDate(from), max: to || undefined, ariaLabel: getDateInputLabel(ariaLabel, 'from'), onChange: handleFromChange })] }), jsxs("label", { className: "flex min-w-0 flex-col gap-1 text-muted-foreground", children: ["To", jsx(DateInput, { value: fromIsoDate(to), min: from || undefined, ariaLabel: getDateInputLabel(ariaLabel, 'to'), onChange: handleToChange, align: "end" })] }), value && (jsx("button", { type: "button", onClick: clear, className: cn('self-start', FILTER_LINK_CLASS_NAME), children: "Clear" }))] })] }));
+    return (jsxs("div", { className: "grid grid-cols-[auto_minmax(0,1fr)] divide-x divide-border text-xs", children: [jsx("div", { role: "group", "aria-label": getPresetGroupLabel(ariaLabel), className: "flex flex-col gap-1 pr-3", children: DATE_PRESET_OPTIONS.map((preset) => (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))) }), jsxs("div", { className: "flex min-w-0 flex-col gap-3 pl-3", children: [jsxs("label", { className: "flex min-w-0 flex-col gap-1 text-muted-foreground", children: ["From", 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 })] }), jsxs("label", { className: "flex min-w-0 flex-col gap-1 text-muted-foreground", children: ["To", jsx(DateInput, { value: fromIsoDate(to), min: from || undefined, ariaLabel: getDateInputLabel(ariaLabel, 'to'), onChange: handleToChange, align: "end" })] }), value && (jsx("button", { type: "button", onClick: clear, className: cn('self-start', FILTER_LINK_CLASS_NAME), children: "Clear" }))] })] }));
 }
 
 const getClearButtonLabel = (ariaLabel) => `Clear ${ariaLabel}`;
@@ -38616,7 +38720,7 @@ function FilterCellPopover({ label, placeholder, ariaLabel, state, disabledLabel
     if (state === 'disabled') {
         return (jsx(TooltipProvider, { delayDuration: 200, children: jsxs(Tooltip, { children: [jsx(TooltipTrigger, { asChild: true, children: jsx("span", { tabIndex: 0, "aria-label": disabledLabel, className: "block outline-none", children: jsx("div", { role: "presentation", className: getFilterFieldClassName('disabled', className) }) }) }), jsx(TooltipContent, { side: "top", children: disabledLabel })] }) }));
     }
-    return (jsxs(Popover, { open: open, onOpenChange: onOpenChange, children: [jsx(PopoverAnchor, { asChild: true, children: jsxs("div", { className: getFilterFieldClassName(state, cn('pr-1 focus-within:ring-2 focus-within:ring-primary/30', className)), children: [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 && jsx("span", { className: "shrink-0 [&_svg]:size-3.5", children: icon }), jsx(TruncatedLabel, { text: label || placeholder, className: cn('min-w-0 flex-1', !label && 'font-normal text-placeholder') }), showChevron && (jsx(ChevronDown, { "aria-hidden": "true", className: "size-3.5 shrink-0 text-muted-foreground" }))] }), onClear && label && (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: jsx(X$2, { "aria-hidden": "true", className: "size-3" }) }))] }) }), jsx(PopoverContent, { align: "start", 
+    return (jsxs(Popover, { open: open, onOpenChange: onOpenChange, children: [jsx(PopoverAnchor, { asChild: true, children: jsxs("div", { className: getFilterFieldClassName(state, cn('pr-1 focus-within:ring-2 focus-within:ring-primary/30', className)), children: [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 && jsx("span", { className: "shrink-0 [&_svg]:size-3.5", children: icon }), jsx(TruncatedLabel, { text: label || placeholder, className: cn('min-w-0 flex-1', !label && 'font-normal text-placeholder') }), showChevron && (jsx(ChevronDown, { "aria-hidden": "true", className: "size-3.5 shrink-0 text-muted-foreground" }))] }), onClear && label && (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: jsx(X$2, { "aria-hidden": "true", className: "size-3" }) }))] }) }), 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 })] }));
 }
@@ -38692,10 +38796,40 @@ function ScaleRangeFilter({ options, value, onChange, ariaLabel, columns, fill =
     const { selectOption } = useScaleRangeFilter({ value, onChange });
     return (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 (jsx("button", { type: "button", "aria-pressed": position !== 'outside', "aria-label": option.label, onClick: () => selectOption(option.value), className: getScaleButtonClassName(position, fill), children: jsx("span", { className: "line-clamp-2 leading-tight", children: option.label }) }, option.value));
+            return (jsx("button", { type: "button", "aria-pressed": position !== 'outside', "aria-label": option.label, onClick: () => selectOption(option.value), className: getScaleButtonClassName(position, fill), children: 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 (jsx("div", { className: "flex flex-wrap gap-1.5", children: PILL_WIDTHS.slice(0, count).map((width) => (jsx(SquareSkeleton, { height: 32, width: width, rounded: "full" }, width))) }));
+}
+function Body({ variant, }) {
+    switch (variant) {
+        case 'list':
+            return (jsxs(Fragment$2, { children: [jsx(SquareSkeleton, { height: 36, rounded: "md" }), jsx(SquareSkeleton, { height: 12, width: 96, rounded: "sm" }), jsx("div", { className: "flex flex-col gap-3 px-2 pt-1", children: LIST_ROW_WIDTHS.map((width) => (jsxs("div", { className: "flex items-center gap-3", children: [jsx(SquareSkeleton, { height: 18, width: 18, rounded: "sm" }), jsx(SquareSkeleton, { height: 14, width: width, rounded: "sm" })] }, width))) })] }));
+        case 'chips':
+            return (jsxs(Fragment$2, { children: [jsx(SquareSkeleton, { height: 12, width: 64, rounded: "sm" }), jsx(Pills, { count: 3 }), jsx(SquareSkeleton, { height: 12, width: 80, rounded: "sm" }), jsx(Pills, { count: 4 })] }));
+        case 'tiles':
+            return (jsx("div", { className: "grid grid-cols-2 gap-2", children: TILE_KEYS.map((key) => (jsx(SquareSkeleton, { height: 48, rounded: "md" }, key))) }));
+        case 'range':
+            return (jsxs(Fragment$2, { children: [jsxs("div", { className: "flex items-center gap-2", children: [jsx(SquareSkeleton, { height: 36, rounded: "md" }), jsx(SquareSkeleton, { height: 2, width: 8, rounded: "full" }), jsx(SquareSkeleton, { height: 36, rounded: "md" })] }), jsx(SquareSkeleton, { height: 12, width: 88, rounded: "sm" }), jsx(Pills, { count: 6 })] }));
+        case 'ids':
+            return (jsxs(Fragment$2, { children: [jsx(SquareSkeleton, { height: 12, width: 64, rounded: "sm" }), jsx(SquareSkeleton, { height: 80, rounded: "md" }), jsx(SquareSkeleton, { height: 12, width: "75%", rounded: "sm" }), jsx(SquareSkeleton, { height: 12, width: 56, rounded: "sm" }), jsx(SquareSkeleton, { height: 36, rounded: "md" })] }));
+        case 'select':
+            return (jsxs(Fragment$2, { children: [jsx(SquareSkeleton, { height: 12, width: 64, rounded: "sm" }), 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 (jsxs("div", { "aria-hidden": "true", className: cn(CARD_CLASS_NAME, className), children: [jsx(SquareSkeleton, { height: 16, width: 96, rounded: "sm" }), 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.';
@@ -38737,7 +38871,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 (jsxs("div", { className: "flex flex-col gap-2", children: [jsx(Textarea, { value: draft, placeholder: placeholder, "aria-label": ariaLabel, onChange: handleChange, onBlur: handleBlur, className: "min-h-20 bg-card" }), helperText && (jsx("p", { className: "text-xs text-muted-foreground", children: helperText })), showSummary && parsedIds.length > 0 && (jsxs(Fragment$2, { children: [jsx("ul", { className: "flex flex-wrap gap-1.5", children: parsedIds.map((id) => (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))) }), jsxs("div", { className: "flex items-center justify-between text-xs", children: [jsx("span", { className: "text-muted-foreground", children: formatIdCount(parsedIds.length) }), jsx("button", { type: "button", "aria-label": getClearIdsLabel(ariaLabel), onClick: clear, className: FILTER_LINK_CLASS_NAME, children: "Clear" })] })] }))] }));
+    return (jsxs("div", { className: "flex flex-col gap-2", children: [jsx(Textarea, { value: draft, placeholder: placeholder, "aria-label": ariaLabel, onChange: handleChange, onBlur: handleBlur, className: "min-h-20 bg-card" }), helperText && (jsx("p", { className: "text-xs text-muted-foreground", children: helperText })), showSummary && parsedIds.length > 0 && (jsxs(Fragment$2, { children: [jsx("ul", { className: "flex flex-wrap gap-1.5", children: parsedIds.map((id) => (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))) }), jsxs("div", { className: "flex items-center justify-between text-xs", children: [jsx("span", { className: "text-muted-foreground", children: formatIdCount(parsedIds.length) }), 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';
@@ -38754,9 +38888,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) {
@@ -38803,20 +38947,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 (jsxs(Popover, { open: helpOpen, children: [jsx(PopoverAnchor, { asChild: true, children: 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) }) }), jsxs(PopoverContent, { align: "start", 
+    const rules = buildNumberRuleHelp(ruleExamples);
+    return (jsxs(Popover, { open: helpOpen, children: [jsx(PopoverAnchor, { asChild: true, children: 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) }) }), 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: [jsxs("div", { className: "px-2 pt-1", children: [jsx("p", { className: "font-medium text-foreground", children: NUMBER_HELP_HEADING }), jsx("p", { className: "text-muted-foreground", children: NUMBER_HELP_SUBTITLE })] }), jsx("ul", { className: "flex flex-col", children: NUMBER_EXPRESSION_HELP.map(({ rule, meaning }) => (jsx("li", { children: 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: [jsxs("div", { className: "px-2 pt-1", children: [jsx("p", { className: "font-medium text-foreground", children: NUMBER_HELP_HEADING }), jsx("p", { className: "text-muted-foreground", children: NUMBER_HELP_SUBTITLE })] }), jsx("ul", { className: "flex flex-col", style: getRuleListStyle(rules), children: rules.map(({ rule, meaning }) => (jsx("li", { children: 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: [jsx("span", { className: RULE_CHIP_CLASS_NAME, children: rule }), jsx("span", { className: "whitespace-nowrap text-muted-foreground", children: meaning })] }) }, rule))) }), note && (jsxs("div", { className: "flex gap-2 rounded-md bg-muted/50 p-2 text-muted-foreground", children: [jsx(Info, { "aria-hidden": "true", className: "mt-0.5 size-3.5 shrink-0" }), jsx("div", { children: note })] })), invalid && (jsxs("div", { id: getNumberErrorId(errorId), role: "alert", className: "flex gap-2 rounded-md bg-destructive/10 p-2 text-destructive", children: [jsx(CircleAlert, { "aria-hidden": "true", className: "mt-0.5 size-3.5 shrink-0" }), jsxs("p", { children: ["Can't read \u201C", draft, "\u201D. Try ", jsx("strong", { children: "1\u20133" }), ",", ' ', jsx("strong", { children: ">1" }), " or ", jsx("strong", { children: "<=3" }), "."] })] }))] })] }));
+                                onMouseDown: (event) => event.preventDefault(), onClick: () => applyRule(rule), className: RULE_BUTTON_CLASS_NAME, children: [jsx("span", { className: RULE_CHIP_CLASS_NAME, children: rule }), jsx("span", { className: "whitespace-nowrap text-muted-foreground", children: meaning })] }) }, rule))) }), note && (jsxs("div", { className: cn(MESSAGE_CLASS_NAME, 'bg-muted/50 text-muted-foreground'), children: [jsx("span", { className: MESSAGE_ICON_SLOT_CLASS_NAME, children: jsx(Info, { "aria-hidden": "true", className: "size-3.5" }) }), jsx("div", { children: note })] })), invalid && (jsxs("div", { id: getNumberErrorId(errorId), role: "alert", className: cn(MESSAGE_CLASS_NAME, 'bg-destructive/10 text-destructive'), children: [jsx("span", { className: MESSAGE_ICON_SLOT_CLASS_NAME, children: jsx(CircleAlert, { "aria-hidden": "true", className: "size-3.5" }) }), jsxs("p", { children: ["Can't read \u201C", draft, "\u201D. Try ", jsx("strong", { children: "1\u20133" }), ",", ' ', jsx("strong", { children: ">1" }), " or ", jsx("strong", { children: "<=3" }), "."] })] }))] })] }));
 }
 
 const REVERSED_RANGE_MESSAGE = 'From must not be more than To.';
@@ -38857,9 +39003,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);
@@ -38920,9 +39064,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');
 }
@@ -38935,6 +39077,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] = useState(null);
+    const [expanded, setExpanded] = useState(false);
+    const [visibleCount, setVisibleCount] = useState(chips.length);
+    const collapsed = enabled && !expanded;
+    const [measuredLength, setMeasuredLength] = useState(chips.length);
+    if (measuredLength !== chips.length) {
+        setMeasuredLength(chips.length);
+        setVisibleCount(chips.length);
+    }
+    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]);
+    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: 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 (jsx("p", { className: cn('text-xs text-muted-foreground', className), children: emptyText }));
+    }
+    const showToggle = collapsible && (expanded || hiddenCount > 0);
+    return (jsxs("ul", { ref: listRef, className: cn('flex min-w-0 flex-wrap items-center gap-1.5', className), children: [visibleChips.map((chip) => (jsx("li", { className: SAVED_SEARCH_CHIP_CLASS_NAME, children: jsx(TruncatedLabel, { text: chip }) }, chip))), showToggle && (jsx("li", { className: "flex h-6 shrink-0 items-center", children: 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] = useState(false);
+    const [query, setQuery] = useState('');
+    const setOpen = (next) => {
+        setOpenState(next);
+        if (!next)
+            setQuery('');
+        onOpenChange?.(next);
+    };
+    const visibleItems = 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 (jsxs(Tooltip, { children: [jsx(TooltipTrigger, { asChild: true, children: jsx(IconButton, { appearance: "ghost", size: "xs", "aria-label": label, onClick: onClick, className: getRowActionClassName(destructive), children: children }) }), 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 (jsxs("li", { className: ROW_CLASS_NAME, children: [jsxs("div", { className: "flex min-w-0 flex-1 flex-col gap-1.5", children: [jsxs("div", { className: "flex min-w-0 items-baseline gap-2", children: [jsx("button", { type: "button", onClick: onSelect, className: ROW_BUTTON_CLASS_NAME, children: jsx("span", { className: ROW_NAME_CLASS_NAME, children: jsx(TruncatedLabel, { text: item.name }) }) }), hasCount &&
+                                (item.countLoading ? (jsx(SquareSkeleton, { height: 12, width: 40, rounded: "sm" })) : (jsx("span", { className: "shrink-0 text-xs font-medium tabular-nums text-foreground", children: item.countLabel ?? item.count }))), item.meta && (jsx("span", { className: "shrink-0 text-xs text-muted-foreground before:mr-2 before:content-['\u00B7']", children: item.meta }))] }), jsx(SavedSearchChipList, { chips: item.chips, collapsible: true })] }), (onRename || onDelete) && (jsxs("div", { className: cn(ROW_CONTROL_CLASS_NAME, ROW_ACTIONS_CLASS_NAME), children: [onRename && (jsx(RowActionButton, { label: getRenameLabel(item.name), onClick: onRename, children: jsx(Pencil, {}) })), onDelete && (jsx(RowActionButton, { label: getDeleteLabel(item.name), onClick: onDelete, destructive: true, children: jsx(Trash2, {}) }))] }))] }));
+}
+/** Centered empty / no-match state inside the dropdown. */
+function SavedSearchesEmpty({ icon, title, description, }) {
+    return (jsxs("div", { className: "flex flex-col items-center gap-1 px-4 py-6 text-center", children: [jsx("span", { className: "mb-2 flex size-10 items-center justify-center rounded-full bg-muted text-primary [&>svg]:size-5", children: icon }), jsx("p", { className: "text-sm font-semibold text-foreground", children: title }), 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 (jsxs(Popover, { open: open, onOpenChange: setOpen, children: [jsx(PopoverTrigger, { asChild: true, children: jsx(Button, { appearance: "outline", color: open ? 'primary' : 'secondary', size: "md", leftIcon: jsx(Bookmark, {}), rightIcon: open ? jsx(ChevronUp, {}) : jsx(ChevronDown, {}), className: triggerClassName, children: label }) }), jsxs(PopoverContent, { align: align, sideOffset: 4, className: "flex w-120 max-w-[calc(100vw-2rem)] flex-col gap-2 p-2", children: [!hasNone && (jsxs("label", { className: FILTER_SEARCH_BOX_CLASS_NAME, children: [jsx(Search, { "aria-hidden": "true", className: "size-4 shrink-0 text-muted-foreground" }), 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 ? (jsxs("div", { className: "flex flex-col gap-2 p-2", "aria-busy": "true", children: [jsx(SquareSkeleton, { height: 44, rounded: "md" }), jsx(SquareSkeleton, { height: 44, rounded: "md" })] })) : hasNone ? (jsx(SavedSearchesEmpty, { icon: jsx(Bookmark, {}), title: emptyTitle, description: emptyDescription })) : visibleItems.length === 0 ? (jsx(SavedSearchesEmpty, { icon: jsx(SearchX, {}), title: NO_MATCH_TITLE, description: getNoMatchText(query) })) : (jsx(ScrollFade, { className: LIST_SCROLL_CLASS_NAME, children: jsx(TooltipProvider, { delayDuration: 300, children: jsx("ul", { className: "flex flex-col", children: visibleItems.map((item) => (jsx(SavedSearchRow, { item: item, onSelect: closeThen(onSelect, item), onRename: onRename && closeThen(onRename, item), onDelete: onDelete && closeThen(onDelete, item) }, item.id))) }) }) })), footnote && !hasNone && (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 (jsx(Dialog, { open: open, onOpenChange: (o) => !o && onClose(), children: jsxs(DialogContent, { hideCloseButton: true, size: size === 'wide' ? 'wide' : 'default', className: cn('flex flex-col gap-0 overflow-hidden p-0', className), children: [jsxs("header", { className: "flex shrink-0 items-start justify-between gap-4 px-6 pt-5 pb-4", children: [jsxs("div", { className: cn('flex min-w-0 gap-3.5', description ? 'items-start' : 'items-center'), children: [icon ? jsx(DialogIcon, { children: icon }) : null, jsxs("div", { className: "flex min-w-0 flex-col", children: [jsx(DialogPrimitive.Title, { className: "m-0 text-lg font-semibold leading-6 text-foreground", children: title }), description ? (jsx(DialogPrimitive.Description, { className: "m-0 text-sm leading-5 text-muted-foreground", children: description })) : null] })] }), !hideCloseButton && (jsx(DialogPrimitive.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: jsx(X$2, { className: "h-4 w-4" }) }))] }), jsx("div", { className: cn('flex-1 overflow-y-auto', bodyClassName), children: children }), footer && (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 = useId$2();
+    const inputId = useId$2();
+    const [name, setNameState] = useState(defaultName);
+    const [error, setError] = useState();
+    const firstStep = hasExistingWarning ? 'existing' : 'form';
+    const [step, setStep] = useState(firstStep);
+    const [wasOpen, setWasOpen] = 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 (jsxs("div", { className: WARNING_DETAIL_CLASS_NAME, children: [jsx("span", { className: "text-xs text-muted-foreground", children: label }), 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 = 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 (jsxs(Fragment$2, { children: [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: jsxs(Fragment$2, { children: [jsx(Button, { appearance: "outline", color: "secondary", size: "md", onClick: onClose, children: "Cancel" }), jsx(Button, { appearance: "solid", color: "primary", size: "md", type: "submit", form: formId, loading: saving, children: submitLabel })] }), children: jsxs("form", { id: formId, noValidate: true, className: "flex flex-col gap-4 px-6 pb-5", onSubmit: (event) => {
+                        event.preventDefault();
+                        submit();
+                    }, children: [jsx(Field, { label: NAME_LABEL, required: true, error: error, input: 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 && (jsxs("div", { className: "flex flex-col gap-1", children: [jsx("span", { className: "text-[13px] text-label", children: FILTERS_LABEL }), jsx(SavedSearchChipList, { chips: chips, className: FILTERS_PANEL_CLASS_NAME })] })), note && (jsxs("p", { className: "flex items-start gap-1.5 text-xs text-muted-foreground", children: [jsx(Info, { "aria-hidden": "true", className: "mt-px size-3.5 shrink-0" }), jsx("span", { children: note })] }))] }) }), 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 && 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.
@@ -39547,17 +39983,6 @@ const TONE_ICON_BG = {
 };
 const MetricTile = ({ label, value, sub, icon, tone, className, }) => (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: [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 }), jsxs("div", { className: "flex min-w-0 flex-col", children: [jsx("span", { className: "truncate text-xs text-muted-foreground", children: label }), jsx("span", { className: "truncate text-lg font-semibold text-foreground", children: value }), sub && (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 (jsx(Dialog, { open: open, onOpenChange: (o) => !o && onClose(), children: jsxs(DialogContent, { hideCloseButton: true, size: size === 'wide' ? 'wide' : 'default', className: cn('flex flex-col gap-0 overflow-hidden p-0', className), children: [jsxs("header", { className: "flex shrink-0 items-start justify-between gap-4 px-6 pt-5 pb-4", children: [jsxs("div", { className: cn('flex min-w-0 gap-3.5', description ? 'items-start' : 'items-center'), children: [icon ? jsx(DialogIcon, { children: icon }) : null, jsxs("div", { className: "flex min-w-0 flex-col", children: [jsx(DialogPrimitive.Title, { className: "m-0 text-lg font-semibold leading-6 text-foreground", children: title }), description ? (jsx(DialogPrimitive.Description, { className: "m-0 text-sm leading-5 text-muted-foreground", children: description })) : null] })] }), !hideCloseButton && (jsx(DialogPrimitive.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: jsx(X$2, { className: "h-4 w-4" }) }))] }), jsx("div", { className: cn('flex-1 overflow-y-auto', bodyClassName), children: children }), footer && (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
@@ -76507,7 +76932,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 '';
@@ -76515,8 +76940,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. */
@@ -76536,31 +76959,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 (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 }));
@@ -76574,7 +76997,7 @@ function FilterFieldControl({ field, value, onChange, fiscalYearStartMonth, fill
                 return (jsx(SingleSelectFilter, { field: field, selected: valueOfType(value, 'list')?.values[0], onSelect: (next) => onChange(toListValue([next])) }));
             }
             const layout = resolveListLayout(field);
-            return (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 (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 (jsx(ScaleRangeFilter, { ariaLabel: ariaLabel, options: field.options ?? [], value: valueOfType(value, 'scale')?.range, onChange: (range) => onChange(toScaleValue(range)), columns: field.columns, fill: fill }));
@@ -76585,7 +77008,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 (jsx(ContainsFilter, { ariaLabel: ariaLabel, size: "field", value: valueOfType(value, 'contains')?.text ?? '', onChange: (text) => onChange(toContainsValue(text)) }));
+            return (jsx(ContainsFilter, { ariaLabel: ariaLabel, size: "field", placeholder: field.inputPlaceholder, value: valueOfType(value, 'contains')?.text ?? '', onChange: (text) => onChange(toContainsValue(text)) }));
         case 'date':
             return (jsx(DateRangeFilter, { ariaLabel: ariaLabel, value: valueOfType(value, 'date')?.range, onChange: (range) => onChange(toDateValue(range)), fiscalYearStartMonth: fiscalYearStartMonth }));
         case 'bool':
@@ -76599,7 +77022,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 (jsx(NumberExpressionFilter, { ariaLabel: ariaLabel, value: valueOfType(value, 'number')?.range, onChange: (range) => onChange(toNumberValue(range)), placeholder: placeholder, note: field.note, className: className }));
+        return (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 (jsx(ContainsFilter, { ariaLabel: ariaLabel, size: "cell", value: valueOfType(value, 'contains')?.text ?? '', onChange: (text) => onChange(toContainsValue(text)), placeholder: placeholder, className: className }));
@@ -76626,15 +77049,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 (jsx("div", { role: "status", "aria-label": LOADING_LABEL, children: children ?? (jsx("div", { className: SKELETON_GRID_CLASS_NAME, children: DEFAULT_SKELETON_CARDS.map((id) => (jsx(FilterCardSkeleton, {}, id))) })) }));
+}
+/** Shown in place of the cards when the filters couldn't load. */
+function FilterSurfaceError({ message, onRetry, }) {
+    return (jsxs("div", { role: "alert", className: "flex flex-col items-center rounded-xl border border-border bg-card px-6 py-12 text-center", children: [jsx("span", { className: "flex size-10 items-center justify-center rounded-full bg-destructive/10 text-destructive", children: jsx(TriangleAlert, { "aria-hidden": "true", className: "size-5" }) }), jsx("p", { className: "mt-4 text-base font-semibold text-foreground", children: ERROR_TITLE }), jsx("p", { className: "mt-1.5 max-w-sm text-sm text-muted-foreground", children: message }), onRetry && (jsx(Button, { appearance: "outline", color: "secondary", size: "md", leftIcon: 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) {
     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();
         };
@@ -76648,17 +77090,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 (jsxs("div", { role: "region", "aria-label": title, className: "flex h-full min-h-0 flex-col bg-background", children: [jsxs("div", { className: "min-h-0 flex-1 overflow-y-auto px-3 pt-2 pb-3", children: [jsxs("header", { className: "mb-3 flex flex-wrap items-end justify-between gap-3", children: [jsx("div", { className: "flex flex-col gap-1", children: jsxs("div", { className: "flex items-center gap-2", children: [jsx(IconButton, { appearance: "ghost", size: "sm", "aria-label": BACK_LABEL, title: BACK_LABEL, onClick: onClose, children: jsx(ArrowLeft, {}) }), jsx("h1", { className: "text-xl font-semibold text-foreground", children: title })] }) }), jsxs("div", { className: "flex items-center gap-2", children: [headerActions, jsx(IconButton, { appearance: "outline", size: "md", "aria-label": CLOSE_LABEL, title: CLOSE_LABEL, onClick: onClose, children: jsx(X$2, {}) })] })] }), jsx("div", { className: "flex flex-col gap-4", children: children })] }), (footerChips || footerActions) && (jsxs("footer", { className: "flex flex-wrap items-center justify-between gap-3 border-t border-border bg-card px-3 py-2", children: [jsx("div", { className: "min-w-0 flex-1", children: footerChips }), jsx("div", { className: "flex shrink-0 items-center gap-2", children: footerActions })] }))] }));
+    return (jsxs("div", { role: "region", "aria-label": title, className: "flex h-full min-h-0 flex-col bg-background", children: [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: [jsx("div", { className: "flex flex-col gap-1", children: jsxs("div", { className: "flex items-center gap-2", children: [jsx(IconButton, { appearance: "ghost", size: "sm", "aria-label": BACK_LABEL, title: BACK_LABEL, onClick: onClose, children: jsx(ArrowLeft, {}) }), jsx("h1", { className: "text-xl font-semibold text-foreground", children: title })] }) }), jsxs("div", { className: "flex items-center gap-2", children: [headerActions, jsx(IconButton, { appearance: "outline", size: "md", "aria-label": CLOSE_LABEL, title: CLOSE_LABEL, onClick: onClose, children: jsx(X$2, {}) })] })] }), jsx("div", { className: "min-h-0 flex-1 overflow-y-auto px-3 pb-3", children: status === 'loading' ? (jsx(FilterSurfaceSkeleton, { children: skeleton })) : status === 'error' ? (jsx(FilterSurfaceError, { message: errorMessage ?? DEFAULT_ERROR_MESSAGE, onRetry: onRetry })) : (jsx("div", { className: "flex flex-col gap-3", children: children })) }), status === 'ready' && (footerChips || footerActions) && (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: [jsx("div", { className: "min-w-0 flex-1", children: footerChips }), jsx("div", { className: "flex shrink-0 items-center gap-2", children: footerActions })] }))] }));
 }
 function FilterSurfaceGroup({ title, className, children, }) {
-    return (jsxs("section", { className: "flex flex-col gap-3", children: [title && (jsx("h2", { className: "text-xs font-semibold uppercase tracking-wide text-label", children: title })), jsx("div", { className: cn('grid grid-cols-1 gap-4 lg:grid-cols-6', className), children: children })] }));
+    return (jsxs("section", { className: "flex flex-col gap-3", children: [title && (jsx("h2", { className: "text-xs font-semibold uppercase tracking-wide text-label", children: title })), 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 (jsxs("section", { className: "flex flex-col gap-6", children: [jsxs("div", { className: "flex items-center gap-3", children: [jsx("span", { className: "h-px flex-1 bg-border" }), 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, jsx(ChevronDown, { "aria-hidden": "true", className: cn('size-3.5 transition-transform', expanded && 'rotate-180') })] }), jsx("span", { className: "h-px flex-1 bg-border" })] }), expanded && children] }));
+    return (jsxs("section", { className: "flex flex-col gap-3", children: [jsxs("div", { className: "flex items-center gap-3", children: [jsx("span", { className: "h-px flex-1 bg-border" }), 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, jsx(ChevronDown, { "aria-hidden": "true", className: cn('size-3.5 transition-transform', expanded && 'rotate-180') })] }), jsx("span", { className: "h-px flex-1 bg-border" })] }), expanded && children] }));
 }
 
 /** Falls back to counting the current page when the caller has no total. */
@@ -79234,5 +79676,5 @@ var RichTextAreaImpl = /*#__PURE__*/Object.freeze({
   RichTextarea: RichTextarea
 });
 
-export { ACTIVITY_CATEGORIES, ACTIVITY_CATEGORY_META, ActionBadge, ActionButtonWithTooltip, ActiveFilterChips, ActivityFeed, AdvancedSearchDrawer, Alert, ApiComboBox, AppSidebar, AuditEntryCard, AuditHistoryPanel, AuditTimeline, AuditTimelineShimmer, Badge, BadgeType, BusinessContactStatusFilter, Button, CUSTOMER_AUDIT_CONFIG, CertificateRowList, ChangePill, Collapsible, CollapsibleCard, CollapsibleContent, CollapsibleTrigger, CompanyCard, ConfirmDialog, ContactTypeFilter, ContainsFilter, CopyButton, CountrySelect, CreateFormPageHeader, CreateFormPageShell, CurrencyDisplayTabs, CurrencyInput, CurrencyToggle, CustomCombobox, CustomFieldInput, CustomFieldValue, CustomTable, CustomizeColumnsDrawer, DATE_PRESET_OPTIONS, DIAMOND_AUDIT_CONFIG, DashboardShell, DataEditableTable, DataTable, DateInput, DateRangeFilter, DetailChip, DetailPageLayout, DetailPageSkeleton, DetailSection, DocumentDeleteDialog, DocumentDetailSkeleton, DocumentHero, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyValue, EntityHeader, Field, FieldSkeleton, FileUploader, FilterCellPopover, FilterEmptyState, FilterField, FilterFieldCard, FilterFieldCell, FilterFieldControl, FilterMultiSelect, FilterPanel, FilterSelect, FilterSurface, FilterSurfaceGroup, FilterSurfaceMore, FormSectionCard, FormSectionCardSkeleton, GEM_AUDIT_CONFIG, HistoryEntryCard, HistoryTimeline, HistoryTimelineShimmer, INVOICE_AUDIT_CONFIG, IconButton, IdHyperlinkText, IdListInput, InAppNotificationCard, InAppNotificationsPanel, InfoBanner, InventoryComboBox, InventoryItemCard, InventoryItemRow, InvoiceComboBox, KYCStatusFilter, KeyValueGrid, LAYOUT_AUDIT_CONFIG, LabeledToggle, LineItemsCard, LineProductCell, LineProductThumb, LineProductTypeChip, LineRowActionsMenu, LineTable, LineTableEmpty, MEMO_IN_AUDIT_CONFIG, MEMO_OUT_AUDIT_CONFIG, MediaGallery, MemoInComboBox, MetricCard, MetricRow, MetricTile, Modal, MoreInfoPanel, MoreInfoTrigger, NOT_CAPTURED, Navbar, NavbarActions, NavbarAvatar, NavbarIconButton, NavbarSearch, NavbarTitle, NumberExpressionFilter, NumberInput, NumberRangeInputs, NumberedStepCard, OtpInput, OwnershipFilter, OwnershipSplitCard, PROFORMA_AUDIT_CONFIG, PageHeader, PageTabs, Pagination, PaginationSelect, PartnerShareCard, PickListFilter, PriceInput, Protected, PurchaseOrderComboBox, QUOTATION_AUDIT_CONFIG, RadioCardGroup, ReadMoreText, RefreshButton, RichTextarea$1 as RichTextarea, SEARCHABLE_SELECT_PAGE_SIZE, SafeImage, ScaleRangeFilter, ScrollFade, SearchBox, SearchInput, SearchableSelect, SectionCard, SectionIcon, SegmentedControl, ShareDialog, ShareMenu, ShimmerTable, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupLabel, SidebarHeader, SidebarInset, SidebarMenu, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, SlideOut, SlideOutClose, SlideOutContent, SlideOutDescription, SlideOutHeader, SlideOutOverlay, SlideOutPortal, SlideOutTitle, SlideOutTrigger, Slider, SpecList, Spinner, SquareSkeleton, StateSelect, StatusBadge$1 as StatusBadge, StatusFilter, Stepper, StockTypeFilter, TablePagination, TableRowsSkeleton, TableSkeleton, Tabs, TabsContent, TabsList, TabsTrigger, TagsInput, TextHyperlink, TimePicker, ToggleSwitch, TriStateFilter, TruncateTooltip, TruncatedLabel, WarehouseComboBox, WarehouseFilter, ZoomSplitViewer, asList, asText, badgeVariants, buildBulkShareMessage, buildBulkShareTitle, buildInventoryPublicUrl, buildInventoryRowProps, buildInventoryShareTitle, buildWhatsappUrl, buttonVariants, cn, countries, countryByCode, createVideoMediaItem, describeFilterValue, dropdownMenuItemDestructiveClass, expandScaleRange, fieldTypeIcon, findRegion, flagEmoji, formatAddressLocation, formatDateRange, formatFileSize, formatNumberRange, formatScaleRange, formatSelectedCount, generateActionDescription, generateTitle, getBadgeTypeForStatus, getChangePills, getCountryName, getInitials, getStatesOfCountry, iconButtonVariants, inAppNotificationCardA11y, inAppNotificationsPanelA11y, isBlank, isFilterValueActive, isIndiaCountry, isKnownRegion, isPathActive, isValidAlpha2CountryCode, isValueEmpty, notify, parseNumberExpression, releaseStaleOverlayBodyLock, renderBadge, resolveCountryCode, resolveDatePreset, resolveDateRange, splitIdList, toAddressFormValues, toBoolValue, toContainsValue, toDateValue, toIdsValue, toListValue, toNumberValue, toScaleValue, useAuditShowMore, useBadge, useButton, useDropdownMenu, useInAppNotificationsPanel, useNavbar, useSidebar, valueOfType, videoThumbnailSrc, watchOverlayBodyLock };
+export { ACTIVITY_CATEGORIES, ACTIVITY_CATEGORY_META, ActionBadge, ActionButtonWithTooltip, ActiveFilterChips, ActivityFeed, AdvancedSearchDrawer, Alert, ApiComboBox, AppSidebar, AuditEntryCard, AuditHistoryPanel, AuditTimeline, AuditTimelineShimmer, Badge, BadgeType, BusinessContactStatusFilter, Button, CUSTOMER_AUDIT_CONFIG, CertificateRowList, ChangePill, Collapsible, CollapsibleCard, CollapsibleContent, CollapsibleTrigger, CompanyCard, ConfirmDialog, ContactTypeFilter, ContainsFilter, CopyButton, CountrySelect, CreateFormPageHeader, CreateFormPageShell, CurrencyDisplayTabs, CurrencyInput, CurrencyToggle, CustomCombobox, CustomFieldInput, CustomFieldValue, CustomTable, CustomizeColumnsDrawer, DATE_PRESET_OPTIONS, DIAMOND_AUDIT_CONFIG, DashboardShell, DataEditableTable, DataTable, DateInput, DateRangeFilter, DetailChip, DetailPageLayout, DetailPageSkeleton, DetailSection, DocumentDeleteDialog, DocumentDetailSkeleton, DocumentHero, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyValue, EntityHeader, FILTER_COUNT_BADGE_CLASS_NAME, Field, FieldSkeleton, FileUploader, FilterCardSkeleton, FilterCellPopover, FilterEmptyState, FilterField, FilterFieldCard, FilterFieldCell, FilterFieldControl, FilterMultiSelect, FilterPanel, FilterSelect, FilterSurface, FilterSurfaceGroup, FilterSurfaceMore, FormSectionCard, FormSectionCardSkeleton, GEM_AUDIT_CONFIG, HistoryEntryCard, HistoryTimeline, HistoryTimelineShimmer, INVOICE_AUDIT_CONFIG, IconButton, IdHyperlinkText, IdListInput, InAppNotificationCard, InAppNotificationsPanel, InfoBanner, InventoryComboBox, InventoryItemCard, InventoryItemRow, InvoiceComboBox, KYCStatusFilter, KeyValueGrid, LAYOUT_AUDIT_CONFIG, LabeledToggle, LineItemsCard, LineProductCell, LineProductThumb, LineProductTypeChip, LineRowActionsMenu, LineTable, LineTableEmpty, MEMO_IN_AUDIT_CONFIG, MEMO_OUT_AUDIT_CONFIG, MediaGallery, MemoInComboBox, MetricCard, MetricRow, MetricTile, Modal, MoreInfoPanel, MoreInfoTrigger, NOT_CAPTURED, Navbar, NavbarActions, NavbarAvatar, NavbarIconButton, NavbarSearch, NavbarTitle, NumberExpressionFilter, NumberInput, NumberRangeInputs, NumberedStepCard, OtpInput, OwnershipFilter, OwnershipSplitCard, PROFORMA_AUDIT_CONFIG, PageHeader, PageTabs, Pagination, PaginationSelect, PartnerShareCard, PickListFilter, PriceInput, Protected, PurchaseOrderComboBox, QUOTATION_AUDIT_CONFIG, RadioCardGroup, ReadMoreText, RefreshButton, RichTextarea$1 as RichTextarea, SAVED_SEARCH_NAME_MAX_LENGTH, SEARCHABLE_SELECT_PAGE_SIZE, SafeImage, SaveSearchDialog, SavedSearchChipList, SavedSearchesMenu, ScaleRangeFilter, ScrollFade, SearchBox, SearchInput, SearchableSelect, SectionCard, SectionIcon, SegmentedControl, ShareDialog, ShareMenu, ShimmerTable, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupLabel, SidebarHeader, SidebarInset, SidebarMenu, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, SlideOut, SlideOutClose, SlideOutContent, SlideOutDescription, SlideOutHeader, SlideOutOverlay, SlideOutPortal, SlideOutTitle, SlideOutTrigger, Slider, SpecList, Spinner, SquareSkeleton, StateSelect, StatusBadge$1 as StatusBadge, StatusFilter, Stepper, StockTypeFilter, TablePagination, TableRowsSkeleton, TableSkeleton, Tabs, TabsContent, TabsList, TabsTrigger, TagsInput, TextHyperlink, TimePicker, ToggleSwitch, TriStateFilter, TruncateTooltip, TruncatedLabel, WarehouseComboBox, WarehouseFilter, ZoomSplitViewer, asList, asText, badgeVariants, buildBulkShareMessage, buildBulkShareTitle, buildInventoryPublicUrl, buildInventoryRowProps, buildInventoryShareTitle, buildNumberRuleHelp, buildWhatsappUrl, buttonVariants, cn, countries, countryByCode, createVideoMediaItem, describeFilterValue, dropdownMenuItemDestructiveClass, expandScaleRange, fieldTypeIcon, filterSavedSearches, findRegion, flagEmoji, formatAddressLocation, formatDateRange, formatFileSize, formatNumberRange, formatScaleRange, formatSelectedCount, generateActionDescription, generateTitle, getBadgeTypeForStatus, getChangePills, getCountryName, getInitials, getStatesOfCountry, iconButtonVariants, inAppNotificationCardA11y, inAppNotificationsPanelA11y, isBlank, isDuplicateSearchName, isFilterValueActive, isIndiaCountry, isKnownRegion, isPathActive, isValidAlpha2CountryCode, isValidSearchName, isValueEmpty, notify, parseNumberExpression, releaseStaleOverlayBodyLock, renderBadge, resolveCountryCode, resolveDatePreset, resolveDateRange, splitIdList, toAddressFormValues, toBoolValue, toContainsValue, toDateValue, toIdsValue, toListValue, toNumberValue, toScaleValue, useAuditShowMore, useBadge, useButton, useDropdownMenu, useInAppNotificationsPanel, useNavbar, useSidebar, valueOfType, videoThumbnailSrc, watchOverlayBodyLock };
 //# sourceMappingURL=index.esm.js.map