blunt-ui 0.3.3 → 0.3.5

package/dist/index.js

@@ -1,6 +1,6 @@
-import { jsx as s, jsxs as C, Fragment as Lo } from "react/jsx-runtime";
-import i, { css as t, keyframes as L, ThemeProvider as Fo, createGlobalStyle as Bo } from "styled-components";
-import po, { useId as A, useState as M, useContext as io, createContext as ao, forwardRef as ko, createElement as to, useRef as G, useEffect as j, useCallback as V, useMemo as lo } from "react";
+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 { createPortal as Co } from "react-dom";
 const H = (o, r, n) => t`
   background: ${r};
@@ -308,49 +308,49 @@ function qo({
   error: c,
   leftElement: d,
   rightElement: p,
-  clearable: $,
-  onClear: g,
-  fullWidth: y,
-  id: b,
-  value: f,
+  clearable: g,
+  onClear: b,
+  fullWidth: h,
+  id: y,
+  value: $,
   defaultValue: x,
-  onChange: w,
-  ...S
+  onChange: v,
+  ...C
 }) {
-  const T = A(), z = b ?? T, I = `${z}-hint`, [k, m] = M(x ?? ""), v = f !== void 0, D = v ? f : k, W = typeof c == "string" ? c : void 0, F = !!(a || c), O = (P) => {
-    v || m(P.target.value), w?.(P);
-  }, U = () => {
-    v || m(""), g?.();
+  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);
+  }, K = () => {
+    w || z(""), b?.();
   };
-  return /* @__PURE__ */ C(Ao, { $fullWidth: y, children: [
-    l && /* @__PURE__ */ s(Ro, { htmlFor: z, children: l }),
-    /* @__PURE__ */ C(Ho, { $size: n, $variant: e, $error: !!c, children: [
+  return /* @__PURE__ */ k(Ao, { $fullWidth: h, children: [
+    l && /* @__PURE__ */ s(Ro, { htmlFor: f, children: l }),
+    /* @__PURE__ */ k(Ho, { $size: n, $variant: e, $error: !!c, children: [
       d && /* @__PURE__ */ s(fo, { children: d }),
       /* @__PURE__ */ s(
         Uo,
         {
-          id: z,
+          id: f,
           ref: o,
           type: r,
-          value: D,
-          onChange: O,
-          ...S,
+          value: I,
+          onChange: P,
+          ...C,
           "aria-invalid": !!c,
-          "aria-describedby": F ? I : void 0
+          "aria-describedby": O ? T : void 0
         }
       ),
-      $ && D && /* @__PURE__ */ s(
+      g && I && /* @__PURE__ */ s(
         Ko,
         {
           type: "button",
-          onClick: U,
+          onClick: K,
           "aria-label": "Clear input",
           children: "✕"
         }
       ),
       p && /* @__PURE__ */ s(fo, { children: p })
     ] }),
-    F && /* @__PURE__ */ s(Yo, { id: I, $error: !!c, children: W ?? a })
+    O && /* @__PURE__ */ s(Yo, { id: T, $error: !!c, children: W ?? a })
   ] });
 }
 qo.displayName = "Input";
@@ -437,28 +437,28 @@ function or({
   fullWidth: c,
   id: d,
   value: p,
-  defaultValue: $,
-  onChange: g,
-  ...y
+  defaultValue: g,
+  onChange: b,
+  ...h
 }) {
-  const b = A(), f = d ?? b, x = `${f}-hint`, [w, S] = M($ ?? ""), T = p !== void 0, z = T ? p : w, I = typeof a == "string" ? a : void 0, k = !!(l || a);
-  return /* @__PURE__ */ C(Go, { $fullWidth: c, children: [
-    e && /* @__PURE__ */ s(Jo, { htmlFor: f, children: e }),
+  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);
+  return /* @__PURE__ */ k(Go, { $fullWidth: c, children: [
+    e && /* @__PURE__ */ s(Jo, { htmlFor: $, children: e }),
     /* @__PURE__ */ s(Zo, { $size: r, $variant: n, $error: !!a, children: /* @__PURE__ */ s(
       Qo,
       {
-        id: f,
+        id: $,
         ref: o,
-        value: z,
-        onChange: (v) => {
-          T || S(v.target.value), g?.(v);
+        value: f,
+        onChange: (w) => {
+          M || C(w.target.value), b?.(w);
         },
-        ...y,
+        ...h,
         "aria-invalid": !!a,
-        "aria-describedby": k ? x : void 0
+        "aria-describedby": S ? x : void 0
       }
     ) }),
-    k && /* @__PURE__ */ s(Xo, { id: x, $error: !!a, children: I ?? l })
+    S && /* @__PURE__ */ s(Xo, { id: x, $error: !!a, children: T ?? 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: $ = 24,
-      strokeWidth: g = 2,
-      absoluteStrokeWidth: y = !1,
-      color: b = "currentColor",
-      className: f = ""
-    } = er() ?? {}, x = e ?? y ? Number(n ?? g) * 24 / Number(r ?? $) : n ?? g;
+      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;
     return to(
       "svg",
       {
         ref: p,
         ...ro,
-        width: r ?? $ ?? ro.width,
-        height: r ?? $ ?? ro.height,
-        stroke: o ?? b,
+        width: r ?? g ?? ro.width,
+        height: r ?? g ?? ro.height,
+        stroke: o ?? y,
         strokeWidth: x,
-        className: So("lucide", f, l),
+        className: So("lucide", $, l),
         ...!a && !tr(d) && { "aria-hidden": "true" },
         ...d
       },
       [
-        ...c.map(([w, S]) => to(w, S)),
+        ...c.map(([v, C]) => to(v, C)),
         ...Array.isArray(a) ? a : [a]
       ]
     );
@@ -669,21 +669,21 @@ function Tr({
   clearable: c,
   onClear: d,
   id: p,
-  value: $,
-  defaultValue: g,
-  onChange: y,
-  ...b
+  value: g,
+  defaultValue: b,
+  onChange: h,
+  ...y
 }) {
-  const f = A(), x = p ?? f, w = `${x}-hint`, S = typeof l == "string" ? l : void 0, [T, z] = M(
-    g ?? ""
-  ), I = $ !== void 0, k = I ? $ : T, m = (W) => {
-    I || z(W.target.value), y?.(W);
-  }, v = () => {
-    I || z(""), d?.();
-  }, D = c && !!k;
-  return /* @__PURE__ */ C(mr, { $fullWidth: a, children: [
-    /* @__PURE__ */ C(vr, { children: [
-      /* @__PURE__ */ C(
+  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;
+  return /* @__PURE__ */ k(mr, { $fullWidth: a, children: [
+    /* @__PURE__ */ k(vr, { children: [
+      /* @__PURE__ */ k(
         Cr,
         {
           id: x,
@@ -691,27 +691,27 @@ function Tr({
           $variant: e,
           $error: !!l,
           "aria-invalid": !!l,
-          "aria-describedby": S ? w : void 0,
-          value: k,
-          onChange: m,
-          ...b,
+          "aria-describedby": C ? v : void 0,
+          value: S,
+          onChange: z,
+          ...y,
           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))
           ]
         }
       ),
-      D ? /* @__PURE__ */ s(
+      I ? /* @__PURE__ */ s(
         Sr,
         {
           type: "button",
-          onClick: v,
+          onClick: w,
           "aria-label": "Clear selection",
           children: /* @__PURE__ */ s(co, { size: 14 })
         }
       ) : /* @__PURE__ */ s(zr, { "aria-hidden": "true", children: /* @__PURE__ */ s(zo, { size: 14 }) })
     ] }),
-    S && /* @__PURE__ */ s(kr, { id: w, $error: !0, children: S })
+    C && /* @__PURE__ */ s(kr, { id: v, $error: !0, children: C })
   ] });
 }
 Tr.displayName = "Select";
@@ -734,6 +734,9 @@ const go = i.span`
           opacity: 0.5;
         ` : t`
           cursor: text;
