@mdspl/mds-shared-ui 0.3.2 → 0.3.4

package/dist/index.js

@@ -167,19 +167,19 @@ function ao() {
         value: q
       }), Object.freeze && (Object.freeze(p.props), Object.freeze(p)), p;
     }
-    function f(p, R, O, k, ve, q) {
+    function h(p, R, O, k, ve, q) {
       var P = R.children;
       if (P !== void 0)
         if (k)
           if (le(P)) {
             for (k = 0; k < P.length; k++)
-              h(P[k]);
+              f(P[k]);
             Object.freeze && Object.freeze(P);
           } else
             console.error(
               "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
             );
-        else h(P);
+        else f(P);
       if (te.call(R, "key")) {
         P = e(p);
         var Q = Object.keys(R).filter(function(I) {
@@ -215,7 +215,7 @@ React keys must be passed directly to JSX without using spread:
         q
       );
     }
-    function h(p) {
+    function f(p) {
       m(p) ? p._store && (p._store.validated = 1) : typeof p == "object" && p !== null && p.$$typeof === $ && (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(p) {
@@ -235,7 +235,7 @@ React keys must be passed directly to JSX without using spread:
     )(), ce = De(r(s)), Oe = {};
     st.Fragment = b, st.jsx = function(p, R, O) {
       var k = 1e4 > Z.recentlyCreatedOwnerStacks++;
-      return f(
+      return h(
         p,
         R,
         O,
@@ -245,7 +245,7 @@ React keys must be passed directly to JSX without using spread:
       );
     }, st.jsxs = function(p, R, O) {
       var k = 1e4 > Z.recentlyCreatedOwnerStacks++;
-      return f(
+      return h(
         p,
         R,
         O,
@@ -266,41 +266,41 @@ function co() {
   if ($n) return qt;
   $n = 1;
   var e = B;
-  function t(h, m) {
-    return h === m && (h !== 0 || 1 / h === 1 / m) || h !== h && m !== m;
+  function t(f, m) {
+    return f === m && (f !== 0 || 1 / f === 1 / m) || f !== f && m !== m;
   }
   var n = typeof Object.is == "function" ? Object.is : t, r = e.useState, o = e.useEffect, s = e.useLayoutEffect, i = e.useDebugValue;
-  function l(h, m) {
+  function l(f, m) {
     var g = m(), v = r({ inst: { value: g, getSnapshot: m } }), d = v[0].inst, b = v[1];
     return s(
       function() {
         d.value = g, d.getSnapshot = m, c(d) && b({ inst: d });
       },
-      [h, g, m]
+      [f, g, m]
     ), o(
       function() {
-        return c(d) && b({ inst: d }), h(function() {
+        return c(d) && b({ inst: d }), f(function() {
           c(d) && b({ inst: d });
         });
       },
-      [h]
+      [f]
     ), i(g), g;
   }
-  function c(h) {
-    var m = h.getSnapshot;
-    h = h.value;
+  function c(f) {
+    var m = f.getSnapshot;
+    f = f.value;
     try {
       var g = m();
-      return !n(h, g);
+      return !n(f, g);
     } catch {
       return !0;
     }
   }
-  function u(h, m) {
+  function u(f, m) {
     return m();
   }
-  var f = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? u : l;
-  return qt.useSyncExternalStore = e.useSyncExternalStore !== void 0 ? e.useSyncExternalStore : f, qt;
+  var h = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? u : l;
+  return qt.useSyncExternalStore = e.useSyncExternalStore !== void 0 ? e.useSyncExternalStore : h, qt;
 }
 var Kt = {};
 var Pn;
@@ -310,15 +310,15 @@ function uo() {
       return g === v && (g !== 0 || 1 / g === 1 / v) || g !== g && v !== v;
     }
     function t(g, v) {
-      f || o.startTransition === void 0 || (f = !0, console.error(
+      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."
       ));
       var d = v();
-      if (!h) {
+      if (!f) {
         var b = v();
         s(d, b) || (console.error(
           "The result of getSnapshot should be cached to avoid an infinite loop"
-        ), h = !0);
+        ), f = !0);
       }
       b = i({
         inst: { value: d, getSnapshot: v }
@@ -352,7 +352,7 @@ function uo() {
       return v();
     }
     typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
-    var o = B, s = typeof Object.is == "function" ? Object.is : e, i = o.useState, l = o.useEffect, c = o.useLayoutEffect, u = o.useDebugValue, f = !1, h = !1, m = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? r : t;
+    var o = B, s = typeof Object.is == "function" ? Object.is : e, i = o.useState, l = o.useEffect, c = o.useLayoutEffect, u = o.useDebugValue, h = !1, f = !1, m = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? r : t;
     Kt.useSyncExternalStore = o.useSyncExternalStore !== void 0 ? o.useSyncExternalStore : m, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
   })()), Kt;
 }
@@ -365,11 +365,11 @@ function fo() {
   if (Fn) return Xt;
   Fn = 1;
   var e = B, t = fr();
-  function n(u, f) {
-    return u === f && (u !== 0 || 1 / u === 1 / f) || u !== u && f !== f;
+  function n(u, h) {
+    return u === h && (u !== 0 || 1 / u === 1 / h) || u !== u && h !== h;
   }
   var r = typeof Object.is == "function" ? Object.is : n, o = t.useSyncExternalStore, s = e.useRef, i = e.useEffect, l = e.useMemo, c = e.useDebugValue;
-  return Xt.useSyncExternalStoreWithSelector = function(u, f, h, m, g) {
+  return Xt.useSyncExternalStoreWithSelector = function(u, h, f, m, g) {
     var v = s(null);
     if (v.current === null) {
       var d = { hasValue: !1, value: null };
@@ -390,17 +390,17 @@ function fo() {
           var _ = m(D);
           return g !== void 0 && g(E, _) ? (S = D, E) : (S = D, C = _);
         }
-        var w = !1, S, C, j = h === void 0 ? null : h;
+        var w = !1, S, C, j = f === void 0 ? null : f;
         return [
           function() {
-            return x(f());
+            return x(h());
           },
           j === null ? void 0 : function() {
             return x(j());
           }
         ];
       },
-      [f, h, m, g]
+      [h, f, m, g]
     );
     var b = o(u, v[0], v[1]);
     return i(
@@ -415,12 +415,12 @@ var Jt = {};
 var Vn;
 function ho() {
   return Vn || (Vn = 1, process.env.NODE_ENV !== "production" && (function() {
-    function e(u, f) {
-      return u === f && (u !== 0 || 1 / u === 1 / f) || u !== u && f !== f;
+    function e(u, h) {
+      return u === h && (u !== 0 || 1 / u === 1 / h) || u !== u && h !== h;
     }
     typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
     var t = B, n = fr(), r = typeof Object.is == "function" ? Object.is : e, o = n.useSyncExternalStore, s = t.useRef, i = t.useEffect, l = t.useMemo, c = t.useDebugValue;
-    Jt.useSyncExternalStoreWithSelector = function(u, f, h, m, g) {
+    Jt.useSyncExternalStoreWithSelector = function(u, h, f, m, g) {
       var v = s(null);
       if (v.current === null) {
         var d = { hasValue: !1, value: null };
@@ -442,17 +442,17 @@ function ho() {
             var _ = m(D);
             return g !== void 0 && g(E, _) ? (S = D, E) : (S = D, C = _);
           }
-          var w = !1, S, C, j = h === void 0 ? null : h;
+          var w = !1, S, C, j = f === void 0 ? null : f;
           return [
             function() {
-              return x(f());
+              return x(h());
             },
             j === null ? void 0 : function() {
               return x(j());
             }
           ];
         },
-        [f, h, m, g]
+        [h, f, m, g]
       );
       var b = o(u, v[0], v[1]);
       return i(
@@ -697,8 +697,8 @@ function vr(e) {
     return r.reduce((s, i) => {
       const l = Object.entries(i);
       for (const [c, u] of l) {
-        const f = s[c];
-        f != null && (s[c] = f + e * u);
+        const h = s[c];
+        h != null && (s[c] = h + e * u);
       }
       return s;
     }, {
@@ -916,49 +916,49 @@ function No(e) {
   if (A(() => {
     u(!0);
   }, []), Io(M(() => ({
-    onDragStart(h) {
+    onDragStart(f) {
       let {
         active: m
-      } = h;
+      } = f;
       s(t.onDragStart({
         active: m
       }));
     },
-    onDragMove(h) {
+    onDragMove(f) {
       let {
         active: m,
         over: g
-      } = h;
+      } = f;
       t.onDragMove && s(t.onDragMove({
         active: m,
         over: g
       }));
     },
-    onDragOver(h) {
+    onDragOver(f) {
       let {
         active: m,
         over: g
-      } = h;
+      } = f;
       s(t.onDragOver({
         active: m,
         over: g
       }));
     },
-    onDragEnd(h) {
+    onDragEnd(f) {
       let {
         active: m,
         over: g
-      } = h;
+      } = f;
       s(t.onDragEnd({
         active: m,
         over: g
       }));
     },
-    onDragCancel(h) {
+    onDragCancel(f) {
       let {
         active: m,
         over: g
-      } = h;
+      } = f;
       s(t.onDragCancel({
         active: m,
         over: g
@@ -966,14 +966,14 @@ function No(e) {
     }
   }), [s, t])), !c)
     return null;
-  const f = B.createElement(B.Fragment, null, B.createElement(_o, {
+  const h = B.createElement(B.Fragment, null, B.createElement(_o, {
     id: r,
     value: o.draggable
   }), B.createElement(Oo, {
     id: l,
     announcement: i
   }));
-  return n ? so(f, n) : f;
+  return n ? so(h, n) : h;
 }
 var Y;
 (function(e) {
@@ -1070,8 +1070,8 @@ const mr = (e) => {
 function Yo(e, t) {
   const n = Math.max(t.top, e.top), r = Math.max(t.left, e.left), o = Math.min(t.left + t.width, e.left + e.width), s = Math.min(t.top + t.height, e.top + e.height), i = o - r, l = s - n;
   if (r < o && n < s) {
-    const c = t.width * t.height, u = e.width * e.height, f = i * l, h = f / (c + u - f);
-    return Number(h.toFixed(4));
+    const c = t.width * t.height, u = e.width * e.height, h = i * l, f = h / (c + u - h);
+    return Number(f.toFixed(4));
   }
   return 0;
 }
@@ -1157,13 +1157,13 @@ function Xo(e, t, n) {
     scaleY: s,
     x: i,
     y: l
-  } = r, c = e.left - i - (1 - o) * parseFloat(n), u = e.top - l - (1 - s) * parseFloat(n.slice(n.indexOf(" ") + 1)), f = o ? e.width / o : e.width, h = s ? e.height / s : e.height;
+  } = r, c = e.left - i - (1 - o) * parseFloat(n), u = e.top - l - (1 - s) * parseFloat(n.slice(n.indexOf(" ") + 1)), h = o ? e.width / o : e.width, f = s ? e.height / s : e.height;
   return {
-    width: f,
-    height: h,
+    width: h,
+    height: f,
     top: u,
-    right: c + f,
-    bottom: u + h,
+    right: c + h,
+    bottom: u + f,
     left: c
   };
 }
@@ -1176,9 +1176,9 @@ function Ze(e, t) {
   if (t.ignoreTransform) {
     const {
       transform: u,
-      transformOrigin: f
+      transformOrigin: h
     } = re(e).getComputedStyle(e);
-    u && (n = Xo(n, u, f));
+    u && (n = Xo(n, u, h));
   }
   const {
     top: r,
@@ -1301,8 +1301,8 @@ function es(e, t, n, r, o) {
   r === void 0 && (r = 10), o === void 0 && (o = Qo);
   const {
     isTop: u,
-    isBottom: f,
-    isLeft: h,
+    isBottom: h,
+    isLeft: f,
     isRight: m
   } = Rr(e), g = {
     x: 0,
@@ -1314,7 +1314,7 @@ function es(e, t, n, r, o) {
     height: t.height * o.y,
     width: t.width * o.x
   };
-  return !u && s <= t.top + d.height ? (g.y = H.Backward, v.y = r * Math.abs((t.top + d.height - s) / d.height)) : !f && c >= t.bottom - d.height && (g.y = H.Forward, v.y = r * Math.abs((t.bottom - d.height - c) / d.height)), !m && l >= t.right - d.width ? (g.x = H.Forward, v.x = r * Math.abs((t.right - d.width - l) / d.width)) : !h && i <= t.left + d.width && (g.x = H.Backward, v.x = r * Math.abs((t.left + d.width - i) / d.width)), {
+  return !u && s <= t.top + d.height ? (g.y = H.Backward, v.y = r * Math.abs((t.top + d.height - s) / d.height)) : !h && c >= t.bottom - d.height && (g.y = H.Forward, v.y = r * Math.abs((t.bottom - d.height - c) / d.height)), !m && l >= t.right - d.width ? (g.x = H.Forward, v.x = r * Math.abs((t.right - d.width - l) / d.width)) : !f && i <= t.left + d.width && (g.x = H.Backward, v.x = r * Math.abs((t.left + d.width - i) / d.width)), {
     direction: g,
     speed: v
   };
@@ -1384,8 +1384,8 @@ class xn {
       for (const c of i)
         Object.defineProperty(this, c, {
           get: () => {
-            const u = l(r), f = o[s] - u;
-            return this.rect[c] + f;
+            const u = l(r), h = o[s] - u;
+            return this.rect[c] + h;
           },
           enumerable: !0
         });
@@ -1506,18 +1506,18 @@ class jr {
       }
       const {
         collisionRect: u
-      } = r.current, f = u ? {
+      } = r.current, h = u ? {
         x: u.left,
         y: u.top
       } : ge;
-      this.referenceCoordinates || (this.referenceCoordinates = f);
-      const h = i(t, {
+      this.referenceCoordinates || (this.referenceCoordinates = h);
+      const f = i(t, {
         active: n,
         context: r.current,
-        currentCoordinates: f
+        currentCoordinates: h
       });
-      if (h) {
-        const m = Nt(h, f), g = {
+      if (f) {
+        const m = Nt(f, h), g = {
           x: 0,
           y: 0
         }, {
@@ -1532,10 +1532,10 @@ class jr {
             maxScroll: j,
             minScroll: D
           } = Rr(d), E = ts(d), _ = {
-            x: Math.min(b === T.Right ? E.right - E.width / 2 : E.right, Math.max(b === T.Right ? E.left : E.left + E.width / 2, h.x)),
-            y: Math.min(b === T.Down ? E.bottom - E.height / 2 : E.bottom, Math.max(b === T.Down ? E.top : E.top + E.height / 2, h.y))
+            x: Math.min(b === T.Right ? E.right - E.width / 2 : E.right, Math.max(b === T.Right ? E.left : E.left + E.width / 2, f.x)),
+            y: Math.min(b === T.Down ? E.bottom - E.height / 2 : E.bottom, Math.max(b === T.Down ? E.top : E.top + E.height / 2, f.y))
           }, $ = b === T.Right && !w || b === T.Left && !S, F = b === T.Down && !C || b === T.Up && !x;
-          if ($ && _.x !== h.x) {
+          if ($ && _.x !== f.x) {
             const L = d.scrollLeft + m.x, Z = b === T.Right && L <= j.x || b === T.Left && L >= D.x;
             if (Z && !m.y) {
               d.scrollTo({
@@ -1549,7 +1549,7 @@ class jr {
               behavior: l
             });
             break;
-          } else if (F && _.y !== h.y) {
+          } else if (F && _.y !== f.y) {
             const L = d.scrollTop + m.y, Z = b === T.Down && L <= j.y || b === T.Up && L >= D.y;
             if (Z && !m.x) {
               d.scrollTo({
@@ -1565,7 +1565,7 @@ class jr {
             break;
           }
         }
-        this.handleMove(t, Xe(Nt(h, this.referenceCoordinates), g));
+        this.handleMove(t, Xe(Nt(f, this.referenceCoordinates), g));
       }
     }
   }
@@ -1853,12 +1853,12 @@ function hs(e) {
     order: l = $t.TreeOrder,
     pointerCoordinates: c,
     scrollableAncestors: u,
-    scrollableAncestorRects: f,
-    delta: h,
+    scrollableAncestorRects: h,
+    delta: f,
     threshold: m
   } = e;
   const g = ps({
-    delta: h,
+    delta: f,
     disabled: !s
   }), [v, d] = Co(), b = N({
     x: 0,
@@ -1894,7 +1894,7 @@ function hs(e) {
       for (const D of j) {
         if (r?.(D) === !1)
           continue;
-        const E = u.indexOf(D), _ = f[E];
+        const E = u.indexOf(D), _ = h[E];
         if (!_)
           continue;
         const {
@@ -1931,7 +1931,7 @@ function hs(e) {
       v,
       u,
       j,
-      f,
+      h,
       // eslint-disable-next-line react-hooks/exhaustive-deps
       JSON.stringify(m)
     ]
@@ -2009,12 +2009,12 @@ function ms(e, t) {
     frequency: l,
     measure: c,
     strategy: u
-  } = o, f = N(e), h = b(), m = dt(h), g = J(function(x) {
+  } = o, h = N(e), f = b(), m = dt(f), g = J(function(x) {
     x === void 0 && (x = []), !m.current && i((w) => w === null ? x : w.concat(x.filter((S) => !w.includes(S))));
   }, [m]), v = N(null), d = mt((x) => {
-    if (h && !n)
+    if (f && !n)
       return Jn;
-    if (!x || x === Jn || f.current !== e || s != null) {
+    if (!x || x === Jn || h.current !== e || s != null) {
       const w = /* @__PURE__ */ new Map();
       for (let S of e) {
         if (!S)
@@ -2029,15 +2029,15 @@ function ms(e, t) {
       return w;
     }
     return x;
-  }, [e, s, n, h, c]);
+  }, [e, s, n, f, c]);
   return A(() => {
-    f.current = e;
+    h.current = e;
   }, [e]), A(
     () => {
-      h || g();
+      f || g();
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [n, h]
+    [n, f]
   ), A(
     () => {
       s && s.length > 0 && i(null);
@@ -2046,12 +2046,12 @@ function ms(e, t) {
     [JSON.stringify(s)]
   ), A(
     () => {
-      h || typeof l != "number" || v.current !== null || (v.current = setTimeout(() => {
+      f || typeof l != "number" || v.current !== null || (v.current = setTimeout(() => {
         g(), v.current = null;
       }, l));
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [l, h, g, ...r]
+    [l, f, g, ...r]
   ), {
     droppableRects: d,
     measureDroppableContainers: g,
@@ -2122,8 +2122,8 @@ function Zn(e, t, n) {
         var u;
         return (u = c ?? n) != null ? u : null;
       }
-      const f = t(e);
-      return JSON.stringify(c) === JSON.stringify(f) ? c : f;
+      const h = t(e);
+      return JSON.stringify(c) === JSON.stringify(h) ? c : h;
     });
   }
   const i = ys({
@@ -2131,10 +2131,10 @@ function Zn(e, t, n) {
       if (e)
         for (const u of c) {
           const {
-            type: f,
-            target: h
+            type: h,
+            target: f
           } = u;
-          if (f === "childList" && h instanceof HTMLElement && h.contains(e)) {
+          if (h === "childList" && f instanceof HTMLElement && f.contains(e)) {
             s();
             break;
           }
@@ -2271,13 +2271,13 @@ function Os(e) {
   } = e;
   const [n, r] = G(null), o = J((u) => {
     for (const {
-      target: f
+      target: h
     } of u)
-      if (bt(f)) {
-        r((h) => {
-          const m = t(f);
-          return h ? {
-            ...h,
+      if (bt(h)) {
+        r((f) => {
+          const m = t(h);
+          return f ? {
+            ...f,
             width: m.width,
             height: m.height
           } : m;
@@ -2287,8 +2287,8 @@ function Os(e) {
   }, [t]), s = Yt({
     callback: o
   }), i = J((u) => {
-    const f = _s(u);
-    s?.disconnect(), f && s?.observe(f), r(f ? t(f) : null);
+    const h = _s(u);
+    s?.disconnect(), h && s?.observe(h), r(h ? t(h) : null);
   }, [t, s]), [l, c] = Mt(i);
   return M(() => ({
     nodeRef: l,
@@ -2510,12 +2510,12 @@ function Ls(e) {
       if (!c.current && !u.current)
         return;
       requestAnimationFrame(() => {
-        for (const f of [c.current, u.current]) {
-          if (!f)
+        for (const h of [c.current, u.current]) {
+          if (!h)
             continue;
-          const h = Eo(f);
-          if (h) {
-            h.focus();
+          const f = Eo(h);
+          if (f) {
+            f.focus();
             break;
           }
         }
@@ -2577,12 +2577,12 @@ function zs(e) {
     const u = t?.node.current;
     if (!u || u.isConnected === !1)
       return;
-    const f = n(u), h = xr(f, r);
-    if (i || (h.x = 0), l || (h.y = 0), s.current = !0, Math.abs(h.x) > 0 || Math.abs(h.y) > 0) {
+    const h = n(u), f = xr(h, r);
+    if (i || (f.x = 0), l || (f.y = 0), s.current = !0, Math.abs(f.x) > 0 || Math.abs(f.y) > 0) {
       const m = yr(u);
       m && m.scrollBy({
-        top: h.y,
-        left: h.x
+        top: f.y,
+        left: f.x
       });
     }
   }, [t, i, l, r, n]);
@@ -2603,8 +2603,8 @@ const Ar = /* @__PURE__ */ eo(function(t) {
     accessibility: l,
     autoScroll: c = !0,
     children: u,
-    sensors: f = Ts,
-    collisionDetection: h = Bo,
+    sensors: h = Ts,
+    collisionDetection: f = Bo,
     measuring: m,
     modifiers: g,
     ...v
@@ -2677,7 +2677,7 @@ const Ar = /* @__PURE__ */ eo(function(t) {
     scrollableAncestors: Te,
     scrollableAncestorRects: yt,
     windowRect: Wt
-  }), En = P ? Xe(P, $) : null, jn = Rs(Te), Wr = er(jn), Ur = er(jn, [I]), He = Xe(wt, Wr), We = Be ? Uo(Be, wt) : null, et = te && We ? h({
+  }), En = P ? Xe(P, $) : null, jn = Rs(Te), Wr = er(jn), Ur = er(jn, [I]), He = Xe(wt, Wr), We = Be ? Uo(Be, wt) : null, et = te && We ? f({
     active: te,
     collisionRect: We,
     droppableRects: O,
@@ -2823,8 +2823,8 @@ const Ar = /* @__PURE__ */ eo(function(t) {
     K(ie, se.options, me) === !0 && (ue.dndKit = {
       capturedBy: se.sensor
     }, le.current = Ae, Tn(ie, se));
-  }, [_, Tn]), In = bs(f, qr);
-  Ds(f), Se(() => {
+  }, [_, Tn]), In = bs(h, qr);
+  Ds(h), Se(() => {
     I && C === Ne.Initializing && j(Ne.Initialized);
   }, [I, C]), A(
     () => {
@@ -2988,8 +2988,8 @@ function Ys(e) {
     activatorEvent: l,
     active: c,
     activeNodeRect: u,
-    ariaDescribedById: f,
-    draggableNodes: h,
+    ariaDescribedById: h,
+    draggableNodes: f,
     over: m
   } = ze(Bt), {
     role: g = nr,
@@ -2997,18 +2997,18 @@ function Ys(e) {
     tabIndex: d = 0
   } = o ?? {}, b = c?.id === t, x = ze(b ? Ir : Fs), [w, S] = Mt(), [C, j] = Mt(), D = Es(i, t), E = dt(n);
   Se(
-    () => (h.set(t, {
+    () => (f.set(t, {
       id: t,
       key: s,
       node: w,
       activatorNode: C,
       data: E
     }), () => {
-      const $ = h.get(t);
-      $ && $.key === s && h.delete(t);
+      const $ = f.get(t);
+      $ && $.key === s && f.delete(t);
     }),
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [h, t]
+    [f, t]
   );
   const _ = M(() => ({
     role: g,
@@ -3016,8 +3016,8 @@ function Ys(e) {
     "aria-disabled": r,
     "aria-pressed": b && g === nr ? !0 : void 0,
     "aria-roledescription": v,
-    "aria-describedby": f.draggable
-  }), [r, g, d, b, v, f.draggable]);
+    "aria-describedby": h.draggable
+  }), [r, g, d, b, v, h.draggable]);
   return {
     active: c,
     activatorEvent: l,
@@ -3050,9 +3050,9 @@ function Us(e) {
     dispatch: l,
     over: c,
     measureDroppableContainers: u
-  } = ze(Bt), f = N({
+  } = ze(Bt), h = N({
     disabled: n
-  }), h = N(!1), m = N(null), g = N(null), {
+  }), f = N(!1), m = N(null), g = N(null), {
     disabled: v,
     updateMeasurementsFor: d,
     timeout: b
@@ -3061,8 +3061,8 @@ function Us(e) {
     ...o
   }, x = dt(d ?? r), w = J(
     () => {
-      if (!h.current) {
-        h.current = !0;
+      if (!f.current) {
+        f.current = !0;
         return;
       }
       g.current != null && clearTimeout(g.current), g.current = setTimeout(() => {
@@ -3075,10 +3075,10 @@ function Us(e) {
     callback: w,
     disabled: v || !i
   }), C = J((_, $) => {
-    S && ($ && (S.unobserve($), h.current = !1), _ && S.observe(_));
+    S && ($ && (S.unobserve($), f.current = !1), _ && S.observe(_));
   }, [S]), [j, D] = Mt(C), E = dt(t);
   return A(() => {
-    !S || !j.current || (S.disconnect(), h.current = !1, S.observe(j.current));
+    !S || !j.current || (S.disconnect(), f.current = !1, S.observe(j.current));
   }, [j, S]), A(
     () => (l({
       type: Y.RegisterDroppable,
@@ -3098,12 +3098,12 @@ function Us(e) {
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [r]
   ), A(() => {
-    n !== f.current.disabled && (l({
+    n !== h.current.disabled && (l({
       type: Y.SetDroppableDisabled,
       id: r,
       key: s,
       disabled: n
-    }), f.current.disabled = n);
+    }), h.current.disabled = n);
   }, [r, s, n, l]), {
     active: i,
     rect: m,
@@ -3267,17 +3267,17 @@ function Lr(e) {
     dragOverlay: l,
     droppableRects: c,
     over: u,
-    measureDroppableContainers: f
-  } = Bs(), h = xt(Mr, n), m = l.rect !== null, g = M(() => r.map((D) => typeof D == "object" && "id" in D ? D.id : D), [r]), v = i != null, d = i ? g.indexOf(i.id) : -1, b = u ? g.indexOf(u.id) : -1, x = N(g), w = !Xs(g, x.current), S = b !== -1 && d === -1 || w, C = qs(s);
+    measureDroppableContainers: h
+  } = Bs(), f = xt(Mr, n), m = l.rect !== null, g = M(() => r.map((D) => typeof D == "object" && "id" in D ? D.id : D), [r]), v = i != null, d = i ? g.indexOf(i.id) : -1, b = u ? g.indexOf(u.id) : -1, x = N(g), w = !Xs(g, x.current), S = b !== -1 && d === -1 || w, C = qs(s);
   Se(() => {
-    w && v && f(g);
-  }, [w, g, v, f]), A(() => {
+    w && v && h(g);
+  }, [w, g, v, h]), A(() => {
     x.current = g;
   }, [g]);
   const j = M(
     () => ({
       activeIndex: d,
-      containerId: h,
+      containerId: f,
       disabled: C,
       disableTransforms: S,
       items: g,
@@ -3287,7 +3287,7 @@ function Lr(e) {
       strategy: o
     }),
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [d, h, C.draggable, C.droppable, S, g, b, c, m, o]
+    [d, f, C.draggable, C.droppable, S, g, b, c, m, o]
   );
   return B.createElement(Nr.Provider, {
     value: j
@@ -3338,13 +3338,13 @@ function si(e) {
       if (c) {
         const u = Ze(r.current, {
           ignoreTransform: !0
-        }), f = {
+        }), h = {
           x: c.left - u.left,
           y: c.top - u.top,
           scaleX: c.width / u.width,
           scaleY: c.height / u.height
         };
-        (f.x || f.y) && i(f);
+        (h.x || h.y) && i(h);
       }
     }
     n !== l.current && (l.current = n);
@@ -3365,8 +3365,8 @@ function Pr(e) {
     transition: u = ni
   } = e;
   const {
-    items: f,
-    containerId: h,
+    items: h,
+    containerId: f,
     activeIndex: m,
     disabled: g,
     disableTransforms: v,
@@ -3374,14 +3374,14 @@ function Pr(e) {
     overIndex: b,
     useDragOverlay: x,
     strategy: w
-  } = ze(Nr), S = ii(r, g), C = f.indexOf(i), j = M(() => ({
+  } = ze(Nr), S = ii(r, g), C = h.indexOf(i), j = M(() => ({
     sortable: {
-      containerId: h,
+      containerId: f,
       index: C,
-      items: f
+      items: h
     },
     ...o
-  }), [h, o, C, f]), D = M(() => f.slice(f.indexOf(i)), [f, i]), {
+  }), [f, o, C, h]), D = M(() => h.slice(h.indexOf(i)), [h, i]), {
     rect: E,
     node: _,
     isOver: $,
@@ -3421,22 +3421,22 @@ function Pr(e) {
     index: C
   }) : null, Q = jt(m) && jt(b) ? s({
     id: i,
-    items: f,
+    items: h,
     activeIndex: m,
     overIndex: b
   }) : C, oe = L?.id, I = N({
     activeId: oe,
-    items: f,
+    items: h,
     newIndex: Q,
-    containerId: h
-  }), Qe = f !== I.current.items, be = t({
+    containerId: f
+  }), Qe = h !== I.current.items, be = t({
     active: L,
-    containerId: h,
+    containerId: f,
     isDragging: X,
     isSorting: R,
     id: i,
     index: C,
-    items: f,
+    items: h,
     newIndex: I.current.newIndex,
     previousItems: I.current.items,
     previousContainerId: I.current.containerId,
@@ -3449,8 +3449,8 @@ function Pr(e) {
     rect: E
   });
   return A(() => {
-    R && I.current.newIndex !== Q && (I.current.newIndex = Q), h !== I.current.containerId && (I.current.containerId = h), f !== I.current.items && (I.current.items = f);
-  }, [R, Q, h, f]), A(() => {
+    R && I.current.newIndex !== Q && (I.current.newIndex = Q), f !== I.current.containerId && (I.current.containerId = f), h !== I.current.items && (I.current.items = h);
+  }, [R, Q, f, h]), A(() => {
     if (oe === I.current.activeId)
       return;
     if (oe != null && I.current.activeId == null) {
@@ -3469,7 +3469,7 @@ function Pr(e) {
     rect: E,
     index: C,
     newIndex: Q,
-    items: f,
+    items: h,
     isOver: $,
     isSorting: R,
     isDragging: X,
@@ -3556,7 +3556,7 @@ const di = hn(
       ...l
     },
     [
-      ...i.map(([u, f]) => sn(u, f)),
+      ...i.map(([u, h]) => sn(u, h)),
       ...Array.isArray(s) ? s : [s]
     ]
   )
@@ -3717,7 +3717,7 @@ function Bi(e, t) {
     ...c,
     data: e,
     columnOrder: l,
-    visibility: l.reduce((u, f) => (u[f.id] = !0, u), {}),
+    visibility: l.reduce((u, h) => (u[h.id] = !0, u), {}),
     sortableColumns: l.map((u) => ({
       id: u.id,
       label: u.label,
@@ -3752,26 +3752,28 @@ function Qi({
   onClick: n,
   cursor: r,
   borderRight: o,
-  borderRightColor: s
+  borderRightColor: s,
+  backgroundColor: i
 }) {
-  const { setNodeRef: i, attributes: l, listeners: c, transform: u, transition: f } = Pr({ id: e });
+  const { setNodeRef: l, attributes: c, listeners: u, transform: h, transition: f } = Pr({ id: e });
   return /* @__PURE__ */ a.jsx(
     ye.ColumnHeader,
     {
-      ref: i,
+      ref: l,
       onClick: n,
+      backgroundColor: i,
       w: e === "id" ? "80px" : void 0,
       style: {
-        transform: qe.Transform.toString(u),
+        transform: qe.Transform.toString(h),
         transition: f,
         cursor: r,
         borderRight: o,
         borderRightColor: s
       },
-      ...l,
+      ...c,
       children: /* @__PURE__ */ a.jsxs(ne, { justify: "space-between", children: [
         t,
-        /* @__PURE__ */ a.jsx("span", { ...c, children: /* @__PURE__ */ a.jsx(Fr, { size: 12 }) })
+        /* @__PURE__ */ a.jsx("span", { ...u, children: /* @__PURE__ */ a.jsx(Fr, { size: 12 }) })
       ] })
     }
   );
@@ -3780,17 +3782,17 @@ function ea() {
   const { columnOrder: e, visibility: t, sortColumn: n, sortDirection: r, sortableColumns: o } = vt(fe), s = e.map((l) => o.find((c) => c.id === l.id)).filter((l) => l !== void 0).filter((l) => t[l.id]), i = (l) => {
     const { active: c, over: u } = l;
     if (!u || c.id === u.id) return;
-    const f = e.findIndex((g) => g.id === c.id), h = e.findIndex((g) => g.id === u.id), m = Ht(e, f, h);
+    const h = e.findIndex((g) => g.id === c.id), f = e.findIndex((g) => g.id === u.id), m = Ht(e, h, f);
     Fi(m);
   };
-  return /* @__PURE__ */ a.jsx(ye.Header, { background: "gray.100", position: "sticky", top: 0, p: "0", children: /* @__PURE__ */ a.jsx(Ar, { collisionDetection: mr, onDragEnd: i, children: /* @__PURE__ */ a.jsx(
+  return /* @__PURE__ */ a.jsx(ye.Header, { background: "blue.200", position: "sticky", top: 0, p: "0", children: /* @__PURE__ */ a.jsx(Ar, { collisionDetection: mr, onDragEnd: i, children: /* @__PURE__ */ a.jsx(
     Lr,
     {
       items: e.map((l) => l.id),
       strategy: Ks,
       children: /* @__PURE__ */ a.jsxs(ye.Row, { height: "28px", children: [
-        s.map((l, c) => {
-          const u = n === l?.id;
+        s.map((l) => {
+          const c = n === l?.id;
           return /* @__PURE__ */ a.jsx(
             Qi,
             {
@@ -3809,7 +3811,7 @@ function ea() {
                   },
                   children: [
                     l?.label,
-                    l?.sortable && (u ? r === "asc" ? /* @__PURE__ */ a.jsx(bi, { size: 14 }) : /* @__PURE__ */ a.jsx(hi, { size: 14 }) : /* @__PURE__ */ a.jsx(pi, { size: 14, opacity: 0.4 }))
+                    l?.sortable && (c ? r === "asc" ? /* @__PURE__ */ a.jsx(bi, { size: 14 }) : /* @__PURE__ */ a.jsx(hi, { size: 14 }) : /* @__PURE__ */ a.jsx(pi, { size: 14, opacity: 0.4 }))
                   ]
                 }
               )
@@ -3931,8 +3933,8 @@ function Dl({
   pageSize: l = 10,
   onPageChange: c,
   onPageSizeChange: u,
-  density: f = "sm",
-  totalCount: h = 0,
+  density: h = "sm",
+  totalCount: f = 0,
   paginationMode: m = "client"
 }) {
   A(() => {
@@ -3945,20 +3947,20 @@ function Dl({
     if (g && x.sort(
       (w, S) => v === "asc" ? String(w[g]).localeCompare(String(S[g])) : String(S[g]).localeCompare(String(w[g]))
     ), m === "client") {
-      const w = i * l;
+      const w = (i - 1) * l;
       return x.slice(w, w + l);
     }
     return x;
   }, [d, g, v, i, l, m]);
   return /* @__PURE__ */ a.jsxs(Ge, { h: "100%", display: "flex", flexDirection: "column", p: 2, pt: 2, minHeight: 0, children: [
-    /* @__PURE__ */ a.jsx(Ge, { flex: "1", minHeight: 0, overflow: "auto", children: r ? /* @__PURE__ */ a.jsx(Ge, { display: "flex", alignItems: "center", justifyContent: "center", h: "100%", color: "gray.500", children: "Loading..." }) : b.length === 0 ? /* @__PURE__ */ a.jsx(Ge, { display: "flex", alignItems: "center", justifyContent: "center", h: "100%", color: "gray.500", children: o }) : /* @__PURE__ */ a.jsxs(ye.Root, { variant: "outline", w: "100%", size: f, children: [
+    /* @__PURE__ */ a.jsx(Ge, { flex: "1", minHeight: 0, overflow: "auto", children: r ? /* @__PURE__ */ a.jsx(Ge, { display: "flex", alignItems: "center", justifyContent: "center", h: "100%", color: "gray.500", children: "Loading..." }) : b.length === 0 ? /* @__PURE__ */ a.jsx(Ge, { display: "flex", alignItems: "center", justifyContent: "center", h: "100%", color: "gray.500", children: o }) : /* @__PURE__ */ a.jsxs(ye.Root, { variant: "outline", w: "100%", size: h, children: [
       /* @__PURE__ */ a.jsx(ea, {}),
       /* @__PURE__ */ a.jsx(ba, { data: b, actions: s })
     ] }) }),
     /* @__PURE__ */ a.jsx(Ge, { mt: 0.5, children: /* @__PURE__ */ a.jsx(
       fa,
       {
-        totalCount: h,
+        totalCount: f,
         pageSize: l,
         currentPage: i,
         onPageChange: c,
@@ -4067,7 +4069,7 @@ function Ta({
     };
     return window.addEventListener("keydown", v), () => window.removeEventListener("keydown", v);
   }, []);
-  const f = (v) => {
+  const h = (v) => {
     let d = v;
     if (d.includes(V)) {
       const [b, x = ""] = d.split(V);
@@ -4080,7 +4082,7 @@ function Ta({
     } else
       d = at(d);
     i(d);
-  }, h = () => {
+  }, f = () => {
     const v = s.trim();
     if (!v) {
       t(void 0);
@@ -4125,11 +4127,11 @@ function Ta({
       return;
     }
     if (s.substring(b + V.length).trim())
-      h(), u.current?.blur();
+      f(), u.current?.blur();
     else {
       const w = s.substring(0, b + V.length) + ar();
       i(w), setTimeout(() => {
-        h(), u.current?.blur();
+        f(), u.current?.blur();
       }, 0);
     }
   }, g = () => {
@@ -4197,8 +4199,8 @@ function Ta({
         value: s,
         size: "sm",
         disabled: n,
-        onChange: (v) => f(v.target.value),
-        onBlur: h,
+        onChange: (v) => h(v.target.value),
+        onBlur: f,
         onKeyDown: m,
         pr: s ? "10" : void 0,
         w: "100%"
@@ -4227,8 +4229,8 @@ const Ia = y(Fe.Root), Aa = y(Fe.Label), ka = y(Fe.HelperText), Ma = y(Fe.ErrorT
   label: l,
   helperText: c,
   isDisabled: u = !1,
-  required: f = !1,
-  errorText: h,
+  required: h = !1,
+  errorText: f,
   visible: m
 }) => /* @__PURE__ */ a.jsxs(Ia, { width: i, children: [
   m && /* @__PURE__ */ a.jsx(Aa, { children: l }),
@@ -4241,10 +4243,10 @@ const Ia = y(Fe.Root), Aa = y(Fe.Label), ka = y(Fe.HelperText), Ma = y(Fe.ErrorT
       size: o,
       variant: s,
       disabled: u,
-      required: f
+      required: h
     }
   ) }),
-  h && /* @__PURE__ */ a.jsx(Ma, { fontSize: "xs", children: h }),
+  f && /* @__PURE__ */ a.jsx(Ma, { fontSize: "xs", children: f }),
   c && /* @__PURE__ */ a.jsx(ka, { fontSize: "xs", children: c })
 ] }), Na = y(Fe.Root), La = y(Fe.HelperText), $a = y(Fe.ErrorText), Pa = y(z.Root), za = y(z.Label), Fa = y(z.Control), Va = y(z.Trigger), Ya = y(z.ValueText), Ba = y(z.IndicatorGroup), Ha = y(z.Indicator), Wa = y(z.Content), Ua = y(z.Item), Ga = y(z.ItemIndicator), Xa = y(z.HiddenSelect), qa = y(z.Positioner), Ka = ({
   options: e = [],
@@ -4257,14 +4259,14 @@ const Ia = y(Fe.Root), Aa = y(Fe.Label), ka = y(Fe.HelperText), Ma = y(Fe.ErrorT
   variant: l = "outline",
   helperText: c,
   isDisabled: u,
-  required: f,
-  errorText: h,
+  required: h,
+  errorText: f,
   visible: m
 }) => {
   const g = cr({
     items: e
   });
-  return /* @__PURE__ */ a.jsxs(Na, { disabled: u, required: f, children: [
+  return /* @__PURE__ */ a.jsxs(Na, { disabled: u, required: h, children: [
     /* @__PURE__ */ a.jsxs(
       Pa,
       {
@@ -4289,7 +4291,7 @@ const Ia = y(Fe.Root), Aa = y(Fe.Label), ka = y(Fe.HelperText), Ma = y(Fe.ErrorT
       }
     ),
     c && /* @__PURE__ */ a.jsx(La, { children: c }),
-    h && /* @__PURE__ */ a.jsx($a, { children: h })
+    f && /* @__PURE__ */ a.jsx($a, { children: f })
   ] });
 }, Yr = (e) => `FILTER_PRESETS_${e ?? "default"}`;
 function Ja(e) {
@@ -4436,8 +4438,8 @@ const Pt = new gr({}), Cn = (e) => {
   onLoadPreset: l,
   activePresetName: c,
   onReorder: u,
-  open: f,
-  onOpenChange: h
+  open: h,
+  onOpenChange: f
 }) => {
   const g = vt(Pt)[s] ?? Cn(s), v = () => {
     const d = prompt("Preset name?");
@@ -4448,7 +4450,7 @@ const Pt = new gr({}), Cn = (e) => {
       filters: i
     });
   };
-  return /* @__PURE__ */ a.jsx(ne, { wrap: "wrap", children: /* @__PURE__ */ a.jsxs(cl, { size: e, open: f, onOpenChange: h, children: [
+  return /* @__PURE__ */ a.jsx(ne, { wrap: "wrap", children: /* @__PURE__ */ a.jsxs(cl, { size: e, open: h, onOpenChange: f, children: [
     /* @__PURE__ */ a.jsx(ul, { asChild: !0, children: /* @__PURE__ */ a.jsxs(we, { "aria-label": "Open filters", variant: "outline", size: "xs", ml: 2, p: 2, children: [
       /* @__PURE__ */ a.jsx(Ai, { size: 16 }),
       "Filters"
@@ -4483,7 +4485,7 @@ const Pt = new gr({}), Cn = (e) => {
               rounded: "md",
               p: 3,
               mb: 3,
-              children: Hr(d, f)
+              children: Hr(d, h)
             },
             d.id
           )) }),
@@ -4585,8 +4587,8 @@ const Pt = new gr({}), Cn = (e) => {
   pageKey: l,
   currentFilters: c,
   onLoadPreset: u,
-  activePresetName: f,
-  filterDrawerSize: h = "sm"
+  activePresetName: h,
+  filterDrawerSize: f = "sm"
 }) => {
   const [m, g] = G(!1);
   return /* @__PURE__ */ a.jsxs(ne, { wrap: "wrap", pl: 2, pr: 2, width: "100%", justify: "space-between", children: [
@@ -4605,7 +4607,7 @@ const Pt = new gr({}), Cn = (e) => {
       /* @__PURE__ */ a.jsx(
         wl,
         {
-          filterDrawerSize: h,
+          filterDrawerSize: f,
           onVisibilityChange: n,
           onReorder: r,
           onSizeChange: o,
@@ -4615,7 +4617,7 @@ const Pt = new gr({}), Cn = (e) => {
           filters: t,
           currentFilters: c,
           onLoadPreset: u,
-          activePresetName: f,
+          activePresetName: h,
           open: m,
           onOpenChange: (v) => {
             g(v.open);
@@ -4634,7 +4636,7 @@ const Pt = new gr({}), Cn = (e) => {
   }
 }, Ol = ({
   onClick: e,
-  size: t = "sm",
+  size: t = "xs",
   variant: n = "solid",
   label: r,
   leftIcon: o,
@@ -4643,7 +4645,8 @@ const Pt = new gr({}), Cn = (e) => {
   colorScheme: l,
   loading: c,
   loadingText: u,
-  rounded: f
+  rounded: h,
+  type: f = "button"
 }) => /* @__PURE__ */ a.jsx(
   Tt,
   {
@@ -4654,7 +4657,8 @@ const Pt = new gr({}), Cn = (e) => {
     colorPalette: l,
     loading: c,
     loadingText: u,
-    rounded: f,
+    rounded: h,
+    type: f,
     children: /* @__PURE__ */ a.jsxs(ne, { gap: 1, children: [
       o,
       r,
@@ -4702,6 +4706,7 @@ export {
   Ol as MDSButton,
   Sa as MDSCheckbox,
   lr as MDSInput,
+  Tl as MDSRefreshButton,
   Ka as MDSSelectBox,
   Tl as RefreshButton,
   Qa as addPreset,