@mdspl/mds-shared-ui 0.3.8 → 0.3.9

package/dist/index.js

@@ -1,5 +1,5 @@
-import ne, { useLayoutEffect as po, useEffect as V, useRef as U, useMemo as B, useCallback as le, useState as oe, createContext as vt, memo as go, useReducer as vo, useContext as Ve, forwardRef as wn, createElement as hn } from "react";
-import { Menu as Oe, Checkbox as De, IconButton as _e, Portal as Qe, Table as Ee, HStack as fe, createListCollection as Dr, Select as K, Pagination as Nt, Box as je, Text as q, ButtonGroup as mo, Popover as Wt, InputGroup as Cr, InputElement as Fn, PopoverArrow as bo, VStack as ke, Kbd as Hn, Input as Sn, Field as We, Slider as mt, Drawer as Me, Tabs as Bt, Button as Ke, CloseButton as Rr, Dialog as Ae, Stack as pn } from "@chakra-ui/react";
+import ne, { useLayoutEffect as go, useEffect as V, useRef as U, useMemo as B, useCallback as le, useState as oe, createContext as vt, memo as po, useReducer as vo, useContext as Ve, forwardRef as wn, createElement as hn } from "react";
+import { Menu as Oe, Checkbox as De, IconButton as _e, Portal as Qe, Table as Ee, HStack as fe, createListCollection as Dr, Select as K, Pagination as Nt, Box as je, Text as q, ButtonGroup as mo, Popover as Wt, InputGroup as Cr, InputElement as Fn, PopoverArrow as bo, VStack as ke, Kbd as Hn, Input as Sn, Field as We, Slider as mt, Drawer as Me, Tabs as Bt, Button as Ke, CloseButton as Rr, Dialog as Ae, Stack as gn } from "@chakra-ui/react";
 import { unstable_batchedUpdates as Ct, createPortal as xo } from "react-dom";
 function Ut(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
@@ -31,12 +31,12 @@ var ct = {};
 var Wn;
 function wo() {
   return Wn || (Wn = 1, process.env.NODE_ENV !== "production" && (function() {
-    function e(g) {
-      if (g == null) return null;
-      if (typeof g == "function")
-        return g.$$typeof === I ? null : g.displayName || g.name || null;
-      if (typeof g == "string") return g;
-      switch (g) {
+    function e(p) {
+      if (p == null) return null;
+      if (typeof p == "function")
+        return p.$$typeof === I ? null : p.displayName || p.name || null;
+      if (typeof p == "string") return p;
+      switch (p) {
         case b:
           return "Fragment";
         case E:
@@ -50,127 +50,127 @@ function wo() {
         case Y:
           return "Activity";
       }
-      if (typeof g == "object")
-        switch (typeof g.tag == "number" && console.error(
+      if (typeof p == "object")
+        switch (typeof p.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
-        ), g.$$typeof) {
+        ), p.$$typeof) {
           case f:
             return "Portal";
           case T:
-            return g.displayName || "Context";
+            return p.displayName || "Context";
           case R:
-            return (g._context.displayName || "Context") + ".Consumer";
+            return (p._context.displayName || "Context") + ".Consumer";
           case O:
-            var S = g.render;
-            return g = g.displayName, g || (g = S.displayName || S.name || "", g = g !== "" ? "ForwardRef(" + g + ")" : "ForwardRef"), g;
+            var S = p.render;
+            return p = p.displayName, p || (p = S.displayName || S.name || "", p = p !== "" ? "ForwardRef(" + p + ")" : "ForwardRef"), p;
           case N:
-            return S = g.displayName || null, S !== null ? S : e(g.type) || "Memo";
+            return S = p.displayName || null, S !== null ? S : e(p.type) || "Memo";
           case W:
-            S = g._payload, g = g._init;
+            S = p._payload, p = p._init;
             try {
-              return e(g(S));
+              return e(p(S));
             } catch {
             }
         }
       return null;
     }
-    function t(g) {
-      return "" + g;
+    function t(p) {
+      return "" + p;
     }
-    function n(g) {
+    function n(p) {
       try {
-        t(g);
+        t(p);
         var S = !1;
       } catch {
         S = !0;
       }
       if (S) {
         S = console;
-        var A = S.error, P = typeof Symbol == "function" && Symbol.toStringTag && g[Symbol.toStringTag] || g.constructor.name || "Object";
+        var A = S.error, P = typeof Symbol == "function" && Symbol.toStringTag && p[Symbol.toStringTag] || p.constructor.name || "Object";
         return A.call(
           S,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
           P
-        ), t(g);
+        ), t(p);
       }
     }
-    function r(g) {
-      if (g === b) return "<>";
-      if (typeof g == "object" && g !== null && g.$$typeof === W)
+    function r(p) {
+      if (p === b) return "<>";
+      if (typeof p == "object" && p !== null && p.$$typeof === W)
         return "<...>";
       try {
-        var S = e(g);
+        var S = e(p);
         return S ? "<" + S + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
     function o() {
-      var g = Q.A;
-      return g === null ? null : g.getOwner();
+      var p = Q.A;
+      return p === null ? null : p.getOwner();
     }
     function s() {
       return Error("react-stack-top-frame");
     }
-    function a(g) {
-      if (se.call(g, "key")) {
-        var S = Object.getOwnPropertyDescriptor(g, "key").get;
+    function a(p) {
+      if (se.call(p, "key")) {
+        var S = Object.getOwnPropertyDescriptor(p, "key").get;
         if (S && S.isReactWarning) return !1;
       }
-      return g.key !== void 0;
+      return p.key !== void 0;
     }
-    function c(g, S) {
+    function c(p, S) {
       function A() {
         w || (w = !0, console.error(
           "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
           S
         ));
       }
-      A.isReactWarning = !0, Object.defineProperty(g, "key", {
+      A.isReactWarning = !0, Object.defineProperty(p, "key", {
         get: A,
         configurable: !0
       });
     }
     function u() {
-      var g = e(this.type);
-      return j[g] || (j[g] = !0, console.error(
+      var p = e(this.type);
+      return j[p] || (j[p] = !0, console.error(
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
-      )), g = this.props.ref, g !== void 0 ? g : null;
+      )), p = this.props.ref, p !== void 0 ? p : null;
     }
-    function l(g, S, A, P, G, X) {
+    function l(p, S, A, P, G, X) {
       var F = A.ref;
-      return g = {
+      return p = {
         $$typeof: v,
-        type: g,
+        type: p,
         key: S,
         props: A,
         _owner: P
-      }, (F !== void 0 ? F : null) !== null ? Object.defineProperty(g, "ref", {
+      }, (F !== void 0 ? F : null) !== null ? Object.defineProperty(p, "ref", {
         enumerable: !1,
         get: u
-      }) : Object.defineProperty(g, "ref", { enumerable: !1, value: null }), g._store = {}, Object.defineProperty(g._store, "validated", {
+      }) : Object.defineProperty(p, "ref", { enumerable: !1, value: null }), p._store = {}, Object.defineProperty(p._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: 0
-      }), Object.defineProperty(g, "_debugInfo", {
+      }), Object.defineProperty(p, "_debugInfo", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: null
-      }), Object.defineProperty(g, "_debugStack", {
+      }), Object.defineProperty(p, "_debugStack", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: G
-      }), Object.defineProperty(g, "_debugTask", {
+      }), Object.defineProperty(p, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: X
-      }), Object.freeze && (Object.freeze(g.props), Object.freeze(g)), g;
+      }), Object.freeze && (Object.freeze(p.props), Object.freeze(p)), p;
     }
-    function h(g, S, A, P, G, X) {
+    function h(p, S, A, P, G, X) {
       var F = S.children;
       if (F !== void 0)
         if (P)
@@ -184,7 +184,7 @@ function wo() {
             );
         else d(F);
       if (se.call(S, "key")) {
-        F = e(g);
+        F = e(p);
         var J = Object.keys(S).filter(function(z) {
           return z !== "key";
         });
@@ -208,9 +208,9 @@ React keys must be passed directly to JSX without using spread:
       } else A = S;
       return F && c(
         A,
-        typeof g == "function" ? g.displayName || g.name || "Unknown" : g
+        typeof p == "function" ? p.displayName || p.name || "Unknown" : p
       ), l(
-        g,
+        p,
         F,
         A,
         o(),
@@ -218,43 +218,43 @@ React keys must be passed directly to JSX without using spread:
         X
       );
     }
-    function d(g) {
-      m(g) ? g._store && (g._store.validated = 1) : typeof g == "object" && g !== null && g.$$typeof === W && (g._payload.status === "fulfilled" ? m(g._payload.value) && g._payload.value._store && (g._payload.value._store.validated = 1) : g._store && (g._store.validated = 1));
+    function d(p) {
+      m(p) ? p._store && (p._store.validated = 1) : typeof p == "object" && p !== null && p.$$typeof === W && (p._payload.status === "fulfilled" ? m(p._payload.value) && p._payload.value._store && (p._payload.value._store.validated = 1) : p._store && (p._store.validated = 1));
     }
-    function m(g) {
-      return typeof g == "object" && g !== null && g.$$typeof === v;
+    function m(p) {
+      return typeof p == "object" && p !== null && p.$$typeof === v;
     }
-    var p = ne, v = /* @__PURE__ */ Symbol.for("react.transitional.element"), f = /* @__PURE__ */ Symbol.for("react.portal"), b = /* @__PURE__ */ Symbol.for("react.fragment"), x = /* @__PURE__ */ Symbol.for("react.strict_mode"), E = /* @__PURE__ */ Symbol.for("react.profiler"), R = /* @__PURE__ */ Symbol.for("react.consumer"), T = /* @__PURE__ */ Symbol.for("react.context"), O = /* @__PURE__ */ Symbol.for("react.forward_ref"), _ = /* @__PURE__ */ Symbol.for("react.suspense"), $ = /* @__PURE__ */ Symbol.for("react.suspense_list"), N = /* @__PURE__ */ Symbol.for("react.memo"), W = /* @__PURE__ */ Symbol.for("react.lazy"), Y = /* @__PURE__ */ Symbol.for("react.activity"), I = /* @__PURE__ */ Symbol.for("react.client.reference"), Q = p.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, se = Object.prototype.hasOwnProperty, M = Array.isArray, D = console.createTask ? console.createTask : function() {
+    var g = ne, v = /* @__PURE__ */ Symbol.for("react.transitional.element"), f = /* @__PURE__ */ Symbol.for("react.portal"), b = /* @__PURE__ */ Symbol.for("react.fragment"), x = /* @__PURE__ */ Symbol.for("react.strict_mode"), E = /* @__PURE__ */ Symbol.for("react.profiler"), R = /* @__PURE__ */ Symbol.for("react.consumer"), T = /* @__PURE__ */ Symbol.for("react.context"), O = /* @__PURE__ */ Symbol.for("react.forward_ref"), _ = /* @__PURE__ */ Symbol.for("react.suspense"), $ = /* @__PURE__ */ Symbol.for("react.suspense_list"), N = /* @__PURE__ */ Symbol.for("react.memo"), W = /* @__PURE__ */ Symbol.for("react.lazy"), Y = /* @__PURE__ */ Symbol.for("react.activity"), I = /* @__PURE__ */ Symbol.for("react.client.reference"), Q = g.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, se = Object.prototype.hasOwnProperty, M = Array.isArray, D = console.createTask ? console.createTask : function() {
       return null;
     };
-    p = {
-      react_stack_bottom_frame: function(g) {
-        return g();
+    g = {
+      react_stack_bottom_frame: function(p) {
+        return p();
       }
     };
-    var w, j = {}, C = p.react_stack_bottom_frame.bind(
-      p,
+    var w, j = {}, C = g.react_stack_bottom_frame.bind(
+      g,
       s
     )(), k = D(r(s)), L = {};
-    ct.Fragment = b, ct.jsx = function(g, S, A) {
+    ct.Fragment = b, ct.jsx = function(p, S, A) {
       var P = 1e4 > Q.recentlyCreatedOwnerStacks++;
       return h(
-        g,
+        p,
         S,
         A,
         !1,
         P ? Error("react-stack-top-frame") : C,
-        P ? D(r(g)) : k
+        P ? D(r(p)) : k
       );
-    }, ct.jsxs = function(g, S, A) {
+    }, ct.jsxs = function(p, S, A) {
       var P = 1e4 > Q.recentlyCreatedOwnerStacks++;
       return h(
-        g,
+        p,
         S,
         A,
         !0,
         P ? Error("react-stack-top-frame") : C,
-        P ? D(r(g)) : k
+        P ? D(r(p)) : k
       );
     };
   })()), ct;
@@ -274,12 +274,12 @@ function Do() {
   }
   var n = typeof Object.is == "function" ? Object.is : t, r = e.useState, o = e.useEffect, s = e.useLayoutEffect, a = e.useDebugValue;
   function c(d, m) {
-    var p = m(), v = r({ inst: { value: p, getSnapshot: m } }), f = v[0].inst, b = v[1];
+    var g = m(), v = r({ inst: { value: g, getSnapshot: m } }), f = v[0].inst, b = v[1];
     return s(
       function() {
-        f.value = p, f.getSnapshot = m, u(f) && b({ inst: f });
+        f.value = g, f.getSnapshot = m, u(f) && b({ inst: f });
       },
-      [d, p, m]
+      [d, g, m]
     ), o(
       function() {
         return u(f) && b({ inst: f }), d(function() {
@@ -287,14 +287,14 @@ function Do() {
         });
       },
       [d]
-    ), a(p), p;
+    ), a(g), g;
   }
   function u(d) {
     var m = d.getSnapshot;
     d = d.value;
     try {
-      var p = m();
-      return !n(d, p);
+      var g = m();
+      return !n(d, g);
     } catch {
       return !0;
     }
@@ -309,10 +309,10 @@ var rn = {};
 var Gn;
 function Co() {
   return Gn || (Gn = 1, process.env.NODE_ENV !== "production" && (function() {
-    function e(p, v) {
-      return p === v && (p !== 0 || 1 / p === 1 / v) || p !== p && v !== v;
+    function e(g, v) {
+      return g === v && (g !== 0 || 1 / g === 1 / v) || g !== g && v !== v;
     }
-    function t(p, v) {
+    function t(g, v) {
       h || o.startTransition === void 0 || (h = !0, console.error(
         "You are using an outdated, pre-release alpha of React 18 that does not support useSyncExternalStore. The use-sync-external-store shim will not work correctly. Upgrade to a newer pre-release."
       ));
@@ -331,27 +331,27 @@ function Co() {
         function() {
           x.value = f, x.getSnapshot = v, n(x) && E({ inst: x });
         },
-        [p, f, v]
+        [g, f, v]
       ), c(
         function() {
-          return n(x) && E({ inst: x }), p(function() {
+          return n(x) && E({ inst: x }), g(function() {
             n(x) && E({ inst: x });
           });
         },
-        [p]
+        [g]
       ), l(f), f;
     }
-    function n(p) {
-      var v = p.getSnapshot;
-      p = p.value;
+    function n(g) {
+      var v = g.getSnapshot;
+      g = g.value;
       try {
         var f = v();
-        return !s(p, f);
+        return !s(g, f);
       } catch {
         return !0;
       }
     }
-    function r(p, v) {
+    function r(g, v) {
       return v();
     }
     typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
@@ -372,7 +372,7 @@ function Ro() {
     return l === h && (l !== 0 || 1 / l === 1 / h) || l !== l && h !== h;
   }
   var r = typeof Object.is == "function" ? Object.is : n, o = t.useSyncExternalStore, s = e.useRef, a = e.useEffect, c = e.useMemo, u = e.useDebugValue;
-  return tn.useSyncExternalStoreWithSelector = function(l, h, d, m, p) {
+  return tn.useSyncExternalStoreWithSelector = function(l, h, d, m, g) {
     var v = s(null);
     if (v.current === null) {
       var f = { hasValue: !1, value: null };
@@ -382,16 +382,16 @@ function Ro() {
       function() {
         function x(_) {
           if (!E) {
-            if (E = !0, R = _, _ = m(_), p !== void 0 && f.hasValue) {
+            if (E = !0, R = _, _ = m(_), g !== void 0 && f.hasValue) {
               var $ = f.value;
-              if (p($, _))
+              if (g($, _))
                 return T = $;
             }
             return T = _;
           }
           if ($ = T, r(R, _)) return $;
           var N = m(_);
-          return p !== void 0 && p($, N) ? (R = _, $) : (R = _, T = N);
+          return g !== void 0 && g($, N) ? (R = _, $) : (R = _, T = N);
         }
         var E = !1, R, T, O = d === void 0 ? null : d;
         return [
@@ -403,7 +403,7 @@ function Ro() {
           }
         ];
       },
-      [h, d, m, p]
+      [h, d, m, g]
     );
     var b = o(l, v[0], v[1]);
     return a(
@@ -423,7 +423,7 @@ function jo() {
     }
     typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
     var t = ne, n = jr(), r = typeof Object.is == "function" ? Object.is : e, o = n.useSyncExternalStore, s = t.useRef, a = t.useEffect, c = t.useMemo, u = t.useDebugValue;
-    on.useSyncExternalStoreWithSelector = function(l, h, d, m, p) {
+    on.useSyncExternalStoreWithSelector = function(l, h, d, m, g) {
       var v = s(null);
       if (v.current === null) {
         var f = { hasValue: !1, value: null };
@@ -433,9 +433,9 @@ function jo() {
         function() {
           function x(_) {
             if (!E) {
-              if (E = !0, R = _, _ = m(_), p !== void 0 && f.hasValue) {
+              if (E = !0, R = _, _ = m(_), g !== void 0 && f.hasValue) {
                 var $ = f.value;
-                if (p($, _))
+                if (g($, _))
                   return T = $;
               }
               return T = _;
@@ -443,7 +443,7 @@ function jo() {
             if ($ = T, r(R, _))
               return $;
             var N = m(_);
-            return p !== void 0 && p($, N) ? (R = _, $) : (R = _, T = N);
+            return g !== void 0 && g($, N) ? (R = _, $) : (R = _, T = N);
           }
           var E = !1, R, T, O = d === void 0 ? null : d;
           return [
@@ -455,7 +455,7 @@ function jo() {
             }
           ];
         },
-        [h, d, m, p]
+        [h, d, m, g]
       );
       var b = o(l, v[0], v[1]);
       return a(
@@ -472,7 +472,7 @@ function Eo() {
   return Jn || (Jn = 1, process.env.NODE_ENV === "production" ? jt.exports = Ro() : jt.exports = jo()), jt.exports;
 }
 var _o = Eo();
-const gn = /* @__PURE__ */ new WeakMap(), To = /* @__PURE__ */ new WeakMap(), zt = {
+const pn = /* @__PURE__ */ new WeakMap(), To = /* @__PURE__ */ new WeakMap(), zt = {
   current: []
 };
 let sn = !1;
@@ -485,7 +485,7 @@ function Er(e) {
     const n = To.get(t);
     if (n)
       for (const r of n) {
-        const o = gn.get(r);
+        const o = pn.get(r);
         o?.length && Er(o);
       }
   }
@@ -517,11 +517,11 @@ function $o(e) {
           n.prevState = r, Oo(n);
         }
         for (const n of t) {
-          const r = gn.get(n);
+          const r = pn.get(n);
           r && (zt.current.push(n), Er(r));
         }
         for (const n of t) {
-          const r = gn.get(n);
+          const r = pn.get(n);
           if (r)
             for (const o of r)
               Mo(o);
@@ -631,7 +631,7 @@ function Tr(e) {
 function tt(e) {
   return e ? et(e) ? e.document : Dn(e) ? Cn(e) ? e : xt(e) || Tr(e) ? e.ownerDocument : document : document : document;
 }
-const Te = Gt ? po : V;
+const Te = Gt ? go : V;
 function Rn(e) {
   const t = U(e);
   return Te(() => {
@@ -650,7 +650,7 @@ function Lo() {
   }, []);
   return [t, n];
 }
-function pt(e, t) {
+function gt(e, t) {
   t === void 0 && (t = [e]);
   const n = U(e);
   return Te(() => {
@@ -930,41 +930,41 @@ function Xo(e) {
     onDragMove(d) {
       let {
         active: m,
-        over: p
+        over: g
       } = d;
       t.onDragMove && s(t.onDragMove({
         active: m,
-        over: p
+        over: g
       }));
     },
     onDragOver(d) {
       let {
         active: m,
-        over: p
+        over: g
       } = d;
       s(t.onDragOver({
         active: m,
-        over: p
+        over: g
       }));
     },
     onDragEnd(d) {
       let {
         active: m,
-        over: p
+        over: g
       } = d;
       s(t.onDragEnd({
         active: m,
-        over: p
+        over: g
       }));
     },
     onDragCancel(d) {
       let {
         active: m,
-        over: p
+        over: g
       } = d;
       s(t.onDragCancel({
         active: m,
-        over: p
+        over: g
       }));
     }
   }), [s, t])), !u)
@@ -1307,7 +1307,7 @@ function hs(e, t, n, r, o) {
     isBottom: h,
     isLeft: d,
     isRight: m
-  } = zr(e), p = {
+  } = zr(e), g = {
     x: 0,
     y: 0
   }, v = {
@@ -1317,12 +1317,12 @@ function hs(e, t, n, r, o) {
     height: t.height * o.y,
     width: t.width * o.x
   };
-  return !l && s <= t.top + f.height ? (p.y = re.Backward, v.y = r * Math.abs((t.top + f.height - s) / f.height)) : !h && u >= t.bottom - f.height && (p.y = re.Forward, v.y = r * Math.abs((t.bottom - f.height - u) / f.height)), !m && c >= t.right - f.width ? (p.x = re.Forward, v.x = r * Math.abs((t.right - f.width - c) / f.width)) : !d && a <= t.left + f.width && (p.x = re.Backward, v.x = r * Math.abs((t.left + f.width - a) / f.width)), {
-    direction: p,
+  return !l && s <= t.top + f.height ? (g.y = re.Backward, v.y = r * Math.abs((t.top + f.height - s) / f.height)) : !h && u >= t.bottom - f.height && (g.y = re.Forward, v.y = r * Math.abs((t.bottom - f.height - u) / f.height)), !m && c >= t.right - f.width ? (g.x = re.Forward, v.x = r * Math.abs((t.right - f.width - c) / f.width)) : !d && a <= t.left + f.width && (g.x = re.Backward, v.x = r * Math.abs((t.left + f.width - a) / f.width)), {
+    direction: g,
     speed: v
   };
 }
-function ps(e) {
+function gs(e) {
   if (e === document.scrollingElement) {
     const {
       innerWidth: s,
@@ -1355,7 +1355,7 @@ function ps(e) {
 function Pr(e) {
   return e.reduce((t, n) => Je(t, bn(n)), Se);
 }
-function gs(e) {
+function ps(e) {
   return e.reduce((t, n) => t + Ar(n), 0);
 }
 function vs(e) {
@@ -1375,7 +1375,7 @@ function ms(e, t) {
     inline: "center"
   });
 }
-const bs = [["x", ["left", "right"], gs], ["y", ["top", "bottom"], vs]];
+const bs = [["x", ["left", "right"], ps], ["y", ["top", "bottom"], vs]];
 class _n {
   constructor(t, n) {
     this.rect = void 0, this.width = void 0, this.height = void 0, this.top = void 0, this.bottom = void 0, this.right = void 0, this.left = void 0;
@@ -1520,7 +1520,7 @@ class Fr {
         currentCoordinates: h
       });
       if (d) {
-        const m = Yt(d, h), p = {
+        const m = Yt(d, h), g = {
           x: 0,
           y: 0
         }, {
@@ -1534,7 +1534,7 @@ class Fr {
             isBottom: T,
             maxScroll: O,
             minScroll: _
-          } = zr(f), $ = ps(f), N = {
+          } = zr(f), $ = gs(f), N = {
             x: Math.min(b === H.Right ? $.right - $.width / 2 : $.right, Math.max(b === H.Right ? $.left : $.left + $.width / 2, d.x)),
             y: Math.min(b === H.Down ? $.bottom - $.height / 2 : $.bottom, Math.max(b === H.Down ? $.top : $.top + $.height / 2, d.y))
           }, W = b === H.Right && !E || b === H.Left && !R, Y = b === H.Down && !T || b === H.Up && !x;
@@ -1547,8 +1547,8 @@ class Fr {
               });
               return;
             }
-            Q ? p.x = f.scrollLeft - I : p.x = b === H.Right ? f.scrollLeft - O.x : f.scrollLeft - _.x, p.x && f.scrollBy({
-              left: -p.x,
+            Q ? g.x = f.scrollLeft - I : g.x = b === H.Right ? f.scrollLeft - O.x : f.scrollLeft - _.x, g.x && f.scrollBy({
+              left: -g.x,
               behavior: c
             });
             break;
@@ -1561,14 +1561,14 @@ class Fr {
               });
               return;
             }
-            Q ? p.y = f.scrollTop - I : p.y = b === H.Down ? f.scrollTop - O.y : f.scrollTop - _.y, p.y && f.scrollBy({
-              top: -p.y,
+            Q ? g.y = f.scrollTop - I : g.y = b === H.Down ? f.scrollTop - O.y : f.scrollTop - _.y, g.y && f.scrollBy({
+              top: -g.y,
               behavior: c
             });
             break;
           }
         }
-        this.handleMove(t, Je(Yt(d, this.referenceCoordinates), p));
+        this.handleMove(t, Je(Yt(d, this.referenceCoordinates), g));
       }
     }
   }
@@ -1860,7 +1860,7 @@ function js(e) {
     delta: d,
     threshold: m
   } = e;
-  const p = _s({
+  const g = _s({
     delta: d,
     disabled: !s
   }), [v, f] = Lo(), b = U({
@@ -1905,7 +1905,7 @@ function js(e) {
           speed: Y
         } = hs(_, N, E, t, m);
         for (const I of ["x", "y"])
-          p[I][W[I]] || (Y[I] = 0, W[I] = 0);
+          g[I][W[I]] || (Y[I] = 0, W[I] = 0);
         if (Y.x > 0 || Y.y > 0) {
           f(), R.current = _, v(T, a), b.current = Y, x.current = W;
           return;
@@ -1930,7 +1930,7 @@ function js(e) {
       // eslint-disable-next-line react-hooks/exhaustive-deps
       JSON.stringify(E),
       // eslint-disable-next-line react-hooks/exhaustive-deps
-      JSON.stringify(p),
+      JSON.stringify(g),
       v,
       l,
       O,
@@ -1993,10 +1993,10 @@ function Os(e, t) {
     return [...n, ...s];
   }, []), [e, t]);
 }
-var gt;
+var pt;
 (function(e) {
   e[e.Always = 0] = "Always", e[e.BeforeDragging = 1] = "BeforeDragging", e[e.WhileDragging = 2] = "WhileDragging";
-})(gt || (gt = {}));
+})(pt || (pt = {}));
 var yn;
 (function(e) {
   e.Optimized = "optimized";
@@ -2012,7 +2012,7 @@ function Ms(e, t) {
     frequency: c,
     measure: u,
     strategy: l
-  } = o, h = U(e), d = b(), m = pt(d), p = le(function(x) {
+  } = o, h = U(e), d = b(), m = gt(d), g = le(function(x) {
     x === void 0 && (x = []), !m.current && a((E) => E === null ? x : E.concat(x.filter((R) => !E.includes(R))));
   }, [m]), v = U(null), f = yt((x) => {
     if (d && !n)
@@ -2037,7 +2037,7 @@ function Ms(e, t) {
     h.current = e;
   }, [e]), V(
     () => {
-      d || p();
+      d || g();
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [n, d]
@@ -2050,21 +2050,21 @@ function Ms(e, t) {
   ), V(
     () => {
       d || typeof c != "number" || v.current !== null || (v.current = setTimeout(() => {
-        p(), v.current = null;
+        g(), v.current = null;
       }, c));
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [c, d, p, ...r]
+    [c, d, g, ...r]
   ), {
     droppableRects: f,
-    measureDroppableContainers: p,
+    measureDroppableContainers: g,
     measuringScheduled: s != null
   };
   function b() {
     switch (l) {
-      case gt.Always:
+      case pt.Always:
         return !1;
-      case gt.BeforeDragging:
+      case pt.BeforeDragging:
         return n;
       default:
         return !n;
@@ -2313,7 +2313,7 @@ const Vs = [{
   },
   droppable: {
     measure: nr,
-    strategy: gt.WhileDragging,
+    strategy: pt.WhileDragging,
     frequency: yn.Optimized
   },
   dragOverlay: {
@@ -2599,7 +2599,7 @@ var Fe;
 (function(e) {
   e[e.Uninitialized = 0] = "Uninitialized", e[e.Initializing = 1] = "Initializing", e[e.Initialized = 2] = "Initialized";
 })(Fe || (Fe = {}));
-const Ur = /* @__PURE__ */ go(function(t) {
+const Ur = /* @__PURE__ */ po(function(t) {
   var n, r, o, s;
   let {
     id: a,
@@ -2609,7 +2609,7 @@ const Ur = /* @__PURE__ */ go(function(t) {
     sensors: h = Vs,
     collisionDetection: d = ns,
     measuring: m,
-    modifiers: p,
+    modifiers: g,
     ...v
   } = t;
   const f = vo(Xs, void 0, Gs), [b, x] = f, [E, R] = Bo(), [T, O] = oe(Fe.Uninitialized), _ = T === Fe.Initialized, {
@@ -2632,11 +2632,11 @@ const Ur = /* @__PURE__ */ go(function(t) {
       data: (ce = I?.data) != null ? ce : Ws,
       rect: Q
     } : null;
-  }, [$, I]), M = U(null), [D, w] = oe(null), [j, C] = oe(null), k = pt(v, Object.values(v)), L = wt("DndDescribedBy", a), g = B(() => Y.getEnabled(), [Y]), S = Js(m), {
+  }, [$, I]), M = U(null), [D, w] = oe(null), [j, C] = oe(null), k = gt(v, Object.values(v)), L = wt("DndDescribedBy", a), p = B(() => Y.getEnabled(), [Y]), S = Js(m), {
     droppableRects: A,
     measureDroppableContainers: P,
     measuringScheduled: G
-  } = Ms(g, {
+  } = Ms(p, {
     dragging: _,
     dependencies: [W.x, W.y],
     config: S.droppable
@@ -2663,7 +2663,7 @@ const Ur = /* @__PURE__ */ go(function(t) {
     scrollAdjustedTranslate: null
   }), ye = Y.getNodeFor((n = ae.current.over) == null ? void 0 : n.id), $e = Hs({
     measure: S.dragOverlay.measure
-  }), Be = (r = $e.nodeRef.current) != null ? r : X, Ue = _ ? (o = $e.rect) != null ? o : z : null, In = !!($e.nodeRef.current && $e.rect), kn = As(In ? null : z), Zt = Vr(Be ? he(Be) : null), Le = Ls(_ ? ye ?? X : null), St = Ys(Le), Dt = Ks(p, {
+  }), Be = (r = $e.nodeRef.current) != null ? r : X, Ue = _ ? (o = $e.rect) != null ? o : z : null, In = !!($e.nodeRef.current && $e.rect), kn = As(In ? null : z), Zt = Vr(Be ? he(Be) : null), Le = Ls(_ ? ye ?? X : null), St = Ys(Le), Dt = Ks(g, {
     transform: {
       x: W.x - kn.x,
       y: W.y - kn.y,
@@ -2684,20 +2684,20 @@ const Ur = /* @__PURE__ */ go(function(t) {
     active: se,
     collisionRect: Xe,
     droppableRects: A,
-    droppableContainers: g,
+    droppableContainers: p,
     pointerCoordinates: An
   }) : null, Nn = es(rt, "id"), [Ne, zn] = oe(null), ao = In ? Dt : Je(Dt, io), co = rs(ao, (s = Ne?.rect) != null ? s : null, z), Qt = U(null), Pn = le(
-    (ce, pe) => {
+    (ce, ge) => {
       let {
-        sensor: ge,
+        sensor: pe,
         options: ze
-      } = pe;
+      } = ge;
       if (M.current == null)
         return;
       const me = N.get(M.current);
       if (!me)
         return;
-      const ve = ce.nativeEvent, Ce = new ge({
+      const ve = ce.nativeEvent, Ce = new pe({
         active: M.current,
         activeNode: me,
         event: ve,
@@ -2811,8 +2811,8 @@ const Ur = /* @__PURE__ */ go(function(t) {
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [N]
-  ), lo = le((ce, pe) => (ge, ze) => {
-    const me = ge.nativeEvent, ve = N.get(ze);
+  ), lo = le((ce, ge) => (pe, ze) => {
+    const me = pe.nativeEvent, ve = N.get(ze);
     if (
       // Another sensor is already instantiating
       M.current !== null || // No active draggable
@@ -2823,9 +2823,9 @@ const Ur = /* @__PURE__ */ go(function(t) {
     const Ce = {
       active: ve
     };
-    ce(ge, pe.options, Ce) === !0 && (me.dndKit = {
-      capturedBy: pe.sensor
-    }, M.current = ze, Pn(ge, pe));
+    ce(pe, ge.options, Ce) === !0 && (me.dndKit = {
+      capturedBy: ge.sensor
+    }, M.current = ze, Pn(pe, ge));
   }, [N, Pn]), Yn = Os(h, lo);
   zs(h), Te(() => {
     z && T === Fe.Initializing && O(Fe.Initialized);
@@ -2834,16 +2834,16 @@ const Ur = /* @__PURE__ */ go(function(t) {
       const {
         onDragMove: ce
       } = k.current, {
-        active: pe,
-        activatorEvent: ge,
+        active: ge,
+        activatorEvent: pe,
         collisions: ze,
         over: me
       } = ae.current;
-      if (!pe || !ge)
+      if (!ge || !pe)
         return;
       const ve = {
-        active: pe,
-        activatorEvent: ge,
+        active: ge,
+        activatorEvent: pe,
         collisions: ze,
         delta: {
           x: Ge.x,
@@ -2864,12 +2864,12 @@ const Ur = /* @__PURE__ */ go(function(t) {
     () => {
       const {
         active: ce,
-        activatorEvent: pe,
-        collisions: ge,
+        activatorEvent: ge,
+        collisions: pe,
         droppableContainers: ze,
         scrollAdjustedTranslate: me
       } = ae.current;
-      if (!ce || M.current == null || !pe || !me)
+      if (!ce || M.current == null || !ge || !me)
         return;
       const {
         onDragOver: ve
@@ -2880,8 +2880,8 @@ const Ur = /* @__PURE__ */ go(function(t) {
         disabled: Ce.disabled
       } : null, ie = {
         active: ce,
-        activatorEvent: pe,
-        collisions: ge,
+        activatorEvent: ge,
+        collisions: pe,
         delta: {
           x: me.x,
           y: me.y
@@ -2970,12 +2970,12 @@ const Ur = /* @__PURE__ */ go(function(t) {
     hiddenTextDescribedById: L
   }));
   function ho() {
-    const ce = D?.autoScrollEnabled === !1, pe = typeof u == "object" ? u.enabled === !1 : u === !1, ge = _ && !ce && !pe;
+    const ce = D?.autoScrollEnabled === !1, ge = typeof u == "object" ? u.enabled === !1 : u === !1, pe = _ && !ce && !ge;
     return typeof u == "object" ? {
       ...u,
-      enabled: ge
+      enabled: pe
     } : {
-      enabled: ge
+      enabled: pe
     };
   }
 }), Qs = /* @__PURE__ */ vt(null), dr = "button", ei = "Draggable";
@@ -2995,10 +2995,10 @@ function ti(e) {
     draggableNodes: d,
     over: m
   } = Ve(qt), {
-    role: p = dr,
+    role: g = dr,
     roleDescription: v = "draggable",
     tabIndex: f = 0
-  } = o ?? {}, b = u?.id === t, x = Ve(b ? Br : Qs), [E, R] = Pt(), [T, O] = Pt(), _ = Ps(a, t), $ = pt(n);
+  } = o ?? {}, b = u?.id === t, x = Ve(b ? Br : Qs), [E, R] = Pt(), [T, O] = Pt(), _ = Ps(a, t), $ = gt(n);
   Te(
     () => (d.set(t, {
       id: t,
@@ -3014,13 +3014,13 @@ function ti(e) {
     [d, t]
   );
   const N = B(() => ({
-    role: p,
+    role: g,
     tabIndex: f,
     "aria-disabled": r,
-    "aria-pressed": b && p === dr ? !0 : void 0,
+    "aria-pressed": b && g === dr ? !0 : void 0,
     "aria-roledescription": v,
     "aria-describedby": h.draggable
-  }), [r, p, f, b, v, h.draggable]);
+  }), [r, g, f, b, v, h.draggable]);
   return {
     active: u,
     activatorEvent: c,
@@ -3055,21 +3055,21 @@ function si(e) {
     measureDroppableContainers: l
   } = Ve(qt), h = U({
     disabled: n
-  }), d = U(!1), m = U(null), p = U(null), {
+  }), d = U(!1), m = U(null), g = U(null), {
     disabled: v,
     updateMeasurementsFor: f,
     timeout: b
   } = {
     ...oi,
     ...o
-  }, x = pt(f ?? r), E = le(
+  }, x = gt(f ?? r), E = le(
     () => {
       if (!d.current) {
         d.current = !0;
         return;
       }
-      p.current != null && clearTimeout(p.current), p.current = setTimeout(() => {
-        l(Array.isArray(x.current) ? x.current : [x.current]), p.current = null;
+      g.current != null && clearTimeout(g.current), g.current = setTimeout(() => {
+        l(Array.isArray(x.current) ? x.current : [x.current]), g.current = null;
       }, b);
     },
     //eslint-disable-next-line react-hooks/exhaustive-deps
@@ -3079,7 +3079,7 @@ function si(e) {
     disabled: v || !a
   }), T = le((N, W) => {
     R && (W && (R.unobserve(W), d.current = !1), N && R.observe(N));
-  }, [R]), [O, _] = Pt(T), $ = pt(t);
+  }, [R]), [O, _] = Pt(T), $ = gt(t);
   return V(() => {
     !R || !O.current || (R.disconnect(), d.current = !1, R.observe(O.current));
   }, [O, R]), V(
@@ -3271,26 +3271,26 @@ function Kr(e) {
     droppableRects: u,
     over: l,
     measureDroppableContainers: h
-  } = ni(), d = wt(Xr, n), m = c.rect !== null, p = B(() => r.map((_) => typeof _ == "object" && "id" in _ ? _.id : _), [r]), v = a != null, f = a ? p.indexOf(a.id) : -1, b = l ? p.indexOf(l.id) : -1, x = U(p), E = !ai(p, x.current), R = b !== -1 && f === -1 || E, T = ci(s);
+  } = ni(), d = wt(Xr, n), m = c.rect !== null, g = B(() => r.map((_) => typeof _ == "object" && "id" in _ ? _.id : _), [r]), v = a != null, f = a ? g.indexOf(a.id) : -1, b = l ? g.indexOf(l.id) : -1, x = U(g), E = !ai(g, x.current), R = b !== -1 && f === -1 || E, T = ci(s);
   Te(() => {
-    E && v && h(p);
-  }, [E, p, v, h]), V(() => {
-    x.current = p;
-  }, [p]);
+    E && v && h(g);
+  }, [E, g, v, h]), V(() => {
+    x.current = g;
+  }, [g]);
   const O = B(
     () => ({
       activeIndex: f,
       containerId: d,
       disabled: T,
       disableTransforms: R,
-      items: p,
+      items: g,
       overIndex: b,
       useDragOverlay: m,
-      sortedRects: ii(p, u),
+      sortedRects: ii(g, u),
       strategy: o
     }),
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [f, d, T.draggable, T.droppable, R, p, b, u, m, o]
+    [f, d, T.draggable, T.droppable, R, g, b, u, m, o]
   );
   return ne.createElement(qr.Provider, {
     value: O
@@ -3304,7 +3304,7 @@ const hi = (e) => {
     overIndex: o
   } = e;
   return Kt(n, r, o).indexOf(t);
-}, pi = (e) => {
+}, gi = (e) => {
   let {
     containerId: t,
     isSorting: n,
@@ -3317,7 +3317,7 @@ const hi = (e) => {
     transition: l
   } = e;
   return !l || !r || c !== s && o === a ? !1 : n ? !0 : a !== o && t === u;
-}, gi = {
+}, pi = {
   duration: 200,
   easing: "ease"
 }, Jr = "transform", vi = /* @__PURE__ */ Ze.Transition.toString({
@@ -3357,7 +3357,7 @@ function bi(e) {
 }
 function Zr(e) {
   let {
-    animateLayoutChanges: t = pi,
+    animateLayoutChanges: t = gi,
     attributes: n,
     disabled: r,
     data: o,
@@ -3365,19 +3365,19 @@ function Zr(e) {
     id: a,
     strategy: c,
     resizeObserverConfig: u,
-    transition: l = gi
+    transition: l = pi
   } = e;
   const {
     items: h,
     containerId: d,
     activeIndex: m,
-    disabled: p,
+    disabled: g,
     disableTransforms: v,
     sortedRects: f,
     overIndex: b,
     useDragOverlay: x,
     strategy: E
-  } = Ve(qr), R = xi(r, p), T = h.indexOf(a), O = B(() => ({
+  } = Ve(qr), R = xi(r, g), T = h.indexOf(a), O = B(() => ({
     sortable: {
       containerId: d,
       index: T,
@@ -3416,7 +3416,7 @@ function Zr(e) {
       ...n
     },
     disabled: R.draggable
-  }), g = Ao(Y, D), S = !!I, A = S && !v && Tt(m) && Tt(b), P = !x && j, G = P && A ? L : null, F = A ? G ?? (c ?? E)({
+  }), p = Ao(Y, D), S = !!I, A = S && !v && Tt(m) && Tt(b), P = !x && j, G = P && A ? L : null, F = A ? G ?? (c ?? E)({
     rects: f,
     activeNodeRect: se,
     activeIndex: m,
@@ -3480,7 +3480,7 @@ function Zr(e) {
     node: N,
     overIndex: b,
     over: C,
-    setNodeRef: g,
+    setNodeRef: p,
     setActivatorNodeRef: k,
     setDroppableNodeRef: Y,
     setDraggableNodeRef: D,
@@ -3735,7 +3735,8 @@ function oa(e, t) {
     sortableColumns: c.map((l) => ({
       id: l.id,
       label: l.label,
-      sortable: !0
+      sortable: !0,
+      backgroundColor: l.backgroundColor
     }))
   }));
 }
@@ -3760,7 +3761,7 @@ function ha({ visibility: e, onToggle: t }) {
     }) }) }) })
   ] });
 }
-function pa({
+function ga({
   id: e,
   children: t,
   onClick: n,
@@ -3792,11 +3793,11 @@ function pa({
     }
   );
 }
-function ga() {
+function pa() {
   const { columnOrder: e, visibility: t, sortColumn: n, sortDirection: r, sortableColumns: o } = bt(xe), s = e.map((c) => o.find((u) => u.id === c.id)).filter((c) => c !== void 0).filter((c) => t[c.id]), a = (c) => {
     const { active: u, over: l } = c;
     if (!l || u.id === l.id) return;
-    const h = e.findIndex((p) => p.id === u.id), d = e.findIndex((p) => p.id === l.id), m = Kt(e, h, d);
+    const h = e.findIndex((g) => g.id === u.id), d = e.findIndex((g) => g.id === l.id), m = Kt(e, h, d);
     ta(m);
   };
   return /* @__PURE__ */ i.jsx(Ee.Header, { background: "blue.200", position: "sticky", top: 0, p: "0", children: /* @__PURE__ */ i.jsx(Ur, { collisionDetection: $r, onDragEnd: a, children: /* @__PURE__ */ i.jsx(
@@ -3808,12 +3809,13 @@ function ga() {
         s.map((c) => {
           const u = n === c?.id;
           return /* @__PURE__ */ i.jsx(
-            pa,
+            ga,
             {
               id: c?.id,
               onClick: () => c?.sortable && ra(c?.id),
               cursor: c?.sortable ? "pointer" : "default",
               borderRight: "2px solid #dcdcdc",
+              backgroundColor: c?.backgroundColor,
               children: /* @__PURE__ */ i.jsxs(
                 "span",
                 {
@@ -3839,7 +3841,7 @@ function ga() {
     }
   ) }) });
 }
-const pr = Dr({
+const gr = Dr({
   items: [
     { label: "10", value: "10" },
     { label: "20", value: "20" },
@@ -3861,7 +3863,7 @@ function Ea({
       /* @__PURE__ */ i.jsxs(
         K.Root,
         {
-          collection: pr,
+          collection: gr,
           size: "sm",
           width: "60px",
           onValueChange: (a) => o && o(Number(a.items[0].value)),
@@ -3872,7 +3874,7 @@ function Ea({
               /* @__PURE__ */ i.jsx(Da, { children: /* @__PURE__ */ i.jsx(Ca, { placeholder: "" }) }),
               /* @__PURE__ */ i.jsx(Ra, { children: /* @__PURE__ */ i.jsx(ja, {}) })
             ] }),
-            /* @__PURE__ */ i.jsx(Qe, { children: /* @__PURE__ */ i.jsx(va, { children: /* @__PURE__ */ i.jsx(ma, { children: pr.items.map((a) => /* @__PURE__ */ i.jsxs(ba, { item: a.value, children: [
+            /* @__PURE__ */ i.jsx(Qe, { children: /* @__PURE__ */ i.jsx(va, { children: /* @__PURE__ */ i.jsx(ma, { children: gr.items.map((a) => /* @__PURE__ */ i.jsxs(ba, { item: a.value, children: [
               a.label,
               /* @__PURE__ */ i.jsx(K.ItemIndicator, {})
             ] }, a.value)) }) }) })
@@ -3956,21 +3958,21 @@ function dl({
   }, [e]), V(() => {
     oa(t, n);
   }, [t, n]);
-  const { sortColumn: p, sortDirection: v, data: f } = bt(xe), b = B(() => {
+  const { sortColumn: g, sortDirection: v, data: f } = bt(xe), b = B(() => {
     const x = [...f], E = Math.max(1, a || 1);
-    if (p && x.sort(
-      (R, T) => v === "asc" ? String(R[p]).localeCompare(String(T[p])) : String(T[p]).localeCompare(String(R[p]))
+    if (g && x.sort(
+      (R, T) => v === "asc" ? String(R[g]).localeCompare(String(T[g])) : String(T[g]).localeCompare(String(R[g]))
     ), m === "client") {
       const R = (E - 1) * c;
       return x.slice(R, R + c);
     }
     return x;
-  }, [f, p, v, a, c, m]);
+  }, [f, g, v, a, c, m]);
   return V(() => {
     a < 1 && u && u(1);
   }, [a, u]), /* @__PURE__ */ i.jsxs(je, { h: "100%", display: "flex", flexDirection: "column", p: 2, pt: 2, minHeight: 0, children: [
     /* @__PURE__ */ i.jsx(je, { flex: "1", minHeight: 0, overflow: "auto", children: r ? /* @__PURE__ */ i.jsx(je, { display: "flex", alignItems: "center", justifyContent: "center", h: "100%", color: "gray.500", children: "Loading..." }) : b.length === 0 ? /* @__PURE__ */ i.jsx(je, { display: "flex", alignItems: "center", justifyContent: "center", h: "100%", color: "gray.500", children: o }) : /* @__PURE__ */ i.jsxs(Ee.Root, { variant: "outline", w: "100%", size: h, children: [
-      /* @__PURE__ */ i.jsx(ga, {}),
+      /* @__PURE__ */ i.jsx(pa, {}),
       /* @__PURE__ */ i.jsx($a, { data: b, actions: s })
     ] }) }),
     /* @__PURE__ */ i.jsx(je, { mt: 0.5, children: /* @__PURE__ */ i.jsx(
@@ -4008,7 +4010,7 @@ const Ia = y(De.Root), ka = y(De.HiddenInput), Aa = y(De.Control), La = y(De.Lab
     }
   ),
   r && /* @__PURE__ */ i.jsx(La, { children: r })
-] }), ee = " to ", gr = 10, He = {
+] }), ee = " to ", pr = 10, He = {
   DAY_MAX: 31,
   MONTH_MAX: 12,
   YEAR_MIN: 1900,
@@ -4065,13 +4067,13 @@ const Ia = y(De.Root), ka = y(De.HiddenInput), Aa = y(De.Control), La = y(De.Lab
   }
   return null;
 }, ut = (e) => {
-  let t = e.replace(/[^\d-]/g, "").substring(0, gr);
+  let t = e.replace(/[^\d-]/g, "").substring(0, pr);
   if (t.length >= 3 && t[2] !== "-" && (t = t.substring(0, 2) + "-" + t.substring(2).replace(/-/g, "")), t.length >= 6 && t[5] !== "-") {
     const o = t.split("-");
     o.length >= 2 && (t = `${o[0]}-${o[1].substring(0, 2)}-${o[1].substring(2)}${o[2] || ""}`);
   }
   const n = t.split("-");
-  return n[0] = n[0]?.substring(0, 2) || "", n[1] = n[1]?.substring(0, 2) || "", n[2] = n[2]?.substring(0, 4) || "", t = n.filter((o) => o !== "").join("-"), t = t.substring(0, gr), Ya(n, e) || t;
+  return n[0] = n[0]?.substring(0, 2) || "", n[1] = n[1]?.substring(0, 2) || "", n[2] = n[2]?.substring(0, 4) || "", t = n.filter((o) => o !== "").join("-"), t = t.substring(0, pr), Ya(n, e) || t;
 }, Fa = y(Wt.Root), Ha = y(Wt.Trigger), Va = y(Wt.Content), Wa = y(Wt.Positioner);
 function Ba({
   value: e,
@@ -4150,7 +4152,7 @@ function Ba({
         d(), l.current?.blur();
       }, 0);
     }
-  }, p = () => {
+  }, g = () => {
     a(""), t(void 0);
   };
   return /* @__PURE__ */ i.jsx(Cr, { children: /* @__PURE__ */ i.jsx(i.Fragment, { children: /* @__PURE__ */ i.jsxs(Fn, { position: "revert", children: [
@@ -4228,7 +4230,7 @@ function Ba({
         size: "sm",
         variant: "ghost",
         "aria-label": "Clear date range",
-        onClick: p,
+        onClick: g,
         w: "100%"
       }
     ) })
@@ -4254,7 +4256,7 @@ const Ua = y(We.Root), Ga = y(We.Label), Xa = y(We.HelperText), qa = y(We.ErrorT
     Sn,
     {
       value: t,
-      onChange: (p) => n?.(p.target.value),
+      onChange: (g) => n?.(g.target.value),
       placeholder: r,
       size: o,
       variant: s,
@@ -4279,14 +4281,14 @@ const Ua = y(We.Root), Ga = y(We.Label), Xa = y(We.HelperText), qa = y(We.ErrorT
   errorText: d,
   visible: m
 }) => {
-  const p = Dr({
+  const g = Dr({
     items: e
   });
   return /* @__PURE__ */ i.jsxs(Ka, { disabled: l, required: h, children: [
     /* @__PURE__ */ i.jsxs(
       Qa,
       {
-        collection: p,
+        collection: g,
         variant: c,
         size: s,
         width: a,
@@ -4299,7 +4301,7 @@ const Ua = y(We.Root), Ga = y(We.Label), Xa = y(We.HelperText), qa = y(We.ErrorT
             /* @__PURE__ */ i.jsx(nc, { children: /* @__PURE__ */ i.jsx(rc, { placeholder: o }) }),
             /* @__PURE__ */ i.jsx(oc, { children: /* @__PURE__ */ i.jsx(sc, {}) })
           ] }),
-          /* @__PURE__ */ i.jsx(uc, { children: /* @__PURE__ */ i.jsx(ic, { children: p.items.map((v) => /* @__PURE__ */ i.jsxs(ac, { item: v, children: [
+          /* @__PURE__ */ i.jsx(uc, { children: /* @__PURE__ */ i.jsx(ic, { children: g.items.map((v) => /* @__PURE__ */ i.jsxs(ac, { item: v, children: [
             v.label,
             /* @__PURE__ */ i.jsx(cc, {})
           ] }, v.value)) }) })
@@ -4333,10 +4335,10 @@ const Vt = new _r({}), $n = (e) => {
 }, hc = (e, t) => {
   const n = $n(e).filter((r) => r.id !== t);
   ro(e, n);
-}, pc = (e, t) => {
+}, gc = (e, t) => {
   const n = [t, ...$n(e)];
   ro(e, n);
-}, gc = y(De.Root), vc = y(De.HiddenInput), mc = y(De.Control), bc = y(mt.Root), xc = y(mt.Track), yc = y(mt.Range), wc = y(mt.Thumbs), Sc = y(mt.Control), Dc = ({ filter: e, onVisibilityChange: t, onSizeChange: n }) => {
+}, pc = y(De.Root), vc = y(De.HiddenInput), mc = y(De.Control), bc = y(mt.Root), xc = y(mt.Track), yc = y(mt.Range), wc = y(mt.Thumbs), Sc = y(mt.Control), Dc = ({ filter: e, onVisibilityChange: t, onSizeChange: n }) => {
   const { attributes: r, listeners: o, setNodeRef: s, transform: a, transition: c } = Zr({
     id: e.id
   }), u = {
@@ -4363,7 +4365,7 @@ const Vt = new _r({}), $n = (e) => {
         /* @__PURE__ */ i.jsxs(fe, { justify: "space-between", children: [
           /* @__PURE__ */ i.jsx(q, { fontSize: "sm", children: "Visible" }),
           /* @__PURE__ */ i.jsxs(
-            gc,
+            pc,
             {
               checked: e.visible,
               size: "sm",
@@ -4457,9 +4459,9 @@ const Vt = new _r({}), $n = (e) => {
   open: h,
   onOpenChange: d
 }) => {
-  const p = bt(Vt)[s] ?? $n(s), v = () => {
+  const g = bt(Vt)[s] ?? $n(s), v = () => {
     const f = prompt("Preset name?");
-    f && pc(s, {
+    f && gc(s, {
       id: crypto.randomUUID(),
       name: f,
       date: (/* @__PURE__ */ new Date()).toISOString(),
@@ -4535,8 +4537,8 @@ const Vt = new _r({}), $n = (e) => {
           ) }),
           /* @__PURE__ */ i.jsx(fn, { value: "presets", children: /* @__PURE__ */ i.jsxs(ke, { align: "stretch", mb: 3, children: [
             /* @__PURE__ */ i.jsx(Ke, { size: "sm", colorScheme: "blue", onClick: v, children: "Save Current Filters" }),
-            p.length === 0 && /* @__PURE__ */ i.jsx(q, { fontSize: "xs", color: "gray.500", children: "No presets saved yet." }),
-            p.map((f) => /* @__PURE__ */ i.jsxs(
+            g.length === 0 && /* @__PURE__ */ i.jsx(q, { fontSize: "xs", color: "gray.500", children: "No presets saved yet." }),
+            g.map((f) => /* @__PURE__ */ i.jsxs(
               fe,
               {
                 justify: "space-between",
@@ -4606,7 +4608,7 @@ const Vt = new _r({}), $n = (e) => {
   activePresetName: h,
   filterDrawerSize: d = "sm"
 }) => {
-  const [m, p] = oe(!1);
+  const [m, g] = oe(!1);
   return /* @__PURE__ */ i.jsxs(fe, { wrap: "wrap", pl: 2, pr: 2, width: "100%", justify: "space-between", children: [
     e,
     /* @__PURE__ */ i.jsxs(fe, { gapX: 1, children: [
@@ -4636,7 +4638,7 @@ const Vt = new _r({}), $n = (e) => {
           activePresetName: h,
           open: m,
           onOpenChange: (v) => {
-            p(v.open);
+            g(v.open);
           }
         }
       )
@@ -4644,13 +4646,13 @@ const Vt = new _r({}), $n = (e) => {
   ] });
 }, hl = (e, t) => {
   localStorage.setItem(`FILTER_ORDER_${e}`, JSON.stringify(t));
-}, pl = (e) => {
+}, gl = (e) => {
   try {
     return JSON.parse(localStorage.getItem(`FILTER_ORDER_${e}`) || "[]");
   } catch {
     return [];
   }
-}, gl = ({
+}, pl = ({
   onClick: e,
   size: t = "xs",
   variant: n = "solid",
@@ -4697,8 +4699,8 @@ function vl({
     /* @__PURE__ */ i.jsx(zc, {}),
     /* @__PURE__ */ i.jsx(Pc, { children: /* @__PURE__ */ i.jsxs(Yc, { maxW: "520px", children: [
       /* @__PURE__ */ i.jsx(Fc, { borderBottom: "1px solid", borderColor: "red.200", boxShadow: "sm", children: /* @__PURE__ */ i.jsx(Wc, { color: "red.600", children: r }) }),
-      /* @__PURE__ */ i.jsx(Hc, { children: /* @__PURE__ */ i.jsxs(pn, { gap: 4, boxShadow: "lg", border: "1px solid gray.200", borderRadius: "md", p: 4, children: [
-        /* @__PURE__ */ i.jsx(je, { border: "1px solid", borderColor: "red.200", bg: "red.50", borderRadius: "md", p: 4, children: /* @__PURE__ */ i.jsxs(pn, { direction: "row", gap: 3, align: "flex-start", children: [
+      /* @__PURE__ */ i.jsx(Hc, { children: /* @__PURE__ */ i.jsxs(gn, { gap: 4, boxShadow: "lg", border: "1px solid gray.200", borderRadius: "md", p: 4, children: [
+        /* @__PURE__ */ i.jsx(je, { border: "1px solid", borderColor: "red.200", bg: "red.50", borderRadius: "md", p: 4, children: /* @__PURE__ */ i.jsxs(gn, { direction: "row", gap: 3, align: "flex-start", children: [
           /* @__PURE__ */ i.jsx(je, { color: "red.600", mt: "2px", children: /* @__PURE__ */ i.jsx(ea, { size: 20 }) }),
           /* @__PURE__ */ i.jsxs(je, { children: [
             /* @__PURE__ */ i.jsx(q, { fontWeight: "semibold", color: "red.700", children: "Are you sure?" }),
@@ -4796,7 +4798,7 @@ function Gc() {
     (function(n, r) {
       e.exports = r();
     })(Uc, (function() {
-      var n = 1e3, r = 6e4, o = 36e5, s = "millisecond", a = "second", c = "minute", u = "hour", l = "day", h = "week", d = "month", m = "quarter", p = "year", v = "date", f = "Invalid Date", b = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/, x = /\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g, E = { name: "en", weekdays: "Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"), months: "January_February_March_April_May_June_July_August_September_October_November_December".split("_"), ordinal: function(M) {
+      var n = 1e3, r = 6e4, o = 36e5, s = "millisecond", a = "second", c = "minute", u = "hour", l = "day", h = "week", d = "month", m = "quarter", g = "year", v = "date", f = "Invalid Date", b = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/, x = /\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g, E = { name: "en", weekdays: "Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"), months: "January_February_March_April_May_June_July_August_September_October_November_December".split("_"), ordinal: function(M) {
         var D = ["th", "st", "nd", "rd"], w = M % 100;
         return "[" + M + (D[(w - 20) % 10] || D[w] || D[0]) + "]";
       } }, R = function(M, D, w) {
@@ -4812,7 +4814,7 @@ function Gc() {
       }, a: function(M) {
         return M < 0 ? Math.ceil(M) || 0 : Math.floor(M);
       }, p: function(M) {
-        return { M: d, y: p, w: h, d: l, D: v, h: u, m: c, s: a, ms: s, Q: m }[M] || String(M || "").toLowerCase().replace(/s$/, "");
+        return { M: d, y: g, w: h, d: l, D: v, h: u, m: c, s: a, ms: s, Q: m }[M] || String(M || "").toLowerCase().replace(/s$/, "");
       }, u: function(M) {
         return M === void 0;
       } }, O = "en", _ = {};
@@ -4828,8 +4830,8 @@ function Gc() {
           var L = D.split("-");
           if (!C && L.length > 1) return M(L[0]);
         } else {
-          var g = D.name;
-          _[g] = D, C = g;
+          var p = D.name;
+          _[p] = D, C = p;
         }
         return !j && C && (O = C), C || !j && O;
       }, Y = function(M, D) {
@@ -4854,8 +4856,8 @@ function Gc() {
             if (typeof C == "string" && !/Z$/i.test(C)) {
               var L = C.match(b);
               if (L) {
-                var g = L[2] - 1 || 0, S = (L[7] || "0").substring(0, 3);
-                return k ? new Date(Date.UTC(L[1], g, L[3] || 1, L[4] || 0, L[5] || 0, L[6] || 0, S)) : new Date(L[1], g, L[3] || 1, L[4] || 0, L[5] || 0, L[6] || 0, S);
+                var p = L[2] - 1 || 0, S = (L[7] || "0").substring(0, 3);
+                return k ? new Date(Date.UTC(L[1], p, L[3] || 1, L[4] || 0, L[5] || 0, L[6] || 0, S)) : new Date(L[1], p, L[3] || 1, L[4] || 0, L[5] || 0, L[6] || 0, S);
               }
             }
             return new Date(C);
@@ -4881,20 +4883,20 @@ function Gc() {
         }, D.valueOf = function() {
           return this.$d.getTime();
         }, D.startOf = function(w, j) {
-          var C = this, k = !!I.u(j) || j, L = I.p(w), g = function(Z, z) {
+          var C = this, k = !!I.u(j) || j, L = I.p(w), p = function(Z, z) {
             var de = I.w(C.$u ? Date.UTC(C.$y, z, Z) : new Date(C.$y, z, Z), C);
             return k ? de : de.endOf(l);
           }, S = function(Z, z) {
             return I.w(C.toDate()[Z].apply(C.toDate("s"), (k ? [0, 0, 0, 0] : [23, 59, 59, 999]).slice(z)), C);
           }, A = this.$W, P = this.$M, G = this.$D, X = "set" + (this.$u ? "UTC" : "");
           switch (L) {
-            case p:
-              return k ? g(1, 0) : g(31, 11);
+            case g:
+              return k ? p(1, 0) : p(31, 11);
             case d:
-              return k ? g(1, P) : g(0, P + 1);
+              return k ? p(1, P) : p(0, P + 1);
             case h:
               var F = this.$locale().weekStart || 0, J = (A < F ? A + 7 : A) - F;
-              return g(k ? G - J : G + (6 - J), P);
+              return p(k ? G - J : G + (6 - J), P);
             case l:
             case v:
               return S(X + "Hours", 0);
@@ -4910,11 +4912,11 @@ function Gc() {
         }, D.endOf = function(w) {
           return this.startOf(w, !1);
         }, D.$set = function(w, j) {
-          var C, k = I.p(w), L = "set" + (this.$u ? "UTC" : ""), g = (C = {}, C[l] = L + "Date", C[v] = L + "Date", C[d] = L + "Month", C[p] = L + "FullYear", C[u] = L + "Hours", C[c] = L + "Minutes", C[a] = L + "Seconds", C[s] = L + "Milliseconds", C)[k], S = k === l ? this.$D + (j - this.$W) : j;
-          if (k === d || k === p) {
+          var C, k = I.p(w), L = "set" + (this.$u ? "UTC" : ""), p = (C = {}, C[l] = L + "Date", C[v] = L + "Date", C[d] = L + "Month", C[g] = L + "FullYear", C[u] = L + "Hours", C[c] = L + "Minutes", C[a] = L + "Seconds", C[s] = L + "Milliseconds", C)[k], S = k === l ? this.$D + (j - this.$W) : j;
+          if (k === d || k === g) {
             var A = this.clone().set(v, 1);
-            A.$d[g](S), A.init(), this.$d = A.set(v, Math.min(this.$D, A.daysInMonth())).$d;
-          } else g && this.$d[g](S);
+            A.$d[p](S), A.init(), this.$d = A.set(v, Math.min(this.$D, A.daysInMonth())).$d;
+          } else p && this.$d[p](S);
           return this.init(), this;
         }, D.set = function(w, j) {
           return this.clone().$set(w, j);
@@ -4923,14 +4925,14 @@ function Gc() {
         }, D.add = function(w, j) {
           var C, k = this;
           w = Number(w);
-          var L = I.p(j), g = function(P) {
+          var L = I.p(j), p = function(P) {
             var G = Y(k);
             return I.w(G.date(G.date() + Math.round(P * w)), k);
           };
           if (L === d) return this.set(d, this.$M + w);
-          if (L === p) return this.set(p, this.$y + w);
-          if (L === l) return g(1);
-          if (L === h) return g(7);
+          if (L === g) return this.set(g, this.$y + w);
+          if (L === l) return p(1);
+          if (L === h) return p(7);
           var S = (C = {}, C[c] = r, C[u] = o, C[a] = n, C)[L] || 1, A = this.$d.getTime() + w * S;
           return I.w(A, this);
         }, D.subtract = function(w, j) {
@@ -4938,10 +4940,10 @@ function Gc() {
         }, D.format = function(w) {
           var j = this, C = this.$locale();
           if (!this.isValid()) return C.invalidDate || f;
-          var k = w || "YYYY-MM-DDTHH:mm:ssZ", L = I.z(this), g = this.$H, S = this.$m, A = this.$M, P = C.weekdays, G = C.months, X = C.meridiem, F = function(z, de, ae, ye) {
+          var k = w || "YYYY-MM-DDTHH:mm:ssZ", L = I.z(this), p = this.$H, S = this.$m, A = this.$M, P = C.weekdays, G = C.months, X = C.meridiem, F = function(z, de, ae, ye) {
             return z && (z[de] || z(j, k)) || ae[de].slice(0, ye);
           }, J = function(z) {
-            return I.s(g % 12 || 12, z, "0");
+            return I.s(p % 12 || 12, z, "0");
           }, Z = X || function(z, de, ae) {
             var ye = z < 12 ? "AM" : "PM";
             return ae ? ye.toLowerCase() : ye;
@@ -4974,17 +4976,17 @@ function Gc() {
                 case "dddd":
                   return P[j.$W];
                 case "H":
-                  return String(g);
+                  return String(p);
                 case "HH":
-                  return I.s(g, 2, "0");
+                  return I.s(p, 2, "0");
                 case "h":
                   return J(1);
                 case "hh":
                   return J(2);
                 case "a":
-                  return Z(g, S, !0);
+                  return Z(p, S, !0);
                 case "A":
-                  return Z(g, S, !1);
+                  return Z(p, S, !1);
                 case "m":
                   return String(S);
                 case "mm":
@@ -5004,11 +5006,11 @@ function Gc() {
         }, D.utcOffset = function() {
           return 15 * -Math.round(this.$d.getTimezoneOffset() / 15);
         }, D.diff = function(w, j, C) {
-          var k, L = this, g = I.p(j), S = Y(w), A = (S.utcOffset() - this.utcOffset()) * r, P = this - S, G = function() {
+          var k, L = this, p = I.p(j), S = Y(w), A = (S.utcOffset() - this.utcOffset()) * r, P = this - S, G = function() {
             return I.m(L, S);
           };
-          switch (g) {
-            case p:
+          switch (p) {
+            case g:
               k = G() / 12;
               break;
             case d:
@@ -5056,7 +5058,7 @@ function Gc() {
           return this.$d.toUTCString();
         }, M;
       })(), se = Q.prototype;
-      return Y.prototype = se, [["$ms", s], ["$s", a], ["$m", c], ["$H", u], ["$W", l], ["$M", d], ["$y", p], ["$D", v]].forEach((function(M) {
+      return Y.prototype = se, [["$ms", s], ["$s", a], ["$m", c], ["$H", u], ["$W", l], ["$M", d], ["$y", g], ["$D", v]].forEach((function(M) {
         se[M[1]] = function(D) {
           return this.$g(D, M[0], M[1]);
         };
@@ -5082,7 +5084,7 @@ function Kc() {
         function c(l, h, d, m) {
           return s.fromToBase(l, h, d, m);
         }
-        o.en.relativeTime = a, s.fromToBase = function(l, h, d, m, p) {
+        o.en.relativeTime = a, s.fromToBase = function(l, h, d, m, g) {
           for (var v, f, b, x = d.$locale().relativeTime || a, E = n.thresholds || [{ l: "s", r: 44, d: "second" }, { l: "m", r: 89 }, { l: "mm", r: 44, d: "minute" }, { l: "h", r: 89 }, { l: "hh", r: 21, d: "hour" }, { l: "d", r: 35 }, { l: "dd", r: 25, d: "day" }, { l: "M", r: 45 }, { l: "MM", r: 10, d: "month" }, { l: "y", r: 17 }, { l: "yy", d: "year" }], R = E.length, T = 0; T < R; T += 1) {
             var O = E[T];
             O.d && (v = m ? o(l).diff(d, O.d, !0) : d.diff(l, O.d, !0));
@@ -5090,7 +5092,7 @@ function Kc() {
             if (b = v > 0, _ <= O.r || !O.r) {
               _ <= 1 && T > 0 && (O = E[T - 1]);
               var $ = x[O.l];
-              p && (_ = p("" + _)), f = typeof $ == "string" ? $.replace("%d", _) : $(_, h, O.l, b);
+              g && (_ = g("" + _)), f = typeof $ == "string" ? $.replace("%d", _) : $(_, h, O.l, b);
               break;
             }
           }
@@ -5128,7 +5130,7 @@ function el() {
         s.en.formats = n, a.format = function(u) {
           u === void 0 && (u = "YYYY-MM-DDTHH:mm:ssZ");
           var l = this.$locale().formats, h = (function(d, m) {
-            return d.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g, (function(p, v, f) {
+            return d.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g, (function(g, v, f) {
               var b = f && f.toUpperCase();
               return v || m[f] || n[f] || m[b].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g, (function(x, E, R) {
                 return E || R.slice(1);
@@ -5224,7 +5226,7 @@ function bl({
   timeFormat: o,
   align: s = "start"
 }) {
-  return /* @__PURE__ */ i.jsxs(pn, { gap: 0.5, align: s, children: [
+  return /* @__PURE__ */ i.jsxs(gn, { gap: 0.5, align: s, children: [
     /* @__PURE__ */ i.jsx(q, { fontSize: "sm", fontWeight: "500", children: Sr({
       value: e,
       variant: t,
@@ -5240,7 +5242,7 @@ function bl({
 export {
   dl as DataTable,
   fl as Filters,
-  gl as MDSButton,
+  pl as MDSButton,
   Na as MDSCheckbox,
   vl as MDSConfirmDeleteDialog,
   mr as MDSInput,
@@ -5248,11 +5250,11 @@ export {
   dc as MDSSelectBox,
   ml as RefreshButton,
   bl as StackedDateTime,
-  pc as addPreset,
+  gc as addPreset,
   hc as deletePreset,
   Sr as formatDateTime,
   $n as getPresets,
-  pl as loadOrder,
+  gl as loadOrder,
   Vt as presetStore,
   hl as saveOrder,
   ro as savePresets,