blunt-ui 1.1.0 → 1.1.1

package/dist/index.js

@@ -1,13 +1,13 @@
-import { jsx as e, jsxs as S, Fragment as dr } from "react/jsx-runtime";
-import i, { css as t, keyframes as oo, ThemeProvider as ur, createGlobalStyle as pr } from "styled-components";
-import Mo, { useId as ro, useState as T, useContext as To, createContext as Wo, forwardRef as Yo, createElement as zo, useRef as Y, useCallback as X, useEffect as B, useMemo as Do } from "react";
-import { createPortal as xo } from "react-dom";
-const uo = (o, r, n) => t`
+import { jsx as i, jsxs as S, Fragment as ur } from "react/jsx-runtime";
+import s, { css as t, keyframes as oo, ThemeProvider as pr, createGlobalStyle as fr } from "styled-components";
+import Mo, { useId as ro, useState as T, useContext as Wo, createContext as Do, forwardRef as Uo, createElement as Co, useRef as K, useCallback as X, useEffect as _, useLayoutEffect as gr, useMemo as Eo } from "react";
+import { createPortal as yo } from "react-dom";
+const po = (o, r, n) => t`
   background: ${r};
   color: ${n};
   border: ${o.brutalism.borderWidth} solid ${o.colors.neutral[900]};
   box-shadow: 2px 2px 0 ${o.colors.neutral[900]};
-`, fr = i.span`
+`, $r = s.span`
   display: inline-flex;
   align-items: center;
   font-weight: ${({ theme: o }) => o.fontWeights.bold};
@@ -31,32 +31,32 @@ const uo = (o, r, n) => t`
 })[o]}
 
   ${({ $variant: o, theme: r }) => r.brutalism ? {
-  primary: uo(
+  primary: po(
     r,
     r.colors.primary[500],
     r.colors.primary.contrast
   ),
-  neutral: uo(
+  neutral: po(
     r,
     r.colors.neutral[200],
     r.colors.neutral[900]
   ),
-  success: uo(
+  success: po(
     r,
     r.colors.success[50],
     r.colors.success[500]
   ),
-  error: uo(
+  error: po(
     r,
     r.colors.error[50],
     r.colors.error[500]
   ),
-  warning: uo(
+  warning: po(
     r,
     r.colors.warning[50],
     r.colors.warning[500]
   ),
-  info: uo(r, r.colors.info[50], r.colors.info[500])
+  info: po(r, r.colors.info[50], r.colors.info[500])
 }[o] : {
   primary: t`
         background: ${r.colors.primary[50]};
@@ -84,16 +84,16 @@ const uo = (o, r, n) => t`
       `
 }[o]}
 `;
-function $r({
+function br({
   variant: o = "primary",
   size: r = "md",
   children: n,
-  ...s
+  ...e
 }) {
-  return /* @__PURE__ */ e(fr, { $variant: o, $size: r, ...s, children: n });
+  return /* @__PURE__ */ i($r, { $variant: o, $size: r, ...e, children: n });
 }
-$r.displayName = "Badge";
-const ho = (o, r, n) => t`
+br.displayName = "Badge";
+const wo = (o, r, n) => t`
   background-color: ${r};
   color: ${n};
   border: ${o.brutalism.borderWidth} solid ${o.colors.neutral[900]};
@@ -106,7 +106,7 @@ const ho = (o, r, n) => t`
     transform: translate(2px, 2px);
     box-shadow: 2px 2px 0 ${o.colors.neutral[900]};
   }
