blunt-ui 0.3.5 → 0.3.6

package/dist/index.js

@@ -1,8 +1,8 @@
 import { jsx as s, jsxs as k, Fragment as Lo } from "react/jsx-runtime";
 import i, { css as t, keyframes as F, ThemeProvider as Fo, createGlobalStyle as Bo } from "styled-components";
-import po, { useId as A, useState as D, useContext as io, createContext as ao, forwardRef as ko, createElement as to, useRef as U, useEffect as j, useCallback as V, useMemo as lo } from "react";
+import po, { useId as R, useState as D, useContext as io, createContext as ao, forwardRef as ko, createElement as to, useRef as j, useEffect as A, useCallback as V, useMemo as lo } from "react";
 import { createPortal as Co } from "react-dom";
-const H = (o, r, n) => t`
+const U = (o, r, n) => t`
   background: ${r};
   color: ${n};
   border: ${o.brutalism.borderWidth} solid ${o.colors.neutral[900]};
@@ -31,32 +31,32 @@ const H = (o, r, n) => t`
 })[o]}
 
   ${({ $variant: o, theme: r }) => r.brutalism ? {
-  primary: H(
+  primary: U(
     r,
     r.colors.primary[500],
     r.colors.primary.contrast
   ),
-  neutral: H(
+  neutral: U(
     r,
     r.colors.neutral[200],
     r.colors.neutral[900]
   ),
-  success: H(
+  success: U(
     r,
     r.colors.success[50],
     r.colors.success[500]
   ),
-  error: H(
+  error: U(
     r,
     r.colors.error[50],
     r.colors.error[500]
   ),
-  warning: H(
+  warning: U(
     r,
     r.colors.warning[50],
     r.colors.warning[500]
   ),
-  info: H(r, r.colors.info[50], r.colors.info[500])
+  info: U(r, r.colors.info[50], r.colors.info[500])
 }[o] : {
   primary: t`
         background: ${r.colors.primary[50]};