+          transition:
+            border-color 0.15s ease,
+            box-shadow 0.15s ease;
 
           &:hover {
             ${r.brutalism ? t`
@@ -752,7 +755,7 @@ const go = i.span`
             box-shadow: ${r.shadows.focusRing};
           }
         `}
-`, Mr = i.input`
+`, Dr = i.input`
   display: inline-block;
   min-width: 60px;
   padding: ${({ theme: o }) => `${o.spacing[1]} ${o.spacing[2]}`};
@@ -772,7 +775,7 @@ const go = i.span`
           box-shadow: ${o.shadows.focusRing};
         `}
 `;
-function Dr({
+function Mr({
   value: o,
   defaultValue: r = "",
   onChange: n,
@@ -781,26 +784,26 @@ function Dr({
   placeholder: a = "Click to edit",
   disabled: c = !1
 }) {
-  const d = o !== void 0, [p, $] = M(r), g = d ? o : p, [y, b] = M(!1), [f, x] = M(""), w = G(null), S = () => {
-    c || (x(g), b(!0), setTimeout(() => {
-      w.current?.focus(), w.current?.select();
+  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();
     }, 0));
-  }, T = () => {
-    d || $(f), n?.(f), e?.(f), b(!1);
-  }, z = () => {
-    l?.(g), b(!1);
-  }, I = (k) => {
-    k.key === "Enter" ? T() : k.key === "Escape" && z();
+  }, M = () => {
+    d || g($), n?.($), e?.($), y(!1);
+  }, f = () => {
+    l?.(b), y(!1);
+  }, T = (S) => {
+    S.key === "Enter" ? M() : S.key === "Escape" && f();
   };
-  return y ? /* @__PURE__ */ s(go, { children: /* @__PURE__ */ s(
-    Mr,
+  return h ? /* @__PURE__ */ s(go, { children: /* @__PURE__ */ s(
+    Dr,
     {
-      ref: w,
-      value: f,
-      size: Math.max(f.length, a.length, 10),
-      onChange: (k) => x(k.target.value),
-      onBlur: T,
-      onKeyDown: I,
+      ref: v,
+      value: $,
+      size: Math.max($.length, a.length, 10),
+      onChange: (S) => x(S.target.value),
+      onBlur: M,
+      onKeyDown: T,
       "aria-label": "Edit value"
     }
   ) }) : /* @__PURE__ */ s(go, { children: /* @__PURE__ */ s(
@@ -809,14 +812,14 @@ function Dr({
       role: c ? void 0 : "button",
       tabIndex: c ? void 0 : 0,
       $disabled: c,
-      $empty: !g,
-      onClick: S,
-      onKeyDown: (k) => k.key === "Enter" && S(),
-      children: g || a
+      $empty: !b,
+      onClick: C,
+      onKeyDown: (S) => S.key === "Enter" && C(),
+      children: b || a
     }
   ) });
 }
-Dr.displayName = "Editable";
+Mr.displayName = "Editable";
 const Wr = i.a`
   text-decoration: underline;
   text-underline-offset: 2px;
@@ -873,22 +876,22 @@ const Or = i.div`
   color: ${({ theme: o }) => o.colors.neutral[900]};
 `;
 function Er({ label: o, value: r, href: n }) {
-  return /* @__PURE__ */ C(Or, { children: [
+  return /* @__PURE__ */ k(Or, { children: [
     /* @__PURE__ */ s(Pr, { children: o }),
     n ? /* @__PURE__ */ s(To, { href: n, external: !0, children: r }) : /* @__PURE__ */ s(Nr, { children: r ?? "—" })
   ] });
 }
 Er.displayName = "Field";
-const Lr = L`
+const Lr = F`
   from { opacity: 0; }
   to { opacity: 1; }
-`, Fr = L`
+`, Fr = F`
   from { opacity: 1; }
   to { opacity: 0; }
-`, Br = L`
+`, Br = F`
   from { opacity: 0; transform: scale(0.95) translateY(-8px); }
   to { opacity: 1; transform: scale(1) translateY(0); }
-`, Vr = L`
+`, Vr = F`
   from { opacity: 1; transform: scale(1) translateY(0); }
   to { opacity: 0; transform: scale(0.95) translateY(-8px); }
 `, _r = i.div`
@@ -1000,69 +1003,74 @@ function Io({
   closeOnBackdrop: c = !0,
   closeOnEscape: d = !0,
   ariaLabelledBy: p,
-  ariaDescribedBy: $
+  ariaDescribedBy: g
 }) {
-  const g = G(null), y = A(), b = p ?? (n ? y : void 0), [f, x] = M(o), [w, S] = M(!1);
+  const b = U(null), h = U(null), y = A(), $ = p ?? (n ? y : void 0), [x, v] = D(o), [C, M] = D(!1);
   return j(() => {
     if (o)
-      x(!0), S(!1);
-    else if (f) {
-      S(!0);
-      const T = setTimeout(() => {
-        x(!1), S(!1);
+      v(!0), M(!1);
+    else if (x) {
+      M(!0);
+      const f = setTimeout(() => {
+        v(!1), M(!1);
       }, 150);
-      return () => clearTimeout(T);
+      return () => clearTimeout(f);
     }
-  }, [o, f]), j(() => {
+  }, [o, x]), j(() => {
     if (!o)
       return;
-    const T = document.body.style.overflow;
+    const f = document.body.style.overflow;
     return document.body.style.overflow = "hidden", () => {
-      document.body.style.overflow = T;
+      document.body.style.overflow = f;
     };
   }, [o]), j(() => {
-    if (!o || !g.current)
+    if (!o || !b.current)
       return;
-    const T = g.current, z = document.activeElement;
-    (bo(T)[0] ?? T).focus();
-    const k = (m) => {
-      if (m.key === "Escape" && d) {
+    const f = b.current, T = document.activeElement;
+    (bo(f)[0] ?? f).focus();
+    const z = (w) => {
+      if (w.key === "Escape" && d) {
         r();
         return;
       }
-      if (m.key !== "Tab")
+      if (w.key !== "Tab")
         return;
-      const v = bo(T);
-      if (v.length === 0) {
-        m.preventDefault();
+      const I = bo(f);
+      if (I.length === 0) {
+        w.preventDefault();
         return;
       }
-      const D = v[0], W = v[v.length - 1];
-      m.shiftKey ? document.activeElement === D && (m.preventDefault(), W.focus()) : document.activeElement === W && (m.preventDefault(), D.focus());
+      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());
     };
-    return document.addEventListener("keydown", k), () => {
-      document.removeEventListener("keydown", k), z?.focus();
+    return document.addEventListener("keydown", z), () => {
+      document.removeEventListener("keydown", z), T?.focus();
     };
-  }, [o, d, r, f]), f ? Co(
+  }, [o, d, r, x]), x ? Co(
     /* @__PURE__ */ s(
       _r,
       {
-        $closing: w,
-        onClick: c ? r : void 0,
-        children: /* @__PURE__ */ C(
+        $closing: C,
+        onMouseDown: (f) => {
+          h.current = f.target;
+        },
+        onClick: (f) => {
+          c && h.current === f.currentTarget && r();
+        },
+        children: /* @__PURE__ */ k(
           jr,
           {
-            ref: g,
+            ref: b,
             role: "dialog",
             "aria-modal": "true",
-            "aria-labelledby": b,
-            "aria-describedby": $,
+            "aria-labelledby": $,
+            "aria-describedby": g,
             $size: a,
-            $closing: w,
+            $closing: C,
             tabIndex: -1,
-            onClick: (T) => T.stopPropagation(),
+            onClick: (f) => f.stopPropagation(),
             children: [
-              /* @__PURE__ */ C(Ar, { children: [
+              /* @__PURE__ */ k(Ar, { children: [
                 n && /* @__PURE__ */ s(Rr, { id: y, children: n }),
                 /* @__PURE__ */ s(Yr, { onClick: r, "aria-label": "Close modal", children: "×" })
               ] }),
@@ -1077,13 +1085,13 @@ function Io({
   ) : null;
 }
 Io.displayName = "Modal";
-const qr = L`
+const qr = F`
   from { opacity: 0; transform: translateY(12px); }
   to   { opacity: 1; transform: translateY(0); }
-`, Gr = L`
+`, Gr = F`
   from { opacity: 0; transform: translateY(-12px); }
   to   { opacity: 1; transform: translateY(0); }
-`, Jr = L`
+`, Jr = F`
   from { opacity: 1; }
   to   { opacity: 0; }
 `, Xr = i.div`
@@ -1197,7 +1205,7 @@ const qr = L`
     outline-offset: 2px;
   }
 `;
-function Mo({
+function Do({
   open: o,
   onClose: r,
   message: n,
@@ -1205,28 +1213,28 @@ function Mo({
   duration: l = 4e3,
   position: a = "bottom-right"
 }) {
-  const [c, d] = M(o), [p, $] = M(!1);
+  const [c, d] = D(o), [p, g] = D(!1);
   return j(() => {
     if (o)
-      d(!0), $(!1);
+      d(!0), g(!1);
     else if (c) {
-      $(!0);
-      const g = setTimeout(() => {
-        d(!1), $(!1);
+      g(!0);
+      const b = setTimeout(() => {
+        d(!1), g(!1);
       }, 200);
       return () => {
-        clearTimeout(g);
+        clearTimeout(b);
       };
     }
   }, [o, c]), j(() => {
     if (!o || l === 0)
       return;
-    const g = setTimeout(r, l);
+    const b = setTimeout(r, l);
     return () => {
-      clearTimeout(g);
+      clearTimeout(b);
     };
   }, [o, l, r]), c ? Co(
-    /* @__PURE__ */ C(
+    /* @__PURE__ */ k(
       Zr,
       {
         $position: a,
@@ -1243,10 +1251,10 @@ function Mo({
     document.body
   ) : null;
 }
-Mo.displayName = "Toast";
-const Do = ao(null);
+Do.displayName = "Toast";
+const Mo = ao(null);
 function yt({ children: o }) {
-  const [r, n] = M(null), e = V((a) => {
+  const [r, n] = D(null), e = V((a) => {
     n({ ...a, id: Date.now() });
   }, []), l = lo(() => Object.assign((a) => e(a), {
     success: (a, c) => e({ ...c, message: a, variant: "success" }),
@@ -1254,10 +1262,10 @@ function yt({ children: o }) {
     warning: (a, c) => e({ ...c, message: a, variant: "warning" }),
     info: (a, c) => e({ ...c, message: a, variant: "info" })
   }), [e]);
-  return /* @__PURE__ */ C(Do.Provider, { value: { toast: l }, children: [
+  return /* @__PURE__ */ k(Mo.Provider, { value: { toast: l }, children: [
     o,
     r && /* @__PURE__ */ s(
-      Mo,
+      Do,
       {
         open: !0,
         onClose: () => n(null),
@@ -1271,7 +1279,7 @@ function yt({ children: o }) {
   ] });
 }
 function ht() {
-  const o = io(Do);
+  const o = io(Mo);
   if (!o)
     throw new Error("useToast must be used within a ToastProvider");
   return o;
@@ -1316,7 +1324,7 @@ function ln({
   required: e,
   children: l
 }) {
-  const a = A(), c = `${a}-hint`, d = !!(r || n), p = typeof r == "string" ? r : void 0, $ = po.isValidElement(l) ? po.cloneElement(
+  const a = A(), c = `${a}-hint`, d = !!(r || n), p = typeof r == "string" ? r : void 0, g = po.isValidElement(l) ? po.cloneElement(
     l,
     {
       id: a,
@@ -1324,12 +1332,12 @@ function ln({
       ...r && { "aria-invalid": !0 }
     }
   ) : l;
-  return /* @__PURE__ */ C(nn, { children: [
-    o && /* @__PURE__ */ C(tn, { htmlFor: a, children: [
+  return /* @__PURE__ */ k(nn, { children: [
+    o && /* @__PURE__ */ k(tn, { htmlFor: a, children: [
       o,
       e && /* @__PURE__ */ s(sn, { "aria-hidden": "true", children: " *" })
     ] }),
-    $,
+    g,
     d && /* @__PURE__ */ s(en, { id: c, $error: !!r, children: p ?? n })
   ] });
 }
@@ -1340,83 +1348,83 @@ function wt({
   onSubmit: n,
   onError: e
 }) {
-  const [l, a] = M(o), [c, d] = M(
+  const [l, a] = D(o), [c, d] = D(
     {}
-  ), [p, $] = M({}), [g, y] = M(!1), b = G(l);
-  b.current = l;
-  const f = V(
-    (m) => {
+  ), [p, g] = D({}), [b, h] = D(!1), y = U(l);
+  y.current = l;
+  const $ = V(
+    (z) => {
       if (!r)
         return {};
-      const v = r(m);
+      const w = r(z);
       return Object.fromEntries(
-        Object.entries(v).filter(([, D]) => D !== void 0)
+        Object.entries(w).filter(([, I]) => I !== void 0)
       );
     },
     [r]
-  ), x = G(p);
+  ), x = U(p);
   x.current = p;
-  const w = V(
-    (m) => {
-      const { name: v, value: D } = m.target;
-      process.env.NODE_ENV !== "production" && !v && console.warn(
+  const v = V(
+    (z) => {
+      const { name: w, value: I } = z.target;
+      process.env.NODE_ENV !== "production" && !w && console.warn(
         "[useForm] handleChange: field is missing a `name` attribute — value will not be tracked."
       );
-      const W = { ...b.current, [v]: D };
-      a(W), x.current[v] && d(f(W));
+      const W = { ...y.current, [w]: I };
+      a(W), x.current[w] && d($(W));
     },
-    [f]
-  ), S = V(
-    (m) => {
-      const { name: v } = m.target;
-      process.env.NODE_ENV !== "production" && !v && console.warn(
+    [$]
+  ), C = V(
+    (z) => {
+      const { name: w } = z.target;
+      process.env.NODE_ENV !== "production" && !w && console.warn(
         "[useForm] handleBlur: field is missing a `name` attribute — touched state will not be tracked."
-      ), $((D) => ({ ...D, [v]: !0 })), d(f(b.current));
+      ), g((I) => ({ ...I, [w]: !0 })), d($(y.current));
     },
-    [f]
-  ), T = V(
-    (m) => {
-      m?.preventDefault();
-      const v = Object.keys(b.current).reduce(
-        (F, O) => ({ ...F, [O]: !0 }),
+    [$]
+  ), M = V(
+    (z) => {
+      z?.preventDefault();
+      const w = Object.keys(y.current).reduce(
+        (O, P) => ({ ...O, [P]: !0 }),
         {}
       );
-      $(v);
-      const D = f(b.current);
-      if (d(D), Object.keys(D).length > 0) {
-        e?.(D);
+      g(w);
+      const I = $(y.current);
+      if (d(I), Object.keys(I).length > 0) {
+        e?.(I);
         return;
       }
       (async () => {
-        y(!0);
+        h(!0);
         try {
-          await n?.(b.current);
+          await n?.(y.current);
         } finally {
-          y(!1);
+          h(!1);
         }
       })();
     },
-    [f, n, e]
-  ), z = V((m, v) => {
-    a((D) => ({ ...D, [m]: v }));
-  }, []), I = V(
-    (m) => {
-      a(m ?? o), d({}), $({}), y(!1);
+    [$, n, e]
+  ), f = V((z, w) => {
+    a((I) => ({ ...I, [z]: w }));
+  }, []), T = V(
+    (z) => {
+      a(z ?? o), d({}), g({}), h(!1);
     },
     [o]
-  ), k = Object.fromEntries(
-    Object.entries(c).filter(([m]) => p[m])
+  ), S = Object.fromEntries(
+    Object.entries(c).filter(([z]) => p[z])
   );
   return {
     values: l,
-    errors: k,
+    errors: S,
     touched: p,
-    handleChange: w,
-    handleBlur: S,
-    handleSubmit: T,
-    setFieldValue: z,
-    reset: I,
-    isSubmitting: g
+    handleChange: v,
+    handleBlur: C,
+    handleSubmit: M,
+    setFieldValue: f,
+    reset: T,
+    isSubmitting: b
   };
 }
 const cn = i.div`
@@ -1510,24 +1518,24 @@ function wn({
   headerActions: c,
   accentColor: d
 }) {
-  const [p, $] = M(n), g = A(), y = e !== void 0, b = y ? e : p;
-  return /* @__PURE__ */ C(cn, { $accentColor: d, children: [
-    /* @__PURE__ */ C(
+  const [p, g] = D(n), b = A(), h = e !== void 0, y = h ? e : p;
+  return /* @__PURE__ */ k(cn, { $accentColor: d, children: [
+    /* @__PURE__ */ k(
       dn,
       {
         type: "button",
-        $open: b,
+        $open: y,
         $accentColor: d,
-        "aria-expanded": b,
-        "aria-controls": g,
+        "aria-expanded": y,
+        "aria-controls": b,
         onClick: () => {
-          const x = !b;
-          y || $(x), l?.(x);
+          const x = !y;
+          h || g(x), l?.(x);
         },
         children: [
-          /* @__PURE__ */ C(un, { children: [
+          /* @__PURE__ */ k(un, { children: [
             /* @__PURE__ */ s(pn, { children: o }),
-            (a || c) && /* @__PURE__ */ C($n, { children: [
+            (a || c) && /* @__PURE__ */ k($n, { children: [
               a && /* @__PURE__ */ s(fn, { children: a }),
               c && /* @__PURE__ */ s(gn, { onClick: (x) => x.stopPropagation(), children: c })
             ] })
@@ -1535,7 +1543,7 @@ function wn({
           /* @__PURE__ */ s(
             bn,
             {
-              $open: b,
+              $open: y,
               $accentColor: d,
               "aria-hidden": "true",
               children: /* @__PURE__ */ s(zo, { size: 18, strokeWidth: 2.5 })
@@ -1544,11 +1552,11 @@ function wn({
         ]
       }
     ),
-    /* @__PURE__ */ s(xn, { $open: b, children: /* @__PURE__ */ s(yn, { id: g, role: "region", "aria-label": o, children: /* @__PURE__ */ s(hn, { children: r }) }) })
+    /* @__PURE__ */ s(xn, { $open: y, children: /* @__PURE__ */ s(yn, { id: b, role: "region", "aria-label": o, children: /* @__PURE__ */ s(hn, { children: r }) }) })
   ] });
 }
 wn.displayName = "CollapsibleCard";
-const mn = L`
+const mn = F`
   to { transform: rotate(360deg); }
 `, vn = {
   sm: "16px",
@@ -1600,19 +1608,19 @@ function Tn({
   defaultSort: n,
   onSortChange: e
 }) {
-  const l = r !== void 0, [a, c] = M(
+  const l = r !== void 0, [a, c] = D(
     n ?? null
-  ), d = l ? r ?? null : a, p = (g) => {
-    const y = zn(d, g);
-    return l || c(y), e?.(y), y;
-  }, $ = lo(() => l || !d ? o : [...o].sort((g, y) => {
-    const b = g[d.key], f = y[d.key], x = b < f ? -1 : b > f ? 1 : 0;
+  ), 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;
   }), [o, d, l]);
-  return { activeSort: d, sortedData: $, handleSort: p };
+  return { activeSort: d, sortedData: g, handleSort: p };
 }
 const In = 7, xo = 3, yo = 1;
-function Mn(o, r) {
+function Dn(o, r) {
   if (r <= In)
     return Array.from({ length: r }, (e, l) => l + 1);
   const n = [1];
@@ -1621,7 +1629,7 @@ function Mn(o, r) {
     n.push(e);
   return o < r - xo + 1 && n.push("..."), n.push(r), n;
 }
-function Dn({
+function Mn({
   data: o,
   pageSize: r,
   page: n,
@@ -1629,15 +1637,15 @@ function Dn({
   totalRows: l,
   onPageChange: a
 }) {
-  const c = n !== void 0, [d, p] = M(e ?? 1), $ = c ? n : d, g = (w) => {
-    c || p(w), a?.(w);
-  }, y = c || l !== void 0, b = l ?? o.length, f = r ? Math.max(1, Math.ceil(b / r)) : 1, x = lo(() => {
-    if (!r || y)
+  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)
       return o;
-    const w = ($ - 1) * r;
-    return o.slice(w, w + r);
-  }, [o, r, $, y]);
-  return { activePage: $, totalPages: f, displayData: x, handlePageChange: g };
+    const v = (g - 1) * r;
+    return o.slice(v, v + r);
+  }, [o, r, g, h]);
+  return { activePage: g, totalPages: $, displayData: x, handlePageChange: b };
 }
 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%;
@@ -1793,7 +1801,7 @@ const Wo = (o, r) => o === "sm" ? `${r.spacing[1]} ${r.spacing[2]}` : o === "lg"
   padding: ${({ theme: o }) => `${o.spacing[4]} ${o.spacing[3]}`};
   font-size: ${({ theme: o }) => o.fontSizes.sm};
   border-bottom: none;
-`, _n = L`
+`, _n = F`
   0% { background-position: -400px 0; }
   100% { background-position: 400px 0; }
 `, jn = i(Oo)``, An = i.div`
@@ -1877,88 +1885,88 @@ function Un({
   stickyHeader: c,
   caption: d,
   emptyMessage: p = "No data",
-  loading: $,
-  sort: g,
-  defaultSort: y,
-  onSortChange: b,
-  pageSize: f,
+  loading: g,
+  sort: b,
+  defaultSort: h,
+  onSortChange: y,
+  pageSize: $,
   page: x,
-  defaultPage: w,
-  totalRows: S,
-  onPageChange: T,
-  onChange: z,
-  onRowClick: I,
-  borderColor: k,
-  headerColor: m,
-  rowColor: v,
-  stripeColor: D,
+  defaultPage: v,
+  totalRows: C,
+  onPageChange: M,
+  onChange: f,
+  onRowClick: T,
+  borderColor: S,
+  headerColor: z,
+  rowColor: w,
+  stripeColor: I,
   className: W,
-  style: F
+  style: O
 }) {
   const {
-    activeSort: O,
-    sortedData: U,
-    handleSort: P
+    activeSort: P,
+    sortedData: K,
+    handleSort: N
   } = Tn({
     data: r,
-    sort: g,
-    defaultSort: y,
-    onSortChange: b
+    sort: b,
+    defaultSort: h,
+    onSortChange: y
   }), {
-    activePage: N,
-    totalPages: K,
+    activePage: E,
+    totalPages: q,
     displayData: u,
     handlePageChange: B
-  } = Dn({
-    data: U,
-    pageSize: f,
+  } = Mn({
+    data: K,
+    pageSize: $,
     page: x,
-    defaultPage: w,
-    totalRows: S,
-    onPageChange: T
-  }), R = (h) => {
-    const E = P(h);
-    z?.({ sort: E, page: N });
-  }, Y = (h) => {
-    B(h), z?.({ sort: O, page: h });
-  }, Z = (h, E) => String(n ? h[n] : E), Q = !$ && u.length === 0, Eo = f ?? Yn;
-  return /* @__PURE__ */ C(
+    defaultPage: v,
+    totalRows: C,
+    onPageChange: M
+  }), R = (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;
+  return /* @__PURE__ */ k(
     Wn,
     {
-      $borderColor: k,
+      $borderColor: S,
       $stickyHeader: c,
       className: W,
-      style: F,
+      style: O,
       children: [
-        /* @__PURE__ */ C(On, { $size: e, children: [
+        /* @__PURE__ */ k(On, { $size: e, children: [
           d && /* @__PURE__ */ s("caption", { children: d }),
           /* @__PURE__ */ s(
             Pn,
             {
-              $headerColor: m,
-              $borderColor: k,
+              $headerColor: z,
+              $borderColor: S,
               $stickyHeader: c,
-              children: /* @__PURE__ */ s(X, { children: o.map((h) => /* @__PURE__ */ s(
+              children: /* @__PURE__ */ s(X, { children: o.map((m) => /* @__PURE__ */ s(
                 Ln,
                 {
                   $size: e,
                   $bordered: a,
                   scope: "col",
-                  style: h.width ? { width: h.width } : void 0,
-                  children: h.sortable ? /* @__PURE__ */ C(
+                  style: m.width ? { width: m.width } : void 0,
+                  children: m.sortable ? /* @__PURE__ */ k(
                     Fn,
                     {
                       type: "button",
-                      onClick: () => R(h.key),
-                      "aria-label": `Sort by ${h.header}${O?.key === h.key ? `, ${O.direction}ending` : ""}`,
+                      onClick: () => R(m.key),
+                      "aria-label": `Sort by ${m.header}${P?.key === m.key ? `, ${P.direction}ending` : ""}`,
                       children: [
-                        h.header,
-                        /* @__PURE__ */ s(Bn, { "aria-hidden": "true", children: Hn(O, h.key) })
+                        m.header,
+                        /* @__PURE__ */ s(Bn, { "aria-hidden": "true", children: Hn(P, m.key) })
                       ]
                     }
-                  ) : h.header
+                  ) : m.header
                 },
-                h.key
+                m.key
               )) })
             }
           ),
@@ -1966,77 +1974,77 @@ function Un({
             Nn,
             {
               $striped: l,
-              $rowColor: v,
-              $stripeColor: D,
-              children: $ ? Array.from({ length: Eo }).map((h, E) => /* @__PURE__ */ s(X, { children: o.map((uo) => /* @__PURE__ */ s(
+              $rowColor: w,
+              $stripeColor: I,
+              children: g ? Array.from({ length: Eo }).map((m, L) => /* @__PURE__ */ s(X, { children: o.map((uo) => /* @__PURE__ */ s(
                 jn,
                 {
                   $size: e,
                   $bordered: a,
-                  $borderColor: k,
+                  $borderColor: S,
                   children: /* @__PURE__ */ s(An, {})
                 },
                 uo.key
-              )) }, E)) : Q ? /* @__PURE__ */ s("tr", { children: /* @__PURE__ */ s(Vn, { colSpan: o.length, children: p }) }) : u.map((h, E) => /* @__PURE__ */ s(
-                I ? En : X,
+              )) }, L)) : Q ? /* @__PURE__ */ s("tr", { children: /* @__PURE__ */ s(Vn, { colSpan: o.length, children: p }) }) : u.map((m, L) => /* @__PURE__ */ s(
+                T ? En : X,
                 {
-                  onClick: I ? () => I(h) : void 0,
-                  $accentColor: I ? k : void 0,
-                  children: o.map((q) => /* @__PURE__ */ s(
+                  onClick: T ? () => T(m) : void 0,
+                  $accentColor: T ? S : void 0,
+                  children: o.map((G) => /* @__PURE__ */ s(
                     Oo,
                     {
                       $size: e,
                       $bordered: a,
-                      $borderColor: k,
-                      children: q.render ? q.render(h[q.key], h, E) : String(h[q.key] ?? "") || " "
+                      $borderColor: S,
+                      children: G.render ? G.render(m[G.key], m, L) : String(m[G.key] ?? "") || " "
                     },
-                    q.key
+                    G.key
                   ))
                 },
-                Z(h, E)
+                Z(m, L)
               ))
             }
           )
         ] }),
-        f && K > 1 && /* @__PURE__ */ C(Rn, { children: [
+        $ && q > 1 && /* @__PURE__ */ k(Rn, { children: [
           /* @__PURE__ */ s(
             no,
             {
               type: "button",
-              onClick: () => Y(N - 1),
-              disabled: N <= 1,
+              onClick: () => Y(E - 1),
+              disabled: E <= 1,
               "aria-label": "Previous page",
               children: "←"
             }
           ),
-          Mn(N, K).map(
-            (h, E) => h === "..." ? /* @__PURE__ */ s(
+          Dn(E, q).map(
+            (m, L) => m === "..." ? /* @__PURE__ */ s(
               "span",
               {
                 "aria-hidden": "true",
                 style: { padding: "0 4px" },
                 children: "…"
               },
-              `e${E}`
+              `e${L}`
             ) : /* @__PURE__ */ s(
               no,
               {
                 type: "button",
-                $active: h === N,
-                onClick: () => Y(h),
-                "aria-label": `Page ${h}`,
-                "aria-current": h === N ? "page" : void 0,
-                children: h
+                $active: m === E,
+                onClick: () => Y(m),
+                "aria-label": `Page ${m}`,
+                "aria-current": m === E ? "page" : void 0,
+                children: m
               },
-              h
+              m
             )
           ),
           /* @__PURE__ */ s(
             no,
             {
               type: "button",
-              onClick: () => Y(N + 1),
-              disabled: N >= K,
+              onClick: () => Y(E + 1),
+              disabled: E >= q,
               "aria-label": "Next page",
               children: "→"
             }
@@ -2051,7 +2059,7 @@ function mt({
   defaultSort: o,
   defaultPage: r = 1
 } = {}) {
-  const [n, e] = M(o ?? null), [l, a] = M(r);
+  const [n, e] = D(o ?? null), [l, a] = D(r);
   return { sort: n, page: l, onSortChange: (p) => {
     e(p), a(1);
   }, onPageChange: (p) => {
@@ -2123,7 +2131,7 @@ function Po({
       title: r,
       size: c,
       closeOnBackdrop: !1,
-      footer: /* @__PURE__ */ C(Lo, { children: [
+      footer: /* @__PURE__ */ k(Lo, { children: [
         /* @__PURE__ */ s(so, { variant: "outline", onClick: p, children: l }),
         a === "danger" ? /* @__PURE__ */ s(qn, { type: "button", onClick: d, children: e }) : /* @__PURE__ */ s(so, { variant: "primary", onClick: d, children: e })
       ] }),
@@ -2134,14 +2142,14 @@ function Po({
 Po.displayName = "ConfirmDialog";
 const No = ao(null);
 function vt({ children: o }) {
-  const [r, n] = M(null), e = V((c) => new Promise((d) => {
+  const [r, n] = D(null), e = V((c) => new Promise((d) => {
     n({ ...c, resolve: d });
   }), []), l = () => {
     r?.resolve(!0), n(null);
   }, a = () => {
     r?.resolve(!1), n(null);
   };
-  return /* @__PURE__ */ C(No.Provider, { value: { confirm: e }, children: [
+  return /* @__PURE__ */ k(No.Provider, { value: { confirm: e }, children: [
     o,
     r && /* @__PURE__ */ s(
       Po,
@@ -2430,65 +2438,65 @@ function pt({
   minDate: c,
   maxDate: d,
   formatDate: p,
-  id: $,
-  error: g
+  id: g,
+  error: b
 }) {
-  const y = A(), b = $ ?? y, f = /* @__PURE__ */ new Date(), [x, w] = M(!1), [S, T] = M(
-    () => (o ?? f).getFullYear()
-  ), [z, I] = M(() => (o ?? f).getMonth()), k = G(null);
+  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 u = (B) => {
-      k.current && !k.current.contains(B.target) && w(!1);
+      S.current && !S.current.contains(B.target) && v(!1);
     };
     return document.addEventListener("mousedown", u), () => document.removeEventListener("mousedown", u);
   }, [x]), j(() => {
-    o && (T(o.getFullYear()), I(o.getMonth()));
+    o && (M(o.getFullYear()), T(o.getMonth()));
   }, [o]);
-  const m = o ? p ? p(o) : dt(o) : "", v = (u) => {
-    r?.(new Date(S, z, u)), w(!1);
-  }, D = (u) => {
+  const z = o ? p ? p(o) : dt(o) : "", w = (u) => {
+    r?.(new Date(C, f, u)), v(!1);
+  }, I = (u) => {
     u.stopPropagation(), r?.(null);
   }, W = () => {
-    z === 0 ? (I(11), T((u) => u - 1)) : I((u) => u - 1);
-  }, F = () => {
-    z === 11 ? (I(0), T((u) => u + 1)) : I((u) => u + 1);
-  }, O = mo(S, z), U = lt(S, z), P = [], N = mo(
-    z === 0 ? S - 1 : S,
-    z === 0 ? 11 : z - 1
+    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
   );
-  for (let u = U - 1; u >= 0; u--)
-    P.push({ day: N - u, currentMonth: !1 });
-  for (let u = 1; u <= O; u++)
-    P.push({ day: u, currentMonth: !0 });
-  const K = 42 - P.length;
-  for (let u = 1; u <= K; u++)
-    P.push({ day: u, currentMonth: !1 });
-  return /* @__PURE__ */ C(Gn, { ref: k, children: [
-    /* @__PURE__ */ C(
+  for (let u = K - 1; u >= 0; u--)
+    N.push({ day: E - u, currentMonth: !1 });
+  for (let u = 1; u <= P; 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: [
+    /* @__PURE__ */ k(
       Jn,
       {
-        id: b,
+        id: y,
         $size: e,
-        $error: !!g,
+        $error: !!b,
         $disabled: l,
         role: "combobox",
         "aria-haspopup": "true",
         "aria-expanded": x,
         tabIndex: l ? -1 : 0,
         onClick: () => {
-          l || w((u) => !u);
+          l || v((u) => !u);
         },
         onKeyDown: (u) => {
-          (u.key === "Enter" || u.key === " ") && !l && (u.preventDefault(), w((B) => !B)), u.key === "Escape" && w(!1);
+          (u.key === "Enter" || u.key === " ") && !l && (u.preventDefault(), v((B) => !B)), u.key === "Escape" && v(!1);
         },
         children: [
-          /* @__PURE__ */ s(Xn, { $hasValue: !!o, children: m || n }),
+          /* @__PURE__ */ s(Xn, { $hasValue: !!o, children: z || n }),
           a && o ? /* @__PURE__ */ s(
             Qn,
             {
               type: "button",
-              onClick: D,
+              onClick: I,
               "aria-label": "Clear date",
               children: /* @__PURE__ */ s(co, { size: 14 })
             }
@@ -2496,9 +2504,9 @@ function pt({
         ]
       }
     ),
-    typeof g == "string" && /* @__PURE__ */ s(ot, { $error: !0, children: g }),
-    x && /* @__PURE__ */ C(rt, { role: "dialog", "aria-label": "Calendar", children: [
-      /* @__PURE__ */ C(nt, { children: [
+    typeof b == "string" && /* @__PURE__ */ s(ot, { $error: !0, children: b }),
+    x && /* @__PURE__ */ k(rt, { role: "dialog", "aria-label": "Calendar", children: [
+      /* @__PURE__ */ k(nt, { children: [
         /* @__PURE__ */ s(
           ho,
           {
@@ -2508,24 +2516,24 @@ function pt({
             children: /* @__PURE__ */ s(xr, { size: 16 })
           }
         ),
-        /* @__PURE__ */ C(tt, { children: [
-          it[z],
+        /* @__PURE__ */ k(tt, { children: [
+          it[f],
           " ",
-          S
+          C
         ] }),
         /* @__PURE__ */ s(
           ho,
           {
             type: "button",
-            onClick: F,
+            onClick: O,
             "aria-label": "Next month",
             children: /* @__PURE__ */ s(hr, { size: 16 })
           }
         )
       ] }),
-      /* @__PURE__ */ C(st, { children: [
+      /* @__PURE__ */ k(st, { children: [
         at.map((u) => /* @__PURE__ */ s(et, { children: u }, u)),
-        P.map((u, B) => {
+        N.map((u, B) => {
           if (!u.currentMonth)
             return /* @__PURE__ */ s(
               wo,
@@ -2540,7 +2548,7 @@ function pt({
               },
               B
             );
-          const R = new Date(S, z, u.day), Y = o ? vo(R, o) : !1, Z = vo(R, f), Q = ct(R, c, d);
+          const R = new Date(C, f, u.day), Y = o ? vo(R, o) : !1, Z = vo(R, $), Q = ct(R, c, d);
           return /* @__PURE__ */ s(
             wo,
             {
@@ -2551,7 +2559,7 @@ function pt({
               disabled: Q,
               "aria-label": ut(R),
               "aria-pressed": Y,
-              onClick: () => v(u.day),
+              onClick: () => w(u.day),
               children: u.day
             },
             B
@@ -2641,7 +2649,7 @@ export {
   Po as ConfirmDialog,
   vt as ConfirmProvider,
   pt as DatePicker,
-  Dr as Editable,
+  Mr as Editable,
   Er as Field,
   an as Form,
   ln as FormField,
@@ -2654,7 +2662,7 @@ export {
   Un as Table,
   or as Textarea,
   St as ThemeProvider,
-  Mo as Toast,
+  Do as Toast,
   yt as ToastProvider,
   Ct as createNeoBrutalTheme,
   eo as neoBrutalTheme,