npm - @possibly6400/ui-kit - Versions diffs - 1.0.13 → 1.0.15 - Mend

@possibly6400/ui-kit 1.0.13 → 1.0.15

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (7) hide show

package/dist/index.mjs CHANGED Viewed

@@ -1,126 +1,126 @@
-import { jsxs as g, jsx as n, Fragment as qe } from "react/jsx-runtime";
-import y, { useState as ue, useId as Ue, useRef as pe, createContext as Ye, useContext as Ke, useEffect as Xe } from "react";
-function Le(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 = Le(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 Je() {
-  for (var e, r, o = 0, t = "", s = arguments.length; o < s; o++) (e = arguments[o]) && (r = Le(e)) && (t && (t += " "), t += r);
+function et() {
+  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 Qe = (e, r) => {
+const tt = (e, r) => {
   const o = new Array(e.length + r.length);
   for (let t = 0; t < e.length; t++)
     o[t] = e[t];
   for (let t = 0; t < r.length; t++)
     o[e.length + t] = r[t];
   return o;
-}, et = (e, r) => ({
+}, rt = (e, r) => ({
   classGroupId: e,
   validator: r
-}), Ae = (e = /* @__PURE__ */ new Map(), r = null, o) => ({
+}), Te = (e = /* @__PURE__ */ new Map(), r = null, o) => ({
   nextPart: e,
   validators: r,
   classGroupId: o
-}), se = "-", ke = [], tt = "arbitrary..", rt = (e) => {
-  const r = nt(e), {
+}), de = "-", ze = [], ot = "arbitrary..", nt = (e) => {
+  const r = at(e), {
     conflictingClassGroups: o,
     conflictingClassGroupModifiers: t
   } = e;
   return {
     getClassGroupId: (a) => {
       if (a.startsWith("[") && a.endsWith("]"))
-        return ot(a);
-      const c = a.split(se), i = c[0] === "" && c.length > 1 ? 1 : 0;
-      return Ie(c, i, r);
+        return st(a);
+      const c = a.split(de), i = c[0] === "" && c.length > 1 ? 1 : 0;
+      return Ee(c, i, r);
     },
     getConflictingClassGroupIds: (a, c) => {
       if (c) {
         const i = t[a], u = o[a];
-        return i ? u ? Qe(u, i) : i : u || ke;
+        return i ? u ? tt(u, i) : i : u || ze;
       }
-      return o[a] || ke;
+      return o[a] || ze;
     }
   };
-}, Ie = (e, r, o) => {
+}, Ee = (e, r, o) => {
   if (e.length - r === 0)
     return o.classGroupId;
   const s = e[r], l = o.nextPart.get(s);
   if (l) {
-    const u = Ie(e, r + 1, l);
+    const u = Ee(e, r + 1, l);
     if (u) return u;
   }
   const a = o.validators;
   if (a === null)
     return;
-  const c = r === 0 ? e.join(se) : e.slice(r).join(se), 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;
   }
-}, ot = (e) => e.slice(1, -1).indexOf(":") === -1 ? void 0 : (() => {
+}, st = (e) => e.slice(1, -1).indexOf(":") === -1 ? void 0 : (() => {
   const r = e.slice(1, -1), o = r.indexOf(":"), t = r.slice(0, o);
-  return t ? tt + t : void 0;
-})(), nt = (e) => {
+  return t ? ot + t : void 0;
+})(), at = (e) => {
   const {
     theme: r,
     classGroups: o
   } = e;
-  return st(o, r);
-}, st = (e, r) => {
-  const o = Ae();
+  return lt(o, r);
+}, lt = (e, r) => {
+  const o = Te();
   for (const t in e) {
     const s = e[t];
-    fe(s, o, t, r);
+    ge(s, o, t, r);
   }
   return o;
-}, fe = (e, r, o, t) => {
+}, ge = (e, r, o, t) => {
   const s = e.length;
   for (let l = 0; l < s; l++) {
     const a = e[l];
-    at(a, r, o, t);
+    it(a, r, o, t);
   }
-}, at = (e, r, o, t) => {
+}, it = (e, r, o, t) => {
   if (typeof e == "string") {
-    lt(e, r, o);
+    ct(e, r, o);
     return;
   }
   if (typeof e == "function") {
-    it(e, r, o, t);
+    dt(e, r, o, t);
     return;
   }
-  ct(e, r, o, t);
-}, lt = (e, r, o) => {
-  const t = e === "" ? r : Re(r, e);
+  pt(e, r, o, t);
+}, ct = (e, r, o) => {
+  const t = e === "" ? r : Ve(r, e);
   t.classGroupId = o;
-}, it = (e, r, o, t) => {
-  if (dt(e)) {
-    fe(e(t), r, o, t);
+}, dt = (e, r, o, t) => {
+  if (mt(e)) {
+    ge(e(t), r, o, t);
     return;
   }
-  r.validators === null && (r.validators = []), r.validators.push(et(o, e));
-}, ct = (e, r, o, t) => {
+  r.validators === null && (r.validators = []), r.validators.push(rt(o, e));
+}, pt = (e, r, o, t) => {
   const s = Object.entries(e), l = s.length;
   for (let a = 0; a < l; a++) {
     const [c, i] = s[a];
-    fe(i, Re(r, c), o, t);
+    ge(i, Ve(r, c), o, t);
   }
-}, Re = (e, r) => {
+}, Ve = (e, r) => {
   let o = e;
-  const t = r.split(se), 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 = Ae(), o.nextPart.set(a, c)), o = c;
+    c || (c = Te(), o.nextPart.set(a, c)), o = c;
   }
   return o;
-}, dt = (e) => "isThemeGetter" in e && e.isThemeGetter === !0, pt = (e) => {
+}, mt = (e) => "isThemeGetter" in e && e.isThemeGetter === !0, ut = (e) => {
   if (e < 1)
     return {
       get: () => {
@@ -144,13 +144,13 @@ const Qe = (e, r) => {
       l in o ? o[l] = a : s(l, a);
     }
   };
-}, me = "!", Ce = ":", mt = [], ze = (e, r, o, t, s) => ({
+}, xe = "!", Ne = ":", ft = [], Me = (e, r, o, t, s) => ({
   modifiers: e,
   hasImportantModifier: r,
   baseClassName: o,
   maybePostfixModifierPosition: t,
   isExternal: s
-}), ut = (e) => {
+}), bt = (e) => {
   const {
     prefix: r,
     experimentalParseClassName: o
@@ -158,36 +158,36 @@ const Qe = (e, r) => {
   let t = (s) => {
     const l = [];
     let a = 0, c = 0, i = 0, u;
-    const b = s.length;
-    for (let N = 0; N < b; N++) {
-      const M = s[N];
+    const h = s.length;
+    for (let z = 0; z < h; z++) {
+      const k = s[z];
       if (a === 0 && c === 0) {
-        if (M === Ce) {
-          l.push(s.slice(i, N)), i = N + 1;
+        if (k === Ne) {
+          l.push(s.slice(i, z)), i = z + 1;
           continue;
         }
-        if (M === "/") {
-          u = N;
+        if (k === "/") {
+          u = z;
           continue;
         }
       }
-      M === "[" ? a++ : M === "]" ? a-- : M === "(" ? c++ : M === ")" && c--;
+      k === "[" ? a++ : k === "]" ? a-- : k === "(" ? c++ : k === ")" && c--;
     }
     const _ = l.length === 0 ? s : s.slice(i);
-    let w = _, C = !1;
-    _.endsWith(me) ? (w = _.slice(0, -1), C = !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(me) && (w = _.slice(1), C = !0)
+      _.startsWith(xe) && (w = _.slice(1), N = !0)
     );
     const v = u && u > i ? u - i : void 0;
-    return ze(l, C, w, v);
+    return Me(l, N, w, v);
   };
   if (r) {
-    const s = r + Ce, l = t;
-    t = (a) => a.startsWith(s) ? l(a.slice(s.length)) : ze(mt, !1, a, void 0, !0);
+    const s = r + Ne, l = t;
+    t = (a) => a.startsWith(s) ? l(a.slice(s.length)) : Me(ft, !1, a, void 0, !0);
   }
   if (o) {
     const s = t;
@@ -197,7 +197,7 @@ const Qe = (e, r) => {
     });
   }
   return t;
-}, ft = (e) => {
+}, ht = (e) => {
   const r = /* @__PURE__ */ new Map();
   return e.orderSensitiveModifiers.forEach((o, t) => {
     r.set(o, 1e6 + t);
@@ -210,96 +210,96 @@ const Qe = (e, r) => {
     }
     return s.length > 0 && (s.sort(), t.push(...s)), t;
   };
-}, ht = (e) => ({
-  cache: pt(e.cacheSize),
-  parseClassName: ut(e),
-  sortModifiers: ft(e),
-  ...rt(e)
-}), bt = /\s+/, xt = (e, r) => {
+}, xt = (e) => ({
+  cache: ut(e.cacheSize),
+  parseClassName: bt(e),
+  sortModifiers: ht(e),
+  ...nt(e)
+}), gt = /\s+/, _t = (e, r) => {
   const {
     parseClassName: o,
     getClassGroupId: t,
     getConflictingClassGroupIds: s,
     sortModifiers: l
-  } = r, a = [], c = e.trim().split(bt);
+  } = 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: C,
+      hasImportantModifier: N,
       baseClassName: v,
-      maybePostfixModifierPosition: N
-    } = o(b);
+      maybePostfixModifierPosition: z
+    } = o(h);
     if (_) {
-      i = b + (i.length > 0 ? " " + i : i);
+      i = h + (i.length > 0 ? " " + i : i);
       continue;
     }
-    let M = !!N, R = t(M ? v.substring(0, N) : v);
-    if (!R) {
-      if (!M) {
-        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 (R = t(v), !R) {
-        i = b + (i.length > 0 ? " " + i : i);
+      if (C = t(v), !C) {
+        i = h + (i.length > 0 ? " " + i : i);
         continue;
       }
-      M = !1;
+      k = !1;
     }
-    const T = w.length === 0 ? "" : w.length === 1 ? w[0] : l(w).join(":"), P = C ? T + me : T, G = P + R;
-    if (a.indexOf(G) > -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(G);
-    const V = s(R, M);
-    for (let A = 0; A < V.length; ++A) {
-      const K = V[A];
-      a.push(P + K);
+    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;
-}, gt = (...e) => {
+}, wt = (...e) => {
   let r = 0, o, t, s = "";
   for (; r < e.length; )
-    (o = e[r++]) && (t = Te(o)) && (s && (s += " "), s += t);
+    (o = e[r++]) && (t = je(o)) && (s && (s += " "), s += t);
   return s;
-}, Te = (e) => {
+}, je = (e) => {
   if (typeof e == "string")
     return e;
   let r, o = "";
   for (let t = 0; t < e.length; t++)
-    e[t] && (r = Te(e[t])) && (o && (o += " "), o += r);
+    e[t] && (r = je(e[t])) && (o && (o += " "), o += r);
   return o;
-}, _t = (e, ...r) => {
+}, vt = (e, ...r) => {
   let o, t, s, l;
   const a = (i) => {
-    const u = r.reduce((b, _) => _(b), e());
-    return o = ht(u), t = o.cache.get, s = o.cache.set, l = c, c(i);
+    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 = xt(i, o);
-    return s(i, b), b;
+    const h = _t(i, o);
+    return s(i, h), h;
   };
-  return l = a, (...i) => l(gt(...i));
-}, wt = [], k = (e) => {
-  const r = (o) => o[e] || wt;
+  return l = a, (...i) => l(wt(...i));
+}, yt = [], S = (e) => {
+  const r = (o) => o[e] || yt;
   return r.isThemeGetter = !0, r;
-}, Ee = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, Pe = /^\((?:(\w[\w-]*):)?(.+)\)$/i, vt = /^\d+\/\d+$/, yt = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, kt = /\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$/, Ct = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, zt = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, Nt = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, q = (e) => vt.test(e), x = (e) => !!e && !Number.isNaN(Number(e)), $ = (e) => !!e && Number.isInteger(Number(e)), ce = (e) => e.endsWith("%") && x(e.slice(0, -1)), B = (e) => yt.test(e), Mt = () => !0, St = (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.
-  kt.test(e) && !Ct.test(e)
-), Ge = () => !1, Lt = (e) => zt.test(e), At = (e) => Nt.test(e), It = (e) => !d(e) && !p(e), Rt = (e) => U(e, je, Ge), d = (e) => Ee.test(e), W = (e) => U(e, Be, St), de = (e) => U(e, Vt, x), Ne = (e) => U(e, Ve, Ge), Tt = (e) => U(e, Fe, At), oe = (e) => U(e, $e, Lt), p = (e) => Pe.test(e), X = (e) => Y(e, Be), Et = (e) => Y(e, Ft), Me = (e) => Y(e, Ve), Pt = (e) => Y(e, je), Gt = (e) => Y(e, Fe), ne = (e) => Y(e, $e, !0), U = (e, r, o) => {
-  const t = Ee.exec(e);
+  zt.test(e) && !Nt.test(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;
-}, Y = (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;
-}, Ve = (e) => e === "position" || e === "percentage", Fe = (e) => e === "image" || e === "url", je = (e) => e === "length" || e === "size" || e === "bg-size", Be = (e) => e === "length", Vt = (e) => e === "number", Ft = (e) => e === "family-name", $e = (e) => e === "shadow", jt = () => {
-  const e = k("color"), r = k("font"), o = k("text"), t = k("font-weight"), s = k("tracking"), l = k("leading"), a = k("breakpoint"), c = k("container"), i = k("spacing"), u = k("radius"), b = k("shadow"), _ = k("inset-shadow"), w = k("text-shadow"), C = k("drop-shadow"), v = k("blur"), N = k("perspective"), M = k("aspect"), R = k("ease"), T = k("animate"), P = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], G = () => [
+}, 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 Qe = (e, r) => {
     "bottom-left",
     // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
     "left-bottom"
-  ], V = () => [...G(), p, d], A = () => ["auto", "hidden", "clip", "visible", "scroll"], K = () => ["auto", "contain", "none"], h = () => [p, d, i], F = () => [q, "full", "auto", ...h()], he = () => [$, "none", "subgrid", p, d], be = () => ["auto", {
-    span: ["full", $, p, d]
-  }, $, p, d], J = () => [$, "auto", p, d], xe = () => ["auto", "min", "max", "fr", p, d], ae = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], Z = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], j = () => ["auto", ...h()], H = () => [q, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...h()], m = () => [e, p, d], ge = () => [...G(), Me, Ne, {
+  ], 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]
-  }], _e = () => ["no-repeat", {
+  }], ve = () => ["no-repeat", {
     repeat: ["", "x", "y", "space", "round"]
-  }], we = () => ["auto", "cover", "contain", Pt, Rt, {
+  }], ye = () => ["auto", "cover", "contain", Bt, Et, {
     size: [p, d]
-  }], le = () => [ce, X, W], S = () => [
+  }], ue = () => [be, Q, W], E = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
@@ -333,35 +333,35 @@ const Qe = (e, r) => {
     u,
     p,
     d
-  ], L = () => ["", x, X, W], Q = () => ["solid", "dashed", "dotted", "double"], ve = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], z = () => [x, ce, Me, Ne], ye = () => [
+  ], 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
-  ], ee = () => ["none", x, p, d], te = () => ["none", x, p, d], ie = () => [x, p, d], re = () => [q, "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: [B],
-      breakpoint: [B],
-      color: [Mt],
-      container: [B],
-      "drop-shadow": [B],
+      blur: [D],
+      breakpoint: [D],
+      color: [Lt],
+      container: [D],
+      "drop-shadow": [D],
       ease: ["in", "out", "in-out"],
-      font: [It],
+      font: [Tt],
       "font-weight": ["thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black"],
-      "inset-shadow": [B],
+      "inset-shadow": [D],
       leading: ["none", "tight", "snug", "normal", "relaxed", "loose"],
       perspective: ["dramatic", "near", "normal", "midrange", "distant", "none"],
-      radius: [B],
-      shadow: [B],
+      radius: [D],
+      shadow: [D],
       spacing: ["px", x],
-      text: [B],
-      "text-shadow": [B],
+      text: [D],
+      "text-shadow": [D],
       tracking: ["tighter", "tight", "normal", "wide", "wider", "widest"]
     },
     classGroups: {
@@ -373,7 +373,7 @@ const Qe = (e, r) => {
        * @see https://tailwindcss.com/docs/aspect-ratio
        */
       aspect: [{
-        aspect: ["auto", "square", q, d, p, M]
+        aspect: ["auto", "square", Y, d, p, k]
       }],
       /**
        * Container
@@ -393,14 +393,14 @@ const Qe = (e, r) => {
        * @see https://tailwindcss.com/docs/break-after
        */
       "break-after": [{
-        "break-after": P()
+        "break-after": V()
       }],
       /**
        * Break Before
        * @see https://tailwindcss.com/docs/break-before
        */
       "break-before": [{
-        "break-before": P()
+        "break-before": V()
       }],
       /**
        * Break Inside
@@ -464,49 +464,49 @@ const Qe = (e, r) => {
        * @see https://tailwindcss.com/docs/object-position
        */
       "object-position": [{
-        object: V()
+        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: K()
+        overscroll: F()
       }],
       /**
        * Overscroll Behavior X
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       "overscroll-x": [{
-        "overscroll-x": K()
+        "overscroll-x": F()
       }],
       /**
        * Overscroll Behavior Y
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       "overscroll-y": [{
-        "overscroll-y": K()
+        "overscroll-y": F()
       }],
       /**
        * Position
@@ -518,63 +518,63 @@ const Qe = (e, r) => {
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       inset: [{
-        inset: F()
+        inset: B()
       }],
       /**
        * Right / Left
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-x": [{
-        "inset-x": F()
+        "inset-x": B()
       }],
       /**
        * Top / Bottom
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-y": [{
-        "inset-y": F()
+        "inset-y": B()
       }],
       /**
        * Start
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       start: [{
-        start: F()
+        start: B()
       }],
       /**
        * End
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       end: [{
-        end: F()
+        end: B()
       }],
       /**
        * Top
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       top: [{
-        top: F()
+        top: B()
       }],
       /**
        * Right
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       right: [{
-        right: F()
+        right: B()
       }],
       /**
        * Bottom
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       bottom: [{
-        bottom: F()
+        bottom: B()
       }],
       /**
        * Left
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       left: [{
-        left: F()
+        left: B()
       }],
       /**
        * Visibility
@@ -586,7 +586,7 @@ const Qe = (e, r) => {
        * @see https://tailwindcss.com/docs/z-index
        */
       z: [{
-        z: [$, "auto", p, d]
+        z: [H, "auto", p, d]
       }],
       // ------------------------
       // --- Flexbox and Grid ---
@@ -596,7 +596,7 @@ const Qe = (e, r) => {
        * @see https://tailwindcss.com/docs/flex-basis
        */
       basis: [{
-        basis: [q, "full", "auto", c, ...h()]
+        basis: [Y, "full", "auto", c, ...b()]
       }],
       /**
        * Flex Direction
@@ -617,7 +617,7 @@ const Qe = (e, r) => {
        * @see https://tailwindcss.com/docs/flex
        */
       flex: [{
-        flex: [x, q, "auto", "initial", "none", d]
+        flex: [x, Y, "auto", "initial", "none", d]
       }],
       /**
        * Flex Grow
@@ -638,63 +638,63 @@ const Qe = (e, r) => {
        * @see https://tailwindcss.com/docs/order
        */
       order: [{
-        order: [$, "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": he()
+        "grid-cols": J()
       }],
       /**
        * Grid Column Start / End
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-start-end": [{
-        col: be()
+        col: T()
       }],
       /**
        * Grid Column Start
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-start": [{
-        "col-start": J()
+        "col-start": te()
       }],
       /**
        * Grid Column End
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-end": [{
-        "col-end": J()
+        "col-end": te()
       }],
       /**
        * Grid Template Rows
        * @see https://tailwindcss.com/docs/grid-template-rows
        */
       "grid-rows": [{
-        "grid-rows": he()
+        "grid-rows": J()
       }],
       /**
        * Grid Row Start / End
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-start-end": [{
-        row: be()
+        row: T()
       }],
       /**
        * Grid Row Start
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-start": [{
-        "row-start": J()
+        "row-start": te()
       }],
       /**
        * Grid Row End
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-end": [{
-        "row-end": J()
+        "row-end": te()
       }],
       /**
        * Grid Auto Flow
@@ -708,70 +708,70 @@ const Qe = (e, r) => {
        * @see https://tailwindcss.com/docs/grid-auto-columns
        */
       "auto-cols": [{
-        "auto-cols": xe()
+        "auto-cols": _e()
       }],
       /**
        * Grid Auto Rows
        * @see https://tailwindcss.com/docs/grid-auto-rows
        */
       "auto-rows": [{
-        "auto-rows": xe()
+        "auto-rows": _e()
       }],
       /**
        * Gap
        * @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: [...ae(), "normal"]
+        justify: [...me(), "normal"]
       }],
       /**
        * Justify Items
        * @see https://tailwindcss.com/docs/justify-items
        */
       "justify-items": [{
-        "justify-items": [...Z(), "normal"]
+        "justify-items": [...q(), "normal"]
       }],
       /**
        * Justify Self
        * @see https://tailwindcss.com/docs/justify-self
        */
       "justify-self": [{
-        "justify-self": ["auto", ...Z()]
+        "justify-self": ["auto", ...q()]
       }],
       /**
        * Align Content
        * @see https://tailwindcss.com/docs/align-content
        */
       "align-content": [{
-        content: ["normal", ...ae()]
+        content: ["normal", ...me()]
       }],
       /**
        * Align Items
        * @see https://tailwindcss.com/docs/align-items
        */
       "align-items": [{
-        items: [...Z(), {
+        items: [...q(), {
           baseline: ["", "last"]
         }]
       }],
@@ -780,7 +780,7 @@ const Qe = (e, r) => {
        * @see https://tailwindcss.com/docs/align-self
        */
       "align-self": [{
-        self: ["auto", ...Z(), {
+        self: ["auto", ...q(), {
           baseline: ["", "last"]
         }]
       }],
@@ -789,21 +789,21 @@ const Qe = (e, r) => {
        * @see https://tailwindcss.com/docs/place-content
        */
       "place-content": [{
-        "place-content": ae()
+        "place-content": me()
       }],
       /**
        * Place Items
        * @see https://tailwindcss.com/docs/place-items
        */
       "place-items": [{
-        "place-items": [...Z(), "baseline"]
+        "place-items": [...q(), "baseline"]
       }],
       /**
        * Place Self
        * @see https://tailwindcss.com/docs/place-self
        */
       "place-self": [{
-        "place-self": ["auto", ...Z()]
+        "place-self": ["auto", ...q()]
       }],
       // Spacing
       /**
@@ -811,133 +811,133 @@ const Qe = (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: j()
+        m: $()
       }],
       /**
        * Margin X
        * @see https://tailwindcss.com/docs/margin
        */
       mx: [{
-        mx: j()
+        mx: $()
       }],
       /**
        * Margin Y
        * @see https://tailwindcss.com/docs/margin
        */
       my: [{
-        my: j()
+        my: $()
       }],
       /**
        * Margin Start
        * @see https://tailwindcss.com/docs/margin
        */
       ms: [{
-        ms: j()
+        ms: $()
       }],
       /**
        * Margin End
        * @see https://tailwindcss.com/docs/margin
        */
       me: [{
-        me: j()
+        me: $()
       }],
       /**
        * Margin Top
        * @see https://tailwindcss.com/docs/margin
        */
       mt: [{
-        mt: j()
+        mt: $()
       }],
       /**
        * Margin Right
        * @see https://tailwindcss.com/docs/margin
        */
       mr: [{
-        mr: j()
+        mr: $()
       }],
       /**
        * Margin Bottom
        * @see https://tailwindcss.com/docs/margin
        */
       mb: [{
-        mb: j()
+        mb: $()
       }],
       /**
        * Margin Left
        * @see https://tailwindcss.com/docs/margin
        */
       ml: [{
-        ml: j()
+        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 Qe = (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 Qe = (e, r) => {
        * @see https://tailwindcss.com/docs/width#setting-both-width-and-height
        */
       size: [{
-        size: H()
+        size: O()
       }],
       /**
        * Width
        * @see https://tailwindcss.com/docs/width
        */
       w: [{
-        w: [c, "screen", ...H()]
+        w: [c, "screen", ...O()]
       }],
       /**
        * Min-Width
@@ -983,7 +983,7 @@ const Qe = (e, r) => {
           "screen",
           /** Deprecated. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
           "none",
-          ...H()
+          ...O()
         ]
       }],
       /**
@@ -1001,7 +1001,7 @@ const Qe = (e, r) => {
           {
             screen: [a]
           },
-          ...H()
+          ...O()
         ]
       }],
       /**
@@ -1009,21 +1009,21 @@ const Qe = (e, r) => {
        * @see https://tailwindcss.com/docs/height
        */
       h: [{
-        h: ["screen", "lh", ...H()]
+        h: ["screen", "lh", ...O()]
       }],
       /**
        * Min-Height
        * @see https://tailwindcss.com/docs/min-height
        */
       "min-h": [{
-        "min-h": ["screen", "lh", "none", ...H()]
+        "min-h": ["screen", "lh", "none", ...O()]
       }],
       /**
        * Max-Height
        * @see https://tailwindcss.com/docs/max-height
        */
       "max-h": [{
-        "max-h": ["screen", "lh", ...H()]
+        "max-h": ["screen", "lh", ...O()]
       }],
       // ------------------
       // --- Typography ---
@@ -1033,7 +1033,7 @@ const Qe = (e, r) => {
        * @see https://tailwindcss.com/docs/font-size
        */
       "font-size": [{
-        text: ["base", o, X, W]
+        text: ["base", o, Q, W]
       }],
       /**
        * Font Smoothing
@@ -1050,21 +1050,21 @@ const Qe = (e, r) => {
        * @see https://tailwindcss.com/docs/font-weight
        */
       "font-weight": [{
-        font: [t, p, de]
+        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", ce, d]
+        "font-stretch": ["ultra-condensed", "extra-condensed", "condensed", "semi-condensed", "normal", "semi-expanded", "expanded", "extra-expanded", "ultra-expanded", be, d]
       }],
       /**
        * Font Family
        * @see https://tailwindcss.com/docs/font-family
        */
       "font-family": [{
-        font: [Et, d, r]
+        font: [jt, d, r]
       }],
       /**
        * Font Variant Numeric
@@ -1108,7 +1108,7 @@ const Qe = (e, r) => {
        * @see https://tailwindcss.com/docs/line-clamp
        */
       "line-clamp": [{
-        "line-clamp": [x, "none", p, de]
+        "line-clamp": [x, "none", p, he]
       }],
       /**
        * Line Height
@@ -1118,7 +1118,7 @@ const Qe = (e, r) => {
         leading: [
           /** Deprecated since Tailwind CSS v4.0.0. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
           l,
-          ...h()
+          ...b()
         ]
       }],
       /**
@@ -1155,14 +1155,14 @@ const Qe = (e, r) => {
        * @see https://v3.tailwindcss.com/docs/placeholder-color
        */
       "placeholder-color": [{
-        placeholder: m()
+        placeholder: f()
       }],
       /**
        * Text Color
        * @see https://tailwindcss.com/docs/text-color
        */
       "text-color": [{
-        text: m()
+        text: f()
       }],
       /**
        * Text Decoration
@@ -1174,7 +1174,7 @@ const Qe = (e, r) => {
        * @see https://tailwindcss.com/docs/text-decoration-style
        */
       "text-decoration-style": [{
-        decoration: [...Q(), "wavy"]
+        decoration: [...re(), "wavy"]
       }],
       /**
        * Text Decoration Thickness
@@ -1188,7 +1188,7 @@ const Qe = (e, r) => {
        * @see https://tailwindcss.com/docs/text-decoration-color
        */
       "text-decoration-color": [{
-        decoration: m()
+        decoration: f()
       }],
       /**
        * Text Underline Offset
@@ -1219,7 +1219,7 @@ const Qe = (e, r) => {
        * @see https://tailwindcss.com/docs/text-indent
        */
       indent: [{
-        indent: h()
+        indent: b()
       }],
       /**
        * Vertical Alignment
@@ -1292,21 +1292,21 @@ const Qe = (e, r) => {
        * @see https://tailwindcss.com/docs/background-position
        */
       "bg-position": [{
-        bg: ge()
+        bg: we()
       }],
       /**
        * Background Repeat
        * @see https://tailwindcss.com/docs/background-repeat
        */
       "bg-repeat": [{
-        bg: _e()
+        bg: ve()
       }],
       /**
        * Background Size
        * @see https://tailwindcss.com/docs/background-size
        */
       "bg-size": [{
-        bg: we()
+        bg: ye()
       }],
       /**
        * Background Image
@@ -1316,59 +1316,59 @@ const Qe = (e, r) => {
         bg: ["none", {
           linear: [{
             to: ["t", "tr", "r", "br", "b", "bl", "l", "tl"]
-          }, $, p, d],
+          }, H, p, d],
           radial: ["", p, d],
-          conic: [$, p, d]
-        }, Gt, Tt]
+          conic: [H, p, d]
+        }, Ft, Vt]
       }],
       /**
        * Background Color
        * @see https://tailwindcss.com/docs/background-color
        */
       "bg-color": [{
-        bg: m()
+        bg: f()
       }],
       /**
        * Gradient Color Stops From Position
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-from-pos": [{
-        from: le()
+        from: ue()
       }],
       /**
        * Gradient Color Stops Via Position
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-via-pos": [{
-        via: le()
+        via: ue()
       }],
       /**
        * Gradient Color Stops To Position
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-to-pos": [{
-        to: le()
+        to: ue()
       }],
       /**
        * Gradient Color Stops From
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-from": [{
-        from: m()
+        from: f()
       }],
       /**
        * Gradient Color Stops Via
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-via": [{
-        via: m()
+        via: f()
       }],
       /**
        * Gradient Color Stops To
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-to": [{
-        to: m()
+        to: f()
       }],
       // ---------------
       // --- Borders ---
@@ -1378,175 +1378,175 @@ const Qe = (e, r) => {
        * @see https://tailwindcss.com/docs/border-radius
        */
       rounded: [{
-        rounded: S()
+        rounded: E()
       }],
       /**
        * Border Radius Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-s": [{
-        "rounded-s": S()
+        "rounded-s": E()
       }],
       /**
        * Border Radius End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-e": [{
-        "rounded-e": S()
+        "rounded-e": E()
       }],
       /**
        * Border Radius Top
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-t": [{
-        "rounded-t": S()
+        "rounded-t": E()
       }],
       /**
        * Border Radius Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-r": [{
-        "rounded-r": S()
+        "rounded-r": E()
       }],
       /**
        * Border Radius Bottom
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-b": [{
-        "rounded-b": S()
+        "rounded-b": E()
       }],
       /**
        * Border Radius Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-l": [{
-        "rounded-l": S()
+        "rounded-l": E()
       }],
       /**
        * Border Radius Start Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-ss": [{
-        "rounded-ss": S()
+        "rounded-ss": E()
       }],
       /**
        * Border Radius Start End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-se": [{
-        "rounded-se": S()
+        "rounded-se": E()
       }],
       /**
        * Border Radius End End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-ee": [{
-        "rounded-ee": S()
+        "rounded-ee": E()
       }],
       /**
        * Border Radius End Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-es": [{
-        "rounded-es": S()
+        "rounded-es": E()
       }],
       /**
        * Border Radius Top Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-tl": [{
-        "rounded-tl": S()
+        "rounded-tl": E()
       }],
       /**
        * Border Radius Top Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-tr": [{
-        "rounded-tr": S()
+        "rounded-tr": E()
       }],
       /**
        * Border Radius Bottom Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-br": [{
-        "rounded-br": S()
+        "rounded-br": E()
       }],
       /**
        * Border Radius Bottom Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-bl": [{
-        "rounded-bl": S()
+        "rounded-bl": E()
       }],
       /**
        * Border Width
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w": [{
-        border: L()
+        border: j()
       }],
       /**
        * Border Width X
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-x": [{
-        "border-x": L()
+        "border-x": j()
       }],
       /**
        * Border Width Y
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-y": [{
-        "border-y": L()
+        "border-y": j()
       }],
       /**
        * Border Width Start
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-s": [{
-        "border-s": L()
+        "border-s": j()
       }],
       /**
        * Border Width End
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-e": [{
-        "border-e": L()
+        "border-e": j()
       }],
       /**
        * Border Width Top
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-t": [{
-        "border-t": L()
+        "border-t": j()
       }],
       /**
        * Border Width Right
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-r": [{
-        "border-r": L()
+        "border-r": j()
       }],
       /**
        * Border Width Bottom
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-b": [{
-        "border-b": L()
+        "border-b": j()
       }],
       /**
        * Border Width Left
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-l": [{
-        "border-l": L()
+        "border-l": j()
       }],
       /**
        * Divide Width X
        * @see https://tailwindcss.com/docs/border-width#between-children
        */
       "divide-x": [{
-        "divide-x": L()
+        "divide-x": j()
       }],
       /**
        * Divide Width X Reverse
@@ -1558,7 +1558,7 @@ const Qe = (e, r) => {
        * @see https://tailwindcss.com/docs/border-width#between-children
        */
       "divide-y": [{
-        "divide-y": L()
+        "divide-y": j()
       }],
       /**
        * Divide Width Y Reverse
@@ -1570,91 +1570,91 @@ const Qe = (e, r) => {
        * @see https://tailwindcss.com/docs/border-style
        */
       "border-style": [{
-        border: [...Q(), "hidden", "none"]
+        border: [...re(), "hidden", "none"]
       }],
       /**
        * Divide Style
        * @see https://tailwindcss.com/docs/border-style#setting-the-divider-style
        */
       "divide-style": [{
-        divide: [...Q(), "hidden", "none"]
+        divide: [...re(), "hidden", "none"]
       }],
       /**
        * Border Color
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color": [{
-        border: m()
+        border: f()
       }],
       /**
        * Border Color X
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-x": [{
-        "border-x": m()
+        "border-x": f()
       }],
       /**
        * Border Color Y
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-y": [{
-        "border-y": m()
+        "border-y": f()
       }],
       /**
        * Border Color S
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-s": [{
-        "border-s": m()
+        "border-s": f()
       }],
       /**
        * Border Color E
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-e": [{
-        "border-e": m()
+        "border-e": f()
       }],
       /**
        * Border Color Top
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-t": [{
-        "border-t": m()
+        "border-t": f()
       }],
       /**
        * Border Color Right
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-r": [{
-        "border-r": m()
+        "border-r": f()
       }],
       /**
        * Border Color Bottom
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-b": [{
-        "border-b": m()
+        "border-b": f()
       }],
       /**
        * Border Color Left
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-l": [{
-        "border-l": m()
+        "border-l": f()
       }],
       /**
        * Divide Color
        * @see https://tailwindcss.com/docs/divide-color
        */
       "divide-color": [{
-        divide: m()
+        divide: f()
       }],
       /**
        * Outline Style
        * @see https://tailwindcss.com/docs/outline-style
        */
       "outline-style": [{
-        outline: [...Q(), "none", "hidden"]
+        outline: [...re(), "none", "hidden"]
       }],
       /**
        * Outline Offset
@@ -1668,14 +1668,14 @@ const Qe = (e, r) => {
        * @see https://tailwindcss.com/docs/outline-width
        */
       "outline-w": [{
-        outline: ["", x, X, W]
+        outline: ["", x, Q, W]
       }],
       /**
        * Outline Color
        * @see https://tailwindcss.com/docs/outline-color
        */
       "outline-color": [{
-        outline: m()
+        outline: f()
       }],
       // ---------------
       // --- Effects ---
@@ -1689,9 +1689,9 @@ const Qe = (e, r) => {
           // Deprecated since Tailwind CSS v4.0.0
           "",
           "none",
-          b,
-          ne,
-          oe
+          h,
+          le,
+          ae
         ]
       }],
       /**
@@ -1699,28 +1699,28 @@ const Qe = (e, r) => {
        * @see https://tailwindcss.com/docs/box-shadow#setting-the-shadow-color
        */
       "shadow-color": [{
-        shadow: m()
+        shadow: f()
       }],
       /**
        * Inset Box Shadow
        * @see https://tailwindcss.com/docs/box-shadow#adding-an-inset-shadow
        */
       "inset-shadow": [{
-        "inset-shadow": ["none", _, ne, oe]
+        "inset-shadow": ["none", _, le, ae]
       }],
       /**
        * Inset Box Shadow Color
        * @see https://tailwindcss.com/docs/box-shadow#setting-the-inset-shadow-color
        */
       "inset-shadow-color": [{
-        "inset-shadow": m()
+        "inset-shadow": f()
       }],
       /**
        * Ring Width
        * @see https://tailwindcss.com/docs/box-shadow#adding-a-ring
        */
       "ring-w": [{
-        ring: L()
+        ring: j()
       }],
       /**
        * Ring Width Inset
@@ -1734,7 +1734,7 @@ const Qe = (e, r) => {
        * @see https://tailwindcss.com/docs/box-shadow#setting-the-ring-color
        */
       "ring-color": [{
-        ring: m()
+        ring: f()
       }],
       /**
        * Ring Offset Width
@@ -1752,35 +1752,35 @@ const Qe = (e, r) => {
        * @see https://github.com/tailwindlabs/tailwindcss/blob/v4.0.0/packages/tailwindcss/src/utilities.ts#L4158
        */
       "ring-offset-color": [{
-        "ring-offset": m()
+        "ring-offset": f()
       }],
       /**
        * Inset Ring Width
        * @see https://tailwindcss.com/docs/box-shadow#adding-an-inset-ring
        */
       "inset-ring-w": [{
-        "inset-ring": L()
+        "inset-ring": j()
       }],
       /**
        * Inset Ring Color
        * @see https://tailwindcss.com/docs/box-shadow#setting-the-inset-ring-color
        */
       "inset-ring-color": [{
-        "inset-ring": m()
+        "inset-ring": f()
       }],
       /**
        * Text Shadow
        * @see https://tailwindcss.com/docs/text-shadow
        */
       "text-shadow": [{
-        "text-shadow": ["none", w, ne, oe]
+        "text-shadow": ["none", w, le, ae]
       }],
       /**
        * Text Shadow Color
        * @see https://tailwindcss.com/docs/text-shadow#setting-the-shadow-color
        */
       "text-shadow-color": [{
-        "text-shadow": m()
+        "text-shadow": f()
       }],
       /**
        * Opacity
@@ -1794,14 +1794,14 @@ const Qe = (e, r) => {
        * @see https://tailwindcss.com/docs/mix-blend-mode
        */
       "mix-blend": [{
-        "mix-blend": [...ve(), "plus-darker", "plus-lighter"]
+        "mix-blend": [...ke(), "plus-darker", "plus-lighter"]
       }],
       /**
        * Background Blend Mode
        * @see https://tailwindcss.com/docs/background-blend-mode
        */
       "bg-blend": [{
-        "bg-blend": ve()
+        "bg-blend": ke()
       }],
       /**
        * Mask Clip
@@ -1825,103 +1825,103 @@ const Qe = (e, r) => {
         "mask-linear": [x]
       }],
       "mask-image-linear-from-pos": [{
-        "mask-linear-from": z()
+        "mask-linear-from": A()
       }],
       "mask-image-linear-to-pos": [{
-        "mask-linear-to": z()
+        "mask-linear-to": A()
       }],
       "mask-image-linear-from-color": [{
-        "mask-linear-from": m()
+        "mask-linear-from": f()
       }],
       "mask-image-linear-to-color": [{
-        "mask-linear-to": m()
+        "mask-linear-to": f()
       }],
       "mask-image-t-from-pos": [{
-        "mask-t-from": z()
+        "mask-t-from": A()
       }],
       "mask-image-t-to-pos": [{
-        "mask-t-to": z()
+        "mask-t-to": A()
       }],
       "mask-image-t-from-color": [{
-        "mask-t-from": m()
+        "mask-t-from": f()
       }],
       "mask-image-t-to-color": [{
-        "mask-t-to": m()
+        "mask-t-to": f()
       }],
       "mask-image-r-from-pos": [{
-        "mask-r-from": z()
+        "mask-r-from": A()
       }],
       "mask-image-r-to-pos": [{
-        "mask-r-to": z()
+        "mask-r-to": A()
       }],
       "mask-image-r-from-color": [{
-        "mask-r-from": m()
+        "mask-r-from": f()
       }],
       "mask-image-r-to-color": [{
-        "mask-r-to": m()
+        "mask-r-to": f()
       }],
       "mask-image-b-from-pos": [{
-        "mask-b-from": z()
+        "mask-b-from": A()
       }],
       "mask-image-b-to-pos": [{
-        "mask-b-to": z()
+        "mask-b-to": A()
       }],
       "mask-image-b-from-color": [{
-        "mask-b-from": m()
+        "mask-b-from": f()
       }],
       "mask-image-b-to-color": [{
-        "mask-b-to": m()
+        "mask-b-to": f()
       }],
       "mask-image-l-from-pos": [{
-        "mask-l-from": z()
+        "mask-l-from": A()
       }],
       "mask-image-l-to-pos": [{
-        "mask-l-to": z()
+        "mask-l-to": A()
       }],
       "mask-image-l-from-color": [{
-        "mask-l-from": m()
+        "mask-l-from": f()
       }],
       "mask-image-l-to-color": [{
-        "mask-l-to": m()
+        "mask-l-to": f()
       }],
       "mask-image-x-from-pos": [{
-        "mask-x-from": z()
+        "mask-x-from": A()
       }],
       "mask-image-x-to-pos": [{
-        "mask-x-to": z()
+        "mask-x-to": A()
       }],
       "mask-image-x-from-color": [{
-        "mask-x-from": m()
+        "mask-x-from": f()
       }],
       "mask-image-x-to-color": [{
-        "mask-x-to": m()
+        "mask-x-to": f()
       }],
       "mask-image-y-from-pos": [{
-        "mask-y-from": z()
+        "mask-y-from": A()
       }],
       "mask-image-y-to-pos": [{
-        "mask-y-to": z()
+        "mask-y-to": A()
       }],
       "mask-image-y-from-color": [{
-        "mask-y-from": m()
+        "mask-y-from": f()
       }],
       "mask-image-y-to-color": [{
-        "mask-y-to": m()
+        "mask-y-to": f()
       }],
       "mask-image-radial": [{
         "mask-radial": [p, d]
       }],
       "mask-image-radial-from-pos": [{
-        "mask-radial-from": z()
+        "mask-radial-from": A()
       }],
       "mask-image-radial-to-pos": [{
-        "mask-radial-to": z()
+        "mask-radial-to": A()
       }],
       "mask-image-radial-from-color": [{
-        "mask-radial-from": m()
+        "mask-radial-from": f()
       }],
       "mask-image-radial-to-color": [{
-        "mask-radial-to": m()
+        "mask-radial-to": f()
       }],
       "mask-image-radial-shape": [{
         "mask-radial": ["circle", "ellipse"]
@@ -1933,22 +1933,22 @@ const Qe = (e, r) => {
         }]
       }],
       "mask-image-radial-pos": [{
-        "mask-radial-at": G()
+        "mask-radial-at": R()
       }],
       "mask-image-conic-pos": [{
         "mask-conic": [x]
       }],
       "mask-image-conic-from-pos": [{
-        "mask-conic-from": z()
+        "mask-conic-from": A()
       }],
       "mask-image-conic-to-pos": [{
-        "mask-conic-to": z()
+        "mask-conic-to": A()
       }],
       "mask-image-conic-from-color": [{
-        "mask-conic-from": m()
+        "mask-conic-from": f()
       }],
       "mask-image-conic-to-color": [{
-        "mask-conic-to": m()
+        "mask-conic-to": f()
       }],
       /**
        * Mask Mode
@@ -1969,21 +1969,21 @@ const Qe = (e, r) => {
        * @see https://tailwindcss.com/docs/mask-position
        */
       "mask-position": [{
-        mask: ge()
+        mask: we()
       }],
       /**
        * Mask Repeat
        * @see https://tailwindcss.com/docs/mask-repeat
        */
       "mask-repeat": [{
-        mask: _e()
+        mask: ve()
       }],
       /**
        * Mask Size
        * @see https://tailwindcss.com/docs/mask-size
        */
       "mask-size": [{
-        mask: we()
+        mask: ye()
       }],
       /**
        * Mask Type
@@ -2020,7 +2020,7 @@ const Qe = (e, r) => {
        * @see https://tailwindcss.com/docs/blur
        */
       blur: [{
-        blur: ye()
+        blur: Ce()
       }],
       /**
        * Brightness
@@ -2045,9 +2045,9 @@ const Qe = (e, r) => {
           // Deprecated since Tailwind CSS v4.0.0
           "",
           "none",
-          C,
-          ne,
-          oe
+          N,
+          le,
+          ae
         ]
       }],
       /**
@@ -2055,7 +2055,7 @@ const Qe = (e, r) => {
        * @see https://tailwindcss.com/docs/filter-drop-shadow#setting-the-shadow-color
        */
       "drop-shadow-color": [{
-        "drop-shadow": m()
+        "drop-shadow": f()
       }],
       /**
        * Grayscale
@@ -2110,7 +2110,7 @@ const Qe = (e, r) => {
        * @see https://tailwindcss.com/docs/backdrop-blur
        */
       "backdrop-blur": [{
-        "backdrop-blur": ye()
+        "backdrop-blur": Ce()
       }],
       /**
        * Backdrop Brightness
@@ -2183,21 +2183,21 @@ const Qe = (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 Qe = (e, r) => {
        * @see https://tailwindcss.com/docs/transition-timing-function
        */
       ease: [{
-        ease: ["linear", "initial", R, p, d]
+        ease: ["linear", "initial", C, p, d]
       }],
       /**
        * Transition Delay
@@ -2256,7 +2256,7 @@ const Qe = (e, r) => {
        * @see https://tailwindcss.com/docs/animation
        */
       animate: [{
-        animate: ["none", T, p, d]
+        animate: ["none", L, p, d]
       }],
       // ------------------
       // --- Transforms ---
@@ -2273,70 +2273,70 @@ const Qe = (e, r) => {
        * @see https://tailwindcss.com/docs/perspective
        */
       perspective: [{
-        perspective: [N, p, d]
+        perspective: [z, p, d]
       }],
       /**
        * Perspective Origin
        * @see https://tailwindcss.com/docs/perspective-origin
        */
       "perspective-origin": [{
-        "perspective-origin": V()
+        "perspective-origin": M()
       }],
       /**
        * Rotate
        * @see https://tailwindcss.com/docs/rotate
        */
       rotate: [{
-        rotate: ee()
+        rotate: oe()
       }],
       /**
        * Rotate X
        * @see https://tailwindcss.com/docs/rotate
        */
       "rotate-x": [{
-        "rotate-x": ee()
+        "rotate-x": oe()
       }],
       /**
        * Rotate Y
        * @see https://tailwindcss.com/docs/rotate
        */
       "rotate-y": [{
-        "rotate-y": ee()
+        "rotate-y": oe()
       }],
       /**
        * Rotate Z
        * @see https://tailwindcss.com/docs/rotate
        */
       "rotate-z": [{
-        "rotate-z": ee()
+        "rotate-z": oe()
       }],
       /**
        * Scale
        * @see https://tailwindcss.com/docs/scale
        */
       scale: [{
-        scale: te()
+        scale: ne()
       }],
       /**
        * Scale X
        * @see https://tailwindcss.com/docs/scale
        */
       "scale-x": [{
-        "scale-x": te()
+        "scale-x": ne()
       }],
       /**
        * Scale Y
        * @see https://tailwindcss.com/docs/scale
        */
       "scale-y": [{
-        "scale-y": te()
+        "scale-y": ne()
       }],
       /**
        * Scale Z
        * @see https://tailwindcss.com/docs/scale
        */
       "scale-z": [{
-        "scale-z": te()
+        "scale-z": ne()
       }],
       /**
        * Scale 3D
@@ -2348,21 +2348,21 @@ const Qe = (e, r) => {
        * @see https://tailwindcss.com/docs/skew
        */
       skew: [{
-        skew: ie()
+        skew: fe()
       }],
       /**
        * Skew X
        * @see https://tailwindcss.com/docs/skew
        */
       "skew-x": [{
-        "skew-x": ie()
+        "skew-x": fe()
       }],
       /**
        * Skew Y
        * @see https://tailwindcss.com/docs/skew
        */
       "skew-y": [{
-        "skew-y": ie()
+        "skew-y": fe()
       }],
       /**
        * Transform
@@ -2376,7 +2376,7 @@ const Qe = (e, r) => {
        * @see https://tailwindcss.com/docs/transform-origin
        */
       "transform-origin": [{
-        origin: V()
+        origin: M()
       }],
       /**
        * Transform Style
@@ -2390,28 +2390,28 @@ const Qe = (e, r) => {
        * @see https://tailwindcss.com/docs/translate
        */
       translate: [{
-        translate: re()
+        translate: se()
       }],
       /**
        * Translate X
        * @see https://tailwindcss.com/docs/translate
        */
       "translate-x": [{
-        "translate-x": re()
+        "translate-x": se()
       }],
       /**
        * Translate Y
        * @see https://tailwindcss.com/docs/translate
        */
       "translate-y": [{
-        "translate-y": re()
+        "translate-y": se()
       }],
       /**
        * Translate Z
        * @see https://tailwindcss.com/docs/translate
        */
       "translate-z": [{
-        "translate-z": re()
+        "translate-z": se()
       }],
       /**
        * Translate None
@@ -2426,7 +2426,7 @@ const Qe = (e, r) => {
        * @see https://tailwindcss.com/docs/accent-color
        */
       accent: [{
-        accent: m()
+        accent: f()
       }],
       /**
        * Appearance
@@ -2440,7 +2440,7 @@ const Qe = (e, r) => {
        * @see https://tailwindcss.com/docs/just-in-time-mode#caret-color-utilities
        */
       "caret-color": [{
-        caret: m()
+        caret: f()
       }],
       /**
        * Color Scheme
@@ -2489,126 +2489,126 @@ const Qe = (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
@@ -2686,21 +2686,21 @@ const Qe = (e, r) => {
        * @see https://tailwindcss.com/docs/fill
        */
       fill: [{
-        fill: ["none", ...m()]
+        fill: ["none", ...f()]
       }],
       /**
        * Stroke Width
        * @see https://tailwindcss.com/docs/stroke-width
        */
       "stroke-w": [{
-        stroke: [x, X, W, de]
+        stroke: [x, Q, W, he]
       }],
       /**
        * Stroke
        * @see https://tailwindcss.com/docs/stroke
        */
       stroke: [{
-        stroke: ["none", ...m()]
+        stroke: ["none", ...f()]
       }],
       // ---------------------
       // --- Accessibility ---
@@ -2768,20 +2768,20 @@ const Qe = (e, r) => {
     },
     orderSensitiveModifiers: ["*", "**", "after", "backdrop", "before", "details-content", "file", "first-letter", "first-line", "marker", "placeholder", "selection"]
   };
-}, Bt = /* @__PURE__ */ _t(jt);
-function f(...e) {
-  return Bt(Je(e));
+}, Dt = /* @__PURE__ */ vt($t);
+function m(...e) {
+  return Dt(et(e));
 }
-const $t = {
+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)]"
-}, Ht = {
+  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"
-}, He = 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,
@@ -2793,10 +2793,10 @@ const $t = {
   "button",
   {
     ref: c,
-    className: f(
+    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 $t = {
       "active:shadow-none",
       "focus-visible focus:outline-none",
       "disabled:cursor-not-allowed disabled:opacity-50",
-      $t[e],
-      Ht[r],
+      Ht[e],
+      Ot[r],
       s
     ),
+    style: { fontFamily: '"Manrope", sans-serif' },
     disabled: t || o,
+    "aria-busy": o,
     ...a,
     children: [
       o && /* @__PURE__ */ g(
@@ -2846,26 +2848,26 @@ const $t = {
     ]
   }
 ));
-He.displayName = "Button";
-const Wt = "_button_qraba_7", Ot = "_state_qraba_79", Dt = "_icon_qraba_151", Zt = "_outline_qraba_205", I = {
+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_qraba_63",
-  state: Ot,
-  "button--size-md": "_button--size-md_qraba_87",
-  "button--size-lg": "_button--size-lg_qraba_111",
-  icon: Dt,
-  outline: Zt,
-  "state--default": "_state--default_qraba_229",
-  "state--sent": "_state--sent_qraba_813"
-}, Se = (e) => e.split("").map((r, o) => /* @__PURE__ */ n("span", { style: { "--i": o }, children: r === " " ? " " : r }, o)), qt = {
-  sm: I["button--size-sm"],
-  md: I["button--size-md"],
-  lg: I["button--size-lg"]
-}, Ut = {
+  "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"]
+}, 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%)]"
-}, Rr = ({
+}, jr = ({
   children: e = "Send Message",
   successText: r = "Sent",
   onSubmit: o,
@@ -2875,41 +2877,80 @@ const Wt = "_button_qraba_7", Ot = "_state_qraba_79", Dt = "_icon_qraba_151", Zt
   className: a,
   ...c
 }) => {
-  const [i, u] = ue(!1), b = Ue(), _ = pe(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 (C) => {
-        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?.(C);
-      },
-      className: f(I.button, Ut[s], qt[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: I.outline }),
-        /* @__PURE__ */ g("div", { className: f(I.state, I["state--default"]), children: [
-          /* @__PURE__ */ n("div", { className: I.icon, children: /* @__PURE__ */ g(
+        /* @__PURE__ */ n("div", { className: G.outline }),
+        /* @__PURE__ */ g("div", { className: m(G.state, G["state--default"]), children: [
+          /* @__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 Wt = "_button_qraba_7", Ot = "_state_qraba_79", Dt = "_icon_qraba_151", Zt
                     }
                   )
                 ] }),
-                /* @__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",
@@ -2937,10 +2978,10 @@ const Wt = "_button_qraba_7", Ot = "_state_qraba_79", Dt = "_icon_qraba_151", Zt
               ]
             }
           ) }),
-          /* @__PURE__ */ n("p", { children: Se(typeof e == "string" ? e : "Send Message") })
+          /* @__PURE__ */ n("p", { children: Ae(typeof e == "string" ? e : "Send Message") })
         ] }),
-        /* @__PURE__ */ g("div", { className: f(I.state, I["state--sent"]), children: [
-          /* @__PURE__ */ n("div", { className: I.icon, children: /* @__PURE__ */ n(
+        /* @__PURE__ */ g("div", { className: m(G.state, G["state--sent"]), children: [
+          /* @__PURE__ */ n("div", { className: G.icon, children: /* @__PURE__ */ n(
             "svg",
             {
               xmlns: "http://www.w3.org/2000/svg",
@@ -2950,7 +2991,7 @@ const Wt = "_button_qraba_7", Ot = "_state_qraba_79", Dt = "_icon_qraba_151", Zt
               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",
                   {
@@ -2968,12 +3009,12 @@ const Wt = "_button_qraba_7", Ot = "_state_qraba_79", Dt = "_icon_qraba_151", Zt
               ] })
             }
           ) }),
-          /* @__PURE__ */ n("p", { children: Se(r) })
+          /* @__PURE__ */ n("p", { children: Ae(r) })
         ] })
       ]
     }
   );
-}, Yt = {
+}, Xt = {
   sm: "px-4 py-2 text-sm",
   md: "px-5 py-[10px] text-base",
   lg: "px-6 py-3 text-lg"
@@ -2988,7 +3029,7 @@ const Wt = "_button_qraba_7", Ot = "_state_qraba_79", Dt = "_icon_qraba_151", Zt
     "input",
     {
       ref: l,
-      className: f(
+      className: m(
         "bg-transparent",
         "border-none",
         "outline-none",
@@ -2998,7 +3039,7 @@ const Wt = "_button_qraba_7", Ot = "_state_qraba_79", Dt = "_icon_qraba_151", Zt
         "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)]",
-        Yt[e],
+        Xt[e],
         o
       ),
       style: r ? { paddingRight: "2rem" } : void 0,
@@ -3028,7 +3069,7 @@ const Wt = "_button_qraba_7", Ot = "_state_qraba_79", Dt = "_icon_qraba_151", Zt
   )
 ] }));
 We.displayName = "Input";
-const Kt = y.forwardRef(({
+const Jt = y.forwardRef(({
   label: e,
   error: r = !1,
   className: o,
@@ -3038,8 +3079,8 @@ const Kt = y.forwardRef(({
   ...a
 }, c) => {
   const i = y.useId();
-  return /* @__PURE__ */ g("div", { className: f("flex items-center space-x-2", t && "cursor-not-allowed", r && !t && "cursor-help", o), children: [
-    /* @__PURE__ */ g("label", { className: f("checkbox-container", t && "opacity-50 cursor-not-allowed", r && !t && "cursor-help", !t && !r && "cursor-pointer"), children: [
+  return /* @__PURE__ */ g("div", { className: m("flex items-center space-x-2", t && "cursor-not-allowed", r && !t && "cursor-help", o), children: [
+    /* @__PURE__ */ g("label", { className: m("checkbox-container", t && "opacity-50 cursor-not-allowed", r && !t && "cursor-help", !t && !r && "cursor-pointer"), children: [
       /* @__PURE__ */ n(
         "input",
         {
@@ -3055,12 +3096,12 @@ const Kt = 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",
           pathLength: "575.0541381835938",
-          className: f("checkbox-path", r && "checkbox-path-error")
+          className: m("checkbox-path", r && "checkbox-path-error")
         }
       ) })
     ] }),
@@ -3068,7 +3109,7 @@ const Kt = y.forwardRef(({
       "label",
       {
         htmlFor: i,
-        className: f(
+        className: m(
           "text-sm font-medium select-none",
           t ? "text-text-disabled cursor-not-allowed" : r ? "text-text-primary cursor-help" : "text-text-primary cursor-pointer"
         ),
@@ -3077,8 +3118,8 @@ const Kt = y.forwardRef(({
     )
   ] });
 });
-Kt.displayName = "Checkbox";
-const Tr = ({
+Jt.displayName = "Checkbox";
+const Br = ({
   label: e,
   error: r = !1,
   className: o,
@@ -3088,21 +3129,14 @@ const Tr = ({
   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: f("toggle-wrapper", r && "toggle-wrapper--error", t && "cursor-not-allowed", r && !t && "cursor-help", o), children: [
+  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",
@@ -3119,19 +3153,19 @@ const Tr = ({
     /* @__PURE__ */ n(
       "div",
       {
-        className: f("toggle-container", t && "cursor-not-allowed", r && !t && "cursor-help"),
-        onKeyDown: u,
+        className: m("toggle-container", t && "cursor-not-allowed", r && !t && "cursor-help"),
+        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(
       "label",
       {
         htmlFor: i,
-        className: f(
+        className: m(
           "text-sm font-medium select-none ml-2",
           t ? "text-text-disabled cursor-not-allowed" : r ? "text-text-primary cursor-help" : "text-text-primary cursor-pointer"
         ),
@@ -3139,10 +3173,10 @@ const Tr = ({
       }
     )
   ] });
-}, Er = ({ className: e, ...r }) => /* @__PURE__ */ n(
+}, Fr = ({ className: e, ...r }) => /* @__PURE__ */ n(
   "div",
   {
-    className: f(
+    className: m(
       "card",
       "w-full",
       "rounded-lg border border-border",
@@ -3152,60 +3186,81 @@ const Tr = ({
     ),
     ...r
   }
-), Pr = ({ className: e, ...r }) => /* @__PURE__ */ n(
+), Gr = ({ className: e, ...r }) => /* @__PURE__ */ n(
   "div",
   {
-    className: f("flex items-start justify-between gap-4 px-6 py-4 border-b border-border", e),
+    className: m("flex items-start justify-between gap-4 px-6 py-4 border-b border-border", e),
     ...r
   }
-), Gr = ({ className: e, ...r }) => /* @__PURE__ */ n("div", { className: f("px-6 py-4", e), ...r }), Vr = ({ 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: f("flex items-center justify-end gap-3 px-6 py-4 border-t border-border", e),
+    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
-}, Fr = ({ size: e = "md", className: r, ...o }) => {
-  const t = 8 * Oe[e];
-  return /* @__PURE__ */ g("div", { className: f("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" }) })
-  ] });
-}, jr = ({
+}, 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",
     {
-      className: f(
+      className: m(
         "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: f("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 })
-  ] });
-}, De = y.createContext(null), Br = ({
+  ) : /* @__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,16 +3271,16 @@ const Tr = ({
   children: c,
   ...i
 }) => {
-  const u = o !== void 0, [b, _] = y.useState(t), w = u ? o : b, C = 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(De.Provider, { value: { name: e, value: w, disabled: s, onValueChange: C }, children: /* @__PURE__ */ g(
+  return /* @__PURE__ */ n(Ue.Provider, { value: { name: e, value: w, disabled: s, onValueChange: N }, children: /* @__PURE__ */ g(
     "fieldset",
     {
-      className: f("radio-input", s && "opacity-60 cursor-not-allowed", a),
+      className: m("radio-input", s && "opacity-60 cursor-not-allowed", a),
       disabled: s,
       ...i,
       children: [
@@ -3234,7 +3289,7 @@ const Tr = ({
       ]
     }
   ) });
-}, $r = ({
+}, Wr = ({
   label: e,
   value: r,
   disabled: o,
@@ -3246,50 +3301,50 @@ const Tr = ({
   className: i,
   ...u
 }) => {
-  const b = y.useContext(De), _ = y.useId(), w = !!(o ?? b?.disabled), C = l ?? b?.name, v = !!b, N = t !== void 0, [M, R] = y.useState(!!s), T = v ? b?.value === r : N ? !!t : M, P = (V) => {
-    const A = V.target.checked;
-    v && A ? b?.onValueChange?.(r) : N || R(A), c?.(A), a?.(V);
-  }, G = /* @__PURE__ */ g("label", { htmlFor: _, className: f(w && "cursor-not-allowed", i), role: "radio", "aria-checked": T, "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: C,
+        name: N,
         value: r,
-        checked: T,
+        checked: L,
         disabled: w,
-        onChange: P,
+        onChange: V,
         role: "radio",
-        "aria-checked": T,
+        "aria-checked": L,
         "aria-disabled": w,
         ...u
       }
     ),
     /* @__PURE__ */ n("span", { children: e || "" })
   ] });
-  return v ? G : /* @__PURE__ */ n("div", { className: "radio-input", children: G });
-}, Xt = {
+  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",
   left: "right-full top-1/2 -translate-y-1/2 mr-1",
   right: "left-full top-1/2 -translate-y-1/2 ml-1"
-}, Jt = {
+}, er = {
   top: "top-full left-1/2 -translate-x-1/2 -mt-px",
   bottom: "bottom-full left-1/2 -translate-x-1/2 -mb-px",
   left: "left-full top-1/2 -translate-y-1/2 -ml-px",
   right: "right-full top-1/2 -translate-y-1/2 -mr-px"
-}, Qt = {
+}, tr = {
   top: "border-t-border border-r-transparent border-b-transparent border-l-transparent border-t-[6px] border-r-[6px] border-l-[6px]",
   bottom: "border-b-border border-r-transparent border-t-transparent border-l-transparent border-b-[6px] border-r-[6px] border-l-[6px]",
   left: "border-l-border border-r-transparent border-t-transparent border-b-transparent border-l-[6px] border-t-[6px] border-b-[6px]",
   right: "border-r-border border-l-transparent border-t-transparent border-b-transparent border-r-[6px] border-t-[6px] border-b-[6px]"
-}, er = {
+}, rr = {
   top: "top-full left-1/2 -translate-x-1/2 -mt-[5px]",
   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]"
-}, Hr = ({
+}, Zr = ({
   open: e,
   onOpenChange: r,
   content: o,
@@ -3299,67 +3354,73 @@ const Tr = ({
   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), C = y.useId();
-  return /* @__PURE__ */ g("span", { className: f("relative inline-block", c), children: [
-    y.cloneElement(w, {
-      "aria-describedby": e && !l ? C : 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: C,
+        ref: u,
+        id: z,
         role: "tooltip",
-        className: f(
-          "absolute z-50 pointer-events-none",
-          Xt[t],
+        className: m(
+          "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: f(
-                "absolute w-0 h-0",
-                Jt[t],
-                Qt[t]
+              className: m(
+                "absolute w-0 h-0 pointer-events-none",
+                er[t],
+                tr[t]
               )
             }
           ),
           /* @__PURE__ */ n(
             "span",
             {
-              className: f(
-                "absolute w-0 h-0 bg-surface",
-                er[t],
+              className: m(
+                "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",
                 t === "left" && "border-l-[5px] border-t-[5px] border-b-[5px] border-l-surface border-t-transparent border-b-transparent",
@@ -3371,7 +3432,7 @@ const Tr = ({
       }
     )
   ] });
-}, Ze = Ye(void 0), Wr = ({
+}, qe = Je(void 0), Ur = ({
   children: e,
   defaultTheme: r
 }) => {
@@ -3382,7 +3443,7 @@ const Tr = ({
         return a;
     }
     return typeof window < "u" && window.matchMedia ? window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light" : r || "dark";
-  }, [t, s] = ue(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,22 +3459,22 @@ const Tr = ({
       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 });
-}, tr = () => {
-  const e = Ke(Ze);
+  }, []), /* @__PURE__ */ n(qe.Provider, { value: { theme: t, setTheme: l }, children: e });
+}, or = () => {
+  const e = Qe(qe);
   if (e === void 0)
     throw new Error("useTheme must be used within a ThemeProvider");
   return e;
-}, Or = ({
+}, qr = ({
   className: e,
   showLabel: r = !0
 }) => {
-  const { theme: o, setTheme: t } = tr(), s = o === "dark", l = () => {
+  const { theme: o, setTheme: t } = or(), s = o === "dark", l = () => {
     t(s ? "light" : "dark");
   }, a = (c) => {
     (c.key === "Enter" || c.key === " ") && (c.preventDefault(), l());
   };
-  return /* @__PURE__ */ g("div", { className: f("flex items-center gap-3", e), children: [
+  return /* @__PURE__ */ g("div", { className: m("flex items-center gap-3", e), children: [
     /* @__PURE__ */ g(
       "label",
       {
@@ -3456,55 +3517,54 @@ const Tr = ({
     ),
     r && /* @__PURE__ */ n("span", { className: "text-sm font-medium text-text-primary", children: s ? "Dark" : "Light" })
   ] });
-}, rr = ({
-  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",
   {
-    className: f(
+    className: m(
       "relative flex justify-center items-center",
       "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
   }
-), or = ({
-  width: e = 315,
-  aspectRatio: r = 1.33,
-  className: o,
-  children: t,
-  ...s
+), ar = ({
+  className: e,
+  children: r,
+  ...o
 }) => /* @__PURE__ */ n(
   "div",
   {
-    className: f(
+    className: m(
       "relative bg-surface-tertiary rounded-[24px] p-7 z-[10]",
       "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
   }
-), nr = ({ className: e, ...r }) => /* @__PURE__ */ g(
+), lr = ({ className: e, ...r }) => /* @__PURE__ */ g(
   "div",
   {
-    className: f(
+    className: m(
       "w-[65px] h-[65px] rounded-[20px] border-2 border-white",
       "bg-gradient-to-br from-white/20 to-black/20",
       "shadow-[8px_8px_16px_rgba(0,0,0,0.2),-8px_-8px_16px_rgba(255,255,255,0.06)]",
@@ -3517,51 +3577,60 @@ const Tr = ({
       /* @__PURE__ */ n("div", { className: "absolute top-[10px] w-[30%] h-[30%] rounded-full border-[2.5px] border-white" })
     ]
   }
-), Dr = ({
+), Yr = ({
   title: e,
   showLogo: r = !1,
   footer: o,
-  width: t = 315,
-  aspectRatio: s = 1.33,
-  className: l,
-  children: a,
-  ...c
-}) => /* @__PURE__ */ n(rr, { width: t, aspectRatio: s, children: /* @__PURE__ */ g(or, { 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: f("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(nr, {}) }),
+        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 })
-] }) }), Zr = ({
+] }) }), 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(
-    We,
-    {
-      className: f(
-        "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
-    }
-  ) })
-] }), qr = ({
+  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,
@@ -3569,7 +3638,7 @@ const Tr = ({
 }) => e === "google" ? /* @__PURE__ */ n(
   "button",
   {
-    className: f(
+    className: m(
       "w-full h-10 border-none rounded-[20px] text-sm font-semibold cursor-pointer",
       "grid place-content-center gap-2.5 bg-surface-secondary text-text-primary",
       "transition-all duration-300",
@@ -3582,38 +3651,38 @@ const Tr = ({
     children: o
   }
 ) : /* @__PURE__ */ n(
-  He,
+  pe,
   {
     variant: "primary",
-    className: f(
+    className: m(
       "w-full h-10 rounded-[20px] text-sm font-semibold mt-1.5",
       r
     ),
     ...t,
     children: o
   }
-), Ur = ({
+), Jr = ({
   className: e,
   children: r,
   ...o
 }) => /* @__PURE__ */ n(
   "div",
   {
-    className: f(
+    className: m(
       "w-full text-left text-text-secondary text-xs",
       e
     ),
     ...o,
     children: r
   }
-), Yr = ({
+), Qr = ({
   className: e,
   children: r,
   ...o
 }) => /* @__PURE__ */ n(
   "a",
   {
-    className: f(
+    className: m(
       "relative text-text-secondary font-semibold no-underline transition-colors duration-300 ease-in-out",
       "hover:text-white",
       'after:content-[""] after:absolute after:left-0 after:bottom-[-2px] after:w-0 after:rounded-md after:h-[1px] after:bg-current after:transition-[width] after:duration-300 after:ease-in-out',
@@ -3623,35 +3692,31 @@ const Tr = ({
     ...o,
     children: r
   }
-), sr = "_container_14dne_1", ar = "_input_14dne_119", lr = "_search__icon_14dne_177", E = {
-  container: sr,
+), 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: ar,
+  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: lr
-}, ir = {
+  search__icon: dr
+}, pr = {
   sm: {
-    container: E["container--size-sm"],
-    input: E["input--size-sm"]
+    container: P["container--size-sm"],
+    input: P["input--size-sm"]
   },
   md: {
-    container: E["container--size-md"],
-    input: E["input--size-md"]
+    container: P["container--size-md"],
+    input: P["input--size-md"]
   },
   lg: {
-    container: E["container--size-lg"],
-    input: E["input--size-lg"]
+    container: P["container--size-lg"],
+    input: P["input--size-lg"]
   }
-}, cr = {
-  sm: 200,
-  md: 260,
-  lg: 320
-}, dr = y.forwardRef(({
+}, mr = y.forwardRef(({
   size: e = "md",
   className: r,
   inputClassName: o,
@@ -3659,62 +3724,44 @@ const Tr = ({
   placeholder: s,
   ...l
 }, a) => {
-  const c = ir[e], i = pe(null), u = pe(null), [b, _] = ue(void 0);
-  return Xe(() => {
-    if (!s || !u.current) return;
-    const C = u.current.offsetWidth, v = 70, N = e === "sm" ? 32 : e === "md" ? 40 : 48, T = C + v + N + 10 + 20, P = cr[e];
-    _(Math.max(T, P));
-  }, [s, e]), /* @__PURE__ */ g(qe, { children: [
-    /* @__PURE__ */ n(
-      "span",
-      {
-        ref: u,
-        className: f(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: f(E.container, c.container, r),
-        style: b ? { width: `${b}px`, maxWidth: "100%" } : void 0,
-        children: /* @__PURE__ */ g("div", { className: f(E["search-container"], t), children: [
-          /* @__PURE__ */ n(
-            "input",
-            {
-              ref: a,
-              className: f(E.input, c.input, o),
-              type: "search",
-              placeholder: s,
-              ...l
-            }
-          ),
-          /* @__PURE__ */ n("svg", { viewBox: "0 0 24 24", className: E.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" }) }) })
+      ] })
+    }
+  );
 });
-dr.displayName = "SearchBar";
-const pr = "_list_hdx8a_1", mr = "_listHorizontal_hdx8a_11", ur = "_iconContent_hdx8a_15", fr = "_tooltip_hdx8a_25", hr = "_tooltipHorizontal_hdx8a_46", br = "_link_hdx8a_60", xr = "_filled_hdx8a_87", O = {
-  list: pr,
-  listHorizontal: mr,
-  iconContent: ur,
-  tooltip: fr,
-  tooltipHorizontal: hr,
-  link: br,
-  filled: xr
-}, gr = (e) => {
+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", Z = {
+  list: ur,
+  listHorizontal: fr,
+  iconContent: br,
+  tooltip: hr,
+  tooltipHorizontal: xr,
+  link: gr,
+  filled: _r
+}, wr = (e) => {
   switch (e) {
     case "linkedin":
       return /* @__PURE__ */ n(
@@ -3791,7 +3838,7 @@ const pr = "_list_hdx8a_1", mr = "_listHorizontal_hdx8a_11", ur = "_iconContent_
     default:
       return null;
   }
-}, _r = (e) => ({
+}, vr = (e) => ({
   linkedin: "LinkedIn",
   github: "GitHub",
   instagram: "Instagram",
@@ -3801,7 +3848,7 @@ const pr = "_list_hdx8a_1", mr = "_listHorizontal_hdx8a_11", ur = "_iconContent_
   telegram: "Telegram",
   pinterest: "Pinterest",
   x: "X"
-})[e], wr = y.forwardRef(({
+})[e], yr = y.forwardRef(({
   links: e,
   className: r,
   orientation: o = "vertical",
@@ -3810,26 +3857,26 @@ const pr = "_list_hdx8a_1", mr = "_listHorizontal_hdx8a_11", ur = "_iconContent_
   "ul",
   {
     ref: s,
-    className: f(
-      O.list,
-      o === "horizontal" && O.listHorizontal,
+    className: m(
+      Z.list,
+      o === "horizontal" && Z.listHorizontal,
       r
     ),
     ...t,
     children: e.map((l, a) => {
-      const c = l.label || _r(l.platform), i = gr(l.platform);
-      return /* @__PURE__ */ g("li", { className: O.iconContent, children: [
+      const c = l.label || vr(l.platform), i = wr(l.platform);
+      return /* @__PURE__ */ g("li", { className: Z.iconContent, children: [
         /* @__PURE__ */ g(
           "a",
           {
             href: l.url,
             "aria-label": c,
             "data-social": l.platform,
-            className: O.link,
+            className: Z.link,
             target: "_blank",
             rel: "noopener noreferrer",
             children: [
-              /* @__PURE__ */ n("div", { className: O.filled }),
+              /* @__PURE__ */ n("div", { className: Z.filled }),
               /* @__PURE__ */ n(
                 "svg",
                 {
@@ -3846,51 +3893,51 @@ const pr = "_list_hdx8a_1", mr = "_listHorizontal_hdx8a_11", ur = "_iconContent_
             ]
           }
         ),
-        /* @__PURE__ */ n("div", { className: f(
-          O.tooltip,
-          o === "horizontal" && O.tooltipHorizontal
+        /* @__PURE__ */ n("div", { className: m(
+          Z.tooltip,
+          o === "horizontal" && Z.tooltipHorizontal
         ), children: c })
       ] }, `${l.platform}-${a}`);
     })
   }
 ));
-wr.displayName = "SocialLinks";
-const vr = "_card_tuygu_1", yr = "_separator_tuygu_33", kr = "_list_tuygu_41", Cr = "_element_tuygu_57", zr = "_label_tuygu_91", Nr = "_accent_tuygu_137", D = {
-  card: vr,
-  separator: yr,
-  list: kr,
-  element: Cr,
-  label: zr,
+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", U = {
+  card: kr,
+  separator: Cr,
+  list: zr,
+  element: Nr,
+  label: Mr,
   delete: "_delete_tuygu_111",
-  accent: Nr
-}, Kr = ({
+  accent: Sr
+}, eo = ({
   groups: e,
   showSeparators: r = !0,
   className: o,
   ...t
-}) => /* @__PURE__ */ n("div", { className: f(D.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(
-    Mr,
+    Lr,
     {
       group: s,
       isLastGroup: l === e.length - 1
     }
   ),
-  r && l < e.length - 1 && /* @__PURE__ */ n(Lr, {})
-] }, s.id)) }), Mr = ({
+  r && l < e.length - 1 && /* @__PURE__ */ n(Ir, {})
+] }, s.id)) }), Lr = ({
   group: e,
   isLastGroup: r
 }) => {
   const o = e.variant === "accent" || r && e.items.some((t) => t.variant === "accent");
-  return /* @__PURE__ */ n("ul", { className: f(D.list, o && D.accent), children: e.items.map((t) => /* @__PURE__ */ n(
-    Sr,
+  return /* @__PURE__ */ n("ul", { className: m(U.list, o && U.accent), children: e.items.map((t) => /* @__PURE__ */ n(
+    Ar,
     {
       item: t,
       isAccentGroup: o
     },
     t.id
   )) });
-}, Sr = ({
+}, Ar = ({
   item: e,
   isAccentGroup: r
 }) => {
@@ -3904,9 +3951,9 @@ const vr = "_card_tuygu_1", yr = "_separator_tuygu_33", kr = "_list_tuygu_41", C
   return /* @__PURE__ */ g(
     "li",
     {
-      className: f(
-        D.element,
-        t && D.delete
+      className: m(
+        U.element,
+        t && U.delete
       ),
       onClick: s,
       style: {
@@ -3915,38 +3962,326 @@ const vr = "_card_tuygu_1", yr = "_separator_tuygu_33", kr = "_list_tuygu_41", C
       },
       children: [
         l(),
-        /* @__PURE__ */ n("p", { className: D.label, children: e.label })
+        /* @__PURE__ */ n("p", { className: U.label, children: e.label })
       ]
     }
   );
-}, Lr = () => /* @__PURE__ */ n("div", { className: D.separator });
+}, Ir = () => /* @__PURE__ */ n("div", { className: U.separator }), to = ({
+  title: e,
+  description: r,
+  privacyLink: o,
+  privacyLinkText: t,
+  acceptLabel: s,
+  optionsLabel: l,
+  onAccept: a,
+  onOptions: c,
+  storageKey: i,
+  storageValue: u,
+  icon: h,
+  className: _,
+  privacyLinkTarget: w,
+  privacyLinkRel: N,
+  iconClassName: v,
+  contentClassName: z,
+  acceptButtonClassName: k,
+  optionsButtonClassName: C
+}) => {
+  const [L, V] = ie(() => typeof window < "u" ? !localStorage.getItem(i) : !1);
+  ce(() => {
+    const M = localStorage.getItem(i);
+    V(!M);
+  }, [i]);
+  const R = () => {
+    localStorage.setItem(i, u), V(!1), a();
+  };
+  return L ? /* @__PURE__ */ n(
+    "article",
+    {
+      className: m(
+        "w-4/5 max-w-[300px] h-auto rounded-2xl",
+        "bg-white dark:bg-surface-secondary",
+        "shadow-[rgba(60,64,67,0.3)_0_1px_2px_0,rgba(60,64,67,0.15)_0_2px_6px_2px]",
+        "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", 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(
+          "a",
+          {
+            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: N,
+            children: t
+          }
+        ) }),
+        /* @__PURE__ */ n(
+          "button",
+          {
+            type: "button",
+            onClick: c,
+            className: m(
+              "mb-2 text-sm mr-auto text-zinc-600 dark:text-text-secondary",
+              "cursor-pointer font-semibold transition-colors",
+              "hover:text-[#634647] dark:hover:text-[#ddad81]",
+              "hover:underline underline-offset-2",
+              "focus-visible:outline-2 focus-visible:outline-offset-2",
+              "focus-visible:outline-[#634647] dark:focus-visible:outline-[#ddad81]",
+              C
+            ),
+            children: l
+          }
+        ),
+        /* @__PURE__ */ n(
+          "button",
+          {
+            type: "button",
+            onClick: R,
+            className: m(
+              "absolute font-semibold right-6 bottom-6",
+              "cursor-pointer py-2 px-8 w-max break-keep",
+              "text-sm rounded-lg transition-colors",
+              "text-[#634647] hover:text-[#ddad81]",
+              "bg-[#ddad81] hover:bg-[#634647]",
+              "dark:text-white dark:bg-[#634647]",
+              "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]",
+              k
+            ),
+            children: s
+          }
+        )
+      ] })
+    }
+  ) : null;
+}, Ye = {
+  neutral: {
+    icon: "text-zinc-600 dark:text-zinc-400",
+    buttonVariant: "primary"
+  },
+  danger: {
+    icon: "text-red-600 dark:text-red-400",
+    buttonVariant: "danger"
+  },
+  warning: {
+    icon: "text-yellow-600 dark:text-yellow-400",
+    buttonVariant: "secondary"
+  },
+  info: {
+    icon: "text-blue-600 dark:text-blue-400",
+    buttonVariant: "primary"
+  }
+}, Ke = y.forwardRef(({ className: e, children: r, role: o, "aria-modal": t, "aria-labelledby": s, "aria-describedby": l }, a) => /* @__PURE__ */ n(
+  "div",
+  {
+    ref: a,
+    role: o,
+    "aria-modal": t,
+    "aria-labelledby": s,
+    "aria-describedby": l,
+    className: m(
+      "w-full max-w-md",
+      "bg-white dark:bg-surface-secondary",
+      "rounded-lg",
+      "shadow-[2px_2px_20px_rgba(0,0,0,0.062)] dark:shadow-[rgba(0,0,0,0.3)_0_1px_2px_0,rgba(0,0,0,0.15)_0_2px_6px_2px]",
+      "p-6",
+      "flex flex-col items-center",
+      "gap-4",
+      "relative",
+      "overflow-hidden",
+      "transform transition-all duration-200",
+      e
+    ),
+    children: r
+  }
+));
+Ke.displayName = "ConfirmModalCard";
+const Rr = ({
+  className: e,
+  children: r
+}) => /* @__PURE__ */ n("div", { className: m("flex items-center justify-center mb-2", e), children: r }), Tr = ({
+  confirmLabel: e,
+  cancelLabel: r,
+  variant: o,
+  onConfirm: t,
+  onCancel: s,
+  confirmButtonClassName: l,
+  cancelButtonClassName: a
+}) => {
+  const c = Ye[o];
+  return /* @__PURE__ */ g("div", { className: "flex gap-4 flex-row w-full justify-center mt-2", children: [
+    /* @__PURE__ */ n(
+      pe,
+      {
+        type: "button",
+        variant: "ghost",
+        size: "sm",
+        onClick: s,
+        className: a,
+        children: r
+      }
+    ),
+    /* @__PURE__ */ n(
+      pe,
+      {
+        type: "button",
+        variant: c.buttonVariant,
+        size: "sm",
+        onClick: t,
+        className: l,
+        children: e
+      }
+    )
+  ] });
+}, ro = ({
+  isOpen: e,
+  title: r,
+  description: o,
+  icon: t,
+  confirmLabel: s,
+  cancelLabel: l,
+  variant: a = "neutral",
+  onConfirm: c,
+  onCancel: i,
+  onClose: u,
+  className: h,
+  iconClassName: _,
+  contentClassName: w,
+  confirmButtonClassName: N,
+  cancelButtonClassName: v
+}) => {
+  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 M = z.current;
+    if (!M) return;
+    const I = Array.from(
+      M.querySelectorAll(
+        'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
+      )
+    ).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;
+        }
+        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", B), document.addEventListener("focusin", J), () => {
+      document.removeEventListener("keydown", B), document.removeEventListener("focusin", J);
+    };
+  }, [e, u]);
+  const V = Ie((M) => {
+    M.target === M.currentTarget && u();
+  }, [u]);
+  if (!e)
+    return null;
+  const R = Ye[a];
+  return /* @__PURE__ */ n(
+    "div",
+    {
+      className: m(
+        "fixed inset-0 z-50",
+        "flex items-center justify-center",
+        "p-4",
+        "bg-black/20 dark:bg-black/40",
+        "transition-opacity duration-200",
+        h
+      ),
+      onClick: V,
+      role: "presentation",
+      children: /* @__PURE__ */ g(
+        Ke,
+        {
+          ref: z,
+          role: "dialog",
+          "aria-modal": !0,
+          "aria-labelledby": C,
+          "aria-describedby": L,
+          className: "transform transition-all duration-200 scale-100",
+          children: [
+            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: C,
+                  className: "text-lg font-bold text-zinc-900 dark:text-text-primary",
+                  children: r
+                }
+              ),
+              /* @__PURE__ */ n(
+                "p",
+                {
+                  id: L,
+                  className: "text-sm font-semibold text-zinc-600 dark:text-text-secondary whitespace-pre-line",
+                  children: o
+                }
+              )
+            ] }),
+            /* @__PURE__ */ n(
+              Tr,
+              {
+                confirmLabel: s,
+                cancelLabel: l,
+                variant: a,
+                onConfirm: c,
+                onCancel: i,
+                confirmButtonClassName: N,
+                cancelButtonClassName: v
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+};
 export {
-  He as Button,
-  Er as Card,
-  Gr as CardContent,
-  Vr as CardFooter,
-  Pr as CardHeader,
-  Kt as Checkbox,
-  Kr as ContextMenu,
-  Mr as ContextMenuGroup,
-  Sr as ContextMenuItem,
-  Lr as ContextMenuSeparator,
-  Dr as Form,
-  qr as FormButton,
-  Zr as FormField,
-  Ur as FormFooter,
-  Yr as FormFooterLink,
+  pe as Button,
+  Fr as Card,
+  Pr as CardContent,
+  $r as CardFooter,
+  Gr as CardHeader,
+  Jt as Checkbox,
+  ro as ConfirmModal,
+  eo as ContextMenu,
+  Lr as ContextMenuGroup,
+  Ar as ContextMenuItem,
+  Ir as ContextMenuSeparator,
+  to as CookieConsent,
+  Yr as Form,
+  Xr as FormButton,
+  Kr as FormField,
+  Jr as FormFooter,
+  Qr as FormFooterLink,
   We as Input,
-  jr as Loader,
-  $r as RadioButton,
-  Br as RadioGroup,
-  dr as SearchBar,
-  wr as SocialLinks,
-  Fr as Spinner,
-  Rr as SubmitButton,
-  Wr as ThemeProvider,
-  Or as ThemeSwitch,
-  Tr as Toggle,
-  Hr as Tooltip,
-  tr as useTheme
+  Hr as Loader,
+  Wr as RadioButton,
+  Or as RadioGroup,
+  mr as SearchBar,
+  yr as SocialLinks,
+  Dr as Spinner,
+  jr as SubmitButton,
+  Ur as ThemeProvider,
+  qr as ThemeSwitch,
+  Br as Toggle,
+  Zr as Tooltip,
+  or as useTheme
 };
+//# sourceMappingURL=index.mjs.map