-`, gr = i.button`
+`, xr = s.button`
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -114,6 +114,7 @@ const ho = (o, r, n) => t`
   font-weight: ${({ theme: o }) => o.fontWeights.semibold};
   cursor: pointer;
   text-decoration: none;
+  touch-action: manipulation;
 
   &:focus-visible {
     outline: 2px solid ${({ theme: o }) => o.colors.primary[500]};
@@ -126,17 +127,17 @@ const ho = (o, r, n) => t`
   }
 
   ${({ $variant: o, theme: r }) => r.brutalism ? {
-  primary: ho(
+  primary: wo(
     r,
     r.colors.primary[500],
     r.colors.primary.contrast
   ),
-  secondary: ho(
+  secondary: wo(
     r,
     r.colors.neutral[100],
     r.colors.neutral[900]
   ),
-  outline: ho(
+  outline: wo(
     r,
     r.colors.neutral[0],
     r.colors.neutral[900]
@@ -183,24 +184,24 @@ const ho = (o, r, n) => t`
       `
 })[o]}
 `;
-function Co({
+function Io({
   ref: o,
   as: r,
   href: n,
-  variant: s = "primary",
+  variant: e = "primary",
   size: a = "md",
   isLoading: l,
   disabled: d,
   children: p,
   ...u
 }) {
-  return /* @__PURE__ */ e(
-    gr,
+  return /* @__PURE__ */ i(
+    xr,
     {
       ref: o,
       as: r ?? (n ? "a" : "button"),
       href: n,
-      $variant: s,
+      $variant: e,
       $size: a,
       disabled: l || d,
       ...u,
@@ -208,19 +209,19 @@ function Co({
     }
   );
 }
-Co.displayName = "Button";
-const br = i.div`
+Io.displayName = "Button";
+const yr = s.div`
   display: flex;
   flex-direction: column;
   gap: ${({ theme: o }) => o.spacing[1]};
   width: ${({ $fullWidth: o }) => o ? "100%" : "auto"};
-`, xr = i.label`
+`, hr = s.label`
   font-size: ${({ theme: o }) => o.fontSizes.sm};
   font-weight: ${({ theme: o }) => o.brutalism ? o.fontWeights.bold : o.fontWeights.medium};
-`, yr = i.span`
+`, wr = s.span`
   font-size: ${({ theme: o }) => o.fontSizes.xs};
   color: ${({ $error: o, theme: r }) => o ? r.colors.error[500] : r.colors.neutral[500]};
-`, hr = i.div`
+`, mr = s.div`
   display: flex;
   align-items: center;
   border-radius: ${({ theme: o }) => o.radius.md};
@@ -269,7 +270,7 @@ const br = i.div`
   &:focus-within {
     box-shadow: ${({ theme: o }) => o.shadows.focusRing};
   }
-`, wr = i.input`
+`, vr = s.input`
   flex: 1;
   border: none;
   outline: none;
@@ -280,11 +281,11 @@ const br = i.div`
     cursor: not-allowed;
     opacity: 0.6;
   }
-`, Lo = i.div`
+`, Lo = s.div`
   display: inline-flex;
   align-items: center;
   margin: 0 ${({ theme: o }) => o.spacing[1]};
-`, mr = i.button`
+`, kr = s.button`
   display: inline-flex;
   align-items: center;
   margin: 0 ${({ theme: o }) => o.spacing[1]};
@@ -298,36 +299,36 @@ const br = i.div`
     opacity: 0.8;
   }
 `;
-function vr({
+function Sr({
   ref: o,
   type: r = "text",
   size: n = "md",
-  variant: s = "default",
+  variant: e = "default",
   label: a,
   helperText: l,
   error: d,
   leftElement: p,
   rightElement: u,
   clearable: f,
-  onClear: g,
+  onClear: $,
   fullWidth: m,
   id: v,
-  value: h,
+  value: y,
   defaultValue: k,
   onChange: C,
   ...M
 }) {
-  const P = ro(), L = v ?? P, x = `${L}-hint`, [I, w] = T(k ?? ""), b = h !== void 0, z = b ? h : I, D = typeof d == "string" ? d : void 0, W = !!(l || d), N = (_) => {
-    b || w(_.target.value), C?.(_);
+  const P = ro(), L = v ?? P, x = `${L}-hint`, [I, w] = T(k ?? ""), b = y !== void 0, z = b ? y : I, E = typeof d == "string" ? d : void 0, D = !!(l || d), N = (B) => {
+    b || w(B.target.value), C?.(B);
   }, F = () => {
-    b || w(""), g?.();
+    b || w(""), $?.();
   };
-  return /* @__PURE__ */ S(br, { $fullWidth: m, children: [
-    a && /* @__PURE__ */ e(xr, { htmlFor: L, children: a }),
-    /* @__PURE__ */ S(hr, { $size: n, $variant: s, $error: !!d, children: [
-      p && /* @__PURE__ */ e(Lo, { children: p }),
-      /* @__PURE__ */ e(
-        wr,
+  return /* @__PURE__ */ S(yr, { $fullWidth: m, children: [
+    a && /* @__PURE__ */ i(hr, { htmlFor: L, children: a }),
+    /* @__PURE__ */ S(mr, { $size: n, $variant: e, $error: !!d, children: [
+      p && /* @__PURE__ */ i(Lo, { children: p }),
+      /* @__PURE__ */ i(
+        vr,
         {
           id: L,
           ref: o,
@@ -336,11 +337,11 @@ function vr({
           onChange: N,
           ...M,
           "aria-invalid": !!d,
-          "aria-describedby": W ? x : void 0
+          "aria-describedby": D ? x : void 0
         }
       ),
-      f && z && /* @__PURE__ */ e(
-        mr,
+      f && z && /* @__PURE__ */ i(
+        kr,
         {
           type: "button",
           onClick: F,
@@ -348,24 +349,24 @@ function vr({
           children: "✕"
         }
       ),
-      u && /* @__PURE__ */ e(Lo, { children: u })
+      u && /* @__PURE__ */ i(Lo, { children: u })
     ] }),
-    W && /* @__PURE__ */ e(yr, { id: x, $error: !!d, children: D ?? l })
+    D && /* @__PURE__ */ i(wr, { id: x, $error: !!d, children: E ?? l })
   ] });
 }
-vr.displayName = "Input";
-const kr = i.div`
+Sr.displayName = "Input";
+const zr = s.div`
   display: flex;
   flex-direction: column;
   gap: ${({ theme: o }) => o.spacing[1]};
   width: ${({ $fullWidth: o }) => o ? "100%" : "auto"};
-`, Sr = i.label`
+`, Cr = s.label`
   font-size: ${({ theme: o }) => o.fontSizes.sm};
   font-weight: ${({ theme: o }) => o.brutalism ? o.fontWeights.bold : o.fontWeights.medium};
-`, zr = i.span`
+`, Ir = s.span`
   font-size: ${({ theme: o }) => o.fontSizes.xs};
   color: ${({ $error: o, theme: r }) => o ? r.colors.error[500] : r.colors.neutral[500]};
-`, Cr = i.div`
+`, Tr = s.div`
   display: flex;
   border-radius: ${({ theme: o }) => o.radius.md};
   transition:
@@ -413,7 +414,7 @@ const kr = i.div`
   &:focus-within {
     box-shadow: ${({ theme: o }) => o.shadows.focusRing};
   }
-`, Ir = i.textarea`
+`, Wr = s.textarea`
   flex: 1;
   border: none;
   outline: none;
@@ -427,52 +428,52 @@ const kr = i.div`
     opacity: 0.6;
   }
 `;
-function Tr({
+function Dr({
   ref: o,
   size: r = "md",
   variant: n = "default",
-  label: s,
+  label: e,
   helperText: a,
   error: l,
   fullWidth: d,
   id: p,
   value: u,
   defaultValue: f,
-  onChange: g,
+  onChange: $,
   ...m
 }) {
-  const v = ro(), h = p ?? v, k = `${h}-hint`, [C, M] = T(f ?? ""), P = u !== void 0, L = P ? u : C, x = typeof l == "string" ? l : void 0, I = !!(a || l);
-  return /* @__PURE__ */ S(kr, { $fullWidth: d, children: [
-    s && /* @__PURE__ */ e(Sr, { htmlFor: h, children: s }),
-    /* @__PURE__ */ e(Cr, { $size: r, $variant: n, $error: !!l, children: /* @__PURE__ */ e(
-      Ir,
+  const v = ro(), y = p ?? v, k = `${y}-hint`, [C, M] = T(f ?? ""), P = u !== void 0, L = P ? u : C, x = typeof l == "string" ? l : void 0, I = !!(a || l);
+  return /* @__PURE__ */ S(zr, { $fullWidth: d, children: [
+    e && /* @__PURE__ */ i(Cr, { htmlFor: y, children: e }),
+    /* @__PURE__ */ i(Tr, { $size: r, $variant: n, $error: !!l, children: /* @__PURE__ */ i(
+      Wr,
       {
-        id: h,
+        id: y,
         ref: o,
         value: L,
         onChange: (b) => {
-          P || M(b.target.value), g?.(b);
+          P || M(b.target.value), $?.(b);
         },
         ...m,
         "aria-invalid": !!l,
         "aria-describedby": I ? k : void 0
       }
     ) }),
-    I && /* @__PURE__ */ e(zr, { id: k, $error: !!l, children: x ?? a })
+    I && /* @__PURE__ */ i(Ir, { id: k, $error: !!l, children: x ?? a })
   ] });
 }
-Tr.displayName = "Textarea";
-const Uo = (...o) => o.filter((r, n, s) => !!r && r.trim() !== "" && s.indexOf(r) === n).join(" ").trim();
-const Wr = (o) => o.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
-const Dr = (o) => o.replace(
+Dr.displayName = "Textarea";
+const Yo = (...o) => o.filter((r, n, e) => !!r && r.trim() !== "" && e.indexOf(r) === n).join(" ").trim();
+const Er = (o) => o.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
+const Or = (o) => o.replace(
   /^([A-Z])|[\s-_]+(\w)/g,
-  (r, n, s) => s ? s.toUpperCase() : n.toLowerCase()
+  (r, n, e) => e ? e.toUpperCase() : n.toLowerCase()
 );
 const No = (o) => {
-  const r = Dr(o);
+  const r = Or(o);
   return r.charAt(0).toUpperCase() + r.slice(1);
 };
-var wo = {
+var mo = {
   xmlns: "http://www.w3.org/2000/svg",
   width: 24,
   height: 24,
@@ -483,96 +484,96 @@ var wo = {
   strokeLinecap: "round",
   strokeLinejoin: "round"
 };
-const Er = (o) => {
+const Mr = (o) => {
   for (const r in o)
     if (r.startsWith("aria-") || r === "role" || r === "title")
       return !0;
   return !1;
-}, Or = Wo({}), Mr = () => To(Or), Lr = Yo(
-  ({ color: o, size: r, strokeWidth: n, absoluteStrokeWidth: s, className: a = "", children: l, iconNode: d, ...p }, u) => {
+}, Lr = Do({}), Nr = () => Wo(Lr), Pr = Uo(
+  ({ color: o, size: r, strokeWidth: n, absoluteStrokeWidth: e, className: a = "", children: l, iconNode: d, ...p }, u) => {
     const {
       size: f = 24,
-      strokeWidth: g = 2,
+      strokeWidth: $ = 2,
       absoluteStrokeWidth: m = !1,
       color: v = "currentColor",
-      className: h = ""
-    } = Mr() ?? {}, k = s ?? m ? Number(n ?? g) * 24 / Number(r ?? f) : n ?? g;
-    return zo(
+      className: y = ""
+    } = Nr() ?? {}, k = e ?? m ? Number(n ?? $) * 24 / Number(r ?? f) : n ?? $;
+    return Co(
       "svg",
       {
         ref: u,
-        ...wo,
-        width: r ?? f ?? wo.width,
-        height: r ?? f ?? wo.height,
+        ...mo,
+        width: r ?? f ?? mo.width,
+        height: r ?? f ?? mo.height,
         stroke: o ?? v,
         strokeWidth: k,
-        className: Uo("lucide", h, a),
-        ...!l && !Er(p) && { "aria-hidden": "true" },
+        className: Yo("lucide", y, a),
+        ...!l && !Mr(p) && { "aria-hidden": "true" },
         ...p
       },
       [
-        ...d.map(([C, M]) => zo(C, M)),
+        ...d.map(([C, M]) => Co(C, M)),
         ...Array.isArray(l) ? l : [l]
       ]
     );
   }
 );
-const no = (o, r) => {
-  const n = Yo(
-    ({ className: s, ...a }, l) => zo(Lr, {
+const to = (o, r) => {
+  const n = Uo(
+    ({ className: e, ...a }, l) => Co(Pr, {
       ref: l,
       iconNode: r,
-      className: Uo(
-        `lucide-${Wr(No(o))}`,
+      className: Yo(
+        `lucide-${Er(No(o))}`,
         `lucide-${o}`,
-        s
+        e
       ),
       ...a
     })
   );
   return n.displayName = No(o), n;
 };
-const Nr = [
+const Rr = [
   ["path", { d: "M12 5v14", key: "s699le" }],
   ["path", { d: "m19 12-7 7-7-7", key: "1idqje" }]
-], Pr = no("arrow-down", Nr);
-const Rr = [
+], Vr = to("arrow-down", Rr);
+const Br = [
   ["path", { d: "m21 16-4 4-4-4", key: "f6ql7i" }],
   ["path", { d: "M17 20V4", key: "1ejh1v" }],
   ["path", { d: "m3 8 4-4 4 4", key: "11wl7u" }],
   ["path", { d: "M7 4v16", key: "1glfcx" }]
-], Vr = no("arrow-up-down", Rr);
-const Fr = [
+], Fr = to("arrow-up-down", Br);
+const Ar = [
   ["path", { d: "m5 12 7-7 7 7", key: "hav0vg" }],
   ["path", { d: "M12 19V5", key: "x0mq9r" }]
-], Ar = no("arrow-up", Fr);
-const Br = [
+], _r = to("arrow-up", Ar);
+const jr = [
   ["path", { d: "M8 2v4", key: "1cmpym" }],
   ["path", { d: "M16 2v4", key: "4m81vk" }],
   ["rect", { width: "18", height: "18", x: "3", y: "4", rx: "2", key: "1hopcy" }],
   ["path", { d: "M3 10h18", key: "8toen8" }]
-], _r = no("calendar", Br);
-const jr = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]], Ko = no("chevron-down", jr);
-const Hr = [["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]], Yr = no("chevron-left", Hr);
-const Ur = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]], Kr = no("chevron-right", Ur);
-const qr = [
+], Hr = to("calendar", jr);
+const Ur = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]], Ko = to("chevron-down", Ur);
+const Yr = [["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]], Kr = to("chevron-left", Yr);
+const qr = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]], Gr = to("chevron-right", qr);
+const Xr = [
   ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
   ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
-], yo = no("x", qr), Gr = i.div`
+], ho = to("x", Xr), Jr = s.div`
   display: inline-flex;
   flex-direction: column;
   gap: ${({ theme: o }) => o.spacing[1]};
   width: ${({ $fullWidth: o }) => o ? "100%" : "auto"};
   position: relative;
   min-width: 0;
-`, Xr = i.div`
+`, Qr = s.div`
   height: 0;
   overflow: hidden;
   visibility: hidden;
   pointer-events: none;
   display: flex;
   flex-direction: column;
-`, Jr = i.button`
+`, Zr = s.button`
   appearance: none;
   width: 100%;
   border-radius: ${({ theme: o }) => o.radius.md};
@@ -631,24 +632,24 @@ const qr = [
     outline: none;
     box-shadow: ${({ theme: o }) => o.shadows.focusRing};
   }
-`, mo = i.span`
+`, vo = s.span`
   flex: 1;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
   color: ${({ $placeholder: o, theme: r }) => o ? r.colors.neutral[400] : r.colors.neutral[900]};
-`, Qr = i.span`
+`, on = s.span`
   display: flex;
   align-items: center;
   gap: ${({ theme: o }) => o.spacing[1]};
   flex-shrink: 0;
   color: ${({ theme: o }) => o.colors.neutral[500]};
-`, Zr = i.span`
+`, rn = s.span`
   display: inline-flex;
   align-items: center;
   transition: transform 0.15s;
   transform: ${({ $open: o }) => o ? "rotate(180deg)" : "rotate(0deg)"};
-`, on = i.ul`
+`, nn = s.ul`
   z-index: ${({ theme: o }) => o.zIndex.modal};
   margin: 0;
   padding: ${({ theme: o }) => o.spacing[1]} 0;
@@ -667,10 +668,10 @@ const qr = [
           border: 1px solid ${o.colors.neutral[300]};
           box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
         `}
-`, rn = i.div`
+`, tn = s.div`
   padding: ${({ theme: o }) => o.spacing[2]};
   border-bottom: 1px solid ${({ theme: o }) => o.colors.neutral[200]};
-`, nn = i.input`
+`, en = s.input`
   width: 100%;
   border: 1px solid ${({ theme: o }) => o.colors.neutral[300]};
   border-radius: ${({ theme: o }) => o.radius.md};
@@ -692,12 +693,12 @@ const qr = [
         box-shadow: ${o.shadows.focusRing};
       }
     `}
-`, tn = i.li`
+`, sn = s.li`
   padding: ${({ theme: o }) => `${o.spacing[2]} ${o.spacing[3]}`};
   font-size: ${({ theme: o }) => o.fontSizes.sm};
   color: ${({ theme: o }) => o.colors.neutral[400]};
   list-style: none;
-`, sn = i.li`
+`, an = s.li`
   display: flex;
   align-items: center;
   padding: ${({ theme: o }) => `${o.spacing[2]} ${o.spacing[3]}`};
@@ -717,10 +718,10 @@ const qr = [
   &:hover {
     background-color: ${({ $disabled: o, $selected: r, theme: n }) => o ? "transparent" : r ? n.colors.primary[50] : n.colors.neutral[100]};
   }
-`, en = i.span`
+`, ln = s.span`
   font-size: ${({ theme: o }) => o.fontSizes.xs};
   color: ${({ $error: o, theme: r }) => o ? r.colors.error[500] : r.colors.neutral[500]};
-`, an = i.button`
+`, cn = s.button`
   display: inline-flex;
   align-items: center;
   padding: 0;
@@ -739,110 +740,116 @@ const qr = [
     border-radius: 2px;
   }
 `;
-function ln({
+function qo({
   options: o,
   placeholder: r,
   size: n = "md",
-  variant: s = "default",
+  variant: e = "default",
   error: a,
   fullWidth: l,
   clearable: d,
   onClear: p,
   id: u,
   name: f,
-  value: g,
+  value: $,
   defaultValue: m,
   onChange: v,
-  disabled: h,
+  disabled: y,
   searchable: k,
   "aria-label": C,
   "aria-describedby": M
 }) {
-  const P = ro(), L = u ?? P, x = `${L}-list`, I = `${L}-search`, w = typeof a == "string" ? a : void 0, [b, z] = T(!1), [D, W] = T(-1), [N, F] = T(""), [_, V] = T({
+  const P = ro(), L = u ?? P, x = `${L}-list`, I = `${L}-search`, w = typeof a == "string" ? a : void 0, [b, z] = T(!1), [E, D] = T(-1), [N, F] = T(""), [B, V] = T({
     top: 0,
+    bottom: 0,
     left: 0,
-    width: 0
-  }), [U, io] = T(
+    width: 0,
+    openUpward: !1
+  }), [q, ao] = T(
     m ?? ""
-  ), O = g !== void 0, H = O ? g : U, ao = Y(null), K = Y(null), to = Y(null), J = Y(null), lo = o.find(
+  ), O = $ !== void 0, H = O ? $ : q, lo = K(null), G = K(null), no = K(null), J = K(null), co = o.find(
     (c) => c.value === H
   ), j = k && N ? o.filter(
     (c) => c.label.toLowerCase().includes(N.toLowerCase())
-  ) : o, q = X(() => {
-    if (!K.current)
+  ) : o, U = X(() => {
+    if (!G.current)
       return;
-    const c = K.current.getBoundingClientRect();
+    const c = G.current.getBoundingClientRect(), W = window.innerHeight, Y = no.current?.getBoundingClientRect().height ?? 200, io = W - c.bottom, $o = io < Y + 4 && c.top > io;
     V({
       top: c.bottom + 4,
+      bottom: W - c.top + 4,
       left: c.left,
-      width: c.width
+      width: c.width,
+      openUpward: $o
     });
   }, []);
-  B(() => {
+  _(() => {
     if (b)
-      return q(), window.addEventListener("scroll", q, !0), window.addEventListener("resize", q), () => {
-        window.removeEventListener("scroll", q, !0), window.removeEventListener("resize", q);
+      return U(), window.addEventListener("scroll", U, !0), window.addEventListener("resize", U), () => {
+        window.removeEventListener("scroll", U, !0), window.removeEventListener("resize", U);
       };
-  }, [b, q]), B(() => {
+  }, [b, U]), gr(() => {
+    b && U();
+  }, [b, U]), _(() => {
     if (!b)
       return;
-    const c = (E) => {
-      const G = ao.current?.contains(
-        E.target
-      ), $o = to.current?.contains(
-        E.target
+    const c = (W) => {
+      const Y = lo.current?.contains(
+        W.target
+      ), io = no.current?.contains(
+        W.target
       );
-      !G && !$o && z(!1);
+      !Y && !io && z(!1);
     };
     return document.addEventListener("mousedown", c), () => document.removeEventListener("mousedown", c);
-  }, [b]), B(() => {
-    b && k && setTimeout(() => J.current?.focus(), 0), b || (F(""), W(-1));
-  }, [b, k]), B(() => {
-    W(-1);
-  }, [N]), B(() => {
-    if (D < 0)
+  }, [b]), _(() => {
+    b && k && setTimeout(() => J.current?.focus(), 0), b || (F(""), D(-1));
+  }, [b, k]), _(() => {
+    D(-1);
+  }, [N]), _(() => {
+    if (E < 0)
       return;
-    const c = document.getElementById(`${x}-option-${D}`);
+    const c = document.getElementById(`${x}-option-${E}`);
     c && typeof c.scrollIntoView == "function" && c.scrollIntoView({ block: "nearest" });
-  }, [D, x]);
-  function Q(c, E) {
-    let G = c + E;
-    for (; G >= 0 && G < j.length; ) {
-      if (!j[G].disabled)
-        return G;
-      G += E;
+  }, [E, x]);
+  function Q(c, W) {
+    let Y = c + W;
+    for (; Y >= 0 && Y < j.length; ) {
+      if (!j[Y].disabled)
+        return Y;
+      Y += W;
     }
     return c;
   }
   function Z() {
     return j.findIndex((c) => !c.disabled);
   }
-  function so() {
+  function eo() {
     for (let c = j.length - 1; c >= 0; c--)
       if (!j[c].disabled)
         return c;
     return -1;
   }
-  function eo(c) {
+  function so(c) {
     if (c.disabled)
       return;
-    O || io(c.value);
-    const E = {
+    O || ao(c.value);
+    const W = {
       target: { name: f ?? "", value: c.value },
       currentTarget: { name: f ?? "", value: c.value }
     };
-    v?.(E), z(!1), K.current?.focus();
+    v?.(W), z(!1), G.current?.focus();
   }
-  function y(c) {
-    c.stopPropagation(), O || io(""), v?.({
+  function h(c) {
+    c.stopPropagation(), O || ao(""), v?.({
       target: { name: f ?? "", value: "" },
       currentTarget: { name: f ?? "", value: "" }
-    }), p?.(), K.current?.focus();
+    }), p?.(), G.current?.focus();
   }
   function A(c) {
-    if (!h) {
+    if (!y) {
       if (!b) {
-        ["ArrowDown", "ArrowUp", "Enter", " "].includes(c.key) && (c.preventDefault(), z(!0), k || W(Z()));
+        ["ArrowDown", "ArrowUp", "Enter", " "].includes(c.key) && (c.preventDefault(), z(!0), k || D(Z()));
         return;
       }
       if (c.key === "Escape") {
@@ -851,54 +858,54 @@ function ln({
       }
       if (!k) {
         if (c.key === "ArrowDown") {
-          c.preventDefault(), W((E) => Q(E, 1));
+          c.preventDefault(), D((W) => Q(W, 1));
           return;
         }
         if (c.key === "ArrowUp") {
-          c.preventDefault(), W((E) => Q(E, -1));
+          c.preventDefault(), D((W) => Q(W, -1));
           return;
         }
         if (c.key === "Home") {
-          c.preventDefault(), W(Z());
+          c.preventDefault(), D(Z());
           return;
         }
         if (c.key === "End") {
-          c.preventDefault(), W(so());
+          c.preventDefault(), D(eo());
           return;
         }
-        (c.key === "Enter" || c.key === " ") && D >= 0 && (c.preventDefault(), eo(j[D]));
+        (c.key === "Enter" || c.key === " ") && E >= 0 && (c.preventDefault(), so(j[E]));
       }
     }
   }
-  function co(c) {
+  function uo(c) {
     if (c.key === "Escape") {
-      z(!1), K.current?.focus();
+      z(!1), G.current?.focus();
       return;
     }
     if (c.key === "ArrowDown") {
-      c.preventDefault(), W(
-        (E) => E < 0 ? Z() : Q(E, 1)
+      c.preventDefault(), D(
+        (W) => W < 0 ? Z() : Q(W, 1)
       );
       return;
     }
     if (c.key === "ArrowUp") {
-      c.preventDefault(), W(
-        (E) => E < 0 ? so() : Q(E, -1)
+      c.preventDefault(), D(
+        (W) => W < 0 ? eo() : Q(W, -1)
       );
       return;
     }
-    c.key === "Enter" && D >= 0 && (c.preventDefault(), eo(j[D]));
+    c.key === "Enter" && E >= 0 && (c.preventDefault(), so(j[E]));
   }
-  const $ = d && !!H && !h, R = D >= 0 ? `${x}-option-${D}` : void 0;
-  return /* @__PURE__ */ S(Gr, { ref: ao, $fullWidth: l, children: [
-    /* @__PURE__ */ S(Xr, { "aria-hidden": "true", children: [
-      r && /* @__PURE__ */ e(mo, { children: r }),
-      o.map((c) => /* @__PURE__ */ e(mo, { children: c.label }, c.value))
+  const g = d && !!H && !y, R = E >= 0 ? `${x}-option-${E}` : void 0;
+  return /* @__PURE__ */ S(Jr, { ref: lo, $fullWidth: l, children: [
+    /* @__PURE__ */ S(Qr, { "aria-hidden": "true", children: [
+      r && /* @__PURE__ */ i(vo, { children: r }),
+      o.map((c) => /* @__PURE__ */ i(vo, { children: c.label }, c.value))
     ] }),
     /* @__PURE__ */ S(
-      Jr,
+      Zr,
       {
-        ref: K,
+        ref: G,
         id: L,
         type: "button",
         role: "combobox",
@@ -910,47 +917,48 @@ function ln({
         "aria-label": C,
         "aria-describedby": M,
         $size: n,
-        $variant: s,
+        $variant: e,
         $error: !!a,
-        $disabled: h,
+        $disabled: y,
         $open: b,
-        disabled: h,
-        onClick: () => !h && z((c) => !c),
+        disabled: y,
+        onClick: () => !y && z((c) => !c),
         onKeyDown: A,
         children: [
-          /* @__PURE__ */ e(mo, { $placeholder: !lo, children: lo?.label ?? r ?? "Select..." }),
-          /* @__PURE__ */ S(Qr, { children: [
-            $ && /* @__PURE__ */ e(
-              an,
+          /* @__PURE__ */ i(vo, { $placeholder: !co, children: co?.label ?? r ?? "Select..." }),
+          /* @__PURE__ */ S(on, { children: [
+            g && /* @__PURE__ */ i(
+              cn,
               {
                 type: "button",
-                onClick: y,
+                onClick: h,
                 "aria-label": "Clear selection",
-                children: /* @__PURE__ */ e(yo, { size: 14 })
+                children: /* @__PURE__ */ i(ho, { size: 14 })
               }
             ),
-            /* @__PURE__ */ e(Zr, { $open: b, "aria-hidden": "true", children: /* @__PURE__ */ e(Ko, { size: 14 }) })
+            /* @__PURE__ */ i(rn, { $open: b, "aria-hidden": "true", children: /* @__PURE__ */ i(Ko, { size: 14 }) })
           ] })
         ]
       }
     ),
-    b && xo(
+    b && yo(
       /* @__PURE__ */ S(
-        on,
+        nn,
         {
-          ref: to,
+          ref: no,
           id: x,
           role: "listbox",
           "aria-label": r ?? "Options",
           style: {
             position: "fixed",
-            top: _.top,
-            left: _.left,
-            width: _.width
+            top: B.openUpward ? "auto" : B.top,
+            bottom: B.openUpward ? B.bottom : "auto",
+            left: B.left,
+            width: B.width
           },
           children: [
-            k && /* @__PURE__ */ e(rn, { children: /* @__PURE__ */ e(
-              nn,
+            k && /* @__PURE__ */ i(tn, { children: /* @__PURE__ */ i(
+              en,
               {
                 ref: J,
                 id: I,
@@ -958,25 +966,25 @@ function ln({
                 placeholder: "Search...",
                 value: N,
                 onChange: (c) => F(c.target.value),
-                onKeyDown: co,
+                onKeyDown: uo,
                 "aria-label": "Search options",
                 "aria-controls": x,
                 "aria-activedescendant": R
               }
             ) }),
-            j.length === 0 && /* @__PURE__ */ e(tn, { children: "No options found" }),
-            j.map((c, E) => /* @__PURE__ */ e(
-              sn,
+            j.length === 0 && /* @__PURE__ */ i(sn, { children: "No options found" }),
+            j.map((c, W) => /* @__PURE__ */ i(
+              an,
               {
-                id: `${x}-option-${E}`,
+                id: `${x}-option-${W}`,
                 role: "option",
                 "aria-selected": c.value === H,
                 "aria-disabled": c.disabled,
                 $selected: c.value === H,
-                $focused: E === D,
+                $focused: W === E,
                 $disabled: c.disabled,
-                onClick: () => eo(c),
-                onMouseEnter: () => !c.disabled && W(E),
+                onClick: () => so(c),
+                onMouseEnter: () => !c.disabled && D(W),
                 children: c.label
               },
               c.value
@@ -986,13 +994,13 @@ function ln({
       ),
       document.body
     ),
-    w && /* @__PURE__ */ e(en, { $error: !0, children: w })
+    w && /* @__PURE__ */ i(ln, { $error: !0, children: w })
   ] });
 }
-ln.displayName = "Select";
-const Po = i.span`
+qo.displayName = "Select";
+const Po = s.span`
   display: inline-block;
-`, cn = i.span`
+`, dn = s.span`
   display: inline-block;
   min-width: 60px;
   padding: ${({ theme: o }) => `${o.spacing[1]} ${o.spacing[2]}`};
@@ -1030,7 +1038,7 @@ const Po = i.span`
             box-shadow: ${r.shadows.focusRing};
           }
         `}
-`, dn = i.input`
+`, un = s.input`
   display: inline-block;
   min-width: 60px;
   padding: ${({ theme: o }) => `${o.spacing[1]} ${o.spacing[2]}`};
@@ -1050,52 +1058,52 @@ const Po = i.span`
           box-shadow: ${o.shadows.focusRing};
         `}
 `;
-function un({
+function pn({
   value: o,
   defaultValue: r = "",
   onChange: n,
-  onSubmit: s,
+  onSubmit: e,
   onCancel: a,
   placeholder: l = "Click to edit",
   disabled: d = !1
 }) {
-  const p = o !== void 0, [u, f] = T(r), g = p ? o : u, [m, v] = T(!1), [h, k] = T(""), C = Y(null), M = () => {
-    d || (k(g), v(!0), setTimeout(() => {
+  const p = o !== void 0, [u, f] = T(r), $ = p ? o : u, [m, v] = T(!1), [y, k] = T(""), C = K(null), M = () => {
+    d || (k($), v(!0), setTimeout(() => {
       C.current?.focus(), C.current?.select();
     }, 0));
   }, P = () => {
-    p || f(h), n?.(h), s?.(h), v(!1);
+    p || f(y), n?.(y), e?.(y), v(!1);
   }, L = () => {
-    a?.(g), v(!1);
+    a?.($), v(!1);
   }, x = (I) => {
     I.key === "Enter" ? P() : I.key === "Escape" && L();
   };
-  return m ? /* @__PURE__ */ e(Po, { children: /* @__PURE__ */ e(
-    dn,
+  return m ? /* @__PURE__ */ i(Po, { children: /* @__PURE__ */ i(
+    un,
     {
       ref: C,
-      value: h,
-      size: Math.max(h.length, l.length, 10),
+      value: y,
+      size: Math.max(y.length, l.length, 10),
       onChange: (I) => k(I.target.value),
       onBlur: P,
       onKeyDown: x,
       "aria-label": "Edit value"
     }
-  ) }) : /* @__PURE__ */ e(Po, { children: /* @__PURE__ */ e(
-    cn,
+  ) }) : /* @__PURE__ */ i(Po, { children: /* @__PURE__ */ i(
+    dn,
     {
       role: d ? void 0 : "button",
       tabIndex: d ? void 0 : 0,
       $disabled: d,
-      $empty: !g,
+      $empty: !$,
       onClick: M,
       onKeyDown: (I) => I.key === "Enter" && M(),
-      children: g || l
+      children: $ || l
     }
   ) });
 }
-un.displayName = "Editable";
-const pn = i.a`
+pn.displayName = "Editable";
+const fn = s.a`
   text-decoration: underline;
   text-underline-offset: 2px;
   transition: color 0.15s;
@@ -1121,55 +1129,55 @@ const pn = i.a`
       `
 })[o]}
 `;
-function qo({
+function Go({
   variant: o = "default",
   external: r,
   children: n,
-  ...s
+  ...e
 }) {
-  return /* @__PURE__ */ e(
-    pn,
+  return /* @__PURE__ */ i(
+    fn,
     {
       $variant: o,
       ...r && { target: "_blank", rel: "noreferrer" },
-      ...s,
+      ...e,
       children: n
     }
   );
 }
-qo.displayName = "Link";
-const fn = i.div`
+Go.displayName = "Link";
+const gn = s.div`
   display: flex;
   flex-direction: column;
   gap: ${({ theme: o }) => o.spacing[1]};
-`, $n = i.span`
+`, $n = s.span`
   font-size: ${({ theme: o }) => o.fontSizes.xs};
   color: ${({ theme: o }) => o.colors.neutral[500]};
   font-weight: ${({ theme: o }) => o.brutalism ? o.fontWeights.bold : o.fontWeights.medium};
-`, gn = i.span`
+`, bn = s.span`
   font-size: ${({ theme: o }) => o.fontSizes.md};
   color: ${({ theme: o }) => o.colors.neutral[900]};
 `;
-function bn({ label: o, value: r, href: n }) {
-  return /* @__PURE__ */ S(fn, { children: [
-    /* @__PURE__ */ e($n, { children: o }),
-    n ? /* @__PURE__ */ e(qo, { href: n, external: !0, children: r }) : /* @__PURE__ */ e(gn, { children: r ?? "—" })
+function xn({ label: o, value: r, href: n }) {
+  return /* @__PURE__ */ S(gn, { children: [
+    /* @__PURE__ */ i($n, { children: o }),
+    n ? /* @__PURE__ */ i(Go, { href: n, external: !0, children: r }) : /* @__PURE__ */ i(bn, { children: r ?? "—" })
   ] });
 }
-bn.displayName = "Field";
-const xn = oo`
+xn.displayName = "Field";
+const yn = oo`
   from { opacity: 0; }
   to { opacity: 1; }
-`, yn = oo`
+`, hn = oo`
   from { opacity: 1; }
   to { opacity: 0; }
-`, hn = oo`
+`, wn = oo`
   from { opacity: 0; transform: scale(0.95) translateY(-8px); }
   to { opacity: 1; transform: scale(1) translateY(0); }
-`, wn = oo`
+`, mn = oo`
   from { opacity: 1; transform: scale(1) translateY(0); }
   to { opacity: 0; transform: scale(0.95) translateY(-8px); }
-`, mn = i.div`
+`, vn = s.div`
   position: fixed;
   inset: 0;
   background-color: rgba(0, 0, 0, 0.5);
@@ -1177,9 +1185,9 @@ const xn = oo`
   align-items: center;
   justify-content: center;
   z-index: ${({ theme: o }) => o.zIndex.modal};
-  animation: ${({ $closing: o }) => o ? yn : xn} 0.15s ease
+  animation: ${({ $closing: o }) => o ? hn : yn} 0.15s ease
     forwards;
-`, vn = i.div`
+`, kn = s.div`
   position: relative;
   background: ${({ theme: o }) => o.colors.neutral[0]};
   border-radius: ${({ theme: o }) => o.radius.md};
@@ -1188,7 +1196,7 @@ const xn = oo`
   display: flex;
   flex-direction: column;
   max-height: 90vh;
-  animation: ${({ $closing: o }) => o ? wn : hn} 0.15s ease
+  animation: ${({ $closing: o }) => o ? mn : wn} 0.15s ease
     forwards;
 
   ${({ $size: o }) => o === "sm" && t`
@@ -1206,19 +1214,19 @@ const xn = oo`
       max-height: 100vh;
       border-radius: 0;
     `}
-`, kn = i.div`
+`, Sn = s.div`
   display: flex;
   align-items: center;
   gap: ${({ theme: o }) => o.spacing[2]};
   padding: ${({ theme: o }) => o.spacing[4]};
   border-bottom: 1px solid ${({ theme: o }) => o.colors.neutral[200]};
   flex-shrink: 0;
-`, Sn = i.h2`
+`, zn = s.h2`
   flex: 1;
   font-size: ${({ theme: o }) => o.fontSizes.lg};
   font-weight: ${({ theme: o }) => o.fontWeights.semibold};
   margin: 0;
-`, zn = i.button`
+`, Cn = s.button`
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -1243,11 +1251,11 @@ const xn = oo`
     outline: 2px solid ${({ theme: o }) => o.colors.primary[500]};
     outline-offset: 2px;
   }
-`, Cn = i.div`
+`, In = s.div`
   padding: ${({ theme: o }) => o.spacing[4]};
   overflow-y: auto;
   flex: 1;
-`, In = i.div`
+`, Tn = s.div`
   display: flex;
   align-items: center;
   justify-content: flex-end;
@@ -1255,7 +1263,7 @@ const xn = oo`
   padding: ${({ theme: o }) => o.spacing[4]};
   border-top: 1px solid ${({ theme: o }) => o.colors.neutral[200]};
   flex-shrink: 0;
-`, Tn = [
+`, Wn = [
   "button:not([disabled])",
   "input:not([disabled])",
   "select:not([disabled])",
@@ -1265,14 +1273,14 @@ const xn = oo`
 ].join(", ");
 function Ro(o) {
   return Array.from(
-    o.querySelectorAll(Tn)
+    o.querySelectorAll(Wn)
   );
 }
-function Go({
+function Xo({
   open: o,
   onClose: r,
   title: n,
-  children: s,
+  children: e,
   footer: a,
   size: l = "md",
   closeOnBackdrop: d = !0,
@@ -1280,10 +1288,10 @@ function Go({
   ariaLabelledBy: u,
   ariaDescribedBy: f
 }) {
-  const g = Y(null), m = Y(null), v = Y(r);
+  const $ = K(null), m = K(null), v = K(r);
   v.current = r;
-  const h = ro(), k = u ?? (n ? h : void 0), [C, M] = T(o), [P, L] = T(!1);
-  return B(() => {
+  const y = ro(), k = u ?? (n ? y : void 0), [C, M] = T(o), [P, L] = T(!1);
+  return _(() => {
     if (o)
       M(!0), L(!1);
     else if (C) {
@@ -1293,17 +1301,17 @@ function Go({
       }, 150);
       return () => clearTimeout(x);
     }
-  }, [o, C]), B(() => {
+  }, [o, C]), _(() => {
     if (!o)
       return;
     const x = document.body.style.overflow;
     return document.body.style.overflow = "hidden", () => {
       document.body.style.overflow = x;
     };
-  }, [o]), B(() => {
-    if (!o || !g.current)
+  }, [o]), _(() => {
+    if (!o || !$.current)
       return;
-    const x = g.current, I = document.activeElement;
+    const x = $.current, I = document.activeElement;
     (Ro(x)[0] ?? x).focus();
     const b = (z) => {
       if (z.key === "Escape" && p) {
@@ -1312,20 +1320,20 @@ function Go({
       }
       if (z.key !== "Tab")
         return;
-      const D = Ro(x);
-      if (D.length === 0) {
+      const E = Ro(x);
+      if (E.length === 0) {
         z.preventDefault();
         return;
       }
-      const W = D[0], N = D[D.length - 1];
-      z.shiftKey ? document.activeElement === W && (z.preventDefault(), N.focus()) : document.activeElement === N && (z.preventDefault(), W.focus());
+      const D = E[0], N = E[E.length - 1];
+      z.shiftKey ? document.activeElement === D && (z.preventDefault(), N.focus()) : document.activeElement === N && (z.preventDefault(), D.focus());
     };
     return document.addEventListener("keydown", b), () => {
       document.removeEventListener("keydown", b), I?.focus();
     };
-  }, [o, p, C]), C ? xo(
-    /* @__PURE__ */ e(
-      mn,
+  }, [o, p, C]), C ? yo(
+    /* @__PURE__ */ i(
+      vn,
       {
         $closing: P,
         onMouseDown: (x) => {
@@ -1335,9 +1343,9 @@ function Go({
           d && m.current === x.currentTarget && r();
         },
         children: /* @__PURE__ */ S(
-          vn,
+          kn,
           {
-            ref: g,
+            ref: $,
             role: "dialog",
             "aria-modal": "true",
             "aria-labelledby": k,
@@ -1347,12 +1355,12 @@ function Go({
             tabIndex: -1,
             onClick: (x) => x.stopPropagation(),
             children: [
-              /* @__PURE__ */ S(kn, { children: [
-                n && /* @__PURE__ */ e(Sn, { id: h, children: n }),
-                /* @__PURE__ */ e(zn, { onClick: r, "aria-label": "Close modal", children: "×" })
+              /* @__PURE__ */ S(Sn, { children: [
+                n && /* @__PURE__ */ i(zn, { id: y, children: n }),
+                /* @__PURE__ */ i(Cn, { onClick: r, "aria-label": "Close modal", children: "×" })
               ] }),
-              /* @__PURE__ */ e(Cn, { children: s }),
-              a && /* @__PURE__ */ e(In, { children: a })
+              /* @__PURE__ */ i(In, { children: e }),
+              a && /* @__PURE__ */ i(Tn, { children: a })
             ]
           }
         )
@@ -1361,40 +1369,40 @@ function Go({
     document.body
   ) : null;
 }
-Go.displayName = "Modal";
-const Xo = oo`
+Xo.displayName = "Modal";
+const Jo = oo`
   from { opacity: 0; transform: translateY(12px); }
   to   { opacity: 1; transform: translateY(0); }
-`, Jo = oo`
+`, Qo = oo`
   from { opacity: 0; transform: translateY(-12px); }
   to   { opacity: 1; transform: translateY(0); }
-`, Qo = oo`
+`, Zo = oo`
   from { opacity: 1; }
   to   { opacity: 0; }
-`, go = (o, r, n) => t`
+`, bo = (o, r, n) => t`
   background: ${r};
   border: ${o.brutalism.borderWidth} solid ${n};
   box-shadow: ${o.brutalism.shadowOffset} ${o.brutalism.shadowOffset}
     0 ${n};
 `;
-function Zo(o, r) {
+function or(o, r) {
   return r.brutalism ? {
-    success: go(
+    success: bo(
       r,
       r.colors.success[50],
       r.colors.success[500]
     ),
-    error: go(
+    error: bo(
       r,
       r.colors.error[50],
       r.colors.error[500]
     ),
-    warning: go(
+    warning: bo(
       r,
       r.colors.warning[50],
       r.colors.warning[500]
     ),
-    info: go(r, r.colors.info[50], r.colors.info[500])
+    info: bo(r, r.colors.info[50], r.colors.info[500])
   }[o] : {
     success: t`
       background: ${r.colors.success[50]};
@@ -1418,7 +1426,7 @@ function Zo(o, r) {
     `
   }[o];
 }
-const or = t`
+const rr = t`
   display: flex;
   align-items: center;
   gap: ${({ theme: o }) => o.spacing[3]};
@@ -1426,7 +1434,13 @@ const or = t`
   max-width: 400px;
   padding: ${({ theme: o }) => `${o.spacing[3]} ${o.spacing[4]}`};
   border-radius: ${({ theme: o }) => o.radius.md};
-`, Wn = {
+
+  @media (max-width: 640px) {
+    min-width: unset;
+    max-width: unset;
+    width: 100%;
+  }
+`, Dn = {
   "bottom-right": t`
     bottom: 24px;
     right: 24px;
@@ -1443,35 +1457,35 @@ const or = t`
     top: 24px;
     left: 24px;
   `
-}, Dn = i.div`
+}, En = s.div`
   position: fixed;
   z-index: ${({ theme: o }) => o.zIndex.toast};
-  ${or}
+  ${rr}
 
   animation: ${({ $closing: o, $position: r }) => o ? t`
-          ${Qo} 0.2s ease forwards
+          ${Zo} 0.2s ease forwards
         ` : r.startsWith("top") ? t`
-            ${Jo} 0.2s ease forwards
+            ${Qo} 0.2s ease forwards
           ` : t`
-            ${Xo} 0.2s ease forwards
+            ${Jo} 0.2s ease forwards
           `};
 
-  ${({ $position: o }) => Wn[o]}
-  ${({ $variant: o, theme: r }) => Zo(o, r)}
-`, En = i.div`
-  ${or}
+  ${({ $position: o }) => Dn[o]}
+  ${({ $variant: o, theme: r }) => or(o, r)}
+`, On = s.div`
+  ${rr}
   pointer-events: all;
 
   animation: ${({ $closing: o, $isTop: r }) => o ? t`
-          ${Qo} 0.2s ease forwards
+          ${Zo} 0.2s ease forwards
         ` : r ? t`
-            ${Jo} 0.2s ease forwards
+            ${Qo} 0.2s ease forwards
           ` : t`
-            ${Xo} 0.2s ease forwards
+            ${Jo} 0.2s ease forwards
           `};
 
-  ${({ $variant: o, theme: r }) => Zo(o, r)}
-`, On = i.div`
+  ${({ $variant: o, theme: r }) => or(o, r)}
+`, Mn = s.div`
   position: fixed;
   z-index: ${({ theme: o }) => o.zIndex.toast};
   display: flex;
@@ -1501,14 +1515,22 @@ const or = t`
         align-items: flex-start;
       `
 })[o]}
-`, rr = i.p`
+
+  @media (max-width: 640px) {
+    top: ${({ theme: o }) => o.spacing[4]};
+    left: ${({ theme: o }) => o.spacing[3]};
+    right: ${({ theme: o }) => o.spacing[3]};
+    bottom: auto;
+    align-items: stretch;
+  }
+`, nr = s.p`
   flex: 1;
   margin: 0;
   font-size: ${({ theme: o }) => o.fontSizes.sm};
   font-weight: ${({ theme: o }) => o.brutalism ? o.fontWeights.semibold : o.fontWeights.normal};
   line-height: 1.5;
   color: ${({ theme: o }) => o.colors.neutral[900]};
-`, nr = i.button`
+`, tr = s.button`
   flex-shrink: 0;
   display: inline-flex;
   align-items: center;
@@ -1531,67 +1553,67 @@ const or = t`
     outline-offset: 2px;
   }
 `;
-function Mn({
+function Ln({
   open: o,
   onClose: r,
   message: n,
-  variant: s = "info",
+  variant: e = "info",
   duration: a = 4e3,
   position: l = "bottom-right"
 }) {
   const [d, p] = T(o), [u, f] = T(!1);
-  return B(() => {
+  return _(() => {
     if (o)
       p(!0), f(!1);
     else if (d) {
       f(!0);
-      const g = setTimeout(() => {
+      const $ = setTimeout(() => {
         p(!1), f(!1);
       }, 200);
       return () => {
-        clearTimeout(g);
+        clearTimeout($);
       };
     }
-  }, [o, d]), B(() => {
+  }, [o, d]), _(() => {
     if (!o || a === 0)
       return;
-    const g = setTimeout(r, a);
+    const $ = setTimeout(r, a);
     return () => {
-      clearTimeout(g);
+      clearTimeout($);
     };
-  }, [o, a, r]), d ? xo(
+  }, [o, a, r]), d ? yo(
     /* @__PURE__ */ S(
-      Dn,
+      En,
       {
         $position: l,
-        $variant: s,
+        $variant: e,
         $closing: u,
         role: "alert",
         "aria-live": "polite",
         children: [
-          /* @__PURE__ */ e(rr, { children: n }),
-          /* @__PURE__ */ e(nr, { onClick: r, "aria-label": "Close notification", children: /* @__PURE__ */ e(yo, { size: 14, strokeWidth: 2.5 }) })
+          /* @__PURE__ */ i(nr, { children: n }),
+          /* @__PURE__ */ i(tr, { onClick: r, "aria-label": "Close notification", children: /* @__PURE__ */ i(ho, { size: 14, strokeWidth: 2.5 }) })
         ]
       }
     ),
     document.body
   ) : null;
 }
-Mn.displayName = "Toast";
-const tr = Wo(null), Vo = 5, Ln = "bottom-right";
-function Nn({
+Ln.displayName = "Toast";
+const er = Do(null), Vo = 5, Nn = "bottom-right";
+function Pn({
   toast: o,
   isTop: r,
   onClose: n
 }) {
-  return B(() => {
-    const s = o.duration ?? 4e3;
-    if (s === 0)
+  return _(() => {
+    const e = o.duration ?? 4e3;
+    if (e === 0)
       return;
-    const a = setTimeout(() => n(o.id), s);
+    const a = setTimeout(() => n(o.id), e);
     return () => clearTimeout(a);
   }, [o.id, o.duration, n]), /* @__PURE__ */ S(
-    En,
+    On,
     {
       $variant: o.variant ?? "info",
       $closing: o.closing,
@@ -1599,51 +1621,51 @@ function Nn({
       role: "alert",
       "aria-live": "polite",
       children: [
-        /* @__PURE__ */ e(rr, { children: o.message }),
-        /* @__PURE__ */ e(
-          nr,
+        /* @__PURE__ */ i(nr, { children: o.message }),
+        /* @__PURE__ */ i(
+          tr,
           {
             onClick: () => n(o.id),
             "aria-label": "Close notification",
-            children: /* @__PURE__ */ e(yo, { size: 14, strokeWidth: 2.5 })
+            children: /* @__PURE__ */ i(ho, { size: 14, strokeWidth: 2.5 })
           }
         )
       ]
     }
   );
 }
-function xs({ children: o }) {
-  const [r, n] = T([]), s = X((u) => {
+function ye({ children: o }) {
+  const [r, n] = T([]), e = X((u) => {
     n(
       (f) => f.map(
-        (g) => g.id === u ? { ...g, closing: !0 } : g
+        ($) => $.id === u ? { ...$, closing: !0 } : $
       )
     ), setTimeout(() => {
       n(
-        (f) => f.filter((g) => g.id !== u)
+        (f) => f.filter(($) => $.id !== u)
       );
     }, 200);
   }, []), a = X((u) => {
     const f = Date.now();
-    n((g) => {
-      const m = [...g, { ...u, id: f, closing: !1 }];
+    n(($) => {
+      const m = [...$, { ...u, id: f, closing: !1 }];
       return m.length > Vo ? m.slice(m.length - Vo) : m;
     });
-  }, []), l = Do(() => Object.assign((u) => a(u), {
+  }, []), l = Eo(() => Object.assign((u) => a(u), {
     success: (u, f) => a({ ...f, message: u, variant: "success" }),
     error: (u, f) => a({ ...f, message: u, variant: "error" }),
     warning: (u, f) => a({ ...f, message: u, variant: "warning" }),
     info: (u, f) => a({ ...f, message: u, variant: "info" })
-  }), [a]), d = r[r.length - 1]?.position ?? Ln, p = d.startsWith("top");
-  return /* @__PURE__ */ S(tr.Provider, { value: { toast: l }, children: [
+  }), [a]), d = r[r.length - 1]?.position ?? Nn, p = d.startsWith("top");
+  return /* @__PURE__ */ S(er.Provider, { value: { toast: l }, children: [
     o,
-    r.length > 0 && xo(
-      /* @__PURE__ */ e(On, { $position: d, children: r.map((u) => /* @__PURE__ */ e(
-        Nn,
+    r.length > 0 && yo(
+      /* @__PURE__ */ i(Mn, { $position: d, children: r.map((u) => /* @__PURE__ */ i(
+        Pn,
         {
           toast: u,
           isTop: p,
-          onClose: s
+          onClose: e
         },
         u.id
       )) }),
@@ -1651,23 +1673,23 @@ function xs({ children: o }) {
     )
   ] });
 }
-function ys() {
-  const o = To(tr);
+function he() {
+  const o = Wo(er);
   if (!o)
     throw new Error("useToast must be used within a ToastProvider");
   return o;
 }
-const Pn = i.form`
+const Rn = s.form`
   display: flex;
   flex-direction: column;
   gap: ${({ theme: o }) => o.spacing[4]};
 `;
-function Rn({ onSubmit: o, children: r, ...n }) {
-  return /* @__PURE__ */ e(
-    Pn,
+function Vn({ onSubmit: o, children: r, ...n }) {
+  return /* @__PURE__ */ i(
+    Rn,
     {
-      onSubmit: (s) => {
-        s.preventDefault(), o?.(s);
+      onSubmit: (e) => {
+        e.preventDefault(), o?.(e);
       },
       noValidate: !0,
       ...n,
@@ -1675,19 +1697,19 @@ function Rn({ onSubmit: o, children: r, ...n }) {
     }
   );
 }
-Rn.displayName = "Form";
-const Vn = i.div`
+Vn.displayName = "Form";
+const Bn = s.div`
   display: flex;
   flex-direction: column;
   gap: ${({ theme: o }) => o.spacing[1]};
-`, Fn = i.label`
+`, Fn = s.label`
   font-size: ${({ theme: o }) => o.fontSizes.sm};
   font-weight: ${({ theme: o }) => o.fontWeights.medium};
   color: ${({ theme: o }) => o.colors.neutral[900]};
-`, An = i.span`
+`, An = s.span`
   color: ${({ theme: o }) => o.colors.error[500]};
   margin-left: ${({ theme: o }) => o.spacing[0.5]};
-`, Bn = i.span`
+`, _n = s.span`
   font-size: ${({ theme: o }) => o.fontSizes.xs};
   color: ${({ $error: o, theme: r }) => o ? r.colors.error[500] : r.colors.neutral[500]};
 `;
@@ -1695,7 +1717,7 @@ function sr({
   label: o,
   error: r,
   helperText: n,
-  required: s,
+  required: e,
   children: a
 }) {
   const l = ro(), d = `${l}-hint`, p = !!(r || n), u = typeof r == "string" ? r : void 0, f = Mo.isValidElement(a) ? Mo.cloneElement(
@@ -1706,27 +1728,27 @@ function sr({
       ...r && { "aria-invalid": !0 }
     }
   ) : a;
-  return /* @__PURE__ */ S(Vn, { children: [
+  return /* @__PURE__ */ S(Bn, { children: [
     o && /* @__PURE__ */ S(Fn, { htmlFor: l, children: [
       o,
-      s && /* @__PURE__ */ e(An, { "aria-hidden": "true", children: " *" })
+      e && /* @__PURE__ */ i(An, { "aria-hidden": "true", children: " *" })
     ] }),
     f,
-    p && /* @__PURE__ */ e(Bn, { id: d, $error: !!r, children: u ?? n })
+    p && /* @__PURE__ */ i(_n, { id: d, $error: !!r, children: u ?? n })
   ] });
 }
 sr.displayName = "FormField";
-function hs({
+function we({
   initialValues: o,
   validate: r,
   onSubmit: n,
-  onError: s
+  onError: e
 }) {
   const [a, l] = T(o), [d, p] = T(
     {}
-  ), [u, f] = T({}), [g, m] = T(!1), v = Y(a);
+  ), [u, f] = T({}), [$, m] = T(!1), v = K(a);
   v.current = a;
-  const h = X(
+  const y = X(
     (w) => {
       if (!r)
         return {};
@@ -1736,7 +1758,7 @@ function hs({
       );
     },
     [r]
-  ), k = Y(u);
+  ), k = K(u);
   k.current = u;
   const C = X(
     (w) => {
@@ -1744,29 +1766,29 @@ function hs({
       process.env.NODE_ENV !== "production" && !b && console.warn(
         "[useForm] handleChange: field is missing a `name` attribute — value will not be tracked."
       );
-      const D = { ...v.current, [b]: z };
-      l(D), k.current[b] && p(h(D));
+      const E = { ...v.current, [b]: z };
+      l(E), k.current[b] && p(y(E));
     },
-    [h]
+    [y]
   ), M = X(
     (w) => {
       const { name: b } = w.target;
       process.env.NODE_ENV !== "production" && !b && console.warn(
         "[useForm] handleBlur: field is missing a `name` attribute — touched state will not be tracked."
-      ), f((z) => ({ ...z, [b]: !0 })), p(h(v.current));
+      ), f((z) => ({ ...z, [b]: !0 })), p(y(v.current));
     },
-    [h]
+    [y]
   ), P = X(
     (w) => {
       w?.preventDefault();
       const b = Object.keys(v.current).reduce(
-        (W, N) => ({ ...W, [N]: !0 }),
+        (D, N) => ({ ...D, [N]: !0 }),
         {}
       );
       f(b);
-      const z = h(v.current);
+      const z = y(v.current);
       if (p(z), Object.keys(z).length > 0) {
-        s?.(z);
+        e?.(z);
         return;
       }
       (async () => {
@@ -1778,7 +1800,7 @@ function hs({
         }
       })();
     },
-    [h, n, s]
+    [y, n, e]
   ), L = X((w, b) => {
     l((z) => ({ ...z, [w]: b }));
   }, []), x = X(
@@ -1798,52 +1820,52 @@ function hs({
     handleSubmit: P,
     setFieldValue: L,
     reset: x,
-    isSubmitting: g
+    isSubmitting: $
   };
 }
-const ws = (o = "Required") => (r) => {
+const me = (o = "Required") => (r) => {
   if (!r.trim())
     return o;
-}, ms = (o, r) => (n) => {
+}, ve = (o, r) => (n) => {
   if (n.length < o)
     return r ?? `Must be at least ${o} characters`;
-}, vs = (o, r) => (n) => {
+}, ke = (o, r) => (n) => {
   if (n.length > o)
     return r ?? `Must be at most ${o} characters`;
-}, ks = (o = "Enter a valid email") => (r) => {
+}, Se = (o = "Enter a valid email") => (r) => {
   if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(r))
     return o;
-}, Ss = (o = "Enter a valid URL") => (r) => {
+}, ze = (o = "Enter a valid URL") => (r) => {
   try {
     new URL(r);
     return;
   } catch {
     return o;
   }
-}, zs = (o, r) => (n) => {
+}, Ce = (o, r) => (n) => {
   if (!o.test(n))
     return r;
 };
-function Cs(...o) {
+function Ie(...o) {
   return (r) => {
     for (const n of o) {
-      const s = n(r);
-      if (s !== void 0)
-        return s;
+      const e = n(r);
+      if (e !== void 0)
+        return e;
     }
   };
 }
-const _n = i.div`
+const jn = s.div`
   display: flex;
   flex-direction: column;
   gap: ${({ theme: o }) => o.spacing[1]};
-`, jn = i.label`
+`, Hn = s.label`
   display: inline-flex;
   align-items: center;
   gap: ${({ theme: o }) => o.spacing[2]};
   cursor: ${({ $disabled: o }) => o ? "not-allowed" : "pointer"};
   opacity: ${({ $disabled: o }) => o ? 0.6 : 1};
-`, Hn = i.input`
+`, Un = s.input`
   position: absolute;
   opacity: 0;
   width: 0;
@@ -1854,7 +1876,7 @@ const _n = i.div`
   &:focus-visible + div {
     box-shadow: ${({ theme: o }) => o.shadows.focusRing};
   }
-`, Yn = i.div`
+`, Yn = s.div`
   position: relative;
   display: flex;
   align-items: center;
@@ -1891,71 +1913,71 @@ const _n = i.div`
         transform: rotate(45deg) translate(-1px, -1px);
       }
     `}
-`, Un = i.span`
+`, Kn = s.span`
   font-size: ${({ $size: o = "md", theme: r }) => o === "sm" ? r.fontSizes.sm : r.fontSizes.md};
   font-weight: ${({ theme: o }) => o.fontWeights.medium};
-`, Kn = i.span`
+`, qn = s.span`
   font-size: ${({ theme: o }) => o.fontSizes.xs};
   color: ${({ $error: o, theme: r }) => o ? r.colors.error[500] : r.colors.neutral[500]};
 `;
-function qn({
+function Gn({
   ref: o,
   label: r,
   size: n = "md",
-  error: s,
+  error: e,
   helperText: a,
   disabled: l,
   checked: d,
   id: p,
   color: u,
   borderColor: f,
-  checkColor: g,
+  checkColor: $,
   ...m
 }) {
-  const v = ro(), h = p ?? v, k = typeof s == "string" ? s : void 0, C = !!(a || s);
-  return /* @__PURE__ */ S(_n, { children: [
-    /* @__PURE__ */ S(jn, { htmlFor: h, $disabled: l, children: [
-      /* @__PURE__ */ e(
-        Hn,
+  const v = ro(), y = p ?? v, k = typeof e == "string" ? e : void 0, C = !!(a || e);
+  return /* @__PURE__ */ S(jn, { children: [
+    /* @__PURE__ */ S(Hn, { htmlFor: y, $disabled: l, children: [
+      /* @__PURE__ */ i(
+        Un,
         {
-          id: h,
+          id: y,
           ref: o,
           type: "checkbox",
           checked: d,
           disabled: l,
-          "aria-invalid": !!s,
+          "aria-invalid": !!e,
           ...m
         }
       ),
-      /* @__PURE__ */ e(
+      /* @__PURE__ */ i(
         Yn,
         {
           $checked: d,
-          $error: !!s,
+          $error: !!e,
           $disabled: l,
           $size: n,
           $color: u,
           $borderColor: f,
-          $checkColor: g
+          $checkColor: $
         }
       ),
-      r && /* @__PURE__ */ e(Un, { $size: n, children: r })
+      r && /* @__PURE__ */ i(Kn, { $size: n, children: r })
     ] }),
-    C && /* @__PURE__ */ e(Kn, { $error: !!s, children: k ?? a })
+    C && /* @__PURE__ */ i(qn, { $error: !!e, children: k ?? a })
   ] });
 }
-qn.displayName = "Checkbox";
-const Gn = i.div`
+Gn.displayName = "Checkbox";
+const Xn = s.div`
   display: flex;
   flex-direction: column;
   gap: ${({ theme: o }) => o.spacing[1]};
-`, Xn = i.label`
+`, Jn = s.label`
   display: inline-flex;
   align-items: center;
   gap: ${({ theme: o }) => o.spacing[2]};
   cursor: ${({ $disabled: o }) => o ? "not-allowed" : "pointer"};
   opacity: ${({ $disabled: o }) => o ? 0.6 : 1};
-`, Jn = i.input`
+`, Qn = s.input`
   position: absolute;
   opacity: 0;
   width: 0;
@@ -1966,7 +1988,7 @@ const Gn = i.div`
   &:focus-visible + div {
     box-shadow: ${({ theme: o }) => o.shadows.focusRing};
   }
-`, Qn = i.div`
+`, Zn = s.div`
   position: relative;
   display: flex;
   align-items: center;
@@ -2001,69 +2023,69 @@ const Gn = i.div`
         background-color: ${r ?? n.colors.primary[500]};
       }
     `}
-`, Zn = i.span`
+`, ot = s.span`
   font-size: ${({ $size: o = "md", theme: r }) => o === "sm" ? r.fontSizes.sm : r.fontSizes.md};
   font-weight: ${({ theme: o }) => o.fontWeights.medium};
-`, ot = i.span`
+`, rt = s.span`
   font-size: ${({ theme: o }) => o.fontSizes.xs};
   color: ${({ $error: o, theme: r }) => o ? r.colors.error[500] : r.colors.neutral[500]};
 `;
-function rt({
+function nt({
   ref: o,
   label: r,
   size: n = "md",
-  error: s,
+  error: e,
   helperText: a,
   disabled: l,
   checked: d,
   id: p,
   color: u,
   borderColor: f,
-  ...g
+  ...$
 }) {
-  const m = ro(), v = p ?? m, h = !!(a || s);
-  return /* @__PURE__ */ S(Gn, { children: [
-    /* @__PURE__ */ S(Xn, { htmlFor: v, $disabled: l, children: [
-      /* @__PURE__ */ e(
-        Jn,
+  const m = ro(), v = p ?? m, y = !!(a || e);
+  return /* @__PURE__ */ S(Xn, { children: [
+    /* @__PURE__ */ S(Jn, { htmlFor: v, $disabled: l, children: [
+      /* @__PURE__ */ i(
+        Qn,
         {
           id: v,
           ref: o,
           type: "radio",
           checked: d,
           disabled: l,
-          "aria-invalid": !!s,
-          ...g
+          "aria-invalid": !!e,
+          ...$
         }
       ),
-      /* @__PURE__ */ e(
-        Qn,
+      /* @__PURE__ */ i(
+        Zn,
         {
           $checked: d,
-          $error: s,
+          $error: e,
           $disabled: l,
           $size: n,
           $color: u,
           $borderColor: f
         }
       ),
-      r && /* @__PURE__ */ e(Zn, { $size: n, children: r })
+      r && /* @__PURE__ */ i(ot, { $size: n, children: r })
     ] }),
-    h && /* @__PURE__ */ e(ot, { $error: s, children: a })
+    y && /* @__PURE__ */ i(rt, { $error: e, children: a })
   ] });
 }
-rt.displayName = "Radio";
-const nt = i.div`
+nt.displayName = "Radio";
+const tt = s.div`
   display: flex;
   flex-direction: column;
   gap: ${({ theme: o }) => o.spacing[1]};
-`, tt = i.label`
+`, et = s.label`
   display: inline-flex;
   align-items: center;
   gap: ${({ theme: o }) => o.spacing[2]};
   cursor: ${({ $disabled: o }) => o ? "not-allowed" : "pointer"};
   opacity: ${({ $disabled: o }) => o ? 0.6 : 1};
-`, st = i.input`
+`, st = s.input`
   position: absolute;
   opacity: 0;
   width: 0;
@@ -2074,7 +2096,7 @@ const nt = i.div`
   &:focus-visible + div {
     box-shadow: ${({ theme: o }) => o.shadows.focusRing};
   }
-`, et = i.div`
+`, it = s.div`
   position: relative;
   flex-shrink: 0;
   border-radius: 9999px;
@@ -2116,46 +2138,46 @@ const nt = i.div`
         height: 12px;
         margin-top: -6px;
         transform: translateX(${r ? "calc(100% + 4px)" : "2px"});
-      `, s = t`
+      `, e = t`
         width: 16px;
         height: 16px;
         margin-top: -8px;
         transform: translateX(${r ? "calc(100% + 4px)" : "2px"});
       `;
-  return o === "sm" ? n : s;
+  return o === "sm" ? n : e;
 }}
   }
-`, it = i.span`
+`, at = s.span`
   font-size: ${({ $size: o = "md", theme: r }) => o === "sm" ? r.fontSizes.sm : r.fontSizes.md};
   font-weight: ${({ theme: o }) => o.fontWeights.medium};
 `;
-function at({
+function lt({
   ref: o,
   label: r,
   size: n = "md",
-  disabled: s,
+  disabled: e,
   checked: a,
   id: l,
   color: d,
   borderColor: p,
   ...u
 }) {
-  const f = ro(), g = l ?? f;
-  return /* @__PURE__ */ e(nt, { children: /* @__PURE__ */ S(tt, { htmlFor: g, $disabled: s, children: [
-    /* @__PURE__ */ e(
+  const f = ro(), $ = l ?? f;
+  return /* @__PURE__ */ i(tt, { children: /* @__PURE__ */ S(et, { htmlFor: $, $disabled: e, children: [
+    /* @__PURE__ */ i(
       st,
       {
-        id: g,
+        id: $,
         ref: o,
         type: "checkbox",
         role: "switch",
         checked: a,
-        disabled: s,
+        disabled: e,
         ...u
       }
     ),
-    /* @__PURE__ */ e(
-      et,
+    /* @__PURE__ */ i(
+      it,
       {
         $checked: a,
         $size: n,
@@ -2163,11 +2185,11 @@ function at({
         $borderColor: p
       }
     ),
-    r && /* @__PURE__ */ e(it, { $size: n, children: r })
+    r && /* @__PURE__ */ i(at, { $size: n, children: r })
   ] }) });
 }
-at.displayName = "Switch";
-const lt = i.div`
+lt.displayName = "Switch";
+const ct = s.div`
   border-radius: ${({ theme: o }) => o.radius.md};
   background: ${({ theme: o }) => o.colors.neutral[0]};
   overflow: hidden;
@@ -2182,7 +2204,7 @@ const lt = i.div`
           border: 1px solid ${r ?? o.colors.neutral[200]};
           box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
         `}
-`, ct = i.button`
+`, dt = s.button`
   width: 100%;
   display: flex;
   align-items: flex-start;
@@ -2202,19 +2224,19 @@ const lt = i.div`
       ${({ theme: o, $accentColor: r }) => r ?? o.colors.primary[500]};
     outline-offset: -2px;
   }
-`, dt = i.div`
+`, ut = s.div`
   flex: 1;
   min-width: 0;
-`, ut = i.span`
+`, pt = s.span`
   display: block;
   font-size: ${({ theme: o }) => o.fontSizes.md};
   font-weight: ${({ theme: o }) => o.fontWeights.semibold};
   color: ${({ theme: o }) => o.colors.neutral[900]};
-`, pt = i.span`
+`, ft = s.span`
   display: block;
   font-size: ${({ theme: o }) => o.fontSizes.sm};
   color: ${({ theme: o }) => o.colors.neutral[500]};
-`, ft = i.div`
+`, gt = s.div`
   display: flex;
   flex-direction: row;
   align-items: center;
@@ -2226,11 +2248,11 @@ const lt = i.div`
     align-items: flex-start;
     gap: ${({ theme: o }) => o.spacing[2]};
   }
-`, $t = i.div`
+`, $t = s.div`
   display: flex;
   align-items: center;
   gap: ${({ theme: o }) => o.spacing[2]};
-`, gt = i.span`
+`, bt = s.span`
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -2238,81 +2260,81 @@ const lt = i.div`
   transition: transform 0.2s ease;
   transform: ${({ $open: o }) => o ? "rotate(180deg)" : "rotate(0deg)"};
   color: ${({ theme: o, $accentColor: r }) => r ?? o.colors.neutral[500]};
-`, bt = i.div`
+`, xt = s.div`
   display: grid;
   grid-template-rows: ${({ $open: o }) => o ? "1fr" : "0fr"};
   transition: grid-template-rows 0.2s ease;
-`, xt = i.div`
+`, yt = s.div`
   overflow: hidden;
-`, yt = i.div`
+`, ht = s.div`
   padding: ${({ theme: o }) => o.spacing[4]};
   border-top: 1px solid ${({ theme: o }) => o.colors.neutral[200]};
 `;
-function ht({
+function wt({
   title: o,
   children: r,
   defaultOpen: n = !1,
-  open: s,
+  open: e,
   onToggle: a,
   subtitle: l,
   headerActions: d,
   accentColor: p
 }) {
-  const [u, f] = T(n), g = ro(), m = s !== void 0, v = m ? s : u;
-  return /* @__PURE__ */ S(lt, { $accentColor: p, children: [
+  const [u, f] = T(n), $ = ro(), m = e !== void 0, v = m ? e : u;
+  return /* @__PURE__ */ S(ct, { $accentColor: p, children: [
     /* @__PURE__ */ S(
-      ct,
+      dt,
       {
         type: "button",
         $open: v,
         $accentColor: p,
         "aria-expanded": v,
-        "aria-controls": g,
+        "aria-controls": $,
         onClick: () => {
           const k = !v;
           m || f(k), a?.(k);
         },
         children: [
-          /* @__PURE__ */ S(dt, { children: [
-            /* @__PURE__ */ e(ut, { children: o }),
-            (l || d) && /* @__PURE__ */ S(ft, { children: [
-              l && /* @__PURE__ */ e(pt, { children: l }),
-              d && /* @__PURE__ */ e($t, { onClick: (k) => k.stopPropagation(), children: d })
+          /* @__PURE__ */ S(ut, { children: [
+            /* @__PURE__ */ i(pt, { children: o }),
+            (l || d) && /* @__PURE__ */ S(gt, { children: [
+              l && /* @__PURE__ */ i(ft, { children: l }),
+              d && /* @__PURE__ */ i($t, { onClick: (k) => k.stopPropagation(), children: d })
             ] })
           ] }),
-          /* @__PURE__ */ e(
-            gt,
+          /* @__PURE__ */ i(
+            bt,
             {
               $open: v,
               $accentColor: p,
               "aria-hidden": "true",
-              children: /* @__PURE__ */ e(Ko, { size: 18, strokeWidth: 2.5 })
+              children: /* @__PURE__ */ i(Ko, { size: 18, strokeWidth: 2.5 })
             }
           )
         ]
       }
     ),
-    /* @__PURE__ */ e(bt, { $open: v, children: /* @__PURE__ */ e(xt, { id: g, role: "region", "aria-label": o, children: /* @__PURE__ */ e(yt, { children: r }) }) })
+    /* @__PURE__ */ i(xt, { $open: v, children: /* @__PURE__ */ i(yt, { id: $, role: "region", "aria-label": o, children: /* @__PURE__ */ i(ht, { children: r }) }) })
   ] });
 }
-ht.displayName = "CollapsibleCard";
-const wt = oo`
+wt.displayName = "CollapsibleCard";
+const mt = oo`
   to { transform: rotate(360deg); }
-`, mt = {
+`, vt = {
   sm: "16px",
   md: "24px",
   lg: "40px"
-}, vt = {
+}, kt = {
   thin: "2px",
   normal: "3px",
   bold: "5px"
-}, kt = i.span`
+}, St = s.span`
   display: inline-block;
   border-radius: 50%;
-  animation: ${wt} 0.7s linear infinite;
+  animation: ${mt} 0.7s linear infinite;
 
-  ${({ $size: o = "md", $weight: r = "normal", $color: n, theme: s }) => {
-  const a = mt[o], l = vt[r], d = s.colors.neutral[200], p = n ?? s.colors.primary[500];
+  ${({ $size: o = "md", $weight: r = "normal", $color: n, theme: e }) => {
+  const a = vt[o], l = kt[r], d = e.colors.neutral[200], p = n ?? e.colors.primary[500];
   return t`
       width: ${a};
       height: ${a};
@@ -2321,84 +2343,84 @@ const wt = oo`
     `;
 }}
 `;
-function St({
+function zt({
   size: o = "md",
   weight: r = "normal",
   color: n,
-  label: s = "Loading..."
+  label: e = "Loading..."
 }) {
-  return /* @__PURE__ */ e(
-    kt,
+  return /* @__PURE__ */ i(
+    St,
     {
       $size: o,
       $weight: r,
       $color: n,
       role: "status",
-      "aria-label": s
+      "aria-label": e
     }
   );
 }
-St.displayName = "Spinner";
-const zt = 7, Fo = 3, Ao = 1;
-function Is({
+zt.displayName = "Spinner";
+const Ct = 7, Bo = 3, Fo = 1;
+function Te({
   defaultSort: o,
   defaultPage: r = 1
 } = {}) {
-  const [n, s] = T(o ?? null), [a, l] = T(r);
+  const [n, e] = T(o ?? null), [a, l] = T(r);
   return { sort: n, page: a, onSortChange: (u) => {
-    s(u), l(1);
+    e(u), l(1);
   }, onPageChange: (u) => {
     l(u);
   } };
 }
-function Ct(o, r) {
+function It(o, r) {
   return o?.key !== r ? { key: r, direction: "asc" } : o.direction === "asc" ? { key: r, direction: "desc" } : null;
 }
-function It({
+function Tt({
   data: o,
   sort: r,
   defaultSort: n,
-  onSortChange: s
+  onSortChange: e
 }) {
   const a = r !== void 0, [l, d] = T(
     n ?? null
-  ), p = a ? r ?? null : l, u = (g) => {
-    const m = Ct(p, g);
-    return a || d(m), s?.(m), m;
-  }, f = Do(() => a || !p ? o : [...o].sort((g, m) => {
-    const v = g[p.key], h = m[p.key], k = v < h ? -1 : v > h ? 1 : 0;
+  ), p = a ? r ?? null : l, u = ($) => {
+    const m = It(p, $);
+    return a || d(m), e?.(m), m;
+  }, f = Eo(() => a || !p ? o : [...o].sort(($, m) => {
+    const v = $[p.key], y = m[p.key], k = v < y ? -1 : v > y ? 1 : 0;
     return p.direction === "asc" ? k : -k;
   }), [o, p, a]);
   return { activeSort: p, sortedData: f, handleSort: u };
 }
-function Tt(o, r) {
-  if (r <= zt)
-    return Array.from({ length: r }, (s, a) => a + 1);
+function Wt(o, r) {
+  if (r <= Ct)
+    return Array.from({ length: r }, (e, a) => a + 1);
   const n = [1];
-  o > Fo && n.push("...");
-  for (let s = Math.max(2, o - Ao); s <= Math.min(r - 1, o + Ao); s++)
-    n.push(s);
-  return o < r - Fo + 1 && n.push("..."), n.push(r), n;
+  o > Bo && n.push("...");
+  for (let e = Math.max(2, o - Fo); e <= Math.min(r - 1, o + Fo); e++)
+    n.push(e);
+  return o < r - Bo + 1 && n.push("..."), n.push(r), n;
 }
-function Wt({
+function Dt({
   data: o,
   pageSize: r,
   page: n,
-  defaultPage: s,
+  defaultPage: e,
   totalRows: a,
   onPageChange: l
 }) {
-  const d = n !== void 0, [p, u] = T(s ?? 1), f = d ? n : p, g = (C) => {
+  const d = n !== void 0, [p, u] = T(e ?? 1), f = d ? n : p, $ = (C) => {
     d || u(C), l?.(C);
-  }, m = a !== void 0, v = a ?? o.length, h = r ? Math.max(1, Math.ceil(v / r)) : 1, k = Do(() => {
+  }, m = a !== void 0, v = a ?? o.length, y = r ? Math.max(1, Math.ceil(v / r)) : 1, k = Eo(() => {
     if (!r || m)
       return o;
     const C = (f - 1) * r;
     return o.slice(C, C + r);
   }, [o, r, f, m]);
-  return { activePage: f, totalPages: h, displayData: k, handlePageChange: g };
+  return { activePage: f, totalPages: y, displayData: k, handlePageChange: $ };
 }
-const er = (o, r) => o === "sm" ? `${r.spacing[1]} ${r.spacing[2]}` : o === "lg" ? `${r.spacing[3]} ${r.spacing[4]}` : `${r.spacing[2]} ${r.spacing[3]}`, Dt = i.div`
+const ir = (o, r) => o === "sm" ? `${r.spacing[1]} ${r.spacing[2]}` : o === "lg" ? `${r.spacing[3]} ${r.spacing[4]}` : `${r.spacing[2]} ${r.spacing[3]}`, Et = s.div`
   width: 100%;
 
   ${({ theme: o, $borderColor: r }) => o.brutalism ? t`
@@ -2419,11 +2441,12 @@ const er = (o, r) => o === "sm" ? `${r.spacing[1]} ${r.spacing[2]}` : o === "lg"
         ` : t`
           overflow-x: auto;
         `}
-`, Et = i.div`
+`, Ot = s.div`
   overflow: auto;
   min-height: 0;
-`, Ot = i.table`
-  width: 100%;
+`, Mt = s.table`
+  width: max-content;
+  min-width: 100%;
   border-collapse: collapse;
   font-size: ${({ $size: o, theme: r }) => ({
   sm: r.fontSizes.sm,
@@ -2434,7 +2457,7 @@ const er = (o, r) => o === "sm" ? `${r.spacing[1]} ${r.spacing[2]}` : o === "lg"
   caption {
     padding: ${({ theme: o }) => o.spacing[2]} 0;
   }
-`, Mt = i.thead`
+`, Lt = s.thead`
   ${({ $stickyHeader: o }) => o && t`
       position: sticky;
       top: 0;
@@ -2454,7 +2477,7 @@ const er = (o, r) => o === "sm" ? `${r.spacing[1]} ${r.spacing[2]}` : o === "lg"
             --th-text: ${o.colors.neutral[600]};
             --th-sep: ${n ?? o.colors.neutral[300]};
           `}
-`, Lt = i.tbody`
+`, Nt = s.tbody`
   ${({ $rowColor: o }) => o && t`
       tr {
         background-color: ${o};
@@ -2474,7 +2497,7 @@ const er = (o, r) => o === "sm" ? `${r.spacing[1]} ${r.spacing[2]}` : o === "lg"
   tr:hover td {
     background-color: rgba(0, 0, 0, 0.04);
   }
-`, bo = i.tr``, Nt = i(bo)`
+`, xo = s.tr``, Pt = s(xo)`
   cursor: pointer;
 
   td {
@@ -2491,14 +2514,14 @@ const er = (o, r) => o === "sm" ? `${r.spacing[1]} ${r.spacing[2]}` : o === "lg"
     box-shadow: inset 4px 0 0
       ${({ $accentColor: o, theme: r }) => o ?? r.colors.neutral[900]};
   }
-`, Pt = i.th`
+`, Rt = s.th`
   background-color: var(--th-bg);
   color: var(--th-text);
   text-align: left;
   font-weight: ${({ theme: o }) => o.fontWeights.bold};
   white-space: nowrap;
 
-  padding: ${({ $size: o, theme: r }) => er(o, r)};
+  padding: ${({ $size: o, theme: r }) => ir(o, r)};
 
   ${({ theme: o, $bordered: r }) => o.brutalism ? t`` : t`
           border-bottom: 2px solid var(--th-sep);
@@ -2509,7 +2532,7 @@ const er = (o, r) => o === "sm" ? `${r.spacing[1]} ${r.spacing[2]}` : o === "lg"
             }
           `}
         `}
-`, Rt = i.button`
+`, Vt = s.button`
   display: inline-flex;
   align-items: center;
   gap: ${({ theme: o }) => o.spacing[1]};
@@ -2528,12 +2551,12 @@ const er = (o, r) => o === "sm" ? `${r.spacing[1]} ${r.spacing[2]}` : o === "lg"
     outline-offset: 2px;
     border-radius: 2px;
   }
-`, Vt = i.span`
+`, Bt = s.span`
   opacity: 0.5;
   display: inline-flex;
   align-items: center;
-`, ir = i.td`
-  padding: ${({ $size: o, theme: r }) => er(o, r)};
+`, ar = s.td`
+  padding: ${({ $size: o, theme: r }) => ir(o, r)};
 
   ${({ $bordered: o, $borderColor: r, theme: n }) => n.brutalism ? t`
           border-bottom: ${n.brutalism.borderWidth} solid
@@ -2551,7 +2574,7 @@ const er = (o, r) => o === "sm" ? `${r.spacing[1]} ${r.spacing[2]}` : o === "lg"
             border-bottom: 1px solid
               ${r ?? n.colors.neutral[200]};
           `}
-`, Ft = i.td`
+`, Ft = s.td`
   text-align: center;
   color: ${({ theme: o }) => o.colors.neutral[400]};
   padding: ${({ theme: o }) => `${o.spacing[4]} ${o.spacing[3]}`};
@@ -2560,7 +2583,7 @@ const er = (o, r) => o === "sm" ? `${r.spacing[1]} ${r.spacing[2]}` : o === "lg"
 `, At = oo`
   0% { background-position: -400px 0; }
   100% { background-position: 400px 0; }
-`, Bt = i(ir)``, _t = i.div`
+`, _t = s(ar)``, jt = s.div`
   height: 14px;
   border-radius: 4px;
   background: linear-gradient(
@@ -2571,13 +2594,14 @@ const er = (o, r) => o === "sm" ? `${r.spacing[1]} ${r.spacing[2]}` : o === "lg"
   );
   background-size: 800px 100%;
   animation: ${At} 1.6s ease-in-out infinite;
-`, jt = i.div`
+`, Ht = s.div`
   display: flex;
   align-items: center;
   justify-content: ${({ $hasPageSizeOptions: o }) => o ? "space-between" : "center"};
   gap: ${({ theme: o }) => o.spacing[1]};
   padding: ${({ theme: o }) => `${o.spacing[2]} ${o.spacing[3]}`};
   flex-shrink: 0;
+  flex-wrap: wrap;
 
   ${({ theme: o }) => o.brutalism ? t`
           border-top: ${o.brutalism.borderWidth} solid
@@ -2585,7 +2609,7 @@ const er = (o, r) => o === "sm" ? `${r.spacing[1]} ${r.spacing[2]}` : o === "lg"
         ` : t`
           border-top: 1px solid ${o.colors.neutral[200]};
         `}
-`, Ht = i.label`
+`, Ut = s.label`
   display: flex;
   align-items: center;
   gap: ${({ theme: o }) => o.spacing[2]};
@@ -2618,11 +2642,13 @@ const er = (o, r) => o === "sm" ? `${r.spacing[1]} ${r.spacing[2]}` : o === "lg"
             }
           `}
   }
-`, Yt = i.div`
+`, Yt = s.div`
   display: flex;
   align-items: center;
   gap: ${({ theme: o }) => o.spacing[1]};
-`, vo = i.button`
+  flex-wrap: wrap;
+  justify-content: center;
+`, ko = s.button`
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -2665,25 +2691,25 @@ const er = (o, r) => o === "sm" ? `${r.spacing[1]} ${r.spacing[2]}` : o === "lg"
     outline: 2px solid ${({ theme: o }) => o.colors.primary[500]};
     outline-offset: 2px;
   }
-`, Ut = 4;
-function Kt(o, r) {
-  return o?.key !== r ? /* @__PURE__ */ e(Vr, { size: 14 }) : o.direction === "asc" ? /* @__PURE__ */ e(Ar, { size: 14 }) : /* @__PURE__ */ e(Pr, { size: 14 });
+`, Kt = 4;
+function qt(o, r) {
+  return o?.key !== r ? /* @__PURE__ */ i(Fr, { size: 14 }) : o.direction === "asc" ? /* @__PURE__ */ i(_r, { size: 14 }) : /* @__PURE__ */ i(Vr, { size: 14 });
 }
-function qt({
+function Gt({
   columns: o,
   data: r,
   rowKey: n,
-  size: s = "md",
+  size: e = "md",
   striped: a,
   bordered: l,
   stickyHeader: d,
   stickyPagination: p,
   caption: u,
   emptyMessage: f = "No data",
-  loading: g,
+  loading: $,
   sort: m,
   defaultSort: v,
-  onSortChange: h,
+  onSortChange: y,
   pageSize: k,
   page: C,
   defaultPage: M,
@@ -2694,113 +2720,114 @@ function qt({
   onChange: w,
   onRowClick: b,
   borderColor: z,
-  headerColor: D,
-  rowColor: W,
+  headerColor: E,
+  rowColor: D,
   stripeColor: N,
   className: F,
-  style: _
+  style: B
 }) {
   const {
     activeSort: V,
-    sortedData: U,
-    handleSort: io
-  } = It({
+    sortedData: q,
+    handleSort: ao
+  } = Tt({
     data: r,
     sort: m,
     defaultSort: v,
-    onSortChange: h
+    onSortChange: y
   }), {
     activePage: O,
     totalPages: H,
-    displayData: ao,
-    handlePageChange: K
-  } = Wt({
-    data: U,
+    displayData: lo,
+    handlePageChange: G
+  } = Dt({
+    data: q,
     pageSize: k,
     page: C,
     defaultPage: M,
     totalRows: P,
     onPageChange: L
-  }), to = (y) => {
-    const A = io(y);
+  }), no = (h) => {
+    const A = ao(h);
     w?.({ sort: A, page: O });
-  }, J = (y) => {
-    K(y), w?.({ sort: V, page: y });
-  }, lo = (y, A) => String(n ? y[n] : A), j = !g && ao.length === 0, q = k ?? Ut, Q = !!k && H > 1, Z = !!x?.length, so = /* @__PURE__ */ S(Ot, { $size: s, children: [
-    u && /* @__PURE__ */ e("caption", { children: u }),
-    /* @__PURE__ */ e(
-      Mt,
+  }, J = (h) => {
+    G(h), w?.({ sort: V, page: h });
+  }, co = (h, A) => String(n ? h[n] : A), j = !$ && lo.length === 0, U = k ?? Kt, Q = !!k && H > 1, Z = !!x?.length, eo = /* @__PURE__ */ S(Mt, { $size: e, children: [
+    u && /* @__PURE__ */ i("caption", { children: u }),
+    /* @__PURE__ */ i(
+      Lt,
       {
-        $headerColor: D,
+        $headerColor: E,
         $borderColor: z,
         $stickyHeader: d,
-        children: /* @__PURE__ */ e(bo, { children: o.map((y) => /* @__PURE__ */ e(
-          Pt,
+        children: /* @__PURE__ */ i(xo, { children: o.map((h) => /* @__PURE__ */ i(
+          Rt,
           {
-            $size: s,
+            $size: e,
             $bordered: l,
             scope: "col",
-            style: y.width ? { width: y.width } : void 0,
-            children: y.sortable ? /* @__PURE__ */ S(
-              Rt,
+            style: h.width ? { width: h.width } : void 0,
+            children: h.sortable ? /* @__PURE__ */ S(
+              Vt,
               {
                 type: "button",
-                onClick: () => to(y.key),
-                "aria-label": `Sort by ${y.header}${V?.key === y.key ? `, ${V.direction}ending` : ""}`,
+                onClick: () => no(h.key),
+                "aria-label": `Sort by ${h.header}${V?.key === h.key ? `, ${V.direction}ending` : ""}`,
                 children: [
-                  y.header,
-                  /* @__PURE__ */ e(Vt, { "aria-hidden": "true", children: Kt(V, y.key) })
+                  h.header,
+                  /* @__PURE__ */ i(Bt, { "aria-hidden": "true", children: qt(V, h.key) })
                 ]
               }
-            ) : y.header
+            ) : h.header
           },
-          y.key
+          h.key
         )) })
       }
     ),
-    /* @__PURE__ */ e(Lt, { $striped: a, $rowColor: W, $stripeColor: N, children: g ? Array.from({ length: q }).map((y, A) => /* @__PURE__ */ e(bo, { children: o.map((co) => /* @__PURE__ */ e(
-      Bt,
+    /* @__PURE__ */ i(Nt, { $striped: a, $rowColor: D, $stripeColor: N, children: $ ? Array.from({ length: U }).map((h, A) => /* @__PURE__ */ i(xo, { children: o.map((uo) => /* @__PURE__ */ i(
+      _t,
       {
-        $size: s,
+        $size: e,
         $bordered: l,
         $borderColor: z,
-        children: /* @__PURE__ */ e(_t, {})
+        children: /* @__PURE__ */ i(jt, {})
       },
-      co.key
-    )) }, A)) : j ? /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e(Ft, { colSpan: o.length, children: f }) }) : ao.map((y, A) => /* @__PURE__ */ e(
-      b ? Nt : bo,
+      uo.key
+    )) }, A)) : j ? /* @__PURE__ */ i("tr", { children: /* @__PURE__ */ i(Ft, { colSpan: o.length, children: f }) }) : lo.map((h, A) => /* @__PURE__ */ i(
+      b ? Pt : xo,
       {
-        onClick: b ? () => b(y) : void 0,
+        onClick: b ? () => b(h) : void 0,
         $accentColor: b ? z : void 0,
-        children: o.map(($) => /* @__PURE__ */ e(
-          ir,
+        children: o.map((g) => /* @__PURE__ */ i(
+          ar,
           {
-            $size: s,
+            $size: e,
             $bordered: l,
             $borderColor: z,
-            children: $.render ? $.render(y[$.key], y, A) : String(y[$.key] ?? "") || " "
+            children: g.render ? g.render(h[g.key], h, A) : String(h[g.key] ?? "") || " "
           },
-          $.key
+          g.key
         ))
       },
-      lo(y, A)
+      co(h, A)
     )) })
-  ] }), eo = (Q || Z) && /* @__PURE__ */ S(jt, { $hasPageSizeOptions: Z, children: [
-    Z && /* @__PURE__ */ S(Ht, { children: [
+  ] }), so = (Q || Z) && /* @__PURE__ */ S(Ht, { $hasPageSizeOptions: Z, children: [
+    Z && /* @__PURE__ */ S(Ut, { children: [
       "Rows per page:",
-      /* @__PURE__ */ e(
-        "select",
+      /* @__PURE__ */ i(
+        qo,
         {
-          value: k,
-          onChange: (y) => I?.(Number(y.target.value)),
-          "aria-label": "Rows per page",
-          children: x.map((y) => /* @__PURE__ */ e("option", { value: y, children: y }, y))
+          size: "sm",
+          value: String(k),
+          options: x.map((h) => ({ value: String(h), label: String(h) })),
+          onChange: (h) => I?.(Number(h.target.value)),
+          "aria-label": "Rows per page"
         }
       )
     ] }),
     Q && /* @__PURE__ */ S(Yt, { children: [
-      /* @__PURE__ */ e(
-        vo,
+      /* @__PURE__ */ i(
+        ko,
         {
           type: "button",
           onClick: () => J(O - 1),
@@ -2809,8 +2836,8 @@ function qt({
           children: "←"
         }
       ),
-      Tt(O, H).map(
-        (y, A) => y === "..." ? /* @__PURE__ */ e(
+      Wt(O, H).map(
+        (h, A) => h === "..." ? /* @__PURE__ */ i(
           "span",
           {
             "aria-hidden": "true",
@@ -2818,21 +2845,21 @@ function qt({
             children: "…"
           },
           `e${A}`
-        ) : /* @__PURE__ */ e(
-          vo,
+        ) : /* @__PURE__ */ i(
+          ko,
           {
             type: "button",
-            $active: y === O,
-            onClick: () => J(y),
-            "aria-label": `Page ${y}`,
-            "aria-current": y === O ? "page" : void 0,
-            children: y
+            $active: h === O,
+            onClick: () => J(h),
+            "aria-label": `Page ${h}`,
+            "aria-current": h === O ? "page" : void 0,
+            children: h
           },
-          y
+          h
         )
       ),
-      /* @__PURE__ */ e(
-        vo,
+      /* @__PURE__ */ i(
+        ko,
         {
           type: "button",
           onClick: () => J(O + 1),
@@ -2844,26 +2871,26 @@ function qt({
     ] })
   ] });
   return /* @__PURE__ */ S(
-    Dt,
+    Et,
     {
       $borderColor: z,
       $stickyPagination: p,
       className: F,
-      style: _,
+      style: B,
       children: [
-        p ? /* @__PURE__ */ e(Et, { children: so }) : so,
-        eo
+        p ? /* @__PURE__ */ i(Ot, { children: eo }) : eo,
+        so
       ]
     }
   );
 }
-qt.displayName = "Table";
-const Gt = i.p`
+Gt.displayName = "Table";
+const Xt = s.p`
   margin: 0;
   font-size: ${({ theme: o }) => o.fontSizes.md};
   color: ${({ theme: o }) => o.colors.neutral[600]};
   line-height: 1.5;
-`, Xt = i.button`
+`, Jt = s.button`
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -2904,47 +2931,47 @@ const Gt = i.p`
       }
     `}
 `;
-function ar({
+function lr({
   open: o,
   title: r = "Are you sure?",
   message: n,
-  confirmLabel: s = "Confirm",
+  confirmLabel: e = "Confirm",
   cancelLabel: a = "Cancel",
   variant: l = "default",
   size: d = "sm",
   onConfirm: p,
   onCancel: u
 }) {
-  return /* @__PURE__ */ e(
-    Go,
+  return /* @__PURE__ */ i(
+    Xo,
     {
       open: o,
       onClose: u,
       title: r,
       size: d,
       closeOnBackdrop: !1,
-      footer: /* @__PURE__ */ S(dr, { children: [
-        /* @__PURE__ */ e(Co, { variant: "outline", onClick: u, children: a }),
-        l === "danger" ? /* @__PURE__ */ e(Xt, { type: "button", onClick: p, children: s }) : /* @__PURE__ */ e(Co, { variant: "primary", onClick: p, children: s })
+      footer: /* @__PURE__ */ S(ur, { children: [
+        /* @__PURE__ */ i(Io, { variant: "outline", onClick: u, children: a }),
+        l === "danger" ? /* @__PURE__ */ i(Jt, { type: "button", onClick: p, children: e }) : /* @__PURE__ */ i(Io, { variant: "primary", onClick: p, children: e })
       ] }),
-      children: /* @__PURE__ */ e(Gt, { children: n })
+      children: /* @__PURE__ */ i(Xt, { children: n })
     }
   );
 }
-ar.displayName = "ConfirmDialog";
-const lr = Wo(null);
-function Ts({ children: o }) {
-  const [r, n] = T(null), s = X((d) => new Promise((p) => {
+lr.displayName = "ConfirmDialog";
+const cr = Do(null);
+function We({ children: o }) {
+  const [r, n] = T(null), e = X((d) => new Promise((p) => {
     n({ ...d, resolve: p });
   }), []), a = () => {
     r?.resolve(!0), n(null);
   }, l = () => {
     r?.resolve(!1), n(null);
   };
-  return /* @__PURE__ */ S(lr.Provider, { value: { confirm: s }, children: [
+  return /* @__PURE__ */ S(cr.Provider, { value: { confirm: e }, children: [
     o,
-    r && /* @__PURE__ */ e(
-      ar,
+    r && /* @__PURE__ */ i(
+      lr,
       {
         open: !0,
         title: r.title,
@@ -2959,18 +2986,18 @@ function Ts({ children: o }) {
     )
   ] });
 }
-function Ws() {
-  const o = To(lr);
+function De() {
+  const o = Wo(cr);
   if (!o)
     throw new Error("useConfirm must be used within a ConfirmProvider");
   return o.confirm;
 }
-const Jt = i.div`
+const Qt = s.div`
   position: relative;
   display: inline-flex;
   flex-direction: column;
   gap: ${({ theme: o }) => o.spacing[1]};
-`, Qt = i.div`
+`, Zt = s.div`
   display: flex;
   align-items: center;
   border-radius: ${({ theme: o }) => o.radius.md};
@@ -3019,19 +3046,19 @@ const Jt = i.div`
     outline: none;
     box-shadow: ${({ theme: o }) => o.shadows.focusRing};
   }
-`, Zt = i.span`
+`, oe = s.span`
   flex: 1;
   color: ${({ $hasValue: o, theme: r }) => o ? r.colors.neutral[900] : r.colors.neutral[400]};
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
-`, os = i.span`
+`, re = s.span`
   display: inline-flex;
   align-items: center;
   margin-left: ${({ theme: o }) => o.spacing[2]};
   color: ${({ theme: o }) => o.colors.neutral[500]};
   flex-shrink: 0;
-`, rs = i.button`
+`, ne = s.button`
   display: inline-flex;
   align-items: center;
   margin-left: ${({ theme: o }) => o.spacing[2]};
@@ -3052,11 +3079,11 @@ const Jt = i.div`
     border-radius: 2px;
   }
 `;
-i.span`
+s.span`
   font-size: ${({ theme: o }) => o.fontSizes.xs};
   color: ${({ $error: o, theme: r }) => o ? r.colors.error[500] : r.colors.neutral[500]};
 `;
-const ns = i.div`
+const te = s.div`
   position: absolute;
   top: calc(100% + 4px);
   left: 0;
@@ -3075,12 +3102,12 @@ const ns = i.div`
       border: 1px solid ${o.colors.neutral[200]};
       box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
     `}
-`, ts = i.div`
+`, ee = s.div`
   display: flex;
   align-items: center;
   justify-content: space-between;
   margin-bottom: ${({ theme: o }) => o.spacing[3]};
-`, Bo = i.button`
+`, Ao = s.button`
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -3110,15 +3137,15 @@ const ns = i.div`
         transform: translate(1px, 1px);
       }
     `}
-`, ss = i.span`
+`, se = s.span`
   font-weight: ${({ theme: o }) => o.fontWeights.semibold};
   font-size: ${({ theme: o }) => o.fontSizes.md};
   color: ${({ theme: o }) => o.colors.neutral[900]};
-`, es = i.div`
+`, ie = s.div`
   display: grid;
   grid-template-columns: repeat(7, 1fr);
   gap: ${({ theme: o }) => o.spacing[0.5]};
-`, is = i.span`
+`, ae = s.span`
   display: flex;
   align-items: center;
   justify-content: center;
@@ -3127,7 +3154,7 @@ const ns = i.div`
   color: ${({ theme: o }) => o.colors.neutral[500]};
   padding: ${({ theme: o }) => o.spacing[1]};
   margin-bottom: ${({ theme: o }) => o.spacing[0.5]};
-`, ko = i.button`
+`, So = s.button`
   display: flex;
   align-items: center;
   justify-content: center;
@@ -3142,32 +3169,32 @@ const ns = i.div`
   $today: o,
   $selected: r,
   $rangeStart: n,
-  $rangeEnd: s,
+  $rangeEnd: e,
   $inRange: a,
   theme: l
-}) => o || r || n || s ? l.fontWeights.semibold : l.fontWeights.normal};
+}) => o || r || n || e ? l.fontWeights.semibold : l.fontWeights.normal};
   pointer-events: ${({ $currentMonth: o }) => o ? "auto" : "none"};
 
   color: ${({
   $currentMonth: o,
   $selected: r,
   $today: n,
-  $rangeStart: s,
+  $rangeStart: e,
   $rangeEnd: a,
   theme: l
-}) => o ? r || s || a ? l.colors.primary.contrast : n ? l.colors.primary[500] : l.colors.neutral[900] : l.colors.neutral[300]};
+}) => o ? r || e || a ? l.colors.primary.contrast : n ? l.colors.primary[500] : l.colors.neutral[900] : l.colors.neutral[300]};
 
   background-color: ${({
   $selected: o,
   $rangeStart: r,
   $rangeEnd: n,
-  $inRange: s,
+  $inRange: e,
   $currentMonth: a,
   theme: l
-}) => a ? o || r || n ? l.colors.primary[500] : s ? l.colors.primary[50] : "transparent" : "transparent"};
+}) => a ? o || r || n ? l.colors.primary[500] : e ? l.colors.primary[50] : "transparent" : "transparent"};
 
   &:hover:not(:disabled) {
-    background-color: ${({ $selected: o, $rangeStart: r, $rangeEnd: n, theme: s }) => o || r || n ? s.colors.primary[700] : s.colors.neutral[100]};
+    background-color: ${({ $selected: o, $rangeStart: r, $rangeEnd: n, theme: e }) => o || r || n ? e.colors.primary[700] : e.colors.neutral[100]};
   }
 
   &:disabled {
@@ -3180,13 +3207,13 @@ const ns = i.div`
     outline-offset: 1px;
   }
 
-  ${({ $selected: o, $rangeStart: r, $rangeEnd: n, $today: s, theme: a }) => a.brutalism && (o || r || n || s) && t`
+  ${({ $selected: o, $rangeStart: r, $rangeEnd: n, $today: e, theme: a }) => a.brutalism && (o || r || n || e) && t`
       border: ${a.brutalism.borderWidth} solid ${a.colors.neutral[900]};
       ${(o || r || n) && t`
         box-shadow: 2px 2px 0 ${a.colors.neutral[900]};
       `}
     `}
-`, as = [
+`, le = [
   "January",
   "February",
   "March",
@@ -3199,33 +3226,33 @@ const ns = i.div`
   "October",
   "November",
   "December"
-], ls = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"];
+], ce = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"];
 function _o(o, r) {
   return new Date(o, r + 1, 0).getDate();
 }
-function cs(o, r) {
+function de(o, r) {
   return new Date(o, r, 1).getDay();
 }
-function fo(o, r) {
+function go(o, r) {
   return o.getFullYear() === r.getFullYear() && o.getMonth() === r.getMonth() && o.getDate() === r.getDate();
 }
-function ds(o, r, n) {
+function ue(o, r, n) {
   if (r) {
-    const s = new Date(
+    const e = new Date(
       r.getFullYear(),
       r.getMonth(),
       r.getDate()
     );
-    if (o < s)
+    if (o < e)
       return !0;
   }
   if (n) {
-    const s = new Date(
+    const e = new Date(
       n.getFullYear(),
       n.getMonth(),
       n.getDate()
     );
-    if (o > s)
+    if (o > e)
       return !0;
   }
   return !1;
@@ -3245,182 +3272,182 @@ function Ho(o) {
     year: "numeric"
   });
 }
-function So(o) {
+function zo(o) {
   if (!o)
     return null;
   const r = o.split("-");
   if (r.length !== 3)
     return null;
-  const n = parseInt(r[0], 10), s = parseInt(r[1], 10), a = parseInt(r[2], 10);
-  return isNaN(n) || isNaN(s) || isNaN(a) ? null : new Date(n, s - 1, a);
+  const n = parseInt(r[0], 10), e = parseInt(r[1], 10), a = parseInt(r[2], 10);
+  return isNaN(n) || isNaN(e) || isNaN(a) ? null : new Date(n, e - 1, a);
 }
-function po(o) {
-  const r = o.getFullYear(), n = String(o.getMonth() + 1).padStart(2, "0"), s = String(o.getDate()).padStart(2, "0");
-  return `${r}-${n}-${s}`;
+function fo(o) {
+  const r = o.getFullYear(), n = String(o.getMonth() + 1).padStart(2, "0"), e = String(o.getDate()).padStart(2, "0");
+  return `${r}-${n}-${e}`;
 }
-function us({
+function pe({
   name: o,
   label: r,
   value: n,
-  onChange: s,
+  onChange: e,
   placeholder: a = "Select date...",
   size: l = "md",
   disabled: d = !1,
   clearable: p = !1,
   minDate: u,
   maxDate: f,
-  formatDate: g,
+  formatDate: $,
   error: m,
   required: v,
-  helperText: h,
+  helperText: y,
   mode: k = "single",
   nameFrom: C,
   nameTo: M,
   valueFrom: P,
   valueTo: L
 }) {
-  const x = k === "range", I = So(n ?? ""), w = So(P ?? ""), b = So(L ?? ""), z = /* @__PURE__ */ new Date(), D = () => x ? w ?? b ?? z : I ?? z, [W, N] = T(!1), [F, _] = T(
-    () => D().getFullYear()
-  ), [V, U] = T(
-    () => D().getMonth()
-  ), [io, O] = T("from"), H = Y(null);
-  B(() => {
-    if (!W)
+  const x = k === "range", I = zo(n ?? ""), w = zo(P ?? ""), b = zo(L ?? ""), z = /* @__PURE__ */ new Date(), E = () => x ? w ?? b ?? z : I ?? z, [D, N] = T(!1), [F, B] = T(
+    () => E().getFullYear()
+  ), [V, q] = T(
+    () => E().getMonth()
+  ), [ao, O] = T("from"), H = K(null);
+  _(() => {
+    if (!D)
       return;
-    const $ = (R) => {
+    const g = (R) => {
       H.current && !H.current.contains(R.target) && (N(!1), x && O("from"));
     };
-    return document.addEventListener("mousedown", $), () => document.removeEventListener("mousedown", $);
-  }, [W, x]), B(() => {
-    !x && I && (_(I.getFullYear()), U(I.getMonth()));
-  }, [n, x]), B(() => {
-    x && w && (_(w.getFullYear()), U(w.getMonth()));
+    return document.addEventListener("mousedown", g), () => document.removeEventListener("mousedown", g);
+  }, [D, x]), _(() => {
+    !x && I && (B(I.getFullYear()), q(I.getMonth()));
+  }, [n, x]), _(() => {
+    x && w && (B(w.getFullYear()), q(w.getMonth()));
   }, [P, x]);
-  const K = (() => {
+  const G = (() => {
     if (!x)
-      return I ? g ? g(I) : jo(I) : "";
+      return I ? $ ? $(I) : jo(I) : "";
     if (!w && !b)
       return "";
-    const $ = g ?? jo;
-    return w && b ? `${$(w)} - ${$(b)}` : w ? `${$(w)} - ...` : "";
-  })(), to = x ? !!(w || b) : !!I, J = ($) => {
-    const R = new Date(F, V, $);
+    const g = $ ?? jo;
+    return w && b ? `${g(w)} - ${g(b)}` : w ? `${g(w)} - ...` : "";
+  })(), no = x ? !!(w || b) : !!I, J = (g) => {
+    const R = new Date(F, V, g);
     if (!x) {
-      s(o ?? "", po(R)), N(!1);
+      e(o ?? "", fo(R)), N(!1);
       return;
     }
-    if (io === "from") {
-      s(C ?? "", po(R)), O("to");
+    if (ao === "from") {
+      e(C ?? "", fo(R)), O("to");
       return;
     }
     if (!w) {
-      s(C ?? "", po(R)), O("to");
+      e(C ?? "", fo(R)), O("to");
       return;
     }
-    if (fo(R, w)) {
-      s(C ?? "", ""), s(M ?? "", ""), O("from");
+    if (go(R, w)) {
+      e(C ?? "", ""), e(M ?? "", ""), O("from");
       return;
     }
     if (R >= w) {
-      s(M ?? "", po(R)), O("from"), N(!1);
+      e(M ?? "", fo(R)), O("from"), N(!1);
       return;
     }
-    s(M ?? "", po(w)), s(C ?? "", po(R)), O("from"), N(!1);
-  }, lo = ($) => {
-    $.stopPropagation(), x ? (s(C ?? "", ""), s(M ?? "", ""), O("from")) : s(o ?? "", "");
+    e(M ?? "", fo(w)), e(C ?? "", fo(R)), O("from"), N(!1);
+  }, co = (g) => {
+    g.stopPropagation(), x ? (e(C ?? "", ""), e(M ?? "", ""), O("from")) : e(o ?? "", "");
   }, j = () => {
     if (d)
       return;
-    const $ = !W;
-    N($), !$ && x && O("from");
-  }, q = ($) => {
-    if (($.key === "Enter" || $.key === " ") && !d) {
-      $.preventDefault();
-      const R = !W;
+    const g = !D;
+    N(g), !g && x && O("from");
+  }, U = (g) => {
+    if ((g.key === "Enter" || g.key === " ") && !d) {
+      g.preventDefault();
+      const R = !D;
       N(R), !R && x && O("from");
     }
-    $.key === "Escape" && (N(!1), x && O("from"));
+    g.key === "Escape" && (N(!1), x && O("from"));
   }, Q = () => {
-    V === 0 ? (U(11), _(($) => $ - 1)) : U(($) => $ - 1);
+    V === 0 ? (q(11), B((g) => g - 1)) : q((g) => g - 1);
   }, Z = () => {
-    V === 11 ? (U(0), _(($) => $ + 1)) : U(($) => $ + 1);
-  }, so = _o(F, V), eo = cs(F, V), y = [], A = _o(
+    V === 11 ? (q(0), B((g) => g + 1)) : q((g) => g + 1);
+  }, eo = _o(F, V), so = de(F, V), h = [], A = _o(
     V === 0 ? F - 1 : F,
     V === 0 ? 11 : V - 1
   );
-  for (let $ = eo - 1; $ >= 0; $--)
-    y.push({ day: A - $, currentMonth: !1 });
-  for (let $ = 1; $ <= so; $++)
-    y.push({ day: $, currentMonth: !0 });
-  const co = 42 - y.length;
-  for (let $ = 1; $ <= co; $++)
-    y.push({ day: $, currentMonth: !1 });
-  return /* @__PURE__ */ e(
+  for (let g = so - 1; g >= 0; g--)
+    h.push({ day: A - g, currentMonth: !1 });
+  for (let g = 1; g <= eo; g++)
+    h.push({ day: g, currentMonth: !0 });
+  const uo = 42 - h.length;
+  for (let g = 1; g <= uo; g++)
+    h.push({ day: g, currentMonth: !1 });
+  return /* @__PURE__ */ i(
     sr,
     {
       label: r,
       error: m,
-      helperText: h,
+      helperText: y,
       required: v,
-      children: /* @__PURE__ */ S(Jt, { ref: H, children: [
+      children: /* @__PURE__ */ S(Qt, { ref: H, children: [
         /* @__PURE__ */ S(
-          Qt,
+          Zt,
           {
             $size: l,
             $error: !!m,
             $disabled: d,
             role: "combobox",
             "aria-haspopup": "true",
-            "aria-expanded": W,
+            "aria-expanded": D,
             tabIndex: d ? -1 : 0,
             onClick: j,
-            onKeyDown: q,
+            onKeyDown: U,
             children: [
-              /* @__PURE__ */ e(Zt, { $hasValue: to, children: K || a }),
-              p && to ? /* @__PURE__ */ e(
-                rs,
+              /* @__PURE__ */ i(oe, { $hasValue: no, children: G || a }),
+              p && no ? /* @__PURE__ */ i(
+                ne,
                 {
                   type: "button",
-                  onClick: lo,
+                  onClick: co,
                   "aria-label": "Clear date",
-                  children: /* @__PURE__ */ e(yo, { size: 14 })
+                  children: /* @__PURE__ */ i(ho, { size: 14 })
                 }
-              ) : /* @__PURE__ */ e(os, { "aria-hidden": "true", children: /* @__PURE__ */ e(_r, { size: 14 }) })
+              ) : /* @__PURE__ */ i(re, { "aria-hidden": "true", children: /* @__PURE__ */ i(Hr, { size: 14 }) })
             ]
           }
         ),
-        W && /* @__PURE__ */ S(ns, { role: "dialog", "aria-label": "Calendar", children: [
-          /* @__PURE__ */ S(ts, { children: [
-            /* @__PURE__ */ e(
-              Bo,
+        D && /* @__PURE__ */ S(te, { role: "dialog", "aria-label": "Calendar", children: [
+          /* @__PURE__ */ S(ee, { children: [
+            /* @__PURE__ */ i(
+              Ao,
               {
                 type: "button",
                 onClick: Q,
                 "aria-label": "Previous month",
-                children: /* @__PURE__ */ e(Yr, { size: 16 })
+                children: /* @__PURE__ */ i(Kr, { size: 16 })
               }
             ),
-            /* @__PURE__ */ S(ss, { children: [
-              as[V],
+            /* @__PURE__ */ S(se, { children: [
+              le[V],
               " ",
               F
             ] }),
-            /* @__PURE__ */ e(
-              Bo,
+            /* @__PURE__ */ i(
+              Ao,
               {
                 type: "button",
                 onClick: Z,
                 "aria-label": "Next month",
-                children: /* @__PURE__ */ e(Kr, { size: 16 })
+                children: /* @__PURE__ */ i(Gr, { size: 16 })
               }
             )
           ] }),
-          /* @__PURE__ */ S(es, { children: [
-            ls.map(($) => /* @__PURE__ */ e(is, { children: $ }, $)),
-            y.map(($, R) => {
-              if (!$.currentMonth)
-                return /* @__PURE__ */ e(
-                  ko,
+          /* @__PURE__ */ S(ie, { children: [
+            ce.map((g) => /* @__PURE__ */ i(ae, { children: g }, g)),
+            h.map((g, R) => {
+              if (!g.currentMonth)
+                return /* @__PURE__ */ i(
+                  So,
                   {
                     type: "button",
                     $currentMonth: !1,
@@ -3428,45 +3455,45 @@ function us({
                     $today: !1,
                     disabled: !0,
                     tabIndex: -1,
-                    children: $.day
+                    children: g.day
                   },
                   R
                 );
-              const c = new Date(F, V, $.day), E = fo(c, z), G = ds(c, u, f);
+              const c = new Date(F, V, g.day), W = go(c, z), Y = ue(c, u, f);
               if (x) {
-                const Eo = w ? fo(c, w) : !1, Oo = b ? fo(c, b) : !1, cr = w && b ? c > w && c < b : !1;
-                return /* @__PURE__ */ e(
-                  ko,
+                const $o = w ? go(c, w) : !1, Oo = b ? go(c, b) : !1, dr = w && b ? c > w && c < b : !1;
+                return /* @__PURE__ */ i(
+                  So,
                   {
                     type: "button",
                     $currentMonth: !0,
                     $selected: !1,
-                    $today: E,
-                    $rangeStart: Eo,
+                    $today: W,
+                    $rangeStart: $o,
                     $rangeEnd: Oo,
-                    $inRange: cr,
-                    disabled: G,
+                    $inRange: dr,
+                    disabled: Y,
                     "aria-label": Ho(c),
-                    "aria-pressed": Eo || Oo,
-                    onClick: () => J($.day),
-                    children: $.day
+                    "aria-pressed": $o || Oo,
+                    onClick: () => J(g.day),
+                    children: g.day
                   },
                   R
                 );
               }
-              const $o = I ? fo(c, I) : !1;
-              return /* @__PURE__ */ e(
-                ko,
+              const io = I ? go(c, I) : !1;
+              return /* @__PURE__ */ i(
+                So,
                 {
                   type: "button",
                   $currentMonth: !0,
-                  $selected: $o,
-                  $today: E,
-                  disabled: G,
+                  $selected: io,
+                  $today: W,
+                  disabled: Y,
                   "aria-label": Ho(c),
-                  "aria-pressed": $o,
-                  onClick: () => J($.day),
-                  children: $.day
+                  "aria-pressed": io,
+                  onClick: () => J(g.day),
+                  children: g.day
                 },
                 R
               );
@@ -3477,12 +3504,12 @@ function us({
     }
   );
 }
-us.displayName = "DatePicker";
-function ps(o) {
-  const r = parseInt(o.slice(1, 3), 16) / 255, n = parseInt(o.slice(3, 5), 16) / 255, s = parseInt(o.slice(5, 7), 16) / 255, a = (d) => d <= 0.03928 ? d / 12.92 : ((d + 0.055) / 1.055) ** 2.4;
-  return 0.2126 * a(r) + 0.7152 * a(n) + 0.0722 * a(s) > 0.179 ? "#111111" : "#ffffff";
+pe.displayName = "DatePicker";
+function fe(o) {
+  const r = parseInt(o.slice(1, 3), 16) / 255, n = parseInt(o.slice(3, 5), 16) / 255, e = parseInt(o.slice(5, 7), 16) / 255, a = (d) => d <= 0.03928 ? d / 12.92 : ((d + 0.055) / 1.055) ** 2.4;
+  return 0.2126 * a(r) + 0.7152 * a(n) + 0.0722 * a(e) > 0.179 ? "#111111" : "#ffffff";
 }
-const Io = {
+const To = {
   colors: {
     primary: {
       50: "#fffde6",
@@ -3523,27 +3550,27 @@ const Io = {
   shadows: { focusRing: "3px 3px 0 #111111" },
   brutalism: { borderWidth: "2px", shadowOffset: "4px" }
 };
-function Ds(o) {
+function Ee(o) {
   return {
-    ...Io,
+    ...To,
     colors: {
-      ...Io.colors,
+      ...To.colors,
       primary: {
         50: "#fffff0",
         500: o,
         700: o,
-        contrast: ps(o)
+        contrast: fe(o)
       }
     }
   };
 }
-function Es({
-  theme: o = Io,
+function Oe({
+  theme: o = To,
   children: r
 }) {
-  return /* @__PURE__ */ e(ur, { theme: o, children: r });
+  return /* @__PURE__ */ i(pr, { theme: o, children: r });
 }
-const Os = pr`
+const Me = fr`
   *, *::before, *::after {
     box-sizing: border-box;
     margin: 0;
@@ -3560,43 +3587,47 @@ const Os = pr`
   button, input, select, textarea {
     font-family: inherit;
   }
+
+  button, a, [role="button"] {
+    touch-action: manipulation;
+  }
 `;
 export {
-  $r as Badge,
-  Co as Button,
-  qn as Checkbox,
-  ht as CollapsibleCard,
-  ar as ConfirmDialog,
-  Ts as ConfirmProvider,
-  us as DatePicker,
-  un as Editable,
-  bn as Field,
-  Rn as Form,
+  br as Badge,
+  Io as Button,
+  Gn as Checkbox,
+  wt as CollapsibleCard,
+  lr as ConfirmDialog,
+  We as ConfirmProvider,
+  pe as DatePicker,
+  pn as Editable,
+  xn as Field,
+  Vn as Form,
   sr as FormField,
-  Os as GlobalStyles,
-  vr as Input,
-  qo as Link,
-  Go as Modal,
-  rt as Radio,
-  ln as Select,
-  St as Spinner,
-  at as Switch,
-  qt as Table,
-  Tr as Textarea,
-  Es as ThemeProvider,
-  Mn as Toast,
-  xs as ToastProvider,
-  Cs as composeValidators,
-  Ds as createNeoBrutalTheme,
-  ks as isEmail,
-  Ss as isUrl,
-  vs as maxLength,
-  ms as minLength,
-  Io as neoBrutalTheme,
-  zs as pattern,
-  ws as required,
-  Ws as useConfirm,
-  hs as useForm,
-  Is as useTable,
-  ys as useToast
+  Me as GlobalStyles,
+  Sr as Input,
+  Go as Link,
+  Xo as Modal,
+  nt as Radio,
+  qo as Select,
+  zt as Spinner,
+  lt as Switch,
+  Gt as Table,
+  Dr as Textarea,
+  Oe as ThemeProvider,
+  Ln as Toast,
+  ye as ToastProvider,
+  Ie as composeValidators,
+  Ee as createNeoBrutalTheme,
+  Se as isEmail,
+  ze as isUrl,
+  ke as maxLength,
+  ve as minLength,
+  To as neoBrutalTheme,
+  Ce as pattern,
+  me as required,
+  De as useConfirm,
+  we as useForm,
+  Te as useTable,
+  he as useToast
 };