@mdspl/mds-shared-ui 1.3.1 → 1.3.3

package/dist/index.js

@@ -1,13 +1,13 @@
 import * as Wt from "react";
-import oe, { useLayoutEffect as $o, useEffect as Y, useRef as q, useMemo as U, useCallback as ee, useState as B, createContext as nt, memo as Ar, useReducer as Ao, useContext as He, forwardRef as On, createElement as wn } from "react";
-import { Menu as yt, Checkbox as Re, IconButton as we, Portal as rt, Table as ae, HStack as fe, Box as he, Select as te, Pagination as Yt, createListCollection as kr, Text as Q, ButtonGroup as ko, Skeleton as zo, Spinner as zr, Combobox as Te, useListCollection as Lo, Span as No, Popover as Ae, Group as Lr, Input as Xt, InputAddon as Nr, Grid as Pr, Button as Ie, Field as Me, InputGroup as Po, CloseButton as wt, Slider as St, VStack as gt, Drawer as ke, Tabs as Kt, Dialog as J, Stack as Vt, Flex as ln, PinInput as Jt } from "@chakra-ui/react";
+import oe, { useLayoutEffect as $o, useEffect as V, useRef as q, useMemo as U, useCallback as ee, useState as B, createContext as nt, memo as Ar, useReducer as Ao, useContext as He, forwardRef as On, createElement as wn } from "react";
+import { Menu as yt, Checkbox as Re, IconButton as we, Portal as rt, Table as ae, HStack as fe, Box as he, Select as te, Pagination as Vt, createListCollection as kr, Text as Q, ButtonGroup as ko, Skeleton as zo, Spinner as zr, Combobox as Te, useListCollection as Lo, Span as No, Popover as Ae, Group as Lr, Input as Xt, InputAddon as Nr, Grid as Pr, Button as Ie, Field as Me, InputGroup as Po, CloseButton as wt, Slider as St, VStack as gt, Drawer as ke, Tabs as Kt, Dialog as J, Stack as Yt, Flex as ln, PinInput as Jt } from "@chakra-ui/react";
 import { unstable_batchedUpdates as Mt, createPortal as Fo, flushSync as Wo } from "react-dom";
 function Zt(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var Ot = { exports: {} }, ht = {};
 var qn;
-function Yo() {
+function Vo() {
   if (qn) return ht;
   qn = 1;
   var e = /* @__PURE__ */ Symbol.for("react.transitional.element"), t = /* @__PURE__ */ Symbol.for("react.fragment");
@@ -30,7 +30,7 @@ function Yo() {
 }
 var ft = {};
 var Xn;
-function Vo() {
+function Yo() {
   return Xn || (Xn = 1, process.env.NODE_ENV !== "production" && (function() {
     function e(v) {
       if (v == null) return null;
@@ -107,7 +107,7 @@ function Vo() {
       }
     }
     function o() {
-      var v = V.A;
+      var v = Y.A;
       return v === null ? null : v.getOwner();
     }
     function s() {
@@ -225,7 +225,7 @@ React keys must be passed directly to JSX without using spread:
     function p(v) {
       return typeof v == "object" && v !== null && v.$$typeof === f;
     }
-    var g = oe, f = /* @__PURE__ */ Symbol.for("react.transitional.element"), m = /* @__PURE__ */ Symbol.for("react.portal"), x = /* @__PURE__ */ Symbol.for("react.fragment"), R = /* @__PURE__ */ Symbol.for("react.strict_mode"), E = /* @__PURE__ */ Symbol.for("react.profiler"), j = /* @__PURE__ */ Symbol.for("react.consumer"), T = /* @__PURE__ */ Symbol.for("react.context"), I = /* @__PURE__ */ Symbol.for("react.forward_ref"), _ = /* @__PURE__ */ Symbol.for("react.suspense"), k = /* @__PURE__ */ Symbol.for("react.suspense_list"), $ = /* @__PURE__ */ Symbol.for("react.memo"), F = /* @__PURE__ */ Symbol.for("react.lazy"), P = /* @__PURE__ */ Symbol.for("react.activity"), A = /* @__PURE__ */ Symbol.for("react.client.reference"), V = g.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, K = Object.prototype.hasOwnProperty, D = Array.isArray, y = console.createTask ? console.createTask : function() {
+    var g = oe, f = /* @__PURE__ */ Symbol.for("react.transitional.element"), m = /* @__PURE__ */ Symbol.for("react.portal"), x = /* @__PURE__ */ Symbol.for("react.fragment"), R = /* @__PURE__ */ Symbol.for("react.strict_mode"), E = /* @__PURE__ */ Symbol.for("react.profiler"), j = /* @__PURE__ */ Symbol.for("react.consumer"), T = /* @__PURE__ */ Symbol.for("react.context"), I = /* @__PURE__ */ Symbol.for("react.forward_ref"), _ = /* @__PURE__ */ Symbol.for("react.suspense"), k = /* @__PURE__ */ Symbol.for("react.suspense_list"), $ = /* @__PURE__ */ Symbol.for("react.memo"), F = /* @__PURE__ */ Symbol.for("react.lazy"), P = /* @__PURE__ */ Symbol.for("react.activity"), A = /* @__PURE__ */ Symbol.for("react.client.reference"), Y = g.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, K = Object.prototype.hasOwnProperty, D = Array.isArray, y = console.createTask ? console.createTask : function() {
       return null;
     };
     g = {
@@ -238,7 +238,7 @@ React keys must be passed directly to JSX without using spread:
       s
     )(), M = y(r(s)), z = {};
     ft.Fragment = x, ft.jsx = function(v, O, L) {
-      var N = 1e4 > V.recentlyCreatedOwnerStacks++;
+      var N = 1e4 > Y.recentlyCreatedOwnerStacks++;
       return h(
         v,
         O,
@@ -248,7 +248,7 @@ React keys must be passed directly to JSX without using spread:
         N ? y(r(v)) : M
       );
     }, ft.jsxs = function(v, O, L) {
-      var N = 1e4 > V.recentlyCreatedOwnerStacks++;
+      var N = 1e4 > Y.recentlyCreatedOwnerStacks++;
       return h(
         v,
         O,
@@ -262,7 +262,7 @@ React keys must be passed directly to JSX without using spread:
 }
 var Kn;
 function Ho() {
-  return Kn || (Kn = 1, process.env.NODE_ENV === "production" ? Ot.exports = Yo() : Ot.exports = Vo()), Ot.exports;
+  return Kn || (Kn = 1, process.env.NODE_ENV === "production" ? Ot.exports = Vo() : Ot.exports = Yo()), Ot.exports;
 }
 var l = Ho();
 function Bo() {
@@ -304,7 +304,7 @@ function Fr(e) {
 function st(e) {
   return e ? ot(e) ? e.document : _n(e) ? Tn(e) ? e : Ct(e) || Fr(e) ? e.ownerDocument : document : document : document;
 }
-const $e = Qt ? $o : Y;
+const $e = Qt ? $o : V;
 function In(e) {
   const t = q(e);
   return $e(() => {
@@ -353,7 +353,7 @@ function Ht(e) {
 }
 function Sn(e) {
   const t = q();
-  return Y(() => {
+  return V(() => {
     t.current = e;
   }, [e]), t.current;
 }
@@ -522,10 +522,10 @@ function Qo() {
     announcement: e
   };
 }
-const Yr = /* @__PURE__ */ nt(null);
+const Vr = /* @__PURE__ */ nt(null);
 function es(e) {
-  const t = He(Yr);
-  Y(() => {
+  const t = He(Vr);
+  V(() => {
     if (!t)
       throw new Error("useDndMonitor must be used within a children of <DndContext>");
     return t(e);
@@ -589,7 +589,7 @@ function os(e) {
     announce: s,
     announcement: i
   } = Qo(), a = jt("DndLiveRegion"), [c, u] = B(!1);
-  if (Y(() => {
+  if (V(() => {
     u(!0);
   }, []), es(U(() => ({
     onDragStart(d) {
@@ -719,7 +719,7 @@ function Zn(e, t, n) {
     y: n + e.height * 0.5
   };
 }
-const Vr = (e) => {
+const Yr = (e) => {
   let {
     collisionRect: t,
     droppableRects: n,
@@ -1212,29 +1212,29 @@ class Zr {
             y: Math.min(x === G.Down ? k.bottom - k.height / 2 : k.bottom, Math.max(x === G.Down ? k.top : k.top + k.height / 2, d.y))
           }, F = x === G.Right && !E || x === G.Left && !j, P = x === G.Down && !T || x === G.Up && !R;
           if (F && $.x !== d.x) {
-            const A = m.scrollLeft + p.x, V = x === G.Right && A <= I.x || x === G.Left && A >= _.x;
-            if (V && !p.y) {
+            const A = m.scrollLeft + p.x, Y = x === G.Right && A <= I.x || x === G.Left && A >= _.x;
+            if (Y && !p.y) {
               m.scrollTo({
                 left: A,
                 behavior: a
               });
               return;
             }
-            V ? g.x = m.scrollLeft - A : g.x = x === G.Right ? m.scrollLeft - I.x : m.scrollLeft - _.x, g.x && m.scrollBy({
+            Y ? g.x = m.scrollLeft - A : g.x = x === G.Right ? m.scrollLeft - I.x : m.scrollLeft - _.x, g.x && m.scrollBy({
               left: -g.x,
               behavior: a
             });
             break;
           } else if (P && $.y !== d.y) {
-            const A = m.scrollTop + p.y, V = x === G.Down && A <= I.y || x === G.Up && A >= _.y;
-            if (V && !p.x) {
+            const A = m.scrollTop + p.y, Y = x === G.Down && A <= I.y || x === G.Up && A >= _.y;
+            if (Y && !p.x) {
               m.scrollTo({
                 top: A,
                 behavior: a
               });
               return;
             }
-            V ? g.y = m.scrollTop - A : g.y = x === G.Down ? m.scrollTop - I.y : m.scrollTop - _.y, g.y && m.scrollBy({
+            Y ? g.y = m.scrollTop - A : g.y = x === G.Down ? m.scrollTop - I.y : m.scrollTop - _.y, g.y && m.scrollBy({
               top: -g.y,
               behavior: a
             });
@@ -1561,7 +1561,7 @@ function zs(e) {
     const k = x.current.x * R.current.x, $ = x.current.y * R.current.y;
     _.scrollBy(k, $);
   }, []), I = U(() => a === Gt.TreeOrder ? [...u].reverse() : u, [a, u]);
-  Y(
+  V(
     () => {
       if (!s || !u.length || !E) {
         m();
@@ -1706,21 +1706,21 @@ function Ws(e, t) {
     }
     return R;
   }, [e, s, n, d, c]);
-  return Y(() => {
+  return V(() => {
     h.current = e;
-  }, [e]), Y(
+  }, [e]), V(
     () => {
       d || g();
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [n, d]
-  ), Y(
+  ), V(
     () => {
       s && s.length > 0 && i(null);
     },
     //eslint-disable-next-line react-hooks/exhaustive-deps
     [JSON.stringify(s)]
-  ), Y(
+  ), V(
     () => {
       d || typeof a != "number" || f.current !== null || (f.current = setTimeout(() => {
         g(), f.current = null;
@@ -1747,10 +1747,10 @@ function Ws(e, t) {
 function Qr(e, t) {
   return Dt((n) => e ? n || (typeof t == "function" ? t(e) : e) : null, [t, e]);
 }
-function Ys(e, t) {
+function Vs(e, t) {
   return Qr(e, t);
 }
-function Vs(e) {
+function Ys(e) {
   let {
     callback: t,
     disabled: n
@@ -1763,7 +1763,7 @@ function Vs(e) {
     } = window;
     return new s(r);
   }, [r, n]);
-  return Y(() => () => o?.disconnect(), [o]), o;
+  return V(() => () => o?.disconnect(), [o]), o;
 }
 function en(e) {
   let {
@@ -1782,7 +1782,7 @@ function en(e) {
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [n]
   );
-  return Y(() => () => o?.disconnect(), [o]), o;
+  return V(() => () => o?.disconnect(), [o]), o;
 }
 function Hs(e) {
   return new kn(it(e), e);
@@ -1802,7 +1802,7 @@ function or(e, t, n) {
       return JSON.stringify(c) === JSON.stringify(h) ? c : h;
     });
   }
-  const i = Vs({
+  const i = Ys({
     callback(c) {
       if (e)
         for (const u of c) {
@@ -1833,7 +1833,7 @@ function Bs(e) {
 const sr = [];
 function Us(e) {
   const t = q(e), n = Dt((r) => e ? r && r !== sr && e && t.current && e.parentNode === t.current.parentNode ? r : An(e) : sr, [e]);
-  return Y(() => {
+  return V(() => {
     t.current = e;
   }, [e]), n;
 }
@@ -1842,7 +1842,7 @@ function Gs(e) {
     const i = un(s.target);
     i && n((a) => a ? (a.set(i, Dn(i)), new Map(a)) : null);
   }, []);
-  return Y(() => {
+  return V(() => {
     const s = r.current;
     if (e !== s) {
       i(s);
@@ -1868,19 +1868,19 @@ function Gs(e) {
 function ir(e, t) {
   t === void 0 && (t = []);
   const n = q(null);
-  return Y(
+  return V(
     () => {
       n.current = null;
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
     t
-  ), Y(() => {
+  ), V(() => {
     const r = e !== Ee;
     r && !n.current && (n.current = e), !r && n.current && (n.current = null);
   }, [e]), n.current ? Bt(e, n.current) : Ee;
 }
 function qs(e) {
-  Y(
+  V(
     () => {
       if (!Qt)
         return;
@@ -2172,7 +2172,7 @@ function si(e) {
     activatorEvent: r,
     draggableNodes: o
   } = He(tn), s = Sn(r), i = Sn(n?.id);
-  return Y(() => {
+  return V(() => {
     if (!t && !r && s && i != null) {
       if (!$n(s) || document.activeElement === s.target)
         return;
@@ -2268,10 +2268,10 @@ const no = /* @__PURE__ */ nt({
   scaleX: 1,
   scaleY: 1
 });
-var Ve;
+var Ye;
 (function(e) {
   e[e.Uninitialized = 0] = "Uninitialized", e[e.Initializing = 1] = "Initializing", e[e.Initialized = 2] = "Initialized";
-})(Ve || (Ve = {}));
+})(Ye || (Ye = {}));
 const ro = /* @__PURE__ */ Ar(function(t) {
   var n, r, o, s;
   let {
@@ -2285,7 +2285,7 @@ const ro = /* @__PURE__ */ Ar(function(t) {
     modifiers: g,
     ...f
   } = t;
-  const m = Ao(oi, void 0, ri), [x, R] = m, [E, j] = ts(), [T, I] = B(Ve.Uninitialized), _ = T === Ve.Initialized, {
+  const m = Ao(oi, void 0, ri), [x, R] = m, [E, j] = ts(), [T, I] = B(Ye.Uninitialized), _ = T === Ye.Initialized, {
     draggable: {
       active: k,
       nodes: $,
@@ -2294,7 +2294,7 @@ const ro = /* @__PURE__ */ Ar(function(t) {
     droppable: {
       containers: P
     }
-  } = x, A = k != null ? $.get(k) : null, V = q({
+  } = x, A = k != null ? $.get(k) : null, Y = q({
     initial: null,
     translated: null
   }), K = U(() => {
@@ -2303,7 +2303,7 @@ const ro = /* @__PURE__ */ Ar(function(t) {
       id: k,
       // It's possible for the active node to unmount while dragging
       data: (de = A?.data) != null ? de : ei,
-      rect: V
+      rect: Y
     } : null;
   }, [k, A]), D = q(null), [y, w] = B(null), [C, S] = B(null), M = xt(f, Object.values(f)), z = jt("DndDescribedBy", i), v = U(() => P.getEnabled(), [P]), O = ai(p), {
     droppableRects: L,
@@ -2313,7 +2313,7 @@ const ro = /* @__PURE__ */ Ar(function(t) {
     dragging: _,
     dependencies: [F.x, F.y],
     config: O.droppable
-  }), X = Ps($, k), H = U(() => C ? Cn(C) : null, [C]), ne = Io(), re = Ys(X, O.draggable.measure);
+  }), X = Ps($, k), H = U(() => C ? Cn(C) : null, [C]), ne = Io(), re = Vs(X, O.draggable.measure);
   li({
     activeNode: k != null ? $.get(k) : null,
     config: ne.layoutShiftCompensation,
@@ -2353,12 +2353,12 @@ const ro = /* @__PURE__ */ Ar(function(t) {
     scrollableAncestors: Ne,
     scrollableAncestorRects: Et,
     windowRect: on
-  }), Yn = H ? et(H, F) : null, Vn = Gs(Ne), jo = ir(Vn), Eo = ir(Vn, [W]), Xe = et(Rt, jo), Ke = qe ? ps(qe, Rt) : null, lt = K && Ke ? d({
+  }), Vn = H ? et(H, F) : null, Yn = Gs(Ne), jo = ir(Yn), Eo = ir(Yn, [W]), Xe = et(Rt, jo), Ke = qe ? ps(qe, Rt) : null, lt = K && Ke ? d({
     active: K,
     collisionRect: Ke,
     droppableRects: L,
     droppableContainers: v,
-    pointerCoordinates: Yn
+    pointerCoordinates: Vn
   }) : null, Hn = us(lt, "id"), [Pe, Bn] = B(null), Ro = Fn ? Rt : et(Rt, Eo), Mo = fs(Ro, (s = Pe?.rect) != null ? s : null, W), sn = q(null), Un = ee(
     (de, xe) => {
       let {
@@ -2396,15 +2396,15 @@ const ro = /* @__PURE__ */ Ar(function(t) {
             return;
           const {
             onDragPending: ut
-          } = M.current, Ye = {
+          } = M.current, Ve = {
             id: le,
             constraint: We,
             initialCoordinates: _e,
             offset: Le
           };
-          ut?.(Ye), E({
+          ut?.(Ve), E({
             type: "onDragPending",
-            event: Ye
+            event: Ve
           });
         },
         onStart(le) {
@@ -2421,11 +2421,11 @@ const ro = /* @__PURE__ */ Ar(function(t) {
             active: {
               id: We,
               data: _e.data,
-              rect: V
+              rect: Y
             }
           };
           Mt(() => {
-            Le?.(ct), I(Ve.Initializing), R({
+            Le?.(ct), I(Ye.Initializing), R({
               type: se.DragStart,
               initialCoordinates: le,
               active: We
@@ -2453,29 +2453,29 @@ const ro = /* @__PURE__ */ Ar(function(t) {
             over: ct,
             scrollAdjustedTranslate: ut
           } = ue.current;
-          let Ye = null;
+          let Ve = null;
           if (_e && ut) {
             const {
               cancelDrop: dt
             } = M.current;
-            Ye = {
+            Ve = {
               activatorEvent: ye,
               active: _e,
               collisions: Le,
               delta: ut,
               over: ct
-            }, le === se.DragEnd && typeof dt == "function" && await Promise.resolve(dt(Ye)) && (le = se.DragCancel);
+            }, le === se.DragEnd && typeof dt == "function" && await Promise.resolve(dt(Ve)) && (le = se.DragCancel);
           }
           D.current = null, Mt(() => {
             R({
               type: le
-            }), I(Ve.Uninitialized), Bn(null), w(null), S(null), sn.current = null;
+            }), I(Ye.Uninitialized), Bn(null), w(null), S(null), sn.current = null;
             const dt = le === se.DragEnd ? "onDragEnd" : "onDragCancel";
-            if (Ye) {
+            if (Ve) {
               const an = M.current[dt];
-              an?.(Ye), E({
+              an?.(Ve), E({
                 type: dt,
-                event: Ye
+                event: Ve
               });
             }
           });
@@ -2501,8 +2501,8 @@ const ro = /* @__PURE__ */ Ar(function(t) {
     }, D.current = Fe, Un(be, xe));
   }, [$, Un]), Gn = Fs(h, Oo);
   qs(h), $e(() => {
-    W && T === Ve.Initializing && I(Ve.Initialized);
-  }, [W, T]), Y(
+    W && T === Ye.Initializing && I(Ye.Initialized);
+  }, [W, T]), V(
     () => {
       const {
         onDragMove: de
@@ -2533,7 +2533,7 @@ const ro = /* @__PURE__ */ Ar(function(t) {
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [Xe.x, Xe.y]
-  ), Y(
+  ), V(
     () => {
       const {
         active: de,
@@ -2585,7 +2585,7 @@ const ro = /* @__PURE__ */ Ar(function(t) {
       over: Pe,
       scrollableAncestors: Ne,
       scrollAdjustedTranslate: Xe
-    }, V.current = {
+    }, Y.current = {
       initial: qe,
       translated: Ke
     };
@@ -2593,7 +2593,7 @@ const ro = /* @__PURE__ */ Ar(function(t) {
     ...ne,
     delta: F,
     draggingRect: Ke,
-    pointerCoordinates: Yn,
+    pointerCoordinates: Vn,
     scrollableAncestors: Ne,
     scrollableAncestorRects: Et
   });
@@ -2628,7 +2628,7 @@ const ro = /* @__PURE__ */ Ar(function(t) {
     over: Pe,
     measureDroppableContainers: N
   }), [C, Gn, K, W, R, z, $, Pe, N]);
-  return oe.createElement(Yr.Provider, {
+  return oe.createElement(Vr.Provider, {
     value: j
   }, oe.createElement(tn.Provider, {
     value: To
@@ -2753,9 +2753,9 @@ function pi(e) {
   }), T = ee(($, F) => {
     j && (F && (j.unobserve(F), d.current = !1), $ && j.observe($));
   }, [j]), [I, _] = Ht(T), k = xt(t);
-  return Y(() => {
+  return V(() => {
     !j || !I.current || (j.disconnect(), d.current = !1, j.observe(I.current));
-  }, [I, j]), Y(
+  }, [I, j]), V(
     () => (a({
       type: se.RegisterDroppable,
       element: {
@@ -2773,7 +2773,7 @@ function pi(e) {
     })),
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [r]
-  ), Y(() => {
+  ), V(() => {
     n !== h.current.disabled && (a({
       type: se.SetDroppableDisabled,
       id: r,
@@ -2947,7 +2947,7 @@ function ao(e) {
   } = hi(), d = jt(so, n), p = a.rect !== null, g = U(() => r.map((_) => typeof _ == "object" && "id" in _ ? _.id : _), [r]), f = i != null, m = i ? g.indexOf(i.id) : -1, x = u ? g.indexOf(u.id) : -1, R = q(g), E = !vi(g, R.current), j = x !== -1 && m === -1 || E, T = xi(s);
   $e(() => {
     E && f && h(g);
-  }, [E, g, f, h]), Y(() => {
+  }, [E, g, f, h]), V(() => {
     R.current = g;
   }, [g]);
   const I = U(
@@ -3024,7 +3024,7 @@ function Mi(e) {
       }
     }
     n !== a.current && (a.current = n);
-  }, [t, n, r, o]), Y(() => {
+  }, [t, n, r, o]), V(() => {
     s && i(null);
   }, [s]), s;
 }
@@ -3072,7 +3072,7 @@ function co(e) {
     }
   }), {
     active: A,
-    activatorEvent: V,
+    activatorEvent: Y,
     activeNodeRect: K,
     attributes: D,
     setNodeRef: y,
@@ -3124,9 +3124,9 @@ function co(e) {
     node: $,
     rect: k
   });
-  return Y(() => {
+  return V(() => {
     O && W.current.newIndex !== ne && (W.current.newIndex = ne), d !== W.current.containerId && (W.current.containerId = d), h !== W.current.items && (W.current.items = h);
-  }, [O, ne, d, h]), Y(() => {
+  }, [O, ne, d, h]), V(() => {
     if (re === W.current.activeId)
       return;
     if (re != null && W.current.activeId == null) {
@@ -3167,7 +3167,7 @@ function co(e) {
       pe && W.current.newIndex === T
     )
       return Ei;
-    if (!(N && !$n(V) || !u) && (O || ue))
+    if (!(N && !$n(Y) || !u) && (O || ue))
       return tt.Transition.toString({
         ...u,
         property: lo
@@ -3474,7 +3474,7 @@ class Wi {
   }
 }
 function at(e, t = (r) => r, n = {}) {
-  const r = n.equal ?? Yi;
+  const r = n.equal ?? Vi;
   return ki.useSyncExternalStoreWithSelector(
     e.subscribe,
     () => e.state,
@@ -3483,7 +3483,7 @@ function at(e, t = (r) => r, n = {}) {
     r
   );
 }
-function Yi(e, t) {
+function Vi(e, t) {
   if (Object.is(e, t))
     return !0;
   if (typeof e != "object" || e === null || typeof t != "object" || t === null)
@@ -3555,7 +3555,7 @@ function vr(e, t) {
     throw new Error("Unexpected undefined");
   return e;
 }
-const Vi = (e, t) => Math.abs(e - t) < 1.01, Hi = (e, t, n) => {
+const Yi = (e, t) => Math.abs(e - t) < 1.01, Hi = (e, t, n) => {
   let r;
   return function(...o) {
     e.clearTimeout(r), r = e.setTimeout(() => t.apply(this, o), n);
@@ -3983,7 +3983,7 @@ class Ji {
               console.warn("Failed to get offset for index:", n);
               return;
             }
-            Vi(m[0], f) || c(p);
+            Yi(m[0], f) || c(p);
           };
           this.isDynamicMode() ? this.targetWindow.requestAnimationFrame(g) : g();
         });
@@ -4388,8 +4388,8 @@ function b(e) {
     );
   });
 }
-const za = b(yt.Trigger), La = b(yt.Positioner), Na = b(yt.Content), Pa = b(yt.Item), Fa = b(Re.Label), Wa = b(Re.HiddenInput), Ya = b(Re.Control);
-function Va({ visibility: e }) {
+const za = b(yt.Trigger), La = b(yt.Positioner), Na = b(yt.Content), Pa = b(yt.Item), Fa = b(Re.Label), Wa = b(Re.HiddenInput), Va = b(Re.Control);
+function Ya({ visibility: e }) {
   const { sortableColumns: t } = at(ge);
   return /* @__PURE__ */ l.jsxs(yt.Root, { closeOnSelect: !1, children: [
     /* @__PURE__ */ l.jsx(za, { asChild: !0, children: /* @__PURE__ */ l.jsx(we, { "aria-label": "Toggle columns", variant: "ghost", ml: "1", size: "xs", children: /* @__PURE__ */ l.jsx($a, { size: 18 }) }) }),
@@ -4397,7 +4397,7 @@ function Va({ visibility: e }) {
       const r = !!e[n.id];
       return /* @__PURE__ */ l.jsx(Pa, { value: n.id, closeOnSelect: !1, children: /* @__PURE__ */ l.jsxs(Re.Root, { checked: r, onCheckedChange: () => sa(n.id), children: [
         /* @__PURE__ */ l.jsx(Wa, {}),
-        /* @__PURE__ */ l.jsx(Ya, {}),
+        /* @__PURE__ */ l.jsx(Va, {}),
         /* @__PURE__ */ l.jsx(Fa, { children: n.label })
       ] }) }, n.id);
     }) }) }) })
@@ -4481,7 +4481,7 @@ function Ba() {
       },
       children: /* @__PURE__ */ l.jsx(ae.Row, { height: "28px", children: s.map((i) => {
         if (i.id === je)
-          return /* @__PURE__ */ l.jsx(ae.ColumnHeader, { bg: "gray.100", w: 100, children: /* @__PURE__ */ l.jsx(Va, { visibility: t }) }, i.id);
+          return /* @__PURE__ */ l.jsx(ae.ColumnHeader, { bg: "gray.100", w: 100, children: /* @__PURE__ */ l.jsx(Ya, { visibility: t }) }, i.id);
         const a = i.type !== "actions" && i.type !== "visibility", c = r === i.id;
         return /* @__PURE__ */ l.jsx(
           Ha,
@@ -4513,7 +4513,7 @@ function Ba() {
     }
   );
 }
-const Ua = [10, 20, 50, 100], Ga = b(te.Positioner), qa = b(te.Content), Xa = b(te.Item), Ka = b(Yt.PrevTrigger), Ja = b(Yt.NextTrigger), Za = b(te.HiddenSelect), Qa = b(te.Control), el = b(te.Trigger), tl = b(te.ValueText), nl = b(te.IndicatorGroup), rl = b(te.Indicator);
+const Ua = [10, 20, 50, 100], Ga = b(te.Positioner), qa = b(te.Content), Xa = b(te.Item), Ka = b(Vt.PrevTrigger), Ja = b(Vt.NextTrigger), Za = b(te.HiddenSelect), Qa = b(te.Control), el = b(te.Trigger), tl = b(te.ValueText), nl = b(te.IndicatorGroup), rl = b(te.Indicator);
 function ol({
   totalCount: e,
   pageSize: t,
@@ -4559,7 +4559,7 @@ function ol({
       ] })
     ] }),
     /* @__PURE__ */ l.jsx(
-      Yt.Root,
+      Vt.Root,
       {
         count: e,
         pageSize: t,
@@ -4569,7 +4569,7 @@ function ol({
         children: /* @__PURE__ */ l.jsxs(ko, { size: "sm", variant: "ghost", children: [
           /* @__PURE__ */ l.jsx(Ka, { asChild: !0, children: /* @__PURE__ */ l.jsx(we, { "aria-label": "Previous page", children: /* @__PURE__ */ l.jsx(xa, { size: 18 }) }) }),
           /* @__PURE__ */ l.jsx(
-            Yt.Items,
+            Vt.Items,
             {
               render: (c) => /* @__PURE__ */ l.jsx(
                 we,
@@ -4670,7 +4670,7 @@ function cl(e, t, n) {
   };
   return [...e].sort((s, i) => o(s, i, n));
 }
-function Yu({
+function Vu({
   tableId: e,
   data: t = [],
   headers: n = [],
@@ -4693,9 +4693,9 @@ function Yu({
   // Default false, but we auto-detect below
 }) {
   const j = q(null);
-  Y(() => {
+  V(() => {
     na(e);
-  }, [e]), Y(() => {
+  }, [e]), V(() => {
     ta(t, n, x);
   }, [t, n, x]);
   const { sortColumn: T, sortDirection: I, data: _, columnOrder: k } = at(ge), $ = U(
@@ -4716,7 +4716,7 @@ function Yu({
     const O = $.findIndex((N) => N.id === z.id), L = $.findIndex((N) => N.id === v.id);
     ra(nn($, O, L));
   }, w = r && !s, C = s && !r, S = !r && !s && A.length === 0;
-  return /* @__PURE__ */ l.jsx(ro, { collisionDetection: Vr, onDragEnd: y, children: /* @__PURE__ */ l.jsx(
+  return /* @__PURE__ */ l.jsx(ro, { collisionDetection: Yr, onDragEnd: y, children: /* @__PURE__ */ l.jsx(
     ao,
     {
       items: $.map((M) => M.id),
@@ -4894,12 +4894,12 @@ function Ol({
     itemToValue: i
   }), A = U(() => {
     if (!_) return $;
-    const V = _.toLowerCase();
-    return $.filter((K) => s(K).toLowerCase().includes(V));
+    const Y = _.toLowerCase();
+    return $.filter((K) => s(K).toLowerCase().includes(Y));
   }, [o, _, s]);
-  return Y(() => {
+  return V(() => {
     P(A);
-  }, [A, P]), Y(() => {
+  }, [A, P]), V(() => {
     c && k(s(c));
   }, [c, s]), /* @__PURE__ */ l.jsxs(
     wl,
@@ -4909,12 +4909,12 @@ function Ol({
       variant: r,
       collection: F,
       placeholder: p,
-      onInputValueChange: (V) => {
-        f?.(V.inputValue), k(V.inputValue);
+      onInputValueChange: (Y) => {
+        f?.(Y.inputValue), k(Y.inputValue);
       },
       value: c ? [i(c)] : [],
-      onValueChange: (V) => {
-        const K = V.value?.[0];
+      onValueChange: (Y) => {
+        const K = Y.value?.[0];
         if (!K) return;
         const D = F.items.find((y) => i(y) === K);
         D && m?.(D);
@@ -4934,10 +4934,10 @@ function Ol({
           u ? /* @__PURE__ */ l.jsxs(fe, { p: "2", children: [
             /* @__PURE__ */ l.jsx(zr, { size: "xs", borderWidth: "1px" }),
             /* @__PURE__ */ l.jsx(No, { children: "Loading..." })
-          ] }) : h ? /* @__PURE__ */ l.jsx(Q, { p: "2", color: "red.500", fontSize: "sm", children: d || "Something went wrong" }) : F.items.map((V) => /* @__PURE__ */ l.jsxs(Te.Item, { item: V, ...I, children: [
-            a(V),
+          ] }) : h ? /* @__PURE__ */ l.jsx(Q, { p: "2", color: "red.500", fontSize: "sm", children: d || "Something went wrong" }) : F.items.map((Y) => /* @__PURE__ */ l.jsxs(Te.Item, { item: Y, ...I, children: [
+            a(Y),
             /* @__PURE__ */ l.jsx(Te.ItemIndicator, {})
-          ] }, i(V))),
+          ] }, i(Y))),
           g && !h && !u && /* @__PURE__ */ l.jsx(Q, { p: "2", color: "fg.muted", fontSize: "sm", children: g })
         ] }) })
       ]
@@ -4966,7 +4966,7 @@ function kl({
   startDate: e,
   endDate: t,
   onChange: n,
-  width: r = "280px",
+  width: r = "100%",
   showLabel: o = !0,
   label: s = "Select date range",
   visible: i = !0
@@ -4974,7 +4974,7 @@ function kl({
   const [a, c] = B(!1), [u, h] = B(e || /* @__PURE__ */ new Date()), [d, p] = B(null), [g, f] = B(Be(e)), [m, x] = B(Be(t)), R = (D, y) => D && y ? `${Ue(D)} to ${Ue(y)}` : D ? `${Ue(D)}` : "", [E, j] = B(
     R(Be(e), Be(t))
   ), T = e?.getTime(), I = t?.getTime();
-  Y(() => {
+  V(() => {
     const D = Be(e), y = Be(t);
     f(D), x(y), j(R(D, y)), D && h(new Date(D.getFullYear(), D.getMonth(), 1));
   }, [T, I]);
@@ -4996,7 +4996,7 @@ function kl({
       const S = w < C ? w : C, M = w < C ? C : w;
       f(S), x(M), n(S, M), h(S);
     } else w && !y.toLowerCase().includes("to") ? (f(w), x(null), n(w, null)) : y.trim() || (f(null), x(null), n(null, null));
-  }, V = (D) => {
+  }, Y = (D) => {
     if (D.key !== "Enter") return;
     const { start: y, end: w } = Dr(E);
     if (y && !w && !E.toLowerCase().includes("to")) {
@@ -5013,7 +5013,7 @@ function kl({
   }, K = (D) => {
     D && (D.preventDefault(), D.stopPropagation()), f(null), x(null), j(""), n(null, null);
   };
-  return /* @__PURE__ */ l.jsxs(he, { width: r, onKeyDown: V, children: [
+  return /* @__PURE__ */ l.jsxs(he, { width: r, onKeyDown: Y, children: [
     o && !i && /* @__PURE__ */ l.jsx(Q, { fontSize: "xs", color: "fg.muted", mb: 1, fontWeight: "medium", children: s }),
     /* @__PURE__ */ l.jsxs(
       _l,
@@ -5163,7 +5163,7 @@ function Wl(e) {
   const c = new Date(a, i, s);
   return c.getDate() === s && c.getMonth() === i ? c : null;
 }
-function Yl({
+function Vl({
   value: e,
   onChange: t,
   width: n = "220px",
@@ -5171,7 +5171,7 @@ function Yl({
   label: o = "Select date"
 }) {
   const [s, i] = B(!1), [a, c] = B(e || /* @__PURE__ */ new Date()), [u, h] = B(jr(e));
-  Y(() => {
+  V(() => {
     h(jr(e));
   }, [e]);
   const d = new Date(a.getFullYear(), a.getMonth() + 1, 0).getDate(), p = new Date(a.getFullYear(), a.getMonth(), 1).getDay(), g = () => {
@@ -5316,7 +5316,7 @@ function Yl({
     )
   ] });
 }
-const Vl = b(Me.Root), Hl = b(Me.Label), Bl = b(Me.HelperText), Ul = b(Me.ErrorText), Er = ({
+const Yl = b(Me.Root), Hl = b(Me.Label), Bl = b(Me.HelperText), Ul = b(Me.ErrorText), Er = ({
   icon: e,
   value: t,
   onChange: n,
@@ -5334,7 +5334,7 @@ const Vl = b(Me.Root), Hl = b(Me.Label), Bl = b(Me.HelperText), Ul = b(Me.ErrorT
   min: f = 0,
   max: m = 100,
   step: x = 1
-}) => /* @__PURE__ */ l.jsxs(Vl, { width: i, children: [
+}) => /* @__PURE__ */ l.jsxs(Yl, { width: i, children: [
   p && /* @__PURE__ */ l.jsx(Hl, { children: a }),
   /* @__PURE__ */ l.jsx(Po, { startElement: e, children: /* @__PURE__ */ l.jsx(
     Xt,
@@ -5539,31 +5539,15 @@ const Vl = b(Me.Root), Hl = b(Me.Label), Bl = b(Me.HelperText), Ul = b(Me.ErrorT
         }
       );
     case "date":
-      return (
-        // <DateRangeFilter
-        //   value={filter.value as string}
-        //   onChange={filter.onChange as (v: string | undefined) => void}
-        // />
-        /* @__PURE__ */ l.jsx(
-          Yl,
-          {
-            value: e.value,
-            onChange: e.onChange,
-            visible: t,
-            label: e.label
-          }
-        )
+      return /* @__PURE__ */ l.jsx(
+        Vl,
+        {
+          value: e.value,
+          onChange: e.onChange,
+          visible: t,
+          label: e.label
+        }
       );
-    // case 'date-range':
-    //   return (
-    //     <MDSDateRangePicker
-    //       startDate={filter.startDate ? new Date(filter.startDate) : undefined}
-    //       endDate={filter.endDate ? new Date(filter.endDate) : undefined}
-    //       onChange={filter.onChange as (v: string | Date | null | undefined) => void}
-    //       visible={drawerOpen}
-    //       label={filter.label}
-    //     />
-    //   );
     case "date-range":
       const n = e.value, r = n?.startDate || e.startDate, o = n?.endDate || e.endDate;
       return /* @__PURE__ */ l.jsx(
@@ -5606,7 +5590,7 @@ const Vl = b(Me.Root), Hl = b(Me.Label), Bl = b(Me.HelperText), Ul = b(Me.ErrorT
   onOpenChange: h
 }) => {
   const [d, p] = B([]);
-  Y(() => {
+  V(() => {
     const f = () => {
       p(Pn(s));
     };
@@ -5671,7 +5655,7 @@ const Vl = b(Me.Root), Hl = b(Me.Label), Bl = b(Me.HelperText), Ul = b(Me.ErrorT
             ro,
             {
               sensors: is(ss(Ln)),
-              collisionDetection: Vr,
+              collisionDetection: Yr,
               onDragEnd: ({ active: f, over: m }) => {
                 if (!m || f.id === m.id) return;
                 const x = o.findIndex((j) => j.id === f.id), R = o.findIndex((j) => j.id === m.id), E = nn(o, x, R);
@@ -5748,7 +5732,7 @@ const Vl = b(Me.Root), Hl = b(Me.Label), Bl = b(Me.HelperText), Ul = b(Me.ErrorT
       ] }) })
     ] })
   ] }) });
-}, Vu = ({
+}, Yu = ({
   title: e,
   filters: t,
   onVisibilityChange: n,
@@ -5839,7 +5823,7 @@ const Vl = b(Me.Root), Hl = b(Me.Label), Bl = b(Me.HelperText), Ul = b(Me.ErrorT
       s
     ] })
   }
-), Ac = b(J.Root), kc = b(J.Backdrop), zc = b(J.Positioner), Lc = b(J.Content), Nc = b(J.Header), Pc = b(J.Body), Fc = b(J.Footer), Wc = b(J.Title), Yc = b(J.CloseTrigger);
+), Ac = b(J.Root), kc = b(J.Backdrop), zc = b(J.Positioner), Lc = b(J.Content), Nc = b(J.Header), Pc = b(J.Body), Fc = b(J.Footer), Wc = b(J.Title), Vc = b(J.CloseTrigger);
 function Gu({
   open: e,
   onClose: t,
@@ -5856,7 +5840,7 @@ function Gu({
     /* @__PURE__ */ l.jsx(kc, {}),
     /* @__PURE__ */ l.jsx(zc, { children: /* @__PURE__ */ l.jsxs(Lc, { maxW: "480px", children: [
       /* @__PURE__ */ l.jsx(Nc, { borderBottom: "1px solid", borderColor: "gray.200", children: /* @__PURE__ */ l.jsx(Wc, { children: r }) }),
-      /* @__PURE__ */ l.jsx(Pc, { p: 6, children: /* @__PURE__ */ l.jsxs(Vt, { gap: 4, align: "center", textAlign: "center", children: [
+      /* @__PURE__ */ l.jsx(Pc, { p: 6, children: /* @__PURE__ */ l.jsxs(Yt, { gap: 4, align: "center", textAlign: "center", children: [
         /* @__PURE__ */ l.jsx(he, { color: "orange.500", children: a ?? /* @__PURE__ */ l.jsx(xo, { size: 40 }) }),
         /* @__PURE__ */ l.jsx(Q, { fontSize: "sm", color: "gray.600", children: o })
       ] }) }),
@@ -5884,11 +5868,11 @@ function Gu({
           ]
         }
       ),
-      /* @__PURE__ */ l.jsx(Yc, { asChild: !0, children: /* @__PURE__ */ l.jsx(wt, { size: "sm" }) })
+      /* @__PURE__ */ l.jsx(Vc, { asChild: !0, children: /* @__PURE__ */ l.jsx(wt, { size: "sm" }) })
     ] }) })
   ] }) });
 }
-const Vc = b(J.Root), Hc = b(J.Backdrop), Bc = b(J.Positioner), Uc = b(J.Content), Gc = b(J.Header), qc = b(J.Body), Xc = b(J.Footer), Kc = b(J.Title), Jc = b(J.CloseTrigger);
+const Yc = b(J.Root), Hc = b(J.Backdrop), Bc = b(J.Positioner), Uc = b(J.Content), Gc = b(J.Header), qc = b(J.Body), Xc = b(J.Footer), Kc = b(J.Title), Jc = b(J.CloseTrigger);
 function qu({
   open: e,
   onClose: t,
@@ -5901,7 +5885,7 @@ function qu({
 }) {
   const [c, u] = B(""), h = c === s;
   return /* @__PURE__ */ l.jsx(
-    Vc,
+    Yc,
     {
       open: e,
       placement: "center",
@@ -5919,8 +5903,8 @@ function qu({
               style: {
                 padding: "16px"
               },
-              children: /* @__PURE__ */ l.jsxs(Vt, { gap: 4, borderRadius: "md", p: 4, bg: "white", children: [
-                /* @__PURE__ */ l.jsx(he, { border: "1px solid", borderColor: "red.200", bg: "red.50", borderRadius: "md", p: 4, children: /* @__PURE__ */ l.jsxs(Vt, { direction: "row", gap: 3, align: "flex-start", children: [
+              children: /* @__PURE__ */ l.jsxs(Yt, { gap: 4, borderRadius: "md", p: 4, bg: "white", children: [
+                /* @__PURE__ */ l.jsx(he, { border: "1px solid", borderColor: "red.200", bg: "red.50", borderRadius: "md", p: 4, children: /* @__PURE__ */ l.jsxs(Yt, { direction: "row", gap: 3, align: "flex-start", children: [
                   /* @__PURE__ */ l.jsx(he, { color: "red.600", mt: "2px", children: /* @__PURE__ */ l.jsx(xo, { size: 20 }) }),
                   /* @__PURE__ */ l.jsxs(he, { children: [
                     /* @__PURE__ */ l.jsx(Q, { fontWeight: "semibold", color: "red.700", children: "Are you sure?" }),
@@ -6157,7 +6141,7 @@ function yu() {
       } }, I = "en", _ = {};
       _[I] = E;
       var k = "$isDayjsObject", $ = function(D) {
-        return D instanceof V || !(!D || !D[k]);
+        return D instanceof Y || !(!D || !D[k]);
       }, F = function D(y, w, C) {
         var S;
         if (!y) return I;
@@ -6174,12 +6158,12 @@ function yu() {
       }, P = function(D, y) {
         if ($(D)) return D.clone();
         var w = typeof y == "object" ? y : {};
-        return w.date = D, w.args = arguments, new V(w);
+        return w.date = D, w.args = arguments, new Y(w);
       }, A = T;
       A.l = F, A.i = $, A.w = function(D, y) {
         return P(D, { locale: y.$L, utc: y.$u, x: y.$x, $offset: y.$offset });
       };
-      var V = (function() {
+      var Y = (function() {
         function D(w) {
           this.$L = F(w.locale, null, !0), this.parse(w), this.$x = this.$x || w.x || {}, this[k] = !0;
         }
@@ -6394,13 +6378,13 @@ function yu() {
         }, y.toString = function() {
           return this.$d.toUTCString();
         }, D;
-      })(), K = V.prototype;
+      })(), K = Y.prototype;
       return P.prototype = K, [["$ms", s], ["$s", i], ["$m", a], ["$H", c], ["$W", u], ["$M", d], ["$y", g], ["$D", f]].forEach((function(D) {
         K[D[1]] = function(y) {
           return this.$g(y, D[0], D[1]);
         };
       })), P.extend = function(D, y) {
-        return D.$i || (D(y, V, P), D.$i = !0), P;
+        return D.$i || (D(y, Y, P), D.$i = !0), P;
       }, P.locale = F, P.isDayjs = $, P.unix = function(D) {
         return P(1e3 * D);
       }, P.en = _[I], P.Ls = _, P.p = {}, P;
@@ -6570,7 +6554,7 @@ function Zu({
   timeFontWeight: d = "400",
   showTime: p = !0
 }) {
-  return /* @__PURE__ */ l.jsxs(Vt, { gap: 0.5, align: s, children: [
+  return /* @__PURE__ */ l.jsxs(Yt, { gap: 0.5, align: s, children: [
     /* @__PURE__ */ l.jsx(Q, { fontSize: a, fontWeight: c, color: i, children: Tr({
       value: e,
       variant: t,
@@ -6674,7 +6658,7 @@ function Qu({
 }
 function ed(e) {
   const t = Do(), [n, r] = B(t.getRaw(e)?.value);
-  return Y(() => {
+  return V(() => {
     let o = !0;
     t.getKey(e).then((i) => {
       o && r(i);
@@ -6689,7 +6673,7 @@ function ed(e) {
 }
 function td(e) {
   const t = Do(), [n, r] = B({});
-  return Y(() => {
+  return V(() => {
     let o = !0;
     t.getMultiKey(e).then((i) => {
       o && r(i);
@@ -6736,21 +6720,22 @@ function od(e = {}) {
   };
 }
 function sd(e = {}) {
-  const { initialValue: t = "", delay: n = 300 } = e, [r, o] = B(t), s = zu(r, n), i = ee((c) => {
-    o(c);
-  }, []), a = ee(() => {
-    o(t);
+  const { initialValue: t = "", delay: n = 300, len: r = 3 } = e, [o, s] = B(t), a = o.length === 0 || o.length >= r ? o : "", c = zu(a, n), u = ee((d) => {
+    s(d);
+  }, []), h = ee(() => {
+    s(t);
   }, [t]);
   return {
-    search: r,
-    debouncedSearch: s,
-    onSearchChange: i,
-    reset: a
+    search: o,
+    debouncedSearch: c,
+    onSearchChange: u,
+    reset: h,
+    len: r
   };
 }
 function zu(e, t = 300) {
   const [n, r] = B(e);
-  return Y(() => {
+  return V(() => {
     const o = setTimeout(() => {
       r(e);
     }, t);
@@ -6759,15 +6744,15 @@ function zu(e, t = 300) {
 }
 export {
   Qe as ACTIONS_COLUMN_ID,
-  Yu as DataTable,
-  Vu as Filters,
+  Vu as DataTable,
+  Yu as Filters,
   Ir as HttpOptionsApi,
   Uu as MDSButton,
   yl as MDSCheckbox,
   Ol as MDSCombobox,
   Gu as MDSConfirmActionDialog,
   qu as MDSConfirmDeleteDialog,
-  Yl as MDSDatePicker,
+  Vl as MDSDatePicker,
   kl as MDSDateRangePicker,
   Xu as MDSDialogAction,
   Qc as MDSDialogActions,