@possibly6400/ui-kit 1.0.14 → 1.0.16

package/dist/index.mjs

@@ -1,16 +1,16 @@
-import { jsxs as g, jsx as n, Fragment as Xe } from "react/jsx-runtime";
-import y, { useState as ce, useId as Ke, useRef as X, createContext as Je, useContext as Qe, useEffect as he } from "react";
-function Ie(e) {
+import { jsxs as g, jsx as n } from "react/jsx-runtime";
+import y, { useState as ie, useId as Xe, useRef as ee, useEffect as ce, useCallback as Ie, createContext as Je, useContext as Qe } from "react";
+function Re(e) {
   var r, o, t = "";
   if (typeof e == "string" || typeof e == "number") t += e;
   else if (typeof e == "object") if (Array.isArray(e)) {
     var s = e.length;
-    for (r = 0; r < s; r++) e[r] && (o = Ie(e[r])) && (t && (t += " "), t += o);
+    for (r = 0; r < s; r++) e[r] && (o = Re(e[r])) && (t && (t += " "), t += o);
   } else for (o in e) e[o] && (t && (t += " "), t += o);
   return t;
 }
 function et() {
-  for (var e, r, o = 0, t = "", s = arguments.length; o < s; o++) (e = arguments[o]) && (r = Ie(e)) && (t && (t += " "), t += r);
+  for (var e, r, o = 0, t = "", s = arguments.length; o < s; o++) (e = arguments[o]) && (r = Re(e)) && (t && (t += " "), t += r);
   return t;
 }
 const tt = (e, r) => {
@@ -23,11 +23,11 @@ const tt = (e, r) => {
 }, rt = (e, r) => ({
   classGroupId: e,
   validator: r
-}), Re = (e = /* @__PURE__ */ new Map(), r = null, o) => ({
+}), Te = (e = /* @__PURE__ */ new Map(), r = null, o) => ({
   nextPart: e,
   validators: r,
   classGroupId: o
-}), le = "-", ze = [], ot = "arbitrary..", nt = (e) => {
+}), de = "-", ze = [], ot = "arbitrary..", nt = (e) => {
   const r = at(e), {
     conflictingClassGroups: o,
     conflictingClassGroupModifiers: t
@@ -36,7 +36,7 @@ const tt = (e, r) => {
     getClassGroupId: (a) => {
       if (a.startsWith("[") && a.endsWith("]"))
         return st(a);
-      const c = a.split(le), i = c[0] === "" && c.length > 1 ? 1 : 0;
+      const c = a.split(de), i = c[0] === "" && c.length > 1 ? 1 : 0;
       return Ee(c, i, r);
     },
     getConflictingClassGroupIds: (a, c) => {
@@ -58,11 +58,11 @@ const tt = (e, r) => {
   const a = o.validators;
   if (a === null)
     return;
-  const c = r === 0 ? e.join(le) : e.slice(r).join(le), i = a.length;
+  const c = r === 0 ? e.join(de) : e.slice(r).join(de), i = a.length;
   for (let u = 0; u < i; u++) {
-    const b = a[u];
-    if (b.validator(c))
-      return b.classGroupId;
+    const h = a[u];
+    if (h.validator(c))
+      return h.classGroupId;
   }
 }, st = (e) => e.slice(1, -1).indexOf(":") === -1 ? void 0 : (() => {
   const r = e.slice(1, -1), o = r.indexOf(":"), t = r.slice(0, o);
@@ -74,13 +74,13 @@ const tt = (e, r) => {
   } = e;
   return lt(o, r);
 }, lt = (e, r) => {
-  const o = Re();
+  const o = Te();
   for (const t in e) {
     const s = e[t];
-    xe(s, o, t, r);
+    ge(s, o, t, r);
   }
   return o;
-}, xe = (e, r, o, t) => {
+}, ge = (e, r, o, t) => {
   const s = e.length;
   for (let l = 0; l < s; l++) {
     const a = e[l];
@@ -97,11 +97,11 @@ const tt = (e, r) => {
   }
   pt(e, r, o, t);
 }, ct = (e, r, o) => {
-  const t = e === "" ? r : Te(r, e);
+  const t = e === "" ? r : Ve(r, e);
   t.classGroupId = o;
 }, dt = (e, r, o, t) => {
   if (mt(e)) {
-    xe(e(t), r, o, t);
+    ge(e(t), r, o, t);
     return;
   }
   r.validators === null && (r.validators = []), r.validators.push(rt(o, e));
@@ -109,15 +109,15 @@ const tt = (e, r) => {
   const s = Object.entries(e), l = s.length;
   for (let a = 0; a < l; a++) {
     const [c, i] = s[a];
-    xe(i, Te(r, c), o, t);
+    ge(i, Ve(r, c), o, t);
   }
-}, Te = (e, r) => {
+}, Ve = (e, r) => {
   let o = e;
-  const t = r.split(le), s = t.length;
+  const t = r.split(de), s = t.length;
   for (let l = 0; l < s; l++) {
     const a = t[l];
     let c = o.nextPart.get(a);
-    c || (c = Re(), o.nextPart.set(a, c)), o = c;
+    c || (c = Te(), o.nextPart.set(a, c)), o = c;
   }
   return o;
 }, mt = (e) => "isThemeGetter" in e && e.isThemeGetter === !0, ut = (e) => {
@@ -144,7 +144,7 @@ const tt = (e, r) => {
       l in o ? o[l] = a : s(l, a);
     }
   };
-}, be = "!", Ne = ":", ft = [], Me = (e, r, o, t, s) => ({
+}, xe = "!", Ne = ":", ft = [], Me = (e, r, o, t, s) => ({
   modifiers: e,
   hasImportantModifier: r,
   baseClassName: o,
@@ -158,32 +158,32 @@ const tt = (e, r) => {
   let t = (s) => {
     const l = [];
     let a = 0, c = 0, i = 0, u;
-    const b = s.length;
-    for (let C = 0; C < b; C++) {
-      const z = s[C];
+    const h = s.length;
+    for (let z = 0; z < h; z++) {
+      const k = s[z];
       if (a === 0 && c === 0) {
-        if (z === Ne) {
-          l.push(s.slice(i, C)), i = C + 1;
+        if (k === Ne) {
+          l.push(s.slice(i, z)), i = z + 1;
           continue;
         }
-        if (z === "/") {
-          u = C;
+        if (k === "/") {
+          u = z;
           continue;
         }
       }
-      z === "[" ? a++ : z === "]" ? a-- : z === "(" ? c++ : z === ")" && c--;
+      k === "[" ? a++ : k === "]" ? a-- : k === "(" ? c++ : k === ")" && c--;
     }
     const _ = l.length === 0 ? s : s.slice(i);
-    let w = _, k = !1;
-    _.endsWith(be) ? (w = _.slice(0, -1), k = !0) : (
+    let w = _, N = !1;
+    _.endsWith(xe) ? (w = _.slice(0, -1), N = !0) : (
       /**
        * In Tailwind CSS v3 the important modifier was at the start of the base class name. This is still supported for legacy reasons.
        * @see https://github.com/dcastil/tailwind-merge/issues/513#issuecomment-2614029864
        */
-      _.startsWith(be) && (w = _.slice(1), k = !0)
+      _.startsWith(xe) && (w = _.slice(1), N = !0)
     );
     const v = u && u > i ? u - i : void 0;
-    return Me(l, k, w, v);
+    return Me(l, N, w, v);
   };
   if (r) {
     const s = r + Ne, l = t;
@@ -224,82 +224,82 @@ const tt = (e, r) => {
   } = r, a = [], c = e.trim().split(gt);
   let i = "";
   for (let u = c.length - 1; u >= 0; u -= 1) {
-    const b = c[u], {
+    const h = c[u], {
       isExternal: _,
       modifiers: w,
-      hasImportantModifier: k,
+      hasImportantModifier: N,
       baseClassName: v,
-      maybePostfixModifierPosition: C
-    } = o(b);
+      maybePostfixModifierPosition: z
+    } = o(h);
     if (_) {
-      i = b + (i.length > 0 ? " " + i : i);
+      i = h + (i.length > 0 ? " " + i : i);
       continue;
     }
-    let z = !!C, I = t(z ? v.substring(0, C) : v);
-    if (!I) {
-      if (!z) {
-        i = b + (i.length > 0 ? " " + i : i);
+    let k = !!z, C = t(k ? v.substring(0, z) : v);
+    if (!C) {
+      if (!k) {
+        i = h + (i.length > 0 ? " " + i : i);
         continue;
       }
-      if (I = t(v), !I) {
-        i = b + (i.length > 0 ? " " + i : i);
+      if (C = t(v), !C) {
+        i = h + (i.length > 0 ? " " + i : i);
         continue;
       }
-      z = !1;
+      k = !1;
     }
-    const E = w.length === 0 ? "" : w.length === 1 ? w[0] : l(w).join(":"), T = k ? E + be : E, S = T + I;
-    if (a.indexOf(S) > -1)
+    const L = w.length === 0 ? "" : w.length === 1 ? w[0] : l(w).join(":"), V = N ? L + xe : L, R = V + C;
+    if (a.indexOf(R) > -1)
       continue;
-    a.push(S);
-    const L = s(I, z);
-    for (let A = 0; A < L.length; ++A) {
-      const H = L[A];
-      a.push(T + H);
+    a.push(R);
+    const M = s(C, k);
+    for (let I = 0; I < M.length; ++I) {
+      const F = M[I];
+      a.push(V + F);
     }
-    i = b + (i.length > 0 ? " " + i : i);
+    i = h + (i.length > 0 ? " " + i : i);
   }
   return i;
 }, wt = (...e) => {
   let r = 0, o, t, s = "";
   for (; r < e.length; )
-    (o = e[r++]) && (t = Ve(o)) && (s && (s += " "), s += t);
+    (o = e[r++]) && (t = je(o)) && (s && (s += " "), s += t);
   return s;
-}, Ve = (e) => {
+}, je = (e) => {
   if (typeof e == "string")
     return e;
   let r, o = "";
   for (let t = 0; t < e.length; t++)
-    e[t] && (r = Ve(e[t])) && (o && (o += " "), o += r);
+    e[t] && (r = je(e[t])) && (o && (o += " "), o += r);
   return o;
 }, vt = (e, ...r) => {
   let o, t, s, l;
   const a = (i) => {
-    const u = r.reduce((b, _) => _(b), e());
+    const u = r.reduce((h, _) => _(h), e());
     return o = xt(u), t = o.cache.get, s = o.cache.set, l = c, c(i);
   }, c = (i) => {
     const u = t(i);
     if (u)
       return u;
-    const b = _t(i, o);
-    return s(i, b), b;
+    const h = _t(i, o);
+    return s(i, h), h;
   };
   return l = a, (...i) => l(wt(...i));
-}, yt = [], N = (e) => {
+}, yt = [], S = (e) => {
   const r = (o) => o[e] || yt;
   return r.isThemeGetter = !0, r;
-}, je = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, Pe = /^\((?:(\w[\w-]*):)?(.+)\)$/i, kt = /^\d+\/\d+$/, Ct = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, zt = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, Nt = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, Mt = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, St = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, Y = (e) => kt.test(e), x = (e) => !!e && !Number.isNaN(Number(e)), W = (e) => !!e && Number.isInteger(Number(e)), ue = (e) => e.endsWith("%") && x(e.slice(0, -1)), $ = (e) => Ct.test(e), Lt = () => !0, At = (e) => (
+}, Be = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, Fe = /^\((?:(\w[\w-]*):)?(.+)\)$/i, kt = /^\d+\/\d+$/, Ct = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, zt = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, Nt = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, Mt = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, St = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, Y = (e) => kt.test(e), x = (e) => !!e && !Number.isNaN(Number(e)), H = (e) => !!e && Number.isInteger(Number(e)), be = (e) => e.endsWith("%") && x(e.slice(0, -1)), D = (e) => Ct.test(e), Lt = () => !0, At = (e) => (
   // `colorFunctionRegex` check is necessary because color functions can have percentages in them which which would be incorrectly classified as lengths.
   // For example, `hsl(0 0% 0%)` would be classified as a length without this check.
   // I could also use lookbehind assertion in `lengthUnitRegex` but that isn't supported widely enough.
   zt.test(e) && !Nt.test(e)
-), Ge = () => !1, It = (e) => Mt.test(e), Rt = (e) => St.test(e), Et = (e) => !d(e) && !p(e), Tt = (e) => K(e, $e, Ge), d = (e) => je.test(e), O = (e) => K(e, He, At), fe = (e) => K(e, Bt, x), Se = (e) => K(e, Be, Ge), Vt = (e) => K(e, Fe, Rt), se = (e) => K(e, We, It), p = (e) => Pe.test(e), Q = (e) => J(e, He), jt = (e) => J(e, Ft), Le = (e) => J(e, Be), Pt = (e) => J(e, $e), Gt = (e) => J(e, Fe), ae = (e) => J(e, We, !0), K = (e, r, o) => {
-  const t = je.exec(e);
+), Ge = () => !1, It = (e) => Mt.test(e), Rt = (e) => St.test(e), Tt = (e) => !d(e) && !p(e), Et = (e) => K(e, De, Ge), d = (e) => Be.test(e), W = (e) => K(e, He, At), he = (e) => K(e, Gt, x), Se = (e) => K(e, Pe, Ge), Vt = (e) => K(e, $e, Rt), ae = (e) => K(e, Oe, It), p = (e) => Fe.test(e), Q = (e) => X(e, He), jt = (e) => X(e, Pt), Le = (e) => X(e, Pe), Bt = (e) => X(e, De), Ft = (e) => X(e, $e), le = (e) => X(e, Oe, !0), K = (e, r, o) => {
+  const t = Be.exec(e);
   return t ? t[1] ? r(t[1]) : o(t[2]) : !1;
-}, J = (e, r, o = !1) => {
-  const t = Pe.exec(e);
+}, X = (e, r, o = !1) => {
+  const t = Fe.exec(e);
   return t ? t[1] ? r(t[1]) : o : !1;
-}, Be = (e) => e === "position" || e === "percentage", Fe = (e) => e === "image" || e === "url", $e = (e) => e === "length" || e === "size" || e === "bg-size", He = (e) => e === "length", Bt = (e) => e === "number", Ft = (e) => e === "family-name", We = (e) => e === "shadow", $t = () => {
-  const e = N("color"), r = N("font"), o = N("text"), t = N("font-weight"), s = N("tracking"), l = N("leading"), a = N("breakpoint"), c = N("container"), i = N("spacing"), u = N("radius"), b = N("shadow"), _ = N("inset-shadow"), w = N("text-shadow"), k = N("drop-shadow"), v = N("blur"), C = N("perspective"), z = N("aspect"), I = N("ease"), E = N("animate"), T = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], S = () => [
+}, Pe = (e) => e === "position" || e === "percentage", $e = (e) => e === "image" || e === "url", De = (e) => e === "length" || e === "size" || e === "bg-size", He = (e) => e === "length", Gt = (e) => e === "number", Pt = (e) => e === "family-name", Oe = (e) => e === "shadow", $t = () => {
+  const e = S("color"), r = S("font"), o = S("text"), t = S("font-weight"), s = S("tracking"), l = S("leading"), a = S("breakpoint"), c = S("container"), i = S("spacing"), u = S("radius"), h = S("shadow"), _ = S("inset-shadow"), w = S("text-shadow"), N = S("drop-shadow"), v = S("blur"), z = S("perspective"), k = S("aspect"), C = S("ease"), L = S("animate"), V = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], R = () => [
     "center",
     "top",
     "bottom",
@@ -317,15 +317,15 @@ const tt = (e, r) => {
     "bottom-left",
     // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
     "left-bottom"
-  ], L = () => [...S(), p, d], A = () => ["auto", "hidden", "clip", "visible", "scroll"], H = () => ["auto", "contain", "none"], h = () => [p, d, i], P = () => [Y, "full", "auto", ...h()], V = () => [W, "none", "subgrid", p, d], ge = () => ["auto", {
-    span: ["full", W, p, d]
-  }, W, p, d], ee = () => [W, "auto", p, d], _e = () => ["auto", "min", "max", "fr", p, d], de = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], U = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], F = () => ["auto", ...h()], D = () => [Y, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...h()], f = () => [e, p, d], we = () => [...S(), Le, Se, {
+  ], M = () => [...R(), p, d], I = () => ["auto", "hidden", "clip", "visible", "scroll"], F = () => ["auto", "contain", "none"], b = () => [p, d, i], B = () => [Y, "full", "auto", ...b()], J = () => [H, "none", "subgrid", p, d], T = () => ["auto", {
+    span: ["full", H, p, d]
+  }, H, p, d], te = () => [H, "auto", p, d], _e = () => ["auto", "min", "max", "fr", p, d], me = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], q = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], $ = () => ["auto", ...b()], O = () => [Y, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...b()], f = () => [e, p, d], we = () => [...R(), Le, Se, {
     position: [p, d]
   }], ve = () => ["no-repeat", {
     repeat: ["", "x", "y", "space", "round"]
-  }], ye = () => ["auto", "cover", "contain", Pt, Tt, {
+  }], ye = () => ["auto", "cover", "contain", Bt, Et, {
     size: [p, d]
-  }], pe = () => [ue, Q, O], R = () => [
+  }], ue = () => [be, Q, W], E = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
@@ -333,35 +333,35 @@ const tt = (e, r) => {
     u,
     p,
     d
-  ], j = () => ["", x, Q, O], te = () => ["solid", "dashed", "dotted", "double"], ke = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], M = () => [x, ue, Le, Se], Ce = () => [
+  ], j = () => ["", x, Q, W], re = () => ["solid", "dashed", "dotted", "double"], ke = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], A = () => [x, be, Le, Se], Ce = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
     v,
     p,
     d
-  ], re = () => ["none", x, p, d], oe = () => ["none", x, p, d], me = () => [x, p, d], ne = () => [Y, "full", ...h()];
+  ], oe = () => ["none", x, p, d], ne = () => ["none", x, p, d], fe = () => [x, p, d], se = () => [Y, "full", ...b()];
   return {
     cacheSize: 500,
     theme: {
       animate: ["spin", "ping", "pulse", "bounce"],
       aspect: ["video"],
-      blur: [$],
-      breakpoint: [$],
+      blur: [D],
+      breakpoint: [D],
       color: [Lt],
-      container: [$],
-      "drop-shadow": [$],
+      container: [D],
+      "drop-shadow": [D],
       ease: ["in", "out", "in-out"],
-      font: [Et],
+      font: [Tt],
       "font-weight": ["thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black"],
-      "inset-shadow": [$],
+      "inset-shadow": [D],
       leading: ["none", "tight", "snug", "normal", "relaxed", "loose"],
       perspective: ["dramatic", "near", "normal", "midrange", "distant", "none"],
-      radius: [$],
-      shadow: [$],
+      radius: [D],
+      shadow: [D],
       spacing: ["px", x],
-      text: [$],
-      "text-shadow": [$],
+      text: [D],
+      "text-shadow": [D],
       tracking: ["tighter", "tight", "normal", "wide", "wider", "widest"]
     },
     classGroups: {
@@ -373,7 +373,7 @@ const tt = (e, r) => {
        * @see https://tailwindcss.com/docs/aspect-ratio
        */
       aspect: [{
-        aspect: ["auto", "square", Y, d, p, z]
+        aspect: ["auto", "square", Y, d, p, k]
       }],
       /**
        * Container
@@ -393,14 +393,14 @@ const tt = (e, r) => {
        * @see https://tailwindcss.com/docs/break-after
        */
       "break-after": [{
-        "break-after": T()
+        "break-after": V()
       }],
       /**
        * Break Before
        * @see https://tailwindcss.com/docs/break-before
        */
       "break-before": [{
-        "break-before": T()
+        "break-before": V()
       }],
       /**
        * Break Inside
@@ -464,49 +464,49 @@ const tt = (e, r) => {
        * @see https://tailwindcss.com/docs/object-position
        */
       "object-position": [{
-        object: L()
+        object: M()
       }],
       /**
        * Overflow
        * @see https://tailwindcss.com/docs/overflow
        */
       overflow: [{
-        overflow: A()
+        overflow: I()
       }],
       /**
        * Overflow X
        * @see https://tailwindcss.com/docs/overflow
        */
       "overflow-x": [{
-        "overflow-x": A()
+        "overflow-x": I()
       }],
       /**
        * Overflow Y
        * @see https://tailwindcss.com/docs/overflow
        */
       "overflow-y": [{
-        "overflow-y": A()
+        "overflow-y": I()
       }],
       /**
        * Overscroll Behavior
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       overscroll: [{
-        overscroll: H()
+        overscroll: F()
       }],
       /**
        * Overscroll Behavior X
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       "overscroll-x": [{
-        "overscroll-x": H()
+        "overscroll-x": F()
       }],
       /**
        * Overscroll Behavior Y
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       "overscroll-y": [{
-        "overscroll-y": H()
+        "overscroll-y": F()
       }],
       /**
        * Position
@@ -518,63 +518,63 @@ const tt = (e, r) => {
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       inset: [{
-        inset: P()
+        inset: B()
       }],
       /**
        * Right / Left
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-x": [{
-        "inset-x": P()
+        "inset-x": B()
       }],
       /**
        * Top / Bottom
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-y": [{
-        "inset-y": P()
+        "inset-y": B()
       }],
       /**
        * Start
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       start: [{
-        start: P()
+        start: B()
       }],
       /**
        * End
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       end: [{
-        end: P()
+        end: B()
       }],
       /**
        * Top
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       top: [{
-        top: P()
+        top: B()
       }],
       /**
        * Right
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       right: [{
-        right: P()
+        right: B()
       }],
       /**
        * Bottom
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       bottom: [{
-        bottom: P()
+        bottom: B()
       }],
       /**
        * Left
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       left: [{
-        left: P()
+        left: B()
       }],
       /**
        * Visibility
@@ -586,7 +586,7 @@ const tt = (e, r) => {
        * @see https://tailwindcss.com/docs/z-index
        */
       z: [{
-        z: [W, "auto", p, d]
+        z: [H, "auto", p, d]
       }],
       // ------------------------
       // --- Flexbox and Grid ---
@@ -596,7 +596,7 @@ const tt = (e, r) => {
        * @see https://tailwindcss.com/docs/flex-basis
        */
       basis: [{
-        basis: [Y, "full", "auto", c, ...h()]
+        basis: [Y, "full", "auto", c, ...b()]
       }],
       /**
        * Flex Direction
@@ -638,63 +638,63 @@ const tt = (e, r) => {
        * @see https://tailwindcss.com/docs/order
        */
       order: [{
-        order: [W, "first", "last", "none", p, d]
+        order: [H, "first", "last", "none", p, d]
       }],
       /**
        * Grid Template Columns
        * @see https://tailwindcss.com/docs/grid-template-columns
        */
       "grid-cols": [{
-        "grid-cols": V()
+        "grid-cols": J()
       }],
       /**
        * Grid Column Start / End
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-start-end": [{
-        col: ge()
+        col: T()
       }],
       /**
        * Grid Column Start
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-start": [{
-        "col-start": ee()
+        "col-start": te()
       }],
       /**
        * Grid Column End
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-end": [{
-        "col-end": ee()
+        "col-end": te()
       }],
       /**
        * Grid Template Rows
        * @see https://tailwindcss.com/docs/grid-template-rows
        */
       "grid-rows": [{
-        "grid-rows": V()
+        "grid-rows": J()
       }],
       /**
        * Grid Row Start / End
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-start-end": [{
-        row: ge()
+        row: T()
       }],
       /**
        * Grid Row Start
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-start": [{
-        "row-start": ee()
+        "row-start": te()
       }],
       /**
        * Grid Row End
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-end": [{
-        "row-end": ee()
+        "row-end": te()
       }],
       /**
        * Grid Auto Flow
@@ -722,56 +722,56 @@ const tt = (e, r) => {
        * @see https://tailwindcss.com/docs/gap
        */
       gap: [{
-        gap: h()
+        gap: b()
       }],
       /**
        * Gap X
        * @see https://tailwindcss.com/docs/gap
        */
       "gap-x": [{
-        "gap-x": h()
+        "gap-x": b()
       }],
       /**
        * Gap Y
        * @see https://tailwindcss.com/docs/gap
        */
       "gap-y": [{
-        "gap-y": h()
+        "gap-y": b()
       }],
       /**
        * Justify Content
        * @see https://tailwindcss.com/docs/justify-content
        */
       "justify-content": [{
-        justify: [...de(), "normal"]
+        justify: [...me(), "normal"]
       }],
       /**
        * Justify Items
        * @see https://tailwindcss.com/docs/justify-items
        */
       "justify-items": [{
-        "justify-items": [...U(), "normal"]
+        "justify-items": [...q(), "normal"]
       }],
       /**
        * Justify Self
        * @see https://tailwindcss.com/docs/justify-self
        */
       "justify-self": [{
-        "justify-self": ["auto", ...U()]
+        "justify-self": ["auto", ...q()]
       }],
       /**
        * Align Content
        * @see https://tailwindcss.com/docs/align-content
        */
       "align-content": [{
-        content: ["normal", ...de()]
+        content: ["normal", ...me()]
       }],
       /**
        * Align Items
        * @see https://tailwindcss.com/docs/align-items
        */
       "align-items": [{
-        items: [...U(), {
+        items: [...q(), {
           baseline: ["", "last"]
         }]
       }],
@@ -780,7 +780,7 @@ const tt = (e, r) => {
        * @see https://tailwindcss.com/docs/align-self
        */
       "align-self": [{
-        self: ["auto", ...U(), {
+        self: ["auto", ...q(), {
           baseline: ["", "last"]
         }]
       }],
@@ -789,21 +789,21 @@ const tt = (e, r) => {
        * @see https://tailwindcss.com/docs/place-content
        */
       "place-content": [{
-        "place-content": de()
+        "place-content": me()
       }],
       /**
        * Place Items
        * @see https://tailwindcss.com/docs/place-items
        */
       "place-items": [{
-        "place-items": [...U(), "baseline"]
+        "place-items": [...q(), "baseline"]
       }],
       /**
        * Place Self
        * @see https://tailwindcss.com/docs/place-self
        */
       "place-self": [{
-        "place-self": ["auto", ...U()]
+        "place-self": ["auto", ...q()]
       }],
       // Spacing
       /**
@@ -811,133 +811,133 @@ const tt = (e, r) => {
        * @see https://tailwindcss.com/docs/padding
        */
       p: [{
-        p: h()
+        p: b()
       }],
       /**
        * Padding X
        * @see https://tailwindcss.com/docs/padding
        */
       px: [{
-        px: h()
+        px: b()
       }],
       /**
        * Padding Y
        * @see https://tailwindcss.com/docs/padding
        */
       py: [{
-        py: h()
+        py: b()
       }],
       /**
        * Padding Start
        * @see https://tailwindcss.com/docs/padding
        */
       ps: [{
-        ps: h()
+        ps: b()
       }],
       /**
        * Padding End
        * @see https://tailwindcss.com/docs/padding
        */
       pe: [{
-        pe: h()
+        pe: b()
       }],
       /**
        * Padding Top
        * @see https://tailwindcss.com/docs/padding
        */
       pt: [{
-        pt: h()
+        pt: b()
       }],
       /**
        * Padding Right
        * @see https://tailwindcss.com/docs/padding
        */
       pr: [{
-        pr: h()
+        pr: b()
       }],
       /**
        * Padding Bottom
        * @see https://tailwindcss.com/docs/padding
        */
       pb: [{
-        pb: h()
+        pb: b()
       }],
       /**
        * Padding Left
        * @see https://tailwindcss.com/docs/padding
        */
       pl: [{
-        pl: h()
+        pl: b()
       }],
       /**
        * Margin
        * @see https://tailwindcss.com/docs/margin
        */
       m: [{
-        m: F()
+        m: $()
       }],
       /**
        * Margin X
        * @see https://tailwindcss.com/docs/margin
        */
       mx: [{
-        mx: F()
+        mx: $()
       }],
       /**
        * Margin Y
        * @see https://tailwindcss.com/docs/margin
        */
       my: [{
-        my: F()
+        my: $()
       }],
       /**
        * Margin Start
        * @see https://tailwindcss.com/docs/margin
        */
       ms: [{
-        ms: F()
+        ms: $()
       }],
       /**
        * Margin End
        * @see https://tailwindcss.com/docs/margin
        */
       me: [{
-        me: F()
+        me: $()
       }],
       /**
        * Margin Top
        * @see https://tailwindcss.com/docs/margin
        */
       mt: [{
-        mt: F()
+        mt: $()
       }],
       /**
        * Margin Right
        * @see https://tailwindcss.com/docs/margin
        */
       mr: [{
-        mr: F()
+        mr: $()
       }],
       /**
        * Margin Bottom
        * @see https://tailwindcss.com/docs/margin
        */
       mb: [{
-        mb: F()
+        mb: $()
       }],
       /**
        * Margin Left
        * @see https://tailwindcss.com/docs/margin
        */
       ml: [{
-        ml: F()
+        ml: $()
       }],
       /**
        * Space Between X
        * @see https://tailwindcss.com/docs/margin#adding-space-between-children
        */
       "space-x": [{
-        "space-x": h()
+        "space-x": b()
       }],
       /**
        * Space Between X Reverse
@@ -949,7 +949,7 @@ const tt = (e, r) => {
        * @see https://tailwindcss.com/docs/margin#adding-space-between-children
        */
       "space-y": [{
-        "space-y": h()
+        "space-y": b()
       }],
       /**
        * Space Between Y Reverse
@@ -964,14 +964,14 @@ const tt = (e, r) => {
        * @see https://tailwindcss.com/docs/width#setting-both-width-and-height
        */
       size: [{
-        size: D()
+        size: O()
       }],
       /**
        * Width
        * @see https://tailwindcss.com/docs/width
        */
       w: [{
-        w: [c, "screen", ...D()]
+        w: [c, "screen", ...O()]
       }],
       /**
        * Min-Width
@@ -983,7 +983,7 @@ const tt = (e, r) => {
           "screen",
           /** Deprecated. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
           "none",
-          ...D()
+          ...O()
         ]
       }],
       /**
@@ -1001,7 +1001,7 @@ const tt = (e, r) => {
           {
             screen: [a]
           },
-          ...D()
+          ...O()
         ]
       }],
       /**
@@ -1009,21 +1009,21 @@ const tt = (e, r) => {
        * @see https://tailwindcss.com/docs/height
        */
       h: [{
-        h: ["screen", "lh", ...D()]
+        h: ["screen", "lh", ...O()]
       }],
       /**
        * Min-Height
        * @see https://tailwindcss.com/docs/min-height
        */
       "min-h": [{
-        "min-h": ["screen", "lh", "none", ...D()]
+        "min-h": ["screen", "lh", "none", ...O()]
       }],
       /**
        * Max-Height
        * @see https://tailwindcss.com/docs/max-height
        */
       "max-h": [{
-        "max-h": ["screen", "lh", ...D()]
+        "max-h": ["screen", "lh", ...O()]
       }],
       // ------------------
       // --- Typography ---
@@ -1033,7 +1033,7 @@ const tt = (e, r) => {
        * @see https://tailwindcss.com/docs/font-size
        */
       "font-size": [{
-        text: ["base", o, Q, O]
+        text: ["base", o, Q, W]
       }],
       /**
        * Font Smoothing
@@ -1050,14 +1050,14 @@ const tt = (e, r) => {
        * @see https://tailwindcss.com/docs/font-weight
        */
       "font-weight": [{
-        font: [t, p, fe]
+        font: [t, p, he]
       }],
       /**
        * Font Stretch
        * @see https://tailwindcss.com/docs/font-stretch
        */
       "font-stretch": [{
-        "font-stretch": ["ultra-condensed", "extra-condensed", "condensed", "semi-condensed", "normal", "semi-expanded", "expanded", "extra-expanded", "ultra-expanded", ue, d]
+        "font-stretch": ["ultra-condensed", "extra-condensed", "condensed", "semi-condensed", "normal", "semi-expanded", "expanded", "extra-expanded", "ultra-expanded", be, d]
       }],
       /**
        * Font Family
@@ -1108,7 +1108,7 @@ const tt = (e, r) => {
        * @see https://tailwindcss.com/docs/line-clamp
        */
       "line-clamp": [{
-        "line-clamp": [x, "none", p, fe]
+        "line-clamp": [x, "none", p, he]
       }],
       /**
        * Line Height
@@ -1118,7 +1118,7 @@ const tt = (e, r) => {
         leading: [
           /** Deprecated since Tailwind CSS v4.0.0. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
           l,
-          ...h()
+          ...b()
         ]
       }],
       /**
@@ -1174,14 +1174,14 @@ const tt = (e, r) => {
        * @see https://tailwindcss.com/docs/text-decoration-style
        */
       "text-decoration-style": [{
-        decoration: [...te(), "wavy"]
+        decoration: [...re(), "wavy"]
       }],
       /**
        * Text Decoration Thickness
        * @see https://tailwindcss.com/docs/text-decoration-thickness
        */
       "text-decoration-thickness": [{
-        decoration: [x, "from-font", "auto", p, O]
+        decoration: [x, "from-font", "auto", p, W]
       }],
       /**
        * Text Decoration Color
@@ -1219,7 +1219,7 @@ const tt = (e, r) => {
        * @see https://tailwindcss.com/docs/text-indent
        */
       indent: [{
-        indent: h()
+        indent: b()
       }],
       /**
        * Vertical Alignment
@@ -1316,10 +1316,10 @@ const tt = (e, r) => {
         bg: ["none", {
           linear: [{
             to: ["t", "tr", "r", "br", "b", "bl", "l", "tl"]
-          }, W, p, d],
+          }, H, p, d],
           radial: ["", p, d],
-          conic: [W, p, d]
-        }, Gt, Vt]
+          conic: [H, p, d]
+        }, Ft, Vt]
       }],
       /**
        * Background Color
@@ -1333,21 +1333,21 @@ const tt = (e, r) => {
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-from-pos": [{
-        from: pe()
+        from: ue()
       }],
       /**
        * Gradient Color Stops Via Position
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-via-pos": [{
-        via: pe()
+        via: ue()
       }],
       /**
        * Gradient Color Stops To Position
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-to-pos": [{
-        to: pe()
+        to: ue()
       }],
       /**
        * Gradient Color Stops From
@@ -1378,105 +1378,105 @@ const tt = (e, r) => {
        * @see https://tailwindcss.com/docs/border-radius
        */
       rounded: [{
-        rounded: R()
+        rounded: E()
       }],
       /**
        * Border Radius Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-s": [{
-        "rounded-s": R()
+        "rounded-s": E()
       }],
       /**
        * Border Radius End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-e": [{
-        "rounded-e": R()
+        "rounded-e": E()
       }],
       /**
        * Border Radius Top
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-t": [{
-        "rounded-t": R()
+        "rounded-t": E()
       }],
       /**
        * Border Radius Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-r": [{
-        "rounded-r": R()
+        "rounded-r": E()
       }],
       /**
        * Border Radius Bottom
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-b": [{
-        "rounded-b": R()
+        "rounded-b": E()
       }],
       /**
        * Border Radius Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-l": [{
-        "rounded-l": R()
+        "rounded-l": E()
       }],
       /**
        * Border Radius Start Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-ss": [{
-        "rounded-ss": R()
+        "rounded-ss": E()
       }],
       /**
        * Border Radius Start End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-se": [{
-        "rounded-se": R()
+        "rounded-se": E()
       }],
       /**
        * Border Radius End End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-ee": [{
-        "rounded-ee": R()
+        "rounded-ee": E()
       }],
       /**
        * Border Radius End Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-es": [{
-        "rounded-es": R()
+        "rounded-es": E()
       }],
       /**
        * Border Radius Top Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-tl": [{
-        "rounded-tl": R()
+        "rounded-tl": E()
       }],
       /**
        * Border Radius Top Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-tr": [{
-        "rounded-tr": R()
+        "rounded-tr": E()
       }],
       /**
        * Border Radius Bottom Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-br": [{
-        "rounded-br": R()
+        "rounded-br": E()
       }],
       /**
        * Border Radius Bottom Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-bl": [{
-        "rounded-bl": R()
+        "rounded-bl": E()
       }],
       /**
        * Border Width
@@ -1570,14 +1570,14 @@ const tt = (e, r) => {
        * @see https://tailwindcss.com/docs/border-style
        */
       "border-style": [{
-        border: [...te(), "hidden", "none"]
+        border: [...re(), "hidden", "none"]
       }],
       /**
        * Divide Style
        * @see https://tailwindcss.com/docs/border-style#setting-the-divider-style
        */
       "divide-style": [{
-        divide: [...te(), "hidden", "none"]
+        divide: [...re(), "hidden", "none"]
       }],
       /**
        * Border Color
@@ -1654,7 +1654,7 @@ const tt = (e, r) => {
        * @see https://tailwindcss.com/docs/outline-style
        */
       "outline-style": [{
-        outline: [...te(), "none", "hidden"]
+        outline: [...re(), "none", "hidden"]
       }],
       /**
        * Outline Offset
@@ -1668,7 +1668,7 @@ const tt = (e, r) => {
        * @see https://tailwindcss.com/docs/outline-width
        */
       "outline-w": [{
-        outline: ["", x, Q, O]
+        outline: ["", x, Q, W]
       }],
       /**
        * Outline Color
@@ -1689,9 +1689,9 @@ const tt = (e, r) => {
           // Deprecated since Tailwind CSS v4.0.0
           "",
           "none",
-          b,
-          ae,
-          se
+          h,
+          le,
+          ae
         ]
       }],
       /**
@@ -1706,7 +1706,7 @@ const tt = (e, r) => {
        * @see https://tailwindcss.com/docs/box-shadow#adding-an-inset-shadow
        */
       "inset-shadow": [{
-        "inset-shadow": ["none", _, ae, se]
+        "inset-shadow": ["none", _, le, ae]
       }],
       /**
        * Inset Box Shadow Color
@@ -1743,7 +1743,7 @@ const tt = (e, r) => {
        * @see https://github.com/tailwindlabs/tailwindcss/blob/v4.0.0/packages/tailwindcss/src/utilities.ts#L4158
        */
       "ring-offset-w": [{
-        "ring-offset": [x, O]
+        "ring-offset": [x, W]
       }],
       /**
        * Ring Offset Color
@@ -1773,7 +1773,7 @@ const tt = (e, r) => {
        * @see https://tailwindcss.com/docs/text-shadow
        */
       "text-shadow": [{
-        "text-shadow": ["none", w, ae, se]
+        "text-shadow": ["none", w, le, ae]
       }],
       /**
        * Text Shadow Color
@@ -1825,10 +1825,10 @@ const tt = (e, r) => {
         "mask-linear": [x]
       }],
       "mask-image-linear-from-pos": [{
-        "mask-linear-from": M()
+        "mask-linear-from": A()
       }],
       "mask-image-linear-to-pos": [{
-        "mask-linear-to": M()
+        "mask-linear-to": A()
       }],
       "mask-image-linear-from-color": [{
         "mask-linear-from": f()
@@ -1837,10 +1837,10 @@ const tt = (e, r) => {
         "mask-linear-to": f()
       }],
       "mask-image-t-from-pos": [{
-        "mask-t-from": M()
+        "mask-t-from": A()
       }],
       "mask-image-t-to-pos": [{
-        "mask-t-to": M()
+        "mask-t-to": A()
       }],
       "mask-image-t-from-color": [{
         "mask-t-from": f()
@@ -1849,10 +1849,10 @@ const tt = (e, r) => {
         "mask-t-to": f()
       }],
       "mask-image-r-from-pos": [{
-        "mask-r-from": M()
+        "mask-r-from": A()
       }],
       "mask-image-r-to-pos": [{
-        "mask-r-to": M()
+        "mask-r-to": A()
       }],
       "mask-image-r-from-color": [{
         "mask-r-from": f()
@@ -1861,10 +1861,10 @@ const tt = (e, r) => {
         "mask-r-to": f()
       }],
       "mask-image-b-from-pos": [{
-        "mask-b-from": M()
+        "mask-b-from": A()
       }],
       "mask-image-b-to-pos": [{
-        "mask-b-to": M()
+        "mask-b-to": A()
       }],
       "mask-image-b-from-color": [{
         "mask-b-from": f()
@@ -1873,10 +1873,10 @@ const tt = (e, r) => {
         "mask-b-to": f()
       }],
       "mask-image-l-from-pos": [{
-        "mask-l-from": M()
+        "mask-l-from": A()
       }],
       "mask-image-l-to-pos": [{
-        "mask-l-to": M()
+        "mask-l-to": A()
       }],
       "mask-image-l-from-color": [{
         "mask-l-from": f()
@@ -1885,10 +1885,10 @@ const tt = (e, r) => {
         "mask-l-to": f()
       }],
       "mask-image-x-from-pos": [{
-        "mask-x-from": M()
+        "mask-x-from": A()
       }],
       "mask-image-x-to-pos": [{
-        "mask-x-to": M()
+        "mask-x-to": A()
       }],
       "mask-image-x-from-color": [{
         "mask-x-from": f()
@@ -1897,10 +1897,10 @@ const tt = (e, r) => {
         "mask-x-to": f()
       }],
       "mask-image-y-from-pos": [{
-        "mask-y-from": M()
+        "mask-y-from": A()
       }],
       "mask-image-y-to-pos": [{
-        "mask-y-to": M()
+        "mask-y-to": A()
       }],
       "mask-image-y-from-color": [{
         "mask-y-from": f()
@@ -1912,10 +1912,10 @@ const tt = (e, r) => {
         "mask-radial": [p, d]
       }],
       "mask-image-radial-from-pos": [{
-        "mask-radial-from": M()
+        "mask-radial-from": A()
       }],
       "mask-image-radial-to-pos": [{
-        "mask-radial-to": M()
+        "mask-radial-to": A()
       }],
       "mask-image-radial-from-color": [{
         "mask-radial-from": f()
@@ -1933,16 +1933,16 @@ const tt = (e, r) => {
         }]
       }],
       "mask-image-radial-pos": [{
-        "mask-radial-at": S()
+        "mask-radial-at": R()
       }],
       "mask-image-conic-pos": [{
         "mask-conic": [x]
       }],
       "mask-image-conic-from-pos": [{
-        "mask-conic-from": M()
+        "mask-conic-from": A()
       }],
       "mask-image-conic-to-pos": [{
-        "mask-conic-to": M()
+        "mask-conic-to": A()
       }],
       "mask-image-conic-from-color": [{
         "mask-conic-from": f()
@@ -2045,9 +2045,9 @@ const tt = (e, r) => {
           // Deprecated since Tailwind CSS v4.0.0
           "",
           "none",
-          k,
-          ae,
-          se
+          N,
+          le,
+          ae
         ]
       }],
       /**
@@ -2183,21 +2183,21 @@ const tt = (e, r) => {
        * @see https://tailwindcss.com/docs/border-spacing
        */
       "border-spacing": [{
-        "border-spacing": h()
+        "border-spacing": b()
       }],
       /**
        * Border Spacing X
        * @see https://tailwindcss.com/docs/border-spacing
        */
       "border-spacing-x": [{
-        "border-spacing-x": h()
+        "border-spacing-x": b()
       }],
       /**
        * Border Spacing Y
        * @see https://tailwindcss.com/docs/border-spacing
        */
       "border-spacing-y": [{
-        "border-spacing-y": h()
+        "border-spacing-y": b()
       }],
       /**
        * Table Layout
@@ -2242,7 +2242,7 @@ const tt = (e, r) => {
        * @see https://tailwindcss.com/docs/transition-timing-function
        */
       ease: [{
-        ease: ["linear", "initial", I, p, d]
+        ease: ["linear", "initial", C, p, d]
       }],
       /**
        * Transition Delay
@@ -2256,7 +2256,7 @@ const tt = (e, r) => {
        * @see https://tailwindcss.com/docs/animation
        */
       animate: [{
-        animate: ["none", E, p, d]
+        animate: ["none", L, p, d]
       }],
       // ------------------
       // --- Transforms ---
@@ -2273,70 +2273,70 @@ const tt = (e, r) => {
        * @see https://tailwindcss.com/docs/perspective
        */
       perspective: [{
-        perspective: [C, p, d]
+        perspective: [z, p, d]
       }],
       /**
        * Perspective Origin
        * @see https://tailwindcss.com/docs/perspective-origin
        */
       "perspective-origin": [{
-        "perspective-origin": L()
+        "perspective-origin": M()
       }],
       /**
        * Rotate
        * @see https://tailwindcss.com/docs/rotate
        */
       rotate: [{
-        rotate: re()
+        rotate: oe()
       }],
       /**
        * Rotate X
        * @see https://tailwindcss.com/docs/rotate
        */
       "rotate-x": [{
-        "rotate-x": re()
+        "rotate-x": oe()
       }],
       /**
        * Rotate Y
        * @see https://tailwindcss.com/docs/rotate
        */
       "rotate-y": [{
-        "rotate-y": re()
+        "rotate-y": oe()
       }],
       /**
        * Rotate Z
        * @see https://tailwindcss.com/docs/rotate
        */
       "rotate-z": [{
-        "rotate-z": re()
+        "rotate-z": oe()
       }],
       /**
        * Scale
        * @see https://tailwindcss.com/docs/scale
        */
       scale: [{
-        scale: oe()
+        scale: ne()
       }],
       /**
        * Scale X
        * @see https://tailwindcss.com/docs/scale
        */
       "scale-x": [{
-        "scale-x": oe()
+        "scale-x": ne()
       }],
       /**
        * Scale Y
        * @see https://tailwindcss.com/docs/scale
        */
       "scale-y": [{
-        "scale-y": oe()
+        "scale-y": ne()
       }],
       /**
        * Scale Z
        * @see https://tailwindcss.com/docs/scale
        */
       "scale-z": [{
-        "scale-z": oe()
+        "scale-z": ne()
       }],
       /**
        * Scale 3D
@@ -2348,21 +2348,21 @@ const tt = (e, r) => {
        * @see https://tailwindcss.com/docs/skew
        */
       skew: [{
-        skew: me()
+        skew: fe()
       }],
       /**
        * Skew X
        * @see https://tailwindcss.com/docs/skew
        */
       "skew-x": [{
-        "skew-x": me()
+        "skew-x": fe()
       }],
       /**
        * Skew Y
        * @see https://tailwindcss.com/docs/skew
        */
       "skew-y": [{
-        "skew-y": me()
+        "skew-y": fe()
       }],
       /**
        * Transform
@@ -2376,7 +2376,7 @@ const tt = (e, r) => {
        * @see https://tailwindcss.com/docs/transform-origin
        */
       "transform-origin": [{
-        origin: L()
+        origin: M()
       }],
       /**
        * Transform Style
@@ -2390,28 +2390,28 @@ const tt = (e, r) => {
        * @see https://tailwindcss.com/docs/translate
        */
       translate: [{
-        translate: ne()
+        translate: se()
       }],
       /**
        * Translate X
        * @see https://tailwindcss.com/docs/translate
        */
       "translate-x": [{
-        "translate-x": ne()
+        "translate-x": se()
       }],
       /**
        * Translate Y
        * @see https://tailwindcss.com/docs/translate
        */
       "translate-y": [{
-        "translate-y": ne()
+        "translate-y": se()
       }],
       /**
        * Translate Z
        * @see https://tailwindcss.com/docs/translate
        */
       "translate-z": [{
-        "translate-z": ne()
+        "translate-z": se()
       }],
       /**
        * Translate None
@@ -2489,126 +2489,126 @@ const tt = (e, r) => {
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-m": [{
-        "scroll-m": h()
+        "scroll-m": b()
       }],
       /**
        * Scroll Margin X
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mx": [{
-        "scroll-mx": h()
+        "scroll-mx": b()
       }],
       /**
        * Scroll Margin Y
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-my": [{
-        "scroll-my": h()
+        "scroll-my": b()
       }],
       /**
        * Scroll Margin Start
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-ms": [{
-        "scroll-ms": h()
+        "scroll-ms": b()
       }],
       /**
        * Scroll Margin End
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-me": [{
-        "scroll-me": h()
+        "scroll-me": b()
       }],
       /**
        * Scroll Margin Top
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mt": [{
-        "scroll-mt": h()
+        "scroll-mt": b()
       }],
       /**
        * Scroll Margin Right
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mr": [{
-        "scroll-mr": h()
+        "scroll-mr": b()
       }],
       /**
        * Scroll Margin Bottom
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mb": [{
-        "scroll-mb": h()
+        "scroll-mb": b()
       }],
       /**
        * Scroll Margin Left
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-ml": [{
-        "scroll-ml": h()
+        "scroll-ml": b()
       }],
       /**
        * Scroll Padding
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-p": [{
-        "scroll-p": h()
+        "scroll-p": b()
       }],
       /**
        * Scroll Padding X
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-px": [{
-        "scroll-px": h()
+        "scroll-px": b()
       }],
       /**
        * Scroll Padding Y
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-py": [{
-        "scroll-py": h()
+        "scroll-py": b()
       }],
       /**
        * Scroll Padding Start
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-ps": [{
-        "scroll-ps": h()
+        "scroll-ps": b()
       }],
       /**
        * Scroll Padding End
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pe": [{
-        "scroll-pe": h()
+        "scroll-pe": b()
       }],
       /**
        * Scroll Padding Top
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pt": [{
-        "scroll-pt": h()
+        "scroll-pt": b()
       }],
       /**
        * Scroll Padding Right
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pr": [{
-        "scroll-pr": h()
+        "scroll-pr": b()
       }],
       /**
        * Scroll Padding Bottom
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pb": [{
-        "scroll-pb": h()
+        "scroll-pb": b()
       }],
       /**
        * Scroll Padding Left
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pl": [{
-        "scroll-pl": h()
+        "scroll-pl": b()
       }],
       /**
        * Scroll Snap Align
@@ -2693,7 +2693,7 @@ const tt = (e, r) => {
        * @see https://tailwindcss.com/docs/stroke-width
        */
       "stroke-w": [{
-        stroke: [x, Q, O, fe]
+        stroke: [x, Q, W, he]
       }],
       /**
        * Stroke
@@ -2768,20 +2768,20 @@ const tt = (e, r) => {
     },
     orderSensitiveModifiers: ["*", "**", "after", "backdrop", "before", "details-content", "file", "first-letter", "first-line", "marker", "placeholder", "selection"]
   };
-}, Ht = /* @__PURE__ */ vt($t);
+}, Dt = /* @__PURE__ */ vt($t);
 function m(...e) {
-  return Ht(et(e));
+  return Dt(et(e));
 }
-const Wt = {
+const Ht = {
   primary: "text-[#7e97b8] bg-[#dbeafe] border-[rgba(255,255,255,0.333)] shadow-[-4px_-2px_8px_0px_#ffffff,4px_2px_8px_0px_rgb(59_130_246_/_24%)] hover:text-[#516d91] hover:bg-[#bfdbfe] hover:shadow-[-2px_-1px_4px_0px_#ffffff,2px_1px_4px_0px_rgb(59_130_246_/_24%)]",
   secondary: "text-[#6b7280] bg-[#d1fae5] border-[rgba(255,255,255,0.4)] shadow-[-4px_-2px_8px_0px_#ffffff,4px_2px_8px_0px_rgb(34_197_94_/_18%)] hover:text-[#4b5563] hover:bg-[#a7f3d0] hover:shadow-[-2px_-1px_4px_0px_#ffffff,2px_1px_4px_0px_rgb(34_197_94_/_18%)]",
-  danger: "text-[#ef4444] bg-[#fecaca] border-[rgba(255,255,255,0.5)] shadow-[-4px_-2px_8px_0px_#ffffff,4px_2px_8px_0px_rgb(239_68_68_/_18%)] hover:text-[#dc2626] hover:bg-[#fed7d7] hover:shadow-[-2px_-1px_4px_0px_#ffffff,2px_1px_4px_0px_rgb(239_68_68_/_18%)]",
-  ghost: "text-[#6b7280] bg-transparent border-[rgba(255,255,255,0.2)] shadow-[-4px_-2px_8px_0px_rgba(255,255,255,0.05),4px_2px_8px_0px_rgba(0,0,0,0.05)] hover:text-[#4b5563] hover:bg-[rgba(255,255,255,0.05)] hover:shadow-[-2px_-1px_4px_0px_rgba(255,255,255,0.05),2px_1px_4px_0px_rgba(0,0,0,0.05)]"
-}, Dt = {
+  danger: "text-black font-bold bg-[#fecaca] border-[rgba(255,255,255,0.5)] shadow-[-4px_-2px_8px_0px_#ffffff,4px_2px_8px_0px_rgb(239_68_68_/_18%)] hover:text-black hover:bg-[#fed7d7] hover:shadow-[-2px_-1px_4px_0px_#ffffff,2px_1px_4px_0px_rgb(239_68_68_/_18%)]",
+  ghost: "text-[#6b7280] bg-transparent border-[rgba(255,255,255,0.2)] shadow-[-4px_-2px_8px_0px_rgba(255,255,255,0.05),4px_2px_8px_0px_rgba(0,0,0,0.05)] hover:text-[#4b5563] hover:bg-[rgba(255,255,255,0.05)] hover:shadow-[-2px_-1px_4px_0px_rgba(255,255,255,0.05),2px_1px_4px_0px_rgba(0,0,0,0.05)] theme-dark:text-white theme-dark:hover:text-white"
+}, Ot = {
   sm: "px-4 py-2 pl-5 text-xs h-8",
-  md: "px-6 py-4 pl-7 text-[13px] h-10",
-  lg: "px-8 py-5 pl-9 text-sm h-12"
-}, ie = y.forwardRef(({
+  md: "px-6 py-4 pl-7 text-sm h-10",
+  lg: "px-8 py-5 pl-9 text-base h-12"
+}, pe = y.forwardRef(({
   variant: e = "primary",
   size: r = "md",
   loading: o = !1,
@@ -2795,8 +2795,8 @@ const Wt = {
     ref: c,
     className: m(
       "flex items-center justify-center gap-2.5",
-      "font-inherit font-medium",
-      "uppercase tracking-[0.4px]",
+      "font-bold",
+      "tracking-[0.4px]",
       "border-2 border-solid",
       "rounded-[40px]",
       "transform translate-x-0 translate-y-0 rotate-0",
@@ -2804,11 +2804,13 @@ const Wt = {
       "active:shadow-none",
       "focus-visible focus:outline-none",
       "disabled:cursor-not-allowed disabled:opacity-50",
-      Wt[e],
-      Dt[r],
+      Ht[e],
+      Ot[r],
       s
     ),
+    style: { fontFamily: '"Manrope", sans-serif' },
     disabled: t || o,
+    "aria-busy": o,
     ...a,
     children: [
       o && /* @__PURE__ */ g(
@@ -2846,22 +2848,22 @@ const Wt = {
     ]
   }
 ));
-ie.displayName = "Button";
-const Ot = "_button_qraba_7", qt = "_state_qraba_79", Zt = "_icon_qraba_151", Ut = "_outline_qraba_205", G = {
-  button: Ot,
-  "button--size-sm": "_button--size-sm_qraba_63",
-  state: qt,
-  "button--size-md": "_button--size-md_qraba_87",
-  "button--size-lg": "_button--size-lg_qraba_111",
-  icon: Zt,
-  outline: Ut,
-  "state--default": "_state--default_qraba_229",
-  "state--sent": "_state--sent_qraba_813"
+pe.displayName = "Button";
+const Wt = "_button_1l5kn_7", Zt = "_state_1l5kn_79", Ut = "_icon_1l5kn_155", qt = "_outline_1l5kn_209", G = {
+  button: Wt,
+  "button--size-sm": "_button--size-sm_1l5kn_61",
+  state: Zt,
+  "button--size-md": "_button--size-md_1l5kn_87",
+  "button--size-lg": "_button--size-lg_1l5kn_113",
+  icon: Ut,
+  outline: qt,
+  "state--default": "_state--default_1l5kn_233",
+  "state--sent": "_state--sent_1l5kn_817"
 }, Ae = (e) => e.split("").map((r, o) => /* @__PURE__ */ n("span", { style: { "--i": o }, children: r === " " ? " " : r }, o)), Yt = {
   sm: G["button--size-sm"],
   md: G["button--size-md"],
   lg: G["button--size-lg"]
-}, Xt = {
+}, Kt = {
   primary: "text-[#7e97b8] bg-[#dbeafe] border-[rgba(255,255,255,0.333)] shadow-[-4px_-2px_8px_0px_#ffffff,4px_2px_8px_0px_rgb(59_130_246_/_24%)] hover:text-[#516d91] hover:bg-[#bfdbfe] hover:shadow-[-2px_-1px_4px_0px_#ffffff,2px_1px_4px_0px_rgb(59_130_246_/_24%)]",
   secondary: "text-[#6b7280] bg-[#d1fae5] border-[rgba(255,255,255,0.4)] shadow-[-4px_-2px_8px_0px_#ffffff,4px_2px_8px_0px_rgb(34_197_94_/_18%)] hover:text-[#4b5563] hover:bg-[#a7f3d0] hover:shadow-[-2px_-1px_4px_0px_#ffffff,2px_1px_4px_0px_rgb(34_197_94_/_18%)]",
   danger: "text-[#ef4444] bg-[#fecaca] border-[rgba(255,255,255,0.5)] shadow-[-4px_-2px_8px_0px_#ffffff,4px_2px_8px_0px_rgb(239_68_68_/_18%)] hover:text-[#dc2626] hover:bg-[#fed7d7] hover:shadow-[-2px_-1px_4px_0px_#ffffff,2px_1px_4px_0px_rgb(239_68_68_/_18%)]"
@@ -2875,41 +2877,80 @@ const Ot = "_button_qraba_7", qt = "_state_qraba_79", Zt = "_icon_qraba_151", Ut
   className: a,
   ...c
 }) => {
-  const [i, u] = ce(!1), b = Ke(), _ = X(null);
+  const [i, u] = ie(!1), [h, _] = ie(!1), w = Xe(), N = ee(null), v = ee(void 0);
+  ce(() => () => {
+    v.current !== void 0 && window.clearTimeout(v.current);
+  }, []);
+  const z = Ie(async (k) => {
+    if (o && !i && !h)
+      try {
+        _(!0), await o(), u(!0), v.current !== void 0 && window.clearTimeout(v.current), v.current = window.setTimeout(() => {
+          u(!1);
+        }, 3e3);
+      } catch (C) {
+        console.error("Submit failed:", C);
+      } finally {
+        _(!1);
+      }
+    c.onClick?.(k);
+  }, [o, i, h, c.onClick]);
   return /* @__PURE__ */ g(
     "button",
     {
       ...c,
-      ref: _,
+      ref: N,
       type: "submit",
-      disabled: t,
-      onClick: async (k) => {
-        if (o && !i)
-          try {
-            await o(), u(!0), _.current?.focus(), setTimeout(() => {
-              u(!1), _.current?.blur();
-            }, 3e3);
-          } catch (v) {
-            console.error("Submit failed:", v);
-          }
-        c.onClick?.(k);
-      },
-      className: m(G.button, Xt[s], Yt[l], a),
+      disabled: t || h,
+      onClick: z,
+      className: m(G.button, Kt[s], Yt[l], a),
       "aria-label": i ? "Submission successful" : c["aria-label"] || "Submit",
-      "aria-disabled": t,
+      "aria-disabled": t || h,
+      "aria-busy": h,
       children: [
         /* @__PURE__ */ n("div", { className: G.outline }),
         /* @__PURE__ */ g("div", { className: m(G.state, G["state--default"]), children: [
-          /* @__PURE__ */ n("div", { className: G.icon, children: /* @__PURE__ */ g(
+          /* @__PURE__ */ n("div", { className: G.icon, children: h ? /* @__PURE__ */ g(
             "svg",
             {
+              className: "animate-spin",
               width: "1em",
               height: "1em",
               viewBox: "0 0 24 24",
               fill: "none",
               xmlns: "http://www.w3.org/2000/svg",
+              "aria-hidden": "true",
               children: [
-                /* @__PURE__ */ g("g", { style: { filter: `url(#${b})` }, children: [
+                /* @__PURE__ */ n(
+                  "circle",
+                  {
+                    className: "opacity-25",
+                    cx: "12",
+                    cy: "12",
+                    r: "10",
+                    stroke: "currentColor",
+                    strokeWidth: "4"
+                  }
+                ),
+                /* @__PURE__ */ n(
+                  "path",
+                  {
+                    className: "opacity-75",
+                    fill: "currentColor",
+                    d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
+                  }
+                )
+              ]
+            }
+          ) : /* @__PURE__ */ g(
+            "svg",
+            {
+              width: "1em",
+              height: "1em",
+              viewBox: "0 0 24 24",
+              fill: "none",
+              xmlns: "http://www.w3.org/2000/svg",
+              children: [
+                /* @__PURE__ */ g("g", { style: { filter: `url(#${w})` }, children: [
                   /* @__PURE__ */ n(
                     "path",
                     {
@@ -2925,7 +2966,7 @@ const Ot = "_button_qraba_7", qt = "_state_qraba_79", Zt = "_icon_qraba_151", Ut
                     }
                   )
                 ] }),
-                /* @__PURE__ */ n("defs", { children: /* @__PURE__ */ n("filter", { id: b, children: /* @__PURE__ */ n(
+                /* @__PURE__ */ n("defs", { children: /* @__PURE__ */ n("filter", { id: w, children: /* @__PURE__ */ n(
                   "feDropShadow",
                   {
                     dx: "0",
@@ -2950,7 +2991,7 @@ const Ot = "_button_qraba_7", qt = "_state_qraba_79", Zt = "_icon_qraba_151", Ut
               width: "1em",
               strokeWidth: "0.5px",
               stroke: "black",
-              children: /* @__PURE__ */ g("g", { style: { filter: `url(#${b})` }, children: [
+              children: /* @__PURE__ */ g("g", { style: { filter: `url(#${w})` }, children: [
                 /* @__PURE__ */ n(
                   "path",
                   {
@@ -2973,11 +3014,11 @@ const Ot = "_button_qraba_7", qt = "_state_qraba_79", Zt = "_icon_qraba_151", Ut
       ]
     }
   );
-}, Kt = {
+}, Xt = {
   sm: "px-4 py-2 text-sm",
   md: "px-5 py-[10px] text-base",
   lg: "px-6 py-3 text-lg"
-}, De = y.forwardRef(({
+}, We = y.forwardRef(({
   size: e = "md",
   error: r = !1,
   className: o,
@@ -2998,7 +3039,7 @@ const Ot = "_button_qraba_7", qt = "_state_qraba_79", Zt = "_icon_qraba_151", Ut
         "transition-colors duration-200",
         "disabled:text-text-disabled disabled:cursor-not-allowed",
         r ? "shadow-[inset_2px_5px_10px_var(--input-shadow-error)] cursor-help" : "shadow-[inset_2px_5px_10px_var(--input-shadow)]",
-        Kt[e],
+        Xt[e],
         o
       ),
       style: r ? { paddingRight: "2rem" } : void 0,
@@ -3027,7 +3068,7 @@ const Ot = "_button_qraba_7", qt = "_state_qraba_79", Zt = "_icon_qraba_151", Ut
     }
   )
 ] }));
-De.displayName = "Input";
+We.displayName = "Input";
 const Jt = y.forwardRef(({
   label: e,
   error: r = !1,
@@ -3055,7 +3096,7 @@ const Jt = y.forwardRef(({
           ...a
         }
       ),
-      /* @__PURE__ */ n("svg", { viewBox: "0 0 64 64", height: "1em", width: "1em", children: /* @__PURE__ */ n(
+      /* @__PURE__ */ n("svg", { viewBox: "0 0 64 64", height: "1em", width: "1em", "aria-hidden": "true", children: /* @__PURE__ */ n(
         "path",
         {
           d: "M 0 16 V 56 A 8 8 90 0 0 8 64 H 56 A 8 8 90 0 0 64 56 V 8 A 8 8 90 0 0 56 0 H 8 A 8 8 90 0 0 0 8 V 16 L 32 48 L 64 16 V 8 A 8 8 90 0 0 56 0 H 8 A 8 8 90 0 0 0 8 V 56 A 8 8 90 0 0 8 64 H 56 A 8 8 90 0 0 64 56 V 16",
@@ -3078,7 +3119,7 @@ const Jt = y.forwardRef(({
   ] });
 });
 Jt.displayName = "Checkbox";
-const Pr = ({
+const Br = ({
   label: e,
   error: r = !1,
   className: o,
@@ -3088,21 +3129,14 @@ const Pr = ({
   id: a,
   ...c
 }) => {
-  const i = a || y.useId(), u = (b) => {
-    if ((b.key === "Enter" || b.key === " ") && !t) {
-      b.preventDefault();
-      const _ = document.getElementById(i);
-      if (_) {
-        _.checked = !_.checked;
-        const w = new Event("change", { bubbles: !0 });
-        _.dispatchEvent(w);
-      }
-    }
+  const i = a || y.useId(), u = ee(null), h = (_) => {
+    (_.key === "Enter" || _.key === " ") && !t && (_.preventDefault(), u.current?.click());
   };
   return /* @__PURE__ */ g("div", { className: m("toggle-wrapper", r && "toggle-wrapper--error", t && "cursor-not-allowed", r && !t && "cursor-help", o), children: [
     /* @__PURE__ */ n(
       "input",
       {
+        ref: u,
         id: i,
         className: "toggle-checkbox",
         type: "checkbox",
@@ -3120,11 +3154,11 @@ const Pr = ({
       "div",
       {
         className: m("toggle-container", t && "cursor-not-allowed", r && !t && "cursor-help"),
-        onKeyDown: u,
+        onKeyDown: h,
         tabIndex: t ? -1 : 0,
         role: "button",
         "aria-hidden": "true",
-        children: /* @__PURE__ */ n("div", { className: "toggle-button", children: /* @__PURE__ */ n("div", { className: "toggle-button-circles-container", children: Array.from({ length: 12 }).map((b, _) => /* @__PURE__ */ n("div", { className: "toggle-button-circle" }, _)) }) })
+        children: /* @__PURE__ */ n("div", { className: "toggle-button", children: /* @__PURE__ */ n("div", { className: "toggle-button-circles-container", children: Array.from({ length: 12 }).map((_, w) => /* @__PURE__ */ n("div", { className: "toggle-button-circle" }, w)) }) })
       }
     ),
     e && /* @__PURE__ */ n(
@@ -3139,7 +3173,7 @@ const Pr = ({
       }
     )
   ] });
-}, Gr = ({ className: e, ...r }) => /* @__PURE__ */ n(
+}, Fr = ({ className: e, ...r }) => /* @__PURE__ */ n(
   "div",
   {
     className: m(
@@ -3152,36 +3186,46 @@ const Pr = ({
     ),
     ...r
   }
-), Br = ({ className: e, ...r }) => /* @__PURE__ */ n(
+), Gr = ({ className: e, ...r }) => /* @__PURE__ */ n(
   "div",
   {
     className: m("flex items-start justify-between gap-4 px-6 py-4 border-b border-border", e),
     ...r
   }
-), Fr = ({ className: e, ...r }) => /* @__PURE__ */ n("div", { className: m("px-6 py-4", e), ...r }), $r = ({ className: e, ...r }) => /* @__PURE__ */ n(
+), Pr = ({ className: e, ...r }) => /* @__PURE__ */ n("div", { className: m("px-6 py-4", e), ...r }), $r = ({ className: e, ...r }) => /* @__PURE__ */ n(
   "div",
   {
     className: m("flex items-center justify-end gap-3 px-6 py-4 border-t border-border", e),
     ...r
   }
-), Oe = {
+), Ze = {
   sm: 0.7,
   md: 1,
   lg: 1.3
-}, Hr = ({ size: e = "md", className: r, ...o }) => {
-  const t = 8 * Oe[e];
-  return /* @__PURE__ */ g("div", { className: m("loader", r), style: { fontSize: `${t}px` }, ...o, children: [
-    /* @__PURE__ */ n("div", { className: "loader-face loader-face-1", children: /* @__PURE__ */ n("div", { className: "loader-circle" }) }),
-    /* @__PURE__ */ n("div", { className: "loader-face loader-face-2", children: /* @__PURE__ */ n("div", { className: "loader-circle" }) })
-  ] });
-}, Wr = ({
+}, Dr = ({ size: e = "md", className: r, ...o }) => {
+  const t = 8 * Ze[e];
+  return /* @__PURE__ */ g(
+    "div",
+    {
+      className: m("loader", r),
+      style: { fontSize: `${t}px` },
+      role: "status",
+      "aria-label": "Loading",
+      ...o,
+      children: [
+        /* @__PURE__ */ n("div", { className: "loader-face loader-face-1", children: /* @__PURE__ */ n("div", { className: "loader-circle" }) }),
+        /* @__PURE__ */ n("div", { className: "loader-face loader-face-2", children: /* @__PURE__ */ n("div", { className: "loader-circle" }) })
+      ]
+    }
+  );
+}, Hr = ({
   size: e = "md",
   variant: r = "inline",
   label: o,
   className: t,
   ...s
 }) => {
-  const l = 8 * Oe[e];
+  const l = 8 * Ze[e];
   return r === "container" ? /* @__PURE__ */ n(
     "div",
     {
@@ -3189,23 +3233,34 @@ const Pr = ({
         "relative w-full min-h-[8rem] rounded-lg border border-border bg-surface-secondary flex items-center justify-center",
         t
       ),
+      role: "status",
+      "aria-label": o || "Loading",
       ...s,
       children: /* @__PURE__ */ g("div", { className: "flex flex-col items-center gap-3", children: [
-        /* @__PURE__ */ g("div", { className: "loader", style: { fontSize: `${l}px` }, children: [
+        /* @__PURE__ */ g("div", { className: "loader", style: { fontSize: `${l}px` }, "aria-hidden": "true", children: [
           /* @__PURE__ */ n("div", { className: "loader-face loader-face-1", children: /* @__PURE__ */ n("div", { className: "loader-circle" }) }),
           /* @__PURE__ */ n("div", { className: "loader-face loader-face-2", children: /* @__PURE__ */ n("div", { className: "loader-circle" }) })
         ] }),
         o && /* @__PURE__ */ n("span", { className: "text-sm text-text-secondary", children: o })
       ] })
     }
-  ) : /* @__PURE__ */ g("div", { className: m("inline-flex items-center gap-2", t), ...s, children: [
-    /* @__PURE__ */ g("div", { className: "loader", style: { fontSize: `${l}px` }, children: [
-      /* @__PURE__ */ n("div", { className: "loader-face loader-face-1", children: /* @__PURE__ */ n("div", { className: "loader-circle" }) }),
-      /* @__PURE__ */ n("div", { className: "loader-face loader-face-2", children: /* @__PURE__ */ n("div", { className: "loader-circle" }) })
-    ] }),
-    o && /* @__PURE__ */ n("span", { className: "text-sm text-text-secondary", children: o })
-  ] });
-}, qe = y.createContext(null), Dr = ({
+  ) : /* @__PURE__ */ g(
+    "div",
+    {
+      className: m("inline-flex items-center gap-2", t),
+      role: "status",
+      "aria-label": o || "Loading",
+      ...s,
+      children: [
+        /* @__PURE__ */ g("div", { className: "loader", style: { fontSize: `${l}px` }, "aria-hidden": "true", children: [
+          /* @__PURE__ */ n("div", { className: "loader-face loader-face-1", children: /* @__PURE__ */ n("div", { className: "loader-circle" }) }),
+          /* @__PURE__ */ n("div", { className: "loader-face loader-face-2", children: /* @__PURE__ */ n("div", { className: "loader-circle" }) })
+        ] }),
+        o && /* @__PURE__ */ n("span", { className: "text-sm text-text-secondary", children: o })
+      ]
+    }
+  );
+}, Ue = y.createContext(null), Or = ({
   name: e,
   legend: r,
   value: o,
@@ -3216,13 +3271,13 @@ const Pr = ({
   children: c,
   ...i
 }) => {
-  const u = o !== void 0, [b, _] = y.useState(t), w = u ? o : b, k = y.useCallback(
+  const u = o !== void 0, [h, _] = y.useState(t), w = u ? o : h, N = y.useCallback(
     (v) => {
       u || _(v), l?.(v);
     },
     [u, l]
   );
-  return /* @__PURE__ */ n(qe.Provider, { value: { name: e, value: w, disabled: s, onValueChange: k }, children: /* @__PURE__ */ g(
+  return /* @__PURE__ */ n(Ue.Provider, { value: { name: e, value: w, disabled: s, onValueChange: N }, children: /* @__PURE__ */ g(
     "fieldset",
     {
       className: m("radio-input", s && "opacity-60 cursor-not-allowed", a),
@@ -3234,7 +3289,7 @@ const Pr = ({
       ]
     }
   ) });
-}, Or = ({
+}, Wr = ({
   label: e,
   value: r,
   disabled: o,
@@ -3246,29 +3301,29 @@ const Pr = ({
   className: i,
   ...u
 }) => {
-  const b = y.useContext(qe), _ = y.useId(), w = !!(o ?? b?.disabled), k = l ?? b?.name, v = !!b, C = t !== void 0, [z, I] = y.useState(!!s), E = v ? b?.value === r : C ? !!t : z, T = (L) => {
-    const A = L.target.checked;
-    v && A ? b?.onValueChange?.(r) : C || I(A), c?.(A), a?.(L);
-  }, S = /* @__PURE__ */ g("label", { htmlFor: _, className: m(w && "cursor-not-allowed", i), role: "radio", "aria-checked": E, "aria-disabled": w, children: [
+  const h = y.useContext(Ue), _ = y.useId(), w = !!(o ?? h?.disabled), N = l ?? h?.name, v = !!h, z = t !== void 0, [k, C] = y.useState(!!s), L = v ? h?.value === r : z ? !!t : k, V = (M) => {
+    const I = M.target.checked;
+    v && I ? h?.onValueChange?.(r) : z || C(I), c?.(I), a?.(M);
+  }, R = /* @__PURE__ */ g("label", { htmlFor: _, className: m(w && "cursor-not-allowed", i), role: "radio", "aria-checked": L, "aria-disabled": w, children: [
     /* @__PURE__ */ n(
       "input",
       {
         id: _,
         type: "radio",
-        name: k,
+        name: N,
         value: r,
-        checked: E,
+        checked: L,
         disabled: w,
-        onChange: T,
+        onChange: V,
         role: "radio",
-        "aria-checked": E,
+        "aria-checked": L,
         "aria-disabled": w,
         ...u
       }
     ),
     /* @__PURE__ */ n("span", { children: e || "" })
   ] });
-  return v ? S : /* @__PURE__ */ n("div", { className: "radio-input", children: S });
+  return v ? R : /* @__PURE__ */ n("div", { className: "radio-input", children: R });
 }, Qt = {
   top: "bottom-full left-1/2 -translate-x-1/2 mb-1",
   bottom: "top-full left-1/2 -translate-x-1/2 mt-1",
@@ -3289,7 +3344,7 @@ const Pr = ({
   bottom: "bottom-full left-1/2 -translate-x-1/2 -mb-[5px]",
   left: "left-full top-1/2 -translate-y-1/2 -ml-[5px]",
   right: "right-full top-1/2 -translate-y-1/2 -mr-[5px]"
-}, qr = ({
+}, Zr = ({
   open: e,
   onOpenChange: r,
   content: o,
@@ -3299,56 +3354,62 @@ const Pr = ({
   children: a,
   className: c
 }) => {
-  const i = y.useRef(null), u = () => {
+  const i = y.useRef(null), u = y.useRef(null), h = y.useRef(null), _ = () => {
     i.current !== null && (window.clearTimeout(i.current), i.current = null);
   };
-  y.useEffect(() => u, []);
-  const b = () => {
+  y.useEffect(() => _, []);
+  const w = () => {
     if (!l) {
-      if (u(), s > 0) {
+      if (_(), s > 0) {
         i.current = window.setTimeout(() => r?.(!0), s);
         return;
       }
       r?.(!0);
     }
-  }, _ = () => {
-    u(), r?.(!1);
-  }, w = y.Children.only(a), k = y.useId();
-  return /* @__PURE__ */ g("span", { className: m("relative inline-block", c), children: [
-    y.cloneElement(w, {
-      "aria-describedby": e && !l ? k : void 0,
-      onMouseEnter: (v) => {
-        w.props.onMouseEnter?.(v), b();
+  }, N = () => {
+    _(), r?.(!1);
+  }, v = y.Children.only(a), z = y.useId(), k = (C) => {
+    const L = C.relatedTarget, V = h.current?.contains(L), R = u.current?.contains(L);
+    !V && !R && N(), v.props.onBlur?.(C);
+  };
+  return /* @__PURE__ */ g("span", { ref: h, className: m("relative inline-block", c), children: [
+    y.cloneElement(v, {
+      "aria-describedby": e && !l ? z : void 0,
+      onMouseEnter: (C) => {
+        v.props.onMouseEnter?.(C), w();
       },
-      onMouseLeave: (v) => {
-        w.props.onMouseLeave?.(v), _();
+      onMouseLeave: (C) => {
+        v.props.onMouseLeave?.(C);
+        const L = C.relatedTarget;
+        u.current?.contains(L) || N();
       },
-      onFocus: (v) => {
-        w.props.onFocus?.(v), b();
+      onFocus: (C) => {
+        v.props.onFocus?.(C), w();
       },
-      onBlur: (v) => {
-        w.props.onBlur?.(v), _();
-      }
+      onBlur: k
     }),
     e && !l && /* @__PURE__ */ g(
       "span",
       {
-        id: k,
+        ref: u,
+        id: z,
         role: "tooltip",
         className: m(
-          "absolute z-50 pointer-events-none",
+          "absolute z-50",
           Qt[t],
           "whitespace-nowrap",
           "rounded-md border border-border bg-surface text-text-primary",
           "px-3 py-2 text-xs shadow-md"
         ),
+        onMouseEnter: w,
+        onMouseLeave: N,
         children: [
           o,
           /* @__PURE__ */ n(
             "span",
             {
               className: m(
-                "absolute w-0 h-0",
+                "absolute w-0 h-0 pointer-events-none",
                 er[t],
                 tr[t]
               )
@@ -3358,7 +3419,7 @@ const Pr = ({
             "span",
             {
               className: m(
-                "absolute w-0 h-0 bg-surface",
+                "absolute w-0 h-0 bg-surface pointer-events-none",
                 rr[t],
                 t === "top" && "border-t-[5px] border-r-[5px] border-l-[5px] border-t-surface border-r-transparent border-l-transparent",
                 t === "bottom" && "border-b-[5px] border-r-[5px] border-l-[5px] border-b-surface border-r-transparent border-l-transparent",
@@ -3371,7 +3432,7 @@ const Pr = ({
       }
     )
   ] });
-}, Ze = Je(void 0), Zr = ({
+}, qe = Je(void 0), Ur = ({
   children: e,
   defaultTheme: r
 }) => {
@@ -3382,7 +3443,7 @@ const Pr = ({
         return a;
     }
     return typeof window < "u" && window.matchMedia ? window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light" : r || "dark";
-  }, [t, s] = ce(o), l = y.useCallback((a) => {
+  }, [t, s] = ie(o), l = y.useCallback((a) => {
     s(a), typeof window < "u" && localStorage.setItem("theme", a);
   }, []);
   return y.useEffect(() => {
@@ -3398,13 +3459,13 @@ const Pr = ({
       return a.addEventListener("change", c), () => a.removeEventListener("change", c);
     if (a.addListener)
       return a.addListener(c), () => a.removeListener(c);
-  }, []), /* @__PURE__ */ n(Ze.Provider, { value: { theme: t, setTheme: l }, children: e });
+  }, []), /* @__PURE__ */ n(qe.Provider, { value: { theme: t, setTheme: l }, children: e });
 }, or = () => {
-  const e = Qe(Ze);
+  const e = Qe(qe);
   if (e === void 0)
     throw new Error("useTheme must be used within a ThemeProvider");
   return e;
-}, Ur = ({
+}, qr = ({
   className: e,
   showLabel: r = !0
 }) => {
@@ -3456,12 +3517,19 @@ const Pr = ({
     ),
     r && /* @__PURE__ */ n("span", { className: "text-sm font-medium text-text-primary", children: s ? "Dark" : "Light" })
   ] });
-}, nr = ({
-  width: e = 315,
-  aspectRatio: r = 1.33,
-  className: o,
-  children: t,
-  ...s
+}, nr = {
+  sm: "max-w-xs w-full",
+  // 320px
+  md: "max-w-sm w-full",
+  // 384px
+  lg: "max-w-md w-full",
+  // 448px
+  full: "w-full"
+}, sr = ({
+  size: e = "md",
+  className: r,
+  children: o,
+  ...t
 }) => /* @__PURE__ */ n(
   "div",
   {
@@ -3470,21 +3538,16 @@ const Pr = ({
       "bg-surface-tertiary rounded-[24px]",
       "shadow-[0_4px_8px_rgba(0,0,0,0.2),0_8px_16px_rgba(0,0,0,0.2),0_0_8px_rgba(255,255,255,0.1),0_0_16px_rgba(255,255,255,0.08)]",
       "z-[8]",
-      o
+      nr[e],
+      r
     ),
-    style: {
-      width: `${e}px`,
-      minHeight: `${e * r}px`
-    },
-    ...s,
-    children: t
+    ...t,
+    children: o
   }
-), sr = ({
-  width: e = 315,
-  aspectRatio: r = 1.33,
-  className: o,
-  children: t,
-  ...s
+), ar = ({
+  className: e,
+  children: r,
+  ...o
 }) => /* @__PURE__ */ n(
   "div",
   {
@@ -3493,15 +3556,12 @@ const Pr = ({
       "backdrop-blur-[15px]",
       "shadow-[inset_0_40px_60px_-8px_rgba(255,255,255,0.12),inset_4px_0_12px_-6px_rgba(255,255,255,0.12),inset_0_0_12px_-4px_rgba(255,255,255,0.12)]",
       "w-full",
-      o
+      e
     ),
-    style: {
-      minHeight: `${e * r}px`
-    },
-    ...s,
-    children: t
+    ...o,
+    children: r
   }
-), ar = ({ className: e, ...r }) => /* @__PURE__ */ g(
+), lr = ({ className: e, ...r }) => /* @__PURE__ */ g(
   "div",
   {
     className: m(
@@ -3521,47 +3581,56 @@ const Pr = ({
   title: e,
   showLogo: r = !1,
   footer: o,
-  width: t = 315,
-  aspectRatio: s = 1.33,
-  className: l,
-  children: a,
-  ...c
-}) => /* @__PURE__ */ n(nr, { width: t, aspectRatio: s, children: /* @__PURE__ */ g(sr, { width: t, aspectRatio: s, children: [
+  size: t = "md",
+  className: s,
+  children: l,
+  ...a
+}) => /* @__PURE__ */ n(sr, { size: t, children: /* @__PURE__ */ g(ar, { children: [
   /* @__PURE__ */ g(
     "form",
     {
-      className: m("flex justify-center items-center flex-col gap-[10px]", l),
-      ...c,
+      className: m("flex justify-center items-center flex-col gap-[10px]", s),
+      ...a,
       children: [
-        r && /* @__PURE__ */ n("div", { className: "flex justify-center items-center mb-2", children: /* @__PURE__ */ n(ar, {}) }),
+        r && /* @__PURE__ */ n("div", { className: "flex justify-center items-center mb-2", children: /* @__PURE__ */ n(lr, {}) }),
         e && /* @__PURE__ */ n("div", { className: "w-full text-center text-2xl font-bold py-1.5 text-text-primary flex justify-center items-center", children: e }),
-        a
+        l
       ]
     }
   ),
   o && /* @__PURE__ */ n("div", { className: "w-full text-left text-text-secondary text-xs mt-4", children: o })
-] }) }), Xr = ({
+] }) }), Kr = ({
   label: e,
   error: r,
-  className: o,
-  size: t,
-  ...s
-}) => /* @__PURE__ */ g("div", { className: "w-full", children: [
-  e && /* @__PURE__ */ n("label", { className: "block text-text-primary text-sm mb-1.5", children: e }),
-  /* @__PURE__ */ n("div", { className: "flex justify-center", children: /* @__PURE__ */ n(
-    De,
-    {
-      className: m(
-        "p-3 border-none rounded-xl bg-surface text-text-primary text-sm outline-none",
-        "focus:border focus:border-border-focus",
-        o
-      ),
-      error: r,
-      size: t,
-      ...s
-    }
-  ) })
-] }), Kr = ({
+  helperText: o,
+  className: t,
+  size: s,
+  id: l,
+  ...a
+}) => {
+  const c = l || y.useId(), i = typeof r == "string" ? r : void 0, u = !!r;
+  return /* @__PURE__ */ g("div", { className: "w-full", children: [
+    e && /* @__PURE__ */ n("label", { htmlFor: c, className: "block text-text-primary text-sm mb-1.5", children: e }),
+    /* @__PURE__ */ n("div", { className: "flex justify-center", children: /* @__PURE__ */ n(
+      We,
+      {
+        id: c,
+        className: m(
+          "p-3 border-none rounded-xl bg-surface text-text-primary text-sm outline-none",
+          "focus:border focus:border-border-focus",
+          t
+        ),
+        error: u,
+        size: s,
+        "aria-invalid": u,
+        "aria-describedby": i ? `${c}-error` : o ? `${c}-helper` : void 0,
+        ...a
+      }
+    ) }),
+    i && /* @__PURE__ */ n("p", { id: `${c}-error`, className: "text-red-500 text-xs mt-1", role: "alert", children: i }),
+    o && !i && /* @__PURE__ */ n("p", { id: `${c}-helper`, className: "text-text-secondary text-xs mt-1", children: o })
+  ] });
+}, Xr = ({
   variant: e = "primary",
   className: r,
   children: o,
@@ -3582,7 +3651,7 @@ const Pr = ({
     children: o
   }
 ) : /* @__PURE__ */ n(
-  ie,
+  pe,
   {
     variant: "primary",
     className: m(
@@ -3623,34 +3692,30 @@ const Pr = ({
     ...o,
     children: r
   }
-), lr = "_container_14dne_1", ir = "_input_14dne_119", cr = "_search__icon_14dne_177", B = {
-  container: lr,
+), ir = "_container_14dne_1", cr = "_input_14dne_119", dr = "_search__icon_14dne_177", P = {
+  container: ir,
   "container--size-sm": "_container--size-sm_14dne_25",
   "container--size-md": "_container--size-md_14dne_33",
   "container--size-lg": "_container--size-lg_14dne_41",
   "search-container": "_search-container_14dne_49",
-  input: ir,
+  input: cr,
   "input--size-sm": "_input--size-sm_14dne_147",
   "input--size-md": "_input--size-md_14dne_157",
   "input--size-lg": "_input--size-lg_14dne_167",
-  search__icon: cr
-}, dr = {
+  search__icon: dr
+}, pr = {
   sm: {
-    container: B["container--size-sm"],
-    input: B["input--size-sm"]
+    container: P["container--size-sm"],
+    input: P["input--size-sm"]
   },
   md: {
-    container: B["container--size-md"],
-    input: B["input--size-md"]
+    container: P["container--size-md"],
+    input: P["input--size-md"]
   },
   lg: {
-    container: B["container--size-lg"],
-    input: B["input--size-lg"]
+    container: P["container--size-lg"],
+    input: P["input--size-lg"]
   }
-}, pr = {
-  sm: 200,
-  md: 260,
-  lg: 320
 }, mr = y.forwardRef(({
   size: e = "md",
   className: r,
@@ -3659,54 +3724,36 @@ const Pr = ({
   placeholder: s,
   ...l
 }, a) => {
-  const c = dr[e], i = X(null), u = X(null), [b, _] = ce(void 0);
-  return he(() => {
-    if (!s || !u.current) return;
-    const k = u.current.offsetWidth, v = 70, C = e === "sm" ? 32 : e === "md" ? 40 : 48, E = k + v + C + 10 + 20, T = pr[e];
-    _(Math.max(E, T));
-  }, [s, e]), /* @__PURE__ */ g(Xe, { children: [
-    /* @__PURE__ */ n(
-      "span",
-      {
-        ref: u,
-        className: m(c.input),
-        style: {
-          position: "absolute",
-          visibility: "hidden",
-          whiteSpace: "pre",
-          pointerEvents: "none",
-          top: "-9999px",
-          left: "-9999px"
-        },
-        "aria-hidden": "true",
-        children: s
-      }
-    ),
-    /* @__PURE__ */ n(
-      "div",
-      {
-        ref: i,
-        className: m(B.container, c.container, r),
-        style: b ? { width: `${b}px`, maxWidth: "100%" } : void 0,
-        children: /* @__PURE__ */ g("div", { className: m(B["search-container"], t), children: [
-          /* @__PURE__ */ n(
-            "input",
-            {
-              ref: a,
-              className: m(B.input, c.input, o),
-              type: "search",
-              placeholder: s,
-              ...l
-            }
-          ),
-          /* @__PURE__ */ n("svg", { viewBox: "0 0 24 24", className: B.search__icon, "aria-hidden": "true", focusable: "false", children: /* @__PURE__ */ n("g", { children: /* @__PURE__ */ n("path", { d: "M21.53 20.47l-3.66-3.66C19.195 15.24 20 13.214 20 11c0-4.97-4.03-9-9-9s-9 4.03-9 9 4.03 9 9 9c2.215 0 4.24-.804 5.808-2.13l3.66 3.66c.147.146.34.22.53.22s.385-.073.53-.22c.295-.293.295-.767.002-1.06zM3.5 11c0-4.135 3.365-7.5 7.5-7.5s7.5 3.365 7.5 7.5-3.365 7.5-7.5 7.5-7.5-3.365-7.5-7.5z" }) }) })
-        ] })
-      }
-    )
-  ] });
+  const c = pr[e];
+  return /* @__PURE__ */ n(
+    "div",
+    {
+      className: m(
+        P.container,
+        c.container,
+        // Responsive width using CSS instead of JavaScript calculation
+        "min-w-[200px] md:min-w-[260px] lg:min-w-[320px]",
+        "w-full max-w-md",
+        r
+      ),
+      children: /* @__PURE__ */ g("div", { className: m(P["search-container"], t), children: [
+        /* @__PURE__ */ n(
+          "input",
+          {
+            ref: a,
+            className: m(P.input, c.input, o),
+            type: "search",
+            placeholder: s,
+            ...l
+          }
+        ),
+        /* @__PURE__ */ n("svg", { viewBox: "0 0 24 24", className: P.search__icon, "aria-hidden": "true", focusable: "false", children: /* @__PURE__ */ n("g", { children: /* @__PURE__ */ n("path", { d: "M21.53 20.47l-3.66-3.66C19.195 15.24 20 13.214 20 11c0-4.97-4.03-9-9-9s-9 4.03-9 9 4.03 9 9 9c2.215 0 4.24-.804 5.808-2.13l3.66 3.66c.147.146.34.22.53.22s.385-.073.53-.22c.295-.293.295-.767.002-1.06zM3.5 11c0-4.135 3.365-7.5 7.5-7.5s7.5 3.365 7.5 7.5-3.365 7.5-7.5 7.5-7.5-3.365-7.5-7.5z" }) }) })
+      ] })
+    }
+  );
 });
 mr.displayName = "SearchBar";
-const ur = "_list_hdx8a_1", fr = "_listHorizontal_hdx8a_11", br = "_iconContent_hdx8a_15", hr = "_tooltip_hdx8a_25", xr = "_tooltipHorizontal_hdx8a_46", gr = "_link_hdx8a_60", _r = "_filled_hdx8a_87", q = {
+const ur = "_list_hdx8a_1", fr = "_listHorizontal_hdx8a_11", br = "_iconContent_hdx8a_15", hr = "_tooltip_hdx8a_25", xr = "_tooltipHorizontal_hdx8a_46", gr = "_link_hdx8a_60", _r = "_filled_hdx8a_87", Z = {
   list: ur,
   listHorizontal: fr,
   iconContent: br,
@@ -3811,25 +3858,25 @@ const ur = "_list_hdx8a_1", fr = "_listHorizontal_hdx8a_11", br = "_iconContent_
   {
     ref: s,
     className: m(
-      q.list,
-      o === "horizontal" && q.listHorizontal,
+      Z.list,
+      o === "horizontal" && Z.listHorizontal,
       r
     ),
     ...t,
     children: e.map((l, a) => {
       const c = l.label || vr(l.platform), i = wr(l.platform);
-      return /* @__PURE__ */ g("li", { className: q.iconContent, children: [
+      return /* @__PURE__ */ g("li", { className: Z.iconContent, children: [
         /* @__PURE__ */ g(
           "a",
           {
             href: l.url,
             "aria-label": c,
             "data-social": l.platform,
-            className: q.link,
+            className: Z.link,
             target: "_blank",
             rel: "noopener noreferrer",
             children: [
-              /* @__PURE__ */ n("div", { className: q.filled }),
+              /* @__PURE__ */ n("div", { className: Z.filled }),
               /* @__PURE__ */ n(
                 "svg",
                 {
@@ -3847,15 +3894,15 @@ const ur = "_list_hdx8a_1", fr = "_listHorizontal_hdx8a_11", br = "_iconContent_
           }
         ),
         /* @__PURE__ */ n("div", { className: m(
-          q.tooltip,
-          o === "horizontal" && q.tooltipHorizontal
+          Z.tooltip,
+          o === "horizontal" && Z.tooltipHorizontal
         ), children: c })
       ] }, `${l.platform}-${a}`);
     })
   }
 ));
 yr.displayName = "SocialLinks";
-const kr = "_card_tuygu_1", Cr = "_separator_tuygu_33", zr = "_list_tuygu_41", Nr = "_element_tuygu_57", Mr = "_label_tuygu_91", Sr = "_accent_tuygu_137", Z = {
+const kr = "_card_tuygu_1", Cr = "_separator_tuygu_33", zr = "_list_tuygu_41", Nr = "_element_tuygu_57", Mr = "_label_tuygu_91", Sr = "_accent_tuygu_137", U = {
   card: kr,
   separator: Cr,
   list: zr,
@@ -3868,7 +3915,7 @@ const kr = "_card_tuygu_1", Cr = "_separator_tuygu_33", zr = "_list_tuygu_41", N
   showSeparators: r = !0,
   className: o,
   ...t
-}) => /* @__PURE__ */ n("div", { className: m(Z.card, o), ...t, children: e.map((s, l) => /* @__PURE__ */ g(y.Fragment, { children: [
+}) => /* @__PURE__ */ n("div", { className: m(U.card, o), ...t, children: e.map((s, l) => /* @__PURE__ */ g(y.Fragment, { children: [
   /* @__PURE__ */ n(
     Lr,
     {
@@ -3882,7 +3929,7 @@ const kr = "_card_tuygu_1", Cr = "_separator_tuygu_33", zr = "_list_tuygu_41", N
   isLastGroup: r
 }) => {
   const o = e.variant === "accent" || r && e.items.some((t) => t.variant === "accent");
-  return /* @__PURE__ */ n("ul", { className: m(Z.list, o && Z.accent), children: e.items.map((t) => /* @__PURE__ */ n(
+  return /* @__PURE__ */ n("ul", { className: m(U.list, o && U.accent), children: e.items.map((t) => /* @__PURE__ */ n(
     Ar,
     {
       item: t,
@@ -3905,8 +3952,8 @@ const kr = "_card_tuygu_1", Cr = "_separator_tuygu_33", zr = "_list_tuygu_41", N
     "li",
     {
       className: m(
-        Z.element,
-        t && Z.delete
+        U.element,
+        t && U.delete
       ),
       onClick: s,
       style: {
@@ -3915,11 +3962,11 @@ const kr = "_card_tuygu_1", Cr = "_separator_tuygu_33", zr = "_list_tuygu_41", N
       },
       children: [
         l(),
-        /* @__PURE__ */ n("p", { className: Z.label, children: e.label })
+        /* @__PURE__ */ n("p", { className: U.label, children: e.label })
       ]
     }
   );
-}, Ir = () => /* @__PURE__ */ n("div", { className: Z.separator }), to = ({
+}, Ir = () => /* @__PURE__ */ n("div", { className: U.separator }), to = ({
   title: e,
   description: r,
   privacyLink: o,
@@ -3930,24 +3977,24 @@ const kr = "_card_tuygu_1", Cr = "_separator_tuygu_33", zr = "_list_tuygu_41", N
   onOptions: c,
   storageKey: i,
   storageValue: u,
-  icon: b,
+  icon: h,
   className: _,
   privacyLinkTarget: w,
-  privacyLinkRel: k,
+  privacyLinkRel: N,
   iconClassName: v,
-  contentClassName: C,
-  acceptButtonClassName: z,
-  optionsButtonClassName: I
+  contentClassName: z,
+  acceptButtonClassName: k,
+  optionsButtonClassName: C
 }) => {
-  const [E, T] = ce(() => typeof window < "u" ? !localStorage.getItem(i) : !1);
-  he(() => {
-    const L = localStorage.getItem(i);
-    T(!L);
+  const [L, V] = ie(() => typeof window < "u" ? !localStorage.getItem(i) : !1);
+  ce(() => {
+    const M = localStorage.getItem(i);
+    V(!M);
   }, [i]);
-  const S = () => {
-    localStorage.setItem(i, u), T(!1), a();
+  const R = () => {
+    localStorage.setItem(i, u), V(!1), a();
   };
-  return E ? /* @__PURE__ */ n(
+  return L ? /* @__PURE__ */ n(
     "article",
     {
       className: m(
@@ -3957,8 +4004,8 @@ const kr = "_card_tuygu_1", Cr = "_separator_tuygu_33", zr = "_list_tuygu_41", N
         "dark:shadow-[rgba(0,0,0,0.3)_0_1px_2px_0,rgba(0,0,0,0.15)_0_2px_6px_2px]",
         _
       ),
-      children: /* @__PURE__ */ g("div", { className: m("flex flex-col items-center justify-between pt-9 px-6 pb-6 relative", C), children: [
-        b && /* @__PURE__ */ n("span", { className: m("relative mx-auto -mt-16 mb-8 text-zinc-700 dark:text-zinc-300", v), children: b }),
+      children: /* @__PURE__ */ g("div", { className: m("flex flex-col items-center justify-between pt-9 px-6 pb-6 relative", z), children: [
+        h && /* @__PURE__ */ n("span", { className: m("relative mx-auto -mt-16 mb-8 text-zinc-700 dark:text-zinc-300", v), children: h }),
         /* @__PURE__ */ n("h5", { className: "text-sm font-semibold mb-2 text-left mr-auto text-zinc-700 dark:text-text-primary", children: e }),
         /* @__PURE__ */ n("p", { className: "w-full mb-4 text-sm text-justify text-zinc-600 dark:text-text-secondary", children: r }),
         /* @__PURE__ */ n("p", { className: "w-full mb-4 text-sm text-justify text-zinc-600 dark:text-text-secondary", children: /* @__PURE__ */ n(
@@ -3967,7 +4014,7 @@ const kr = "_card_tuygu_1", Cr = "_separator_tuygu_33", zr = "_list_tuygu_41", N
             href: o,
             className: "mb-2 text-sm cursor-pointer font-semibold transition-colors underline underline-offset-2 text-zinc-700 dark:text-text-primary",
             target: w,
-            rel: k,
+            rel: N,
             children: t
           }
         ) }),
@@ -3983,7 +4030,7 @@ const kr = "_card_tuygu_1", Cr = "_separator_tuygu_33", zr = "_list_tuygu_41", N
               "hover:underline underline-offset-2",
               "focus-visible:outline-2 focus-visible:outline-offset-2",
               "focus-visible:outline-[#634647] dark:focus-visible:outline-[#ddad81]",
-              I
+              C
             ),
             children: l
           }
@@ -3992,7 +4039,7 @@ const kr = "_card_tuygu_1", Cr = "_separator_tuygu_33", zr = "_list_tuygu_41", N
           "button",
           {
             type: "button",
-            onClick: S,
+            onClick: R,
             className: m(
               "absolute font-semibold right-6 bottom-6",
               "cursor-pointer py-2 px-8 w-max break-keep",
@@ -4003,7 +4050,7 @@ const kr = "_card_tuygu_1", Cr = "_separator_tuygu_33", zr = "_list_tuygu_41", N
               "dark:hover:bg-[#ddad81] dark:hover:text-[#634647]",
               "focus-visible:outline-2 focus-visible:outline-offset-2",
               "focus-visible:outline-[#634647] dark:focus-visible:outline-[#ddad81]",
-              z
+              k
             ),
             children: s
           }
@@ -4011,7 +4058,7 @@ const kr = "_card_tuygu_1", Cr = "_separator_tuygu_33", zr = "_list_tuygu_41", N
       ] })
     }
   ) : null;
-}, Ue = {
+}, Ye = {
   neutral: {
     icon: "text-zinc-600 dark:text-zinc-400",
     buttonVariant: "primary"
@@ -4028,7 +4075,7 @@ const kr = "_card_tuygu_1", Cr = "_separator_tuygu_33", zr = "_list_tuygu_41", N
     icon: "text-blue-600 dark:text-blue-400",
     buttonVariant: "primary"
   }
-}, Ye = y.forwardRef(({ className: e, children: r, role: o, "aria-modal": t, "aria-labelledby": s, "aria-describedby": l }, a) => /* @__PURE__ */ n(
+}, Ke = y.forwardRef(({ className: e, children: r, role: o, "aria-modal": t, "aria-labelledby": s, "aria-describedby": l }, a) => /* @__PURE__ */ n(
   "div",
   {
     ref: a,
@@ -4052,11 +4099,11 @@ const kr = "_card_tuygu_1", Cr = "_separator_tuygu_33", zr = "_list_tuygu_41", N
     children: r
   }
 ));
-Ye.displayName = "ConfirmModalCard";
+Ke.displayName = "ConfirmModalCard";
 const Rr = ({
   className: e,
   children: r
-}) => /* @__PURE__ */ n("div", { className: m("flex items-center justify-center mb-2", e), children: r }), Er = ({
+}) => /* @__PURE__ */ n("div", { className: m("flex items-center justify-center mb-2", e), children: r }), Tr = ({
   confirmLabel: e,
   cancelLabel: r,
   variant: o,
@@ -4065,10 +4112,10 @@ const Rr = ({
   confirmButtonClassName: l,
   cancelButtonClassName: a
 }) => {
-  const c = Ue[o];
+  const c = Ye[o];
   return /* @__PURE__ */ g("div", { className: "flex gap-4 flex-row w-full justify-center mt-2", children: [
     /* @__PURE__ */ n(
-      ie,
+      pe,
       {
         type: "button",
         variant: "ghost",
@@ -4079,7 +4126,7 @@ const Rr = ({
       }
     ),
     /* @__PURE__ */ n(
-      ie,
+      pe,
       {
         type: "button",
         variant: c.buttonVariant,
@@ -4101,42 +4148,50 @@ const Rr = ({
   onConfirm: c,
   onCancel: i,
   onClose: u,
-  className: b,
+  className: h,
   iconClassName: _,
   contentClassName: w,
-  confirmButtonClassName: k,
+  confirmButtonClassName: N,
   cancelButtonClassName: v
 }) => {
-  const C = X(null), z = X(`confirm-modal-title-${Math.random().toString(36).substr(2, 9)}`).current, I = X(`confirm-modal-description-${Math.random().toString(36).substr(2, 9)}`).current;
-  if (he(() => {
+  const z = ee(null), k = ee(null), C = y.useId(), L = y.useId();
+  ce(() => {
+    e ? k.current = document.activeElement : k.current && (k.current.focus(), k.current = null);
+  }, [e]), ce(() => {
     if (!e) return;
-    const S = C.current;
-    if (!S) return;
-    const L = Array.from(
-      S.querySelectorAll(
+    const M = z.current;
+    if (!M) return;
+    const I = Array.from(
+      M.querySelectorAll(
         'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
       )
-    ).filter((V) => !V.hasAttribute("disabled") && V.offsetParent !== null), A = L[0], H = L[L.length - 1];
-    A && A.focus();
-    const h = (V) => {
-      V.key === "Escape" && u();
-    }, P = (V) => {
-      if (V.key === "Tab") {
-        if (L.length === 0) {
-          V.preventDefault();
+    ).filter((T) => !T.hasAttribute("disabled") && T.offsetParent !== null), F = I[0], b = I[I.length - 1];
+    F && F.focus();
+    const B = (T) => {
+      if (T.key === "Escape") {
+        u();
+        return;
+      }
+      if (T.key === "Tab") {
+        if (I.length === 0) {
+          T.preventDefault();
           return;
         }
-        V.shiftKey ? document.activeElement === A && (V.preventDefault(), H?.focus()) : document.activeElement === H && (V.preventDefault(), A?.focus());
+        T.shiftKey ? document.activeElement === F && (T.preventDefault(), b?.focus()) : document.activeElement === b && (T.preventDefault(), F?.focus());
       }
+    }, J = (T) => {
+      M && !M.contains(T.target) && (T.preventDefault(), F?.focus());
     };
-    return document.addEventListener("keydown", h), document.addEventListener("keydown", P), () => {
-      document.removeEventListener("keydown", h), document.removeEventListener("keydown", P);
+    return document.addEventListener("keydown", B), document.addEventListener("focusin", J), () => {
+      document.removeEventListener("keydown", B), document.removeEventListener("focusin", J);
     };
-  }, [e, u]), !e)
+  }, [e, u]);
+  const V = Ie((M) => {
+    M.target === M.currentTarget && u();
+  }, [u]);
+  if (!e)
     return null;
-  const E = Ue[a], T = (S) => {
-    S.target === S.currentTarget && u();
-  };
+  const R = Ye[a];
   return /* @__PURE__ */ n(
     "div",
     {
@@ -4146,26 +4201,26 @@ const Rr = ({
         "p-4",
         "bg-black/20 dark:bg-black/40",
         "transition-opacity duration-200",
-        b
+        h
       ),
-      onClick: T,
+      onClick: V,
       role: "presentation",
       children: /* @__PURE__ */ g(
-        Ye,
+        Ke,
         {
-          ref: C,
+          ref: z,
           role: "dialog",
           "aria-modal": !0,
-          "aria-labelledby": z,
-          "aria-describedby": I,
+          "aria-labelledby": C,
+          "aria-describedby": L,
           className: "transform transition-all duration-200 scale-100",
           children: [
-            t && /* @__PURE__ */ n(Rr, { className: m(E.icon, _), children: t }),
+            t && /* @__PURE__ */ n(Rr, { className: m(R.icon, _), children: t }),
             /* @__PURE__ */ g("div", { className: m("flex flex-col items-center text-center gap-2 w-full", w), children: [
               /* @__PURE__ */ n(
                 "h2",
                 {
-                  id: z,
+                  id: C,
                   className: "text-lg font-bold text-zinc-900 dark:text-text-primary",
                   children: r
                 }
@@ -4173,21 +4228,21 @@ const Rr = ({
               /* @__PURE__ */ n(
                 "p",
                 {
-                  id: I,
+                  id: L,
                   className: "text-sm font-semibold text-zinc-600 dark:text-text-secondary whitespace-pre-line",
                   children: o
                 }
               )
             ] }),
             /* @__PURE__ */ n(
-              Er,
+              Tr,
               {
                 confirmLabel: s,
                 cancelLabel: l,
                 variant: a,
                 onConfirm: c,
                 onCancel: i,
-                confirmButtonClassName: k,
+                confirmButtonClassName: N,
                 cancelButtonClassName: v
               }
             )
@@ -4198,11 +4253,11 @@ const Rr = ({
   );
 };
 export {
-  ie as Button,
-  Gr as Card,
-  Fr as CardContent,
+  pe as Button,
+  Fr as Card,
+  Pr as CardContent,
   $r as CardFooter,
-  Br as CardHeader,
+  Gr as CardHeader,
   Jt as Checkbox,
   ro as ConfirmModal,
   eo as ContextMenu,
@@ -4211,21 +4266,22 @@ export {
   Ir as ContextMenuSeparator,
   to as CookieConsent,
   Yr as Form,
-  Kr as FormButton,
-  Xr as FormField,
+  Xr as FormButton,
+  Kr as FormField,
   Jr as FormFooter,
   Qr as FormFooterLink,
-  De as Input,
-  Wr as Loader,
-  Or as RadioButton,
-  Dr as RadioGroup,
+  We as Input,
+  Hr as Loader,
+  Wr as RadioButton,
+  Or as RadioGroup,
   mr as SearchBar,
   yr as SocialLinks,
-  Hr as Spinner,
+  Dr as Spinner,
   jr as SubmitButton,
-  Zr as ThemeProvider,
-  Ur as ThemeSwitch,
-  Pr as Toggle,
-  qr as Tooltip,
+  Ur as ThemeProvider,
+  qr as ThemeSwitch,
+  Br as Toggle,
+  Zr as Tooltip,
   or as useTheme
 };
+//# sourceMappingURL=index.mjs.map