@@ -308,38 +308,38 @@ function qo({
   error: c,
   leftElement: d,
   rightElement: p,
-  clearable: g,
-  onClear: b,
-  fullWidth: h,
-  id: y,
-  value: $,
-  defaultValue: x,
-  onChange: v,
-  ...C
+  clearable: $,
+  onClear: g,
+  fullWidth: w,
+  id: x,
+  value: f,
+  defaultValue: y,
+  onChange: h,
+  ...z
 }) {
-  const M = A(), f = y ?? M, T = `${f}-hint`, [S, z] = D(x ?? ""), w = $ !== void 0, I = w ? $ : S, W = typeof c == "string" ? c : void 0, O = !!(a || c), P = (N) => {
-    w || z(N.target.value), v?.(N);
+  const W = R(), v = x ?? W, b = `${v}-hint`, [C, I] = D(y ?? ""), S = f !== void 0, T = S ? f : C, M = typeof c == "string" ? c : void 0, P = !!(a || c), O = (N) => {
+    S || I(N.target.value), h?.(N);
   }, K = () => {
-    w || z(""), b?.();
+    S || I(""), g?.();
   };
-  return /* @__PURE__ */ k(Ao, { $fullWidth: h, children: [
-    l && /* @__PURE__ */ s(Ro, { htmlFor: f, children: l }),
+  return /* @__PURE__ */ k(Ao, { $fullWidth: w, children: [
+    l && /* @__PURE__ */ s(Ro, { htmlFor: v, children: l }),
     /* @__PURE__ */ k(Ho, { $size: n, $variant: e, $error: !!c, children: [
       d && /* @__PURE__ */ s(fo, { children: d }),
       /* @__PURE__ */ s(
         Uo,
         {
-          id: f,
+          id: v,
           ref: o,
           type: r,
-          value: I,
-          onChange: P,
-          ...C,
+          value: T,
+          onChange: O,
+          ...z,
           "aria-invalid": !!c,
-          "aria-describedby": O ? T : void 0
+          "aria-describedby": P ? b : void 0
         }
       ),
-      g && I && /* @__PURE__ */ s(
+      $ && T && /* @__PURE__ */ s(
         Ko,
         {
           type: "button",
@@ -350,7 +350,7 @@ function qo({
       ),
       p && /* @__PURE__ */ s(fo, { children: p })
     ] }),
-    O && /* @__PURE__ */ s(Yo, { id: T, $error: !!c, children: W ?? a })
+    P && /* @__PURE__ */ s(Yo, { id: b, $error: !!c, children: M ?? a })
   ] });
 }
 qo.displayName = "Input";
@@ -437,28 +437,28 @@ function or({
   fullWidth: c,
   id: d,
   value: p,
-  defaultValue: g,
-  onChange: b,
-  ...h
+  defaultValue: $,
+  onChange: g,
+  ...w
 }) {
-  const y = A(), $ = d ?? y, x = `${$}-hint`, [v, C] = D(g ?? ""), M = p !== void 0, f = M ? p : v, T = typeof a == "string" ? a : void 0, S = !!(l || a);
+  const x = R(), f = d ?? x, y = `${f}-hint`, [h, z] = D($ ?? ""), W = p !== void 0, v = W ? p : h, b = typeof a == "string" ? a : void 0, C = !!(l || a);
   return /* @__PURE__ */ k(Go, { $fullWidth: c, children: [
-    e && /* @__PURE__ */ s(Jo, { htmlFor: $, children: e }),
+    e && /* @__PURE__ */ s(Jo, { htmlFor: f, children: e }),
     /* @__PURE__ */ s(Zo, { $size: r, $variant: n, $error: !!a, children: /* @__PURE__ */ s(
       Qo,
       {
-        id: $,
+        id: f,
         ref: o,
-        value: f,
-        onChange: (w) => {
-          M || C(w.target.value), b?.(w);
+        value: v,
+        onChange: (S) => {
+          W || z(S.target.value), g?.(S);
         },
-        ...h,
+        ...w,
         "aria-invalid": !!a,
-        "aria-describedby": S ? x : void 0
+        "aria-describedby": C ? y : void 0
       }
     ) }),
-    S && /* @__PURE__ */ s(Xo, { id: x, $error: !!a, children: T ?? l })
+    C && /* @__PURE__ */ s(Xo, { id: y, $error: !!a, children: b ?? l })
   ] });
 }
 or.displayName = "Textarea";
@@ -491,27 +491,27 @@ const tr = (o) => {
 }, sr = ao({}), er = () => io(sr), ir = ko(
   ({ color: o, size: r, strokeWidth: n, absoluteStrokeWidth: e, className: l = "", children: a, iconNode: c, ...d }, p) => {
     const {
-      size: g = 24,
-      strokeWidth: b = 2,
-      absoluteStrokeWidth: h = !1,
-      color: y = "currentColor",
-      className: $ = ""
-    } = er() ?? {}, x = e ?? h ? Number(n ?? b) * 24 / Number(r ?? g) : n ?? b;
+      size: $ = 24,
+      strokeWidth: g = 2,
+      absoluteStrokeWidth: w = !1,
+      color: x = "currentColor",
+      className: f = ""
+    } = er() ?? {}, y = e ?? w ? Number(n ?? g) * 24 / Number(r ?? $) : n ?? g;
     return to(
       "svg",
       {
         ref: p,
         ...ro,
-        width: r ?? g ?? ro.width,
-        height: r ?? g ?? ro.height,
-        stroke: o ?? y,
-        strokeWidth: x,
-        className: So("lucide", $, l),
+        width: r ?? $ ?? ro.width,
+        height: r ?? $ ?? ro.height,
+        stroke: o ?? x,
+        strokeWidth: y,
+        className: So("lucide", f, l),
         ...!a && !tr(d) && { "aria-hidden": "true" },
         ...d
       },
       [
-        ...c.map(([v, C]) => to(v, C)),
+        ...c.map(([h, z]) => to(h, z)),
         ...Array.isArray(a) ? a : [a]
       ]
     );
@@ -669,49 +669,49 @@ function Tr({
   clearable: c,
   onClear: d,
   id: p,
-  value: g,
-  defaultValue: b,
-  onChange: h,
-  ...y
+  value: $,
+  defaultValue: g,
+  onChange: w,
+  ...x
 }) {
-  const $ = A(), x = p ?? $, v = `${x}-hint`, C = typeof l == "string" ? l : void 0, [M, f] = D(
-    b ?? ""
-  ), T = g !== void 0, S = T ? g : M, z = (W) => {
-    T || f(W.target.value), h?.(W);
-  }, w = () => {
-    T || f(""), d?.();
-  }, I = c && !!S;
+  const f = R(), y = p ?? f, h = `${y}-hint`, z = typeof l == "string" ? l : void 0, [W, v] = D(
+    g ?? ""
+  ), b = $ !== void 0, C = b ? $ : W, I = (M) => {
+    b || v(M.target.value), w?.(M);
+  }, S = () => {
+    b || v(""), d?.();
+  }, T = c && !!C;
   return /* @__PURE__ */ k(mr, { $fullWidth: a, children: [
     /* @__PURE__ */ k(vr, { children: [
       /* @__PURE__ */ k(
         Cr,
         {
-          id: x,
+          id: y,
           $size: n,
           $variant: e,
           $error: !!l,
           "aria-invalid": !!l,
-          "aria-describedby": C ? v : void 0,
-          value: S,
-          onChange: z,
-          ...y,
+          "aria-describedby": z ? h : void 0,
+          value: C,
+          onChange: I,
+          ...x,
           children: [
             r && /* @__PURE__ */ s("option", { value: "", disabled: !0, children: r }),
-            o.map((W) => /* @__PURE__ */ s("option", { value: W.value, disabled: W.disabled, children: W.label }, W.value))
+            o.map((M) => /* @__PURE__ */ s("option", { value: M.value, disabled: M.disabled, children: M.label }, M.value))
           ]
         }
       ),
-      I ? /* @__PURE__ */ s(
+      T ? /* @__PURE__ */ s(
         Sr,
         {
           type: "button",
-          onClick: w,
+          onClick: S,
           "aria-label": "Clear selection",
           children: /* @__PURE__ */ s(co, { size: 14 })
         }
       ) : /* @__PURE__ */ s(zr, { "aria-hidden": "true", children: /* @__PURE__ */ s(zo, { size: 14 }) })
     ] }),
-    C && /* @__PURE__ */ s(kr, { id: v, $error: !0, children: C })
+    z && /* @__PURE__ */ s(kr, { id: h, $error: !0, children: z })
   ] });
 }
 Tr.displayName = "Select";
@@ -784,26 +784,26 @@ function Mr({
   placeholder: a = "Click to edit",
   disabled: c = !1
 }) {
-  const d = o !== void 0, [p, g] = D(r), b = d ? o : p, [h, y] = D(!1), [$, x] = D(""), v = U(null), C = () => {
-    c || (x(b), y(!0), setTimeout(() => {
-      v.current?.focus(), v.current?.select();
+  const d = o !== void 0, [p, $] = D(r), g = d ? o : p, [w, x] = D(!1), [f, y] = D(""), h = j(null), z = () => {
+    c || (y(g), x(!0), setTimeout(() => {
+      h.current?.focus(), h.current?.select();
     }, 0));
-  }, M = () => {
-    d || g($), n?.($), e?.($), y(!1);
-  }, f = () => {
-    l?.(b), y(!1);
-  }, T = (S) => {
-    S.key === "Enter" ? M() : S.key === "Escape" && f();
+  }, W = () => {
+    d || $(f), n?.(f), e?.(f), x(!1);
+  }, v = () => {
+    l?.(g), x(!1);
+  }, b = (C) => {
+    C.key === "Enter" ? W() : C.key === "Escape" && v();
   };
-  return h ? /* @__PURE__ */ s(go, { children: /* @__PURE__ */ s(
+  return w ? /* @__PURE__ */ s(go, { children: /* @__PURE__ */ s(
     Dr,
     {
-      ref: v,
-      value: $,
-      size: Math.max($.length, a.length, 10),
-      onChange: (S) => x(S.target.value),
-      onBlur: M,
-      onKeyDown: T,
+      ref: h,
+      value: f,
+      size: Math.max(f.length, a.length, 10),
+      onChange: (C) => y(C.target.value),
+      onBlur: W,
+      onKeyDown: b,
       "aria-label": "Edit value"
     }
   ) }) : /* @__PURE__ */ s(go, { children: /* @__PURE__ */ s(
@@ -812,10 +812,10 @@ function Mr({
       role: c ? void 0 : "button",
       tabIndex: c ? void 0 : 0,
       $disabled: c,
-      $empty: !b,
-      onClick: C,
-      onKeyDown: (S) => S.key === "Enter" && C(),
-      children: b || a
+      $empty: !g,
+      onClick: z,
+      onKeyDown: (C) => C.key === "Enter" && z(),
+      children: g || a
     }
   ) });
 }
@@ -1003,75 +1003,77 @@ function Io({
   closeOnBackdrop: c = !0,
   closeOnEscape: d = !0,
   ariaLabelledBy: p,
-  ariaDescribedBy: g
+  ariaDescribedBy: $
 }) {
-  const b = U(null), h = U(null), y = A(), $ = p ?? (n ? y : void 0), [x, v] = D(o), [C, M] = D(!1);
-  return j(() => {
+  const g = j(null), w = j(null), x = j(r);
+  x.current = r;
+  const f = R(), y = p ?? (n ? f : void 0), [h, z] = D(o), [W, v] = D(!1);
+  return A(() => {
     if (o)
-      v(!0), M(!1);
-    else if (x) {
-      M(!0);
-      const f = setTimeout(() => {
-        v(!1), M(!1);
+      z(!0), v(!1);
+    else if (h) {
+      v(!0);
+      const b = setTimeout(() => {
+        z(!1), v(!1);
       }, 150);
-      return () => clearTimeout(f);
+      return () => clearTimeout(b);
     }
-  }, [o, x]), j(() => {
+  }, [o, h]), A(() => {
     if (!o)
       return;
-    const f = document.body.style.overflow;
+    const b = document.body.style.overflow;
     return document.body.style.overflow = "hidden", () => {
-      document.body.style.overflow = f;
+      document.body.style.overflow = b;
     };
-  }, [o]), j(() => {
-    if (!o || !b.current)
+  }, [o]), A(() => {
+    if (!o || !g.current)
       return;
-    const f = b.current, T = document.activeElement;
-    (bo(f)[0] ?? f).focus();
-    const z = (w) => {
-      if (w.key === "Escape" && d) {
-        r();
+    const b = g.current, C = document.activeElement;
+    (bo(b)[0] ?? b).focus();
+    const S = (T) => {
+      if (T.key === "Escape" && d) {
+        x.current();
         return;
       }
-      if (w.key !== "Tab")
+      if (T.key !== "Tab")
         return;
-      const I = bo(f);
-      if (I.length === 0) {
-        w.preventDefault();
+      const M = bo(b);
+      if (M.length === 0) {
+        T.preventDefault();
         return;
       }
-      const W = I[0], O = I[I.length - 1];
-      w.shiftKey ? document.activeElement === W && (w.preventDefault(), O.focus()) : document.activeElement === O && (w.preventDefault(), W.focus());
+      const P = M[0], O = M[M.length - 1];
+      T.shiftKey ? document.activeElement === P && (T.preventDefault(), O.focus()) : document.activeElement === O && (T.preventDefault(), P.focus());
     };
-    return document.addEventListener("keydown", z), () => {
-      document.removeEventListener("keydown", z), T?.focus();
+    return document.addEventListener("keydown", S), () => {
+      document.removeEventListener("keydown", S), C?.focus();
     };
-  }, [o, d, r, x]), x ? Co(
+  }, [o, d, h]), h ? Co(
     /* @__PURE__ */ s(
       _r,
       {
-        $closing: C,
-        onMouseDown: (f) => {
-          h.current = f.target;
+        $closing: W,
+        onMouseDown: (b) => {
+          w.current = b.target;
         },
-        onClick: (f) => {
-          c && h.current === f.currentTarget && r();
+        onClick: (b) => {
+          c && w.current === b.currentTarget && r();
         },
         children: /* @__PURE__ */ k(
           jr,
           {
-            ref: b,
+            ref: g,
             role: "dialog",
             "aria-modal": "true",
-            "aria-labelledby": $,
-            "aria-describedby": g,
+            "aria-labelledby": y,
+            "aria-describedby": $,
             $size: a,
-            $closing: C,
+            $closing: W,
             tabIndex: -1,
-            onClick: (f) => f.stopPropagation(),
+            onClick: (b) => b.stopPropagation(),
             children: [
               /* @__PURE__ */ k(Ar, { children: [
-                n && /* @__PURE__ */ s(Rr, { id: y, children: n }),
+                n && /* @__PURE__ */ s(Rr, { id: f, children: n }),
                 /* @__PURE__ */ s(Yr, { onClick: r, "aria-label": "Close modal", children: "×" })
               ] }),
               /* @__PURE__ */ s(Hr, { children: e }),
@@ -1213,25 +1215,25 @@ function Do({
   duration: l = 4e3,
   position: a = "bottom-right"
 }) {
-  const [c, d] = D(o), [p, g] = D(!1);
-  return j(() => {
+  const [c, d] = D(o), [p, $] = D(!1);
+  return A(() => {
     if (o)
-      d(!0), g(!1);
+      d(!0), $(!1);
     else if (c) {
-      g(!0);
-      const b = setTimeout(() => {
-        d(!1), g(!1);
+      $(!0);
+      const g = setTimeout(() => {
+        d(!1), $(!1);
       }, 200);
       return () => {
-        clearTimeout(b);
+        clearTimeout(g);
       };
     }
-  }, [o, c]), j(() => {
+  }, [o, c]), A(() => {
     if (!o || l === 0)
       return;
-    const b = setTimeout(r, l);
+    const g = setTimeout(r, l);
     return () => {
-      clearTimeout(b);
+      clearTimeout(g);
     };
   }, [o, l, r]), c ? Co(
     /* @__PURE__ */ k(
@@ -1324,7 +1326,7 @@ function ln({
   required: e,
   children: l
 }) {
-  const a = A(), c = `${a}-hint`, d = !!(r || n), p = typeof r == "string" ? r : void 0, g = po.isValidElement(l) ? po.cloneElement(
+  const a = R(), c = `${a}-hint`, d = !!(r || n), p = typeof r == "string" ? r : void 0, $ = po.isValidElement(l) ? po.cloneElement(
     l,
     {
       id: a,
@@ -1337,7 +1339,7 @@ function ln({
       o,
       e && /* @__PURE__ */ s(sn, { "aria-hidden": "true", children: " *" })
     ] }),
-    g,
+    $,
     d && /* @__PURE__ */ s(en, { id: c, $error: !!r, children: p ?? n })
   ] });
 }
@@ -1350,81 +1352,81 @@ function wt({
 }) {
   const [l, a] = D(o), [c, d] = D(
     {}
-  ), [p, g] = D({}), [b, h] = D(!1), y = U(l);
-  y.current = l;
-  const $ = V(
-    (z) => {
+  ), [p, $] = D({}), [g, w] = D(!1), x = j(l);
+  x.current = l;
+  const f = V(
+    (I) => {
       if (!r)
         return {};
-      const w = r(z);
+      const S = r(I);
       return Object.fromEntries(
-        Object.entries(w).filter(([, I]) => I !== void 0)
+        Object.entries(S).filter(([, T]) => T !== void 0)
       );
     },
     [r]
-  ), x = U(p);
-  x.current = p;
-  const v = V(
-    (z) => {
-      const { name: w, value: I } = z.target;
-      process.env.NODE_ENV !== "production" && !w && console.warn(
+  ), y = j(p);
+  y.current = p;
+  const h = V(
+    (I) => {
+      const { name: S, value: T } = I.target;
+      process.env.NODE_ENV !== "production" && !S && console.warn(
         "[useForm] handleChange: field is missing a `name` attribute — value will not be tracked."
       );
-      const W = { ...y.current, [w]: I };
-      a(W), x.current[w] && d($(W));
+      const M = { ...x.current, [S]: T };
+      a(M), y.current[S] && d(f(M));
     },
-    [$]
-  ), C = V(
-    (z) => {
-      const { name: w } = z.target;
-      process.env.NODE_ENV !== "production" && !w && console.warn(
+    [f]
+  ), z = V(
+    (I) => {
+      const { name: S } = I.target;
+      process.env.NODE_ENV !== "production" && !S && console.warn(
         "[useForm] handleBlur: field is missing a `name` attribute — touched state will not be tracked."
-      ), g((I) => ({ ...I, [w]: !0 })), d($(y.current));
+      ), $((T) => ({ ...T, [S]: !0 })), d(f(x.current));
     },
-    [$]
-  ), M = V(
-    (z) => {
-      z?.preventDefault();
-      const w = Object.keys(y.current).reduce(
-        (O, P) => ({ ...O, [P]: !0 }),
+    [f]
+  ), W = V(
+    (I) => {
+      I?.preventDefault();
+      const S = Object.keys(x.current).reduce(
+        (P, O) => ({ ...P, [O]: !0 }),
         {}
       );
-      g(w);
-      const I = $(y.current);
-      if (d(I), Object.keys(I).length > 0) {
-        e?.(I);
+      $(S);
+      const T = f(x.current);
+      if (d(T), Object.keys(T).length > 0) {
+        e?.(T);
         return;
       }
       (async () => {
-        h(!0);
+        w(!0);
         try {
-          await n?.(y.current);
+          await n?.(x.current);
         } finally {
-          h(!1);
+          w(!1);
         }
       })();
     },
-    [$, n, e]
-  ), f = V((z, w) => {
-    a((I) => ({ ...I, [z]: w }));
-  }, []), T = V(
-    (z) => {
-      a(z ?? o), d({}), g({}), h(!1);
+    [f, n, e]
+  ), v = V((I, S) => {
+    a((T) => ({ ...T, [I]: S }));
+  }, []), b = V(
+    (I) => {
+      a(I ?? o), d({}), $({}), w(!1);
     },
     [o]
-  ), S = Object.fromEntries(
-    Object.entries(c).filter(([z]) => p[z])
+  ), C = Object.fromEntries(
+    Object.entries(c).filter(([I]) => p[I])
   );
   return {
     values: l,
-    errors: S,
+    errors: C,
     touched: p,
-    handleChange: v,
-    handleBlur: C,
-    handleSubmit: M,
-    setFieldValue: f,
-    reset: T,
-    isSubmitting: b
+    handleChange: h,
+    handleBlur: z,
+    handleSubmit: W,
+    setFieldValue: v,
+    reset: b,
+    isSubmitting: g
   };
 }
 const cn = i.div`
@@ -1518,32 +1520,32 @@ function wn({
   headerActions: c,
   accentColor: d
 }) {
-  const [p, g] = D(n), b = A(), h = e !== void 0, y = h ? e : p;
+  const [p, $] = D(n), g = R(), w = e !== void 0, x = w ? e : p;
   return /* @__PURE__ */ k(cn, { $accentColor: d, children: [
     /* @__PURE__ */ k(
       dn,
       {
         type: "button",
-        $open: y,
+        $open: x,
         $accentColor: d,
-        "aria-expanded": y,
-        "aria-controls": b,
+        "aria-expanded": x,
+        "aria-controls": g,
         onClick: () => {
-          const x = !y;
-          h || g(x), l?.(x);
+          const y = !x;
+          w || $(y), l?.(y);
         },
         children: [
           /* @__PURE__ */ k(un, { children: [
             /* @__PURE__ */ s(pn, { children: o }),
             (a || c) && /* @__PURE__ */ k($n, { children: [
               a && /* @__PURE__ */ s(fn, { children: a }),
-              c && /* @__PURE__ */ s(gn, { onClick: (x) => x.stopPropagation(), children: c })
+              c && /* @__PURE__ */ s(gn, { onClick: (y) => y.stopPropagation(), children: c })
             ] })
           ] }),
           /* @__PURE__ */ s(
             bn,
             {
-              $open: y,
+              $open: x,
               $accentColor: d,
               "aria-hidden": "true",
               children: /* @__PURE__ */ s(zo, { size: 18, strokeWidth: 2.5 })
@@ -1552,7 +1554,7 @@ function wn({
         ]
       }
     ),
-    /* @__PURE__ */ s(xn, { $open: y, children: /* @__PURE__ */ s(yn, { id: b, role: "region", "aria-label": o, children: /* @__PURE__ */ s(hn, { children: r }) }) })
+    /* @__PURE__ */ s(xn, { $open: x, children: /* @__PURE__ */ s(yn, { id: g, role: "region", "aria-label": o, children: /* @__PURE__ */ s(hn, { children: r }) }) })
   ] });
 }
 wn.displayName = "CollapsibleCard";
@@ -1610,14 +1612,14 @@ function Tn({
 }) {
   const l = r !== void 0, [a, c] = D(
     n ?? null
-  ), d = l ? r ?? null : a, p = (b) => {
-    const h = zn(d, b);
-    return l || c(h), e?.(h), h;
-  }, g = lo(() => l || !d ? o : [...o].sort((b, h) => {
-    const y = b[d.key], $ = h[d.key], x = y < $ ? -1 : y > $ ? 1 : 0;
-    return d.direction === "asc" ? x : -x;
+  ), d = l ? r ?? null : a, p = (g) => {
+    const w = zn(d, g);
+    return l || c(w), e?.(w), w;
+  }, $ = lo(() => l || !d ? o : [...o].sort((g, w) => {
+    const x = g[d.key], f = w[d.key], y = x < f ? -1 : x > f ? 1 : 0;
+    return d.direction === "asc" ? y : -y;
   }), [o, d, l]);
-  return { activeSort: d, sortedData: g, handleSort: p };
+  return { activeSort: d, sortedData: $, handleSort: p };
 }
 const In = 7, xo = 3, yo = 1;
 function Dn(o, r) {
@@ -1637,15 +1639,15 @@ function Mn({
   totalRows: l,
   onPageChange: a
 }) {
-  const c = n !== void 0, [d, p] = D(e ?? 1), g = c ? n : d, b = (v) => {
-    c || p(v), a?.(v);
-  }, h = c || l !== void 0, y = l ?? o.length, $ = r ? Math.max(1, Math.ceil(y / r)) : 1, x = lo(() => {
-    if (!r || h)
+  const c = n !== void 0, [d, p] = D(e ?? 1), $ = c ? n : d, g = (h) => {
+    c || p(h), a?.(h);
+  }, w = c || l !== void 0, x = l ?? o.length, f = r ? Math.max(1, Math.ceil(x / r)) : 1, y = lo(() => {
+    if (!r || w)
       return o;
-    const v = (g - 1) * r;
-    return o.slice(v, v + r);
-  }, [o, r, g, h]);
-  return { activePage: g, totalPages: $, displayData: x, handlePageChange: b };
+    const h = ($ - 1) * r;
+    return o.slice(h, h + r);
+  }, [o, r, $, w]);
+  return { activePage: $, totalPages: f, displayData: y, handlePageChange: g };
 }
 const Wo = (o, r) => o === "sm" ? `${r.spacing[1]} ${r.spacing[2]}` : o === "lg" ? `${r.spacing[3]} ${r.spacing[4]}` : `${r.spacing[2]} ${r.spacing[3]}`, Wn = i.div`
   width: 100%;
@@ -1885,33 +1887,33 @@ function Un({
   stickyHeader: c,
   caption: d,
   emptyMessage: p = "No data",
-  loading: g,
-  sort: b,
-  defaultSort: h,
-  onSortChange: y,
-  pageSize: $,
-  page: x,
-  defaultPage: v,
-  totalRows: C,
-  onPageChange: M,
-  onChange: f,
-  onRowClick: T,
-  borderColor: S,
-  headerColor: z,
-  rowColor: w,
-  stripeColor: I,
-  className: W,
-  style: O
+  loading: $,
+  sort: g,
+  defaultSort: w,
+  onSortChange: x,
+  pageSize: f,
+  page: y,
+  defaultPage: h,
+  totalRows: z,
+  onPageChange: W,
+  onChange: v,
+  onRowClick: b,
+  borderColor: C,
+  headerColor: I,
+  rowColor: S,
+  stripeColor: T,
+  className: M,
+  style: P
 }) {
   const {
-    activeSort: P,
+    activeSort: O,
     sortedData: K,
     handleSort: N
   } = Tn({
     data: r,
-    sort: b,
-    defaultSort: h,
-    onSortChange: y
+    sort: g,
+    defaultSort: w,
+    onSortChange: x
   }), {
     activePage: E,
     totalPages: q,
@@ -1919,32 +1921,32 @@ function Un({
     handlePageChange: B
   } = Mn({
     data: K,
-    pageSize: $,
-    page: x,
-    defaultPage: v,
-    totalRows: C,
-    onPageChange: M
-  }), R = (m) => {
+    pageSize: f,
+    page: y,
+    defaultPage: h,
+    totalRows: z,
+    onPageChange: W
+  }), Y = (m) => {
     const L = N(m);
-    f?.({ sort: L, page: E });
-  }, Y = (m) => {
-    B(m), f?.({ sort: P, page: m });
-  }, Z = (m, L) => String(n ? m[n] : L), Q = !g && u.length === 0, Eo = $ ?? Yn;
+    v?.({ sort: L, page: E });
+  }, H = (m) => {
+    B(m), v?.({ sort: O, page: m });
+  }, Z = (m, L) => String(n ? m[n] : L), Q = !$ && u.length === 0, Eo = f ?? Yn;
   return /* @__PURE__ */ k(
     Wn,
     {
-      $borderColor: S,
+      $borderColor: C,
       $stickyHeader: c,
-      className: W,
-      style: O,
+      className: M,
+      style: P,
       children: [
         /* @__PURE__ */ k(On, { $size: e, children: [
           d && /* @__PURE__ */ s("caption", { children: d }),
           /* @__PURE__ */ s(
             Pn,
             {
-              $headerColor: z,
-              $borderColor: S,
+              $headerColor: I,
+              $borderColor: C,
               $stickyHeader: c,
               children: /* @__PURE__ */ s(X, { children: o.map((m) => /* @__PURE__ */ s(
                 Ln,
@@ -1957,11 +1959,11 @@ function Un({
                     Fn,
                     {
                       type: "button",
-                      onClick: () => R(m.key),
-                      "aria-label": `Sort by ${m.header}${P?.key === m.key ? `, ${P.direction}ending` : ""}`,
+                      onClick: () => Y(m.key),
+                      "aria-label": `Sort by ${m.header}${O?.key === m.key ? `, ${O.direction}ending` : ""}`,
                       children: [
                         m.header,
-                        /* @__PURE__ */ s(Bn, { "aria-hidden": "true", children: Hn(P, m.key) })
+                        /* @__PURE__ */ s(Bn, { "aria-hidden": "true", children: Hn(O, m.key) })
                       ]
                     }
                   ) : m.header
@@ -1974,28 +1976,28 @@ function Un({
             Nn,
             {
               $striped: l,
-              $rowColor: w,
-              $stripeColor: I,
-              children: g ? Array.from({ length: Eo }).map((m, L) => /* @__PURE__ */ s(X, { children: o.map((uo) => /* @__PURE__ */ s(
+              $rowColor: S,
+              $stripeColor: T,
+              children: $ ? Array.from({ length: Eo }).map((m, L) => /* @__PURE__ */ s(X, { children: o.map((uo) => /* @__PURE__ */ s(
                 jn,
                 {
                   $size: e,
                   $bordered: a,
-                  $borderColor: S,
+                  $borderColor: C,
                   children: /* @__PURE__ */ s(An, {})
                 },
                 uo.key
               )) }, L)) : Q ? /* @__PURE__ */ s("tr", { children: /* @__PURE__ */ s(Vn, { colSpan: o.length, children: p }) }) : u.map((m, L) => /* @__PURE__ */ s(
-                T ? En : X,
+                b ? En : X,
                 {
-                  onClick: T ? () => T(m) : void 0,
-                  $accentColor: T ? S : void 0,
+                  onClick: b ? () => b(m) : void 0,
+                  $accentColor: b ? C : void 0,
                   children: o.map((G) => /* @__PURE__ */ s(
                     Oo,
                     {
                       $size: e,
                       $bordered: a,
-                      $borderColor: S,
+                      $borderColor: C,
                       children: G.render ? G.render(m[G.key], m, L) : String(m[G.key] ?? "") || " "
                     },
                     G.key
@@ -2006,12 +2008,12 @@ function Un({
             }
           )
         ] }),
-        $ && q > 1 && /* @__PURE__ */ k(Rn, { children: [
+        f && q > 1 && /* @__PURE__ */ k(Rn, { children: [
           /* @__PURE__ */ s(
             no,
             {
               type: "button",
-              onClick: () => Y(E - 1),
+              onClick: () => H(E - 1),
               disabled: E <= 1,
               "aria-label": "Previous page",
               children: "←"
@@ -2031,7 +2033,7 @@ function Un({
               {
                 type: "button",
                 $active: m === E,
-                onClick: () => Y(m),
+                onClick: () => H(m),
                 "aria-label": `Page ${m}`,
                 "aria-current": m === E ? "page" : void 0,
                 children: m
@@ -2043,7 +2045,7 @@ function Un({
             no,
             {
               type: "button",
-              onClick: () => Y(E + 1),
+              onClick: () => H(E + 1),
               disabled: E >= q,
               "aria-label": "Next page",
               children: "→"
@@ -2438,65 +2440,65 @@ function pt({
   minDate: c,
   maxDate: d,
   formatDate: p,
-  id: g,
-  error: b
+  id: $,
+  error: g
 }) {
-  const h = A(), y = g ?? h, $ = /* @__PURE__ */ new Date(), [x, v] = D(!1), [C, M] = D(
-    () => (o ?? $).getFullYear()
-  ), [f, T] = D(() => (o ?? $).getMonth()), S = U(null);
-  j(() => {
-    if (!x) return;
+  const w = R(), x = $ ?? w, f = /* @__PURE__ */ new Date(), [y, h] = D(!1), [z, W] = D(
+    () => (o ?? f).getFullYear()
+  ), [v, b] = D(() => (o ?? f).getMonth()), C = j(null);
+  A(() => {
+    if (!y) return;
     const u = (B) => {
-      S.current && !S.current.contains(B.target) && v(!1);
+      C.current && !C.current.contains(B.target) && h(!1);
     };
     return document.addEventListener("mousedown", u), () => document.removeEventListener("mousedown", u);
-  }, [x]), j(() => {
-    o && (M(o.getFullYear()), T(o.getMonth()));
+  }, [y]), A(() => {
+    o && (W(o.getFullYear()), b(o.getMonth()));
   }, [o]);
-  const z = o ? p ? p(o) : dt(o) : "", w = (u) => {
-    r?.(new Date(C, f, u)), v(!1);
-  }, I = (u) => {
+  const I = o ? p ? p(o) : dt(o) : "", S = (u) => {
+    r?.(new Date(z, v, u)), h(!1);
+  }, T = (u) => {
     u.stopPropagation(), r?.(null);
-  }, W = () => {
-    f === 0 ? (T(11), M((u) => u - 1)) : T((u) => u - 1);
-  }, O = () => {
-    f === 11 ? (T(0), M((u) => u + 1)) : T((u) => u + 1);
-  }, P = mo(C, f), K = lt(C, f), N = [], E = mo(
-    f === 0 ? C - 1 : C,
-    f === 0 ? 11 : f - 1
+  }, M = () => {
+    v === 0 ? (b(11), W((u) => u - 1)) : b((u) => u - 1);
+  }, P = () => {
+    v === 11 ? (b(0), W((u) => u + 1)) : b((u) => u + 1);
+  }, O = mo(z, v), K = lt(z, v), N = [], E = mo(
+    v === 0 ? z - 1 : z,
+    v === 0 ? 11 : v - 1
   );
   for (let u = K - 1; u >= 0; u--)
     N.push({ day: E - u, currentMonth: !1 });
-  for (let u = 1; u <= P; u++)
+  for (let u = 1; u <= O; u++)
     N.push({ day: u, currentMonth: !0 });
   const q = 42 - N.length;
   for (let u = 1; u <= q; u++)
     N.push({ day: u, currentMonth: !1 });
-  return /* @__PURE__ */ k(Gn, { ref: S, children: [
+  return /* @__PURE__ */ k(Gn, { ref: C, children: [
     /* @__PURE__ */ k(
       Jn,
       {
-        id: y,
+        id: x,
         $size: e,
-        $error: !!b,
+        $error: !!g,
         $disabled: l,
         role: "combobox",
         "aria-haspopup": "true",
-        "aria-expanded": x,
+        "aria-expanded": y,
         tabIndex: l ? -1 : 0,
         onClick: () => {
-          l || v((u) => !u);
+          l || h((u) => !u);
         },
         onKeyDown: (u) => {
-          (u.key === "Enter" || u.key === " ") && !l && (u.preventDefault(), v((B) => !B)), u.key === "Escape" && v(!1);
+          (u.key === "Enter" || u.key === " ") && !l && (u.preventDefault(), h((B) => !B)), u.key === "Escape" && h(!1);
         },
         children: [
-          /* @__PURE__ */ s(Xn, { $hasValue: !!o, children: z || n }),
+          /* @__PURE__ */ s(Xn, { $hasValue: !!o, children: I || n }),
           a && o ? /* @__PURE__ */ s(
             Qn,
             {
               type: "button",
-              onClick: I,
+              onClick: T,
               "aria-label": "Clear date",
               children: /* @__PURE__ */ s(co, { size: 14 })
             }
@@ -2504,28 +2506,28 @@ function pt({
         ]
       }
     ),
-    typeof b == "string" && /* @__PURE__ */ s(ot, { $error: !0, children: b }),
-    x && /* @__PURE__ */ k(rt, { role: "dialog", "aria-label": "Calendar", children: [
+    typeof g == "string" && /* @__PURE__ */ s(ot, { $error: !0, children: g }),
+    y && /* @__PURE__ */ k(rt, { role: "dialog", "aria-label": "Calendar", children: [
       /* @__PURE__ */ k(nt, { children: [
         /* @__PURE__ */ s(
           ho,
           {
             type: "button",
-            onClick: W,
+            onClick: M,
             "aria-label": "Previous month",
             children: /* @__PURE__ */ s(xr, { size: 16 })
           }
         ),
         /* @__PURE__ */ k(tt, { children: [
-          it[f],
+          it[v],
           " ",
-          C
+          z
         ] }),
         /* @__PURE__ */ s(
           ho,
           {
             type: "button",
-            onClick: O,
+            onClick: P,
             "aria-label": "Next month",
             children: /* @__PURE__ */ s(hr, { size: 16 })
           }
@@ -2548,18 +2550,18 @@ function pt({
               },
               B
             );
-          const R = new Date(C, f, u.day), Y = o ? vo(R, o) : !1, Z = vo(R, $), Q = ct(R, c, d);
+          const Y = new Date(z, v, u.day), H = o ? vo(Y, o) : !1, Z = vo(Y, f), Q = ct(Y, c, d);
           return /* @__PURE__ */ s(
             wo,
             {
               type: "button",
               $currentMonth: !0,
-              $selected: Y,
+              $selected: H,
               $today: Z,
               disabled: Q,
-              "aria-label": ut(R),
-              "aria-pressed": Y,
-              onClick: () => w(u.day),
+              "aria-label": ut(Y),
+              "aria-pressed": H,
+              onClick: () => S(u.day),
               children: u.day
             },
             B