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

@possibly6400/ui-kit 1.0.13 → 1.0.14

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 (5) 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, Fragment as Xe } from "react/jsx-runtime";
+import y, { useState as ce, useId as Ke, useRef as X, createContext as Je, useContext as Qe, useEffect as he } from "react";
+function Ie(e) {
   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 = Ie(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 = Ie(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) => ({
+}), Re = (e = /* @__PURE__ */ new Map(), r = null, o) => ({
   nextPart: e,
   validators: r,
   classGroupId: o
-}), se = "-", ke = [], tt = "arbitrary..", rt = (e) => {
-  const r = nt(e), {
+}), le = "-", 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(le), 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(le) : e.slice(r).join(le), i = a.length;
   for (let u = 0; u < i; u++) {
     const b = a[u];
     if (b.validator(c))
       return b.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 = Re();
   for (const t in e) {
     const s = e[t];
-    fe(s, o, t, r);
+    xe(s, o, t, r);
   }
   return o;
-}, fe = (e, r, o, t) => {
+}, xe = (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 : Te(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)) {
+    xe(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);
+    xe(i, Te(r, c), o, t);
   }
-}, Re = (e, r) => {
+}, Te = (e, r) => {
   let o = e;
-  const t = r.split(se), s = t.length;
+  const t = r.split(le), 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 = Re(), 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) => ({
+}, be = "!", 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
@@ -159,35 +159,35 @@ const Qe = (e, r) => {
     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];
+    for (let C = 0; C < b; C++) {
+      const z = s[C];
       if (a === 0 && c === 0) {
-        if (M === Ce) {
-          l.push(s.slice(i, N)), i = N + 1;
+        if (z === Ne) {
+          l.push(s.slice(i, C)), i = C + 1;
           continue;
         }
-        if (M === "/") {
-          u = N;
+        if (z === "/") {
+          u = C;
           continue;
         }
       }
-      M === "[" ? a++ : M === "]" ? a-- : M === "(" ? c++ : M === ")" && c--;
+      z === "[" ? a++ : z === "]" ? a-- : z === "(" ? c++ : z === ")" && c--;
     }
     const _ = l.length === 0 ? s : s.slice(i);
-    let w = _, C = !1;
-    _.endsWith(me) ? (w = _.slice(0, -1), C = !0) : (
+    let w = _, k = !1;
+    _.endsWith(be) ? (w = _.slice(0, -1), k = !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(be) && (w = _.slice(1), k = !0)
     );
     const v = u && u > i ? u - i : void 0;
-    return ze(l, C, w, v);
+    return Me(l, k, 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], {
       isExternal: _,
       modifiers: w,
-      hasImportantModifier: C,
+      hasImportantModifier: k,
       baseClassName: v,
-      maybePostfixModifierPosition: N
+      maybePostfixModifierPosition: C
     } = o(b);
     if (_) {
       i = b + (i.length > 0 ? " " + i : i);
       continue;
     }
-    let M = !!N, R = t(M ? v.substring(0, N) : v);
-    if (!R) {
-      if (!M) {
+    let z = !!C, I = t(z ? v.substring(0, C) : v);
+    if (!I) {
+      if (!z) {
         i = b + (i.length > 0 ? " " + i : i);
         continue;
       }
-      if (R = t(v), !R) {
+      if (I = t(v), !I) {
         i = b + (i.length > 0 ? " " + i : i);
         continue;
       }
-      M = !1;
+      z = !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 E = w.length === 0 ? "" : w.length === 1 ? w[0] : l(w).join(":"), T = k ? E + be : E, S = T + I;
+    if (a.indexOf(S) > -1)
       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(S);
+    const L = s(I, z);
+    for (let A = 0; A < L.length; ++A) {
+      const H = L[A];
+      a.push(T + H);
     }
     i = b + (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 = Ve(o)) && (s && (s += " "), s += t);
   return s;
-}, Te = (e) => {
+}, Ve = (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 = Ve(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);
+    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);
+    const b = _t(i, o);
     return s(i, b), b;
   };
-  return l = a, (...i) => l(gt(...i));
-}, wt = [], k = (e) => {
-  const r = (o) => o[e] || wt;
+  return l = a, (...i) => l(wt(...i));
+}, yt = [], N = (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) => (
+}, je = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, Pe = /^\((?:(\w[\w-]*):)?(.+)\)$/i, kt = /^\d+\/\d+$/, Ct = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, zt = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, Nt = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, Mt = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, St = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, Y = (e) => kt.test(e), x = (e) => !!e && !Number.isNaN(Number(e)), W = (e) => !!e && Number.isInteger(Number(e)), ue = (e) => e.endsWith("%") && x(e.slice(0, -1)), $ = (e) => Ct.test(e), Lt = () => !0, At = (e) => (
   // `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), Et = (e) => !d(e) && !p(e), Tt = (e) => K(e, $e, Ge), d = (e) => je.test(e), O = (e) => K(e, He, At), fe = (e) => K(e, Bt, x), Se = (e) => K(e, Be, Ge), Vt = (e) => K(e, Fe, Rt), se = (e) => K(e, We, It), p = (e) => Pe.test(e), Q = (e) => J(e, He), jt = (e) => J(e, Ft), Le = (e) => J(e, Be), Pt = (e) => J(e, $e), Gt = (e) => J(e, Fe), ae = (e) => J(e, We, !0), K = (e, r, o) => {
+  const t = je.exec(e);
   return t ? t[1] ? r(t[1]) : o(t[2]) : !1;
-}, Y = (e, r, o = !1) => {
+}, J = (e, r, o = !1) => {
   const t = Pe.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 = () => [
+}, Be = (e) => e === "position" || e === "percentage", Fe = (e) => e === "image" || e === "url", $e = (e) => e === "length" || e === "size" || e === "bg-size", He = (e) => e === "length", Bt = (e) => e === "number", Ft = (e) => e === "family-name", We = (e) => e === "shadow", $t = () => {
+  const e = N("color"), r = N("font"), o = N("text"), t = N("font-weight"), s = N("tracking"), l = N("leading"), a = N("breakpoint"), c = N("container"), i = N("spacing"), u = N("radius"), b = N("shadow"), _ = N("inset-shadow"), w = N("text-shadow"), k = N("drop-shadow"), v = N("blur"), C = N("perspective"), z = N("aspect"), I = N("ease"), E = N("animate"), T = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], S = () => [
     "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, {
+  ], L = () => [...S(), p, d], A = () => ["auto", "hidden", "clip", "visible", "scroll"], H = () => ["auto", "contain", "none"], h = () => [p, d, i], P = () => [Y, "full", "auto", ...h()], V = () => [W, "none", "subgrid", p, d], ge = () => ["auto", {
+    span: ["full", W, p, d]
+  }, W, p, d], ee = () => [W, "auto", p, d], _e = () => ["auto", "min", "max", "fr", p, d], de = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], U = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], F = () => ["auto", ...h()], D = () => [Y, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...h()], f = () => [e, p, d], we = () => [...S(), Le, Se, {
     position: [p, d]
-  }], _e = () => ["no-repeat", {
+  }], ve = () => ["no-repeat", {
     repeat: ["", "x", "y", "space", "round"]
-  }], we = () => ["auto", "cover", "contain", Pt, Rt, {
+  }], ye = () => ["auto", "cover", "contain", Pt, Tt, {
     size: [p, d]
-  }], le = () => [ce, X, W], S = () => [
+  }], pe = () => [ue, Q, O], R = () => [
     // 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, O], te = () => ["solid", "dashed", "dotted", "double"], ke = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], M = () => [x, ue, Le, Se], Ce = () => [
     // 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()];
+  ], re = () => ["none", x, p, d], oe = () => ["none", x, p, d], me = () => [x, p, d], ne = () => [Y, "full", ...h()];
   return {
     cacheSize: 500,
     theme: {
       animate: ["spin", "ping", "pulse", "bounce"],
       aspect: ["video"],
-      blur: [B],
-      breakpoint: [B],
-      color: [Mt],
-      container: [B],
-      "drop-shadow": [B],
+      blur: [$],
+      breakpoint: [$],
+      color: [Lt],
+      container: [$],
+      "drop-shadow": [$],
       ease: ["in", "out", "in-out"],
-      font: [It],
+      font: [Et],
       "font-weight": ["thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black"],
-      "inset-shadow": [B],
+      "inset-shadow": [$],
       leading: ["none", "tight", "snug", "normal", "relaxed", "loose"],
       perspective: ["dramatic", "near", "normal", "midrange", "distant", "none"],
-      radius: [B],
-      shadow: [B],
+      radius: [$],
+      shadow: [$],
       spacing: ["px", x],
-      text: [B],
-      "text-shadow": [B],
+      text: [$],
+      "text-shadow": [$],
       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, z]
       }],
       /**
        * Container
@@ -393,14 +393,14 @@ const Qe = (e, r) => {
        * @see https://tailwindcss.com/docs/break-after
        */
       "break-after": [{
-        "break-after": P()
+        "break-after": T()
       }],
       /**
        * Break Before
        * @see https://tailwindcss.com/docs/break-before
        */
       "break-before": [{
-        "break-before": P()
+        "break-before": T()
       }],
       /**
        * Break Inside
@@ -464,7 +464,7 @@ const Qe = (e, r) => {
        * @see https://tailwindcss.com/docs/object-position
        */
       "object-position": [{
-        object: V()
+        object: L()
       }],
       /**
        * Overflow
@@ -492,21 +492,21 @@ const Qe = (e, r) => {
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       overscroll: [{
-        overscroll: K()
+        overscroll: H()
       }],
       /**
        * Overscroll Behavior X
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       "overscroll-x": [{
-        "overscroll-x": K()
+        "overscroll-x": H()
       }],
       /**
        * Overscroll Behavior Y
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       "overscroll-y": [{
-        "overscroll-y": K()
+        "overscroll-y": H()
       }],
       /**
        * Position
@@ -518,63 +518,63 @@ const Qe = (e, r) => {
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       inset: [{
-        inset: F()
+        inset: P()
       }],
       /**
        * Right / Left
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-x": [{
-        "inset-x": F()
+        "inset-x": P()
       }],
       /**
        * Top / Bottom
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-y": [{
-        "inset-y": F()
+        "inset-y": P()
       }],
       /**
        * Start
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       start: [{
-        start: F()
+        start: P()
       }],
       /**
        * End
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       end: [{
-        end: F()
+        end: P()
       }],
       /**
        * Top
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       top: [{
-        top: F()
+        top: P()
       }],
       /**
        * Right
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       right: [{
-        right: F()
+        right: P()
       }],
       /**
        * Bottom
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       bottom: [{
-        bottom: F()
+        bottom: P()
       }],
       /**
        * Left
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       left: [{
-        left: F()
+        left: P()
       }],
       /**
        * Visibility
@@ -586,7 +586,7 @@ const Qe = (e, r) => {
        * @see https://tailwindcss.com/docs/z-index
        */
       z: [{
-        z: [$, "auto", p, d]
+        z: [W, "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, ...h()]
       }],
       /**
        * 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: [W, "first", "last", "none", p, d]
       }],
       /**
        * Grid Template Columns
        * @see https://tailwindcss.com/docs/grid-template-columns
        */
       "grid-cols": [{
-        "grid-cols": he()
+        "grid-cols": V()
       }],
       /**
        * Grid Column Start / End
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-start-end": [{
-        col: be()
+        col: ge()
       }],
       /**
        * Grid Column Start
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-start": [{
-        "col-start": J()
+        "col-start": ee()
       }],
       /**
        * Grid Column End
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-end": [{
-        "col-end": J()
+        "col-end": ee()
       }],
       /**
        * Grid Template Rows
        * @see https://tailwindcss.com/docs/grid-template-rows
        */
       "grid-rows": [{
-        "grid-rows": he()
+        "grid-rows": V()
       }],
       /**
        * Grid Row Start / End
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-start-end": [{
-        row: be()
+        row: ge()
       }],
       /**
        * Grid Row Start
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-start": [{
-        "row-start": J()
+        "row-start": ee()
       }],
       /**
        * Grid Row End
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-end": [{
-        "row-end": J()
+        "row-end": ee()
       }],
       /**
        * Grid Auto Flow
@@ -708,14 +708,14 @@ 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
@@ -743,35 +743,35 @@ const Qe = (e, r) => {
        * @see https://tailwindcss.com/docs/justify-content
        */
       "justify-content": [{
-        justify: [...ae(), "normal"]
+        justify: [...de(), "normal"]
       }],
       /**
        * Justify Items
        * @see https://tailwindcss.com/docs/justify-items
        */
       "justify-items": [{
-        "justify-items": [...Z(), "normal"]
+        "justify-items": [...U(), "normal"]
       }],
       /**
        * Justify Self
        * @see https://tailwindcss.com/docs/justify-self
        */
       "justify-self": [{
-        "justify-self": ["auto", ...Z()]
+        "justify-self": ["auto", ...U()]
       }],
       /**
        * Align Content
        * @see https://tailwindcss.com/docs/align-content
        */
       "align-content": [{
-        content: ["normal", ...ae()]
+        content: ["normal", ...de()]
       }],
       /**
        * Align Items
        * @see https://tailwindcss.com/docs/align-items
        */
       "align-items": [{
-        items: [...Z(), {
+        items: [...U(), {
           baseline: ["", "last"]
         }]
       }],
@@ -780,7 +780,7 @@ const Qe = (e, r) => {
        * @see https://tailwindcss.com/docs/align-self
        */
       "align-self": [{
-        self: ["auto", ...Z(), {
+        self: ["auto", ...U(), {
           baseline: ["", "last"]
         }]
       }],
@@ -789,21 +789,21 @@ const Qe = (e, r) => {
        * @see https://tailwindcss.com/docs/place-content
        */
       "place-content": [{
-        "place-content": ae()
+        "place-content": de()
       }],
       /**
        * Place Items
        * @see https://tailwindcss.com/docs/place-items
        */
       "place-items": [{
-        "place-items": [...Z(), "baseline"]
+        "place-items": [...U(), "baseline"]
       }],
       /**
        * Place Self
        * @see https://tailwindcss.com/docs/place-self
        */
       "place-self": [{
-        "place-self": ["auto", ...Z()]
+        "place-self": ["auto", ...U()]
       }],
       // Spacing
       /**
@@ -874,63 +874,63 @@ const Qe = (e, r) => {
        * @see https://tailwindcss.com/docs/margin
        */
       m: [{
-        m: j()
+        m: F()
       }],
       /**
        * Margin X
        * @see https://tailwindcss.com/docs/margin
        */
       mx: [{
-        mx: j()
+        mx: F()
       }],
       /**
        * Margin Y
        * @see https://tailwindcss.com/docs/margin
        */
       my: [{
-        my: j()
+        my: F()
       }],
       /**
        * Margin Start
        * @see https://tailwindcss.com/docs/margin
        */
       ms: [{
-        ms: j()
+        ms: F()
       }],
       /**
        * Margin End
        * @see https://tailwindcss.com/docs/margin
        */
       me: [{
-        me: j()
+        me: F()
       }],
       /**
        * Margin Top
        * @see https://tailwindcss.com/docs/margin
        */
       mt: [{
-        mt: j()
+        mt: F()
       }],
       /**
        * Margin Right
        * @see https://tailwindcss.com/docs/margin
        */
       mr: [{
-        mr: j()
+        mr: F()
       }],
       /**
        * Margin Bottom
        * @see https://tailwindcss.com/docs/margin
        */
       mb: [{
-        mb: j()
+        mb: F()
       }],
       /**
        * Margin Left
        * @see https://tailwindcss.com/docs/margin
        */
       ml: [{
-        ml: j()
+        ml: F()
       }],
       /**
        * Space Between X
@@ -964,14 +964,14 @@ const Qe = (e, r) => {
        * @see https://tailwindcss.com/docs/width#setting-both-width-and-height
        */
       size: [{
-        size: H()
+        size: D()
       }],
       /**
        * Width
        * @see https://tailwindcss.com/docs/width
        */
       w: [{
-        w: [c, "screen", ...H()]
+        w: [c, "screen", ...D()]
       }],
       /**
        * 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()
+          ...D()
         ]
       }],
       /**
@@ -1001,7 +1001,7 @@ const Qe = (e, r) => {
           {
             screen: [a]
           },
-          ...H()
+          ...D()
         ]
       }],
       /**
@@ -1009,21 +1009,21 @@ const Qe = (e, r) => {
        * @see https://tailwindcss.com/docs/height
        */
       h: [{
-        h: ["screen", "lh", ...H()]
+        h: ["screen", "lh", ...D()]
       }],
       /**
        * Min-Height
        * @see https://tailwindcss.com/docs/min-height
        */
       "min-h": [{
-        "min-h": ["screen", "lh", "none", ...H()]
+        "min-h": ["screen", "lh", "none", ...D()]
       }],
       /**
        * Max-Height
        * @see https://tailwindcss.com/docs/max-height
        */
       "max-h": [{
-        "max-h": ["screen", "lh", ...H()]
+        "max-h": ["screen", "lh", ...D()]
       }],
       // ------------------
       // --- 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, O]
       }],
       /**
        * 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, fe]
       }],
       /**
        * 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", ue, 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, fe]
       }],
       /**
        * Line Height
@@ -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,21 +1174,21 @@ const Qe = (e, r) => {
        * @see https://tailwindcss.com/docs/text-decoration-style
        */
       "text-decoration-style": [{
-        decoration: [...Q(), "wavy"]
+        decoration: [...te(), "wavy"]
       }],
       /**
        * Text Decoration Thickness
        * @see https://tailwindcss.com/docs/text-decoration-thickness
        */
       "text-decoration-thickness": [{
-        decoration: [x, "from-font", "auto", p, W]
+        decoration: [x, "from-font", "auto", p, O]
       }],
       /**
        * Text Decoration Color
        * @see https://tailwindcss.com/docs/text-decoration-color
        */
       "text-decoration-color": [{
-        decoration: m()
+        decoration: f()
       }],
       /**
        * Text Underline Offset
@@ -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],
+          }, W, p, d],
           radial: ["", p, d],
-          conic: [$, p, d]
-        }, Gt, Tt]
+          conic: [W, p, d]
+        }, Gt, 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: pe()
       }],
       /**
        * Gradient Color Stops Via Position
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-via-pos": [{
-        via: le()
+        via: pe()
       }],
       /**
        * Gradient Color Stops To Position
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-to-pos": [{
-        to: le()
+        to: pe()
       }],
       /**
        * 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: R()
       }],
       /**
        * Border Radius Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-s": [{
-        "rounded-s": S()
+        "rounded-s": R()
       }],
       /**
        * Border Radius End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-e": [{
-        "rounded-e": S()
+        "rounded-e": R()
       }],
       /**
        * Border Radius Top
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-t": [{
-        "rounded-t": S()
+        "rounded-t": R()
       }],
       /**
        * Border Radius Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-r": [{
-        "rounded-r": S()
+        "rounded-r": R()
       }],
       /**
        * Border Radius Bottom
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-b": [{
-        "rounded-b": S()
+        "rounded-b": R()
       }],
       /**
        * Border Radius Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-l": [{
-        "rounded-l": S()
+        "rounded-l": R()
       }],
       /**
        * Border Radius Start Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-ss": [{
-        "rounded-ss": S()
+        "rounded-ss": R()
       }],
       /**
        * Border Radius Start End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-se": [{
-        "rounded-se": S()
+        "rounded-se": R()
       }],
       /**
        * Border Radius End End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-ee": [{
-        "rounded-ee": S()
+        "rounded-ee": R()
       }],
       /**
        * Border Radius End Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-es": [{
-        "rounded-es": S()
+        "rounded-es": R()
       }],
       /**
        * Border Radius Top Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-tl": [{
-        "rounded-tl": S()
+        "rounded-tl": R()
       }],
       /**
        * Border Radius Top Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-tr": [{
-        "rounded-tr": S()
+        "rounded-tr": R()
       }],
       /**
        * Border Radius Bottom Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-br": [{
-        "rounded-br": S()
+        "rounded-br": R()
       }],
       /**
        * Border Radius Bottom Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-bl": [{
-        "rounded-bl": S()
+        "rounded-bl": R()
       }],
       /**
        * 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: [...te(), "hidden", "none"]
       }],
       /**
        * Divide Style
        * @see https://tailwindcss.com/docs/border-style#setting-the-divider-style
        */
       "divide-style": [{
-        divide: [...Q(), "hidden", "none"]
+        divide: [...te(), "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: [...te(), "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, O]
       }],
       /**
        * Outline Color
        * @see https://tailwindcss.com/docs/outline-color
        */
       "outline-color": [{
-        outline: m()
+        outline: f()
       }],
       // ---------------
       // --- Effects ---
@@ -1690,8 +1690,8 @@ const Qe = (e, r) => {
           "",
           "none",
           b,
-          ne,
-          oe
+          ae,
+          se
         ]
       }],
       /**
@@ -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", _, ae, se]
       }],
       /**
        * 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
@@ -1743,7 +1743,7 @@ const Qe = (e, r) => {
        * @see https://github.com/tailwindlabs/tailwindcss/blob/v4.0.0/packages/tailwindcss/src/utilities.ts#L4158
        */
       "ring-offset-w": [{
-        "ring-offset": [x, W]
+        "ring-offset": [x, O]
       }],
       /**
        * Ring Offset Color
@@ -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, ae, se]
       }],
       /**
        * 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": M()
       }],
       "mask-image-linear-to-pos": [{
-        "mask-linear-to": z()
+        "mask-linear-to": M()
       }],
       "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": M()
       }],
       "mask-image-t-to-pos": [{
-        "mask-t-to": z()
+        "mask-t-to": M()
       }],
       "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": M()
       }],
       "mask-image-r-to-pos": [{
-        "mask-r-to": z()
+        "mask-r-to": M()
       }],
       "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": M()
       }],
       "mask-image-b-to-pos": [{
-        "mask-b-to": z()
+        "mask-b-to": M()
       }],
       "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": M()
       }],
       "mask-image-l-to-pos": [{
-        "mask-l-to": z()
+        "mask-l-to": M()
       }],
       "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": M()
       }],
       "mask-image-x-to-pos": [{
-        "mask-x-to": z()
+        "mask-x-to": M()
       }],
       "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": M()
       }],
       "mask-image-y-to-pos": [{
-        "mask-y-to": z()
+        "mask-y-to": M()
       }],
       "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": M()
       }],
       "mask-image-radial-to-pos": [{
-        "mask-radial-to": z()
+        "mask-radial-to": M()
       }],
       "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": S()
       }],
       "mask-image-conic-pos": [{
         "mask-conic": [x]
       }],
       "mask-image-conic-from-pos": [{
-        "mask-conic-from": z()
+        "mask-conic-from": M()
       }],
       "mask-image-conic-to-pos": [{
-        "mask-conic-to": z()
+        "mask-conic-to": M()
       }],
       "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
+          k,
+          ae,
+          se
         ]
       }],
       /**
@@ -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
@@ -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", I, 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", E, p, d]
       }],
       // ------------------
       // --- Transforms ---
@@ -2273,70 +2273,70 @@ const Qe = (e, r) => {
        * @see https://tailwindcss.com/docs/perspective
        */
       perspective: [{
-        perspective: [N, p, d]
+        perspective: [C, p, d]
       }],
       /**
        * Perspective Origin
        * @see https://tailwindcss.com/docs/perspective-origin
        */
       "perspective-origin": [{
-        "perspective-origin": V()
+        "perspective-origin": L()
       }],
       /**
        * Rotate
        * @see https://tailwindcss.com/docs/rotate
        */
       rotate: [{
-        rotate: ee()
+        rotate: re()
       }],
       /**
        * Rotate X
        * @see https://tailwindcss.com/docs/rotate
        */
       "rotate-x": [{
-        "rotate-x": ee()
+        "rotate-x": re()
       }],
       /**
        * Rotate Y
        * @see https://tailwindcss.com/docs/rotate
        */
       "rotate-y": [{
-        "rotate-y": ee()
+        "rotate-y": re()
       }],
       /**
        * Rotate Z
        * @see https://tailwindcss.com/docs/rotate
        */
       "rotate-z": [{
-        "rotate-z": ee()
+        "rotate-z": re()
       }],
       /**
        * Scale
        * @see https://tailwindcss.com/docs/scale
        */
       scale: [{
-        scale: te()
+        scale: oe()
       }],
       /**
        * Scale X
        * @see https://tailwindcss.com/docs/scale
        */
       "scale-x": [{
-        "scale-x": te()
+        "scale-x": oe()
       }],
       /**
        * Scale Y
        * @see https://tailwindcss.com/docs/scale
        */
       "scale-y": [{
-        "scale-y": te()
+        "scale-y": oe()
       }],
       /**
        * Scale Z
        * @see https://tailwindcss.com/docs/scale
        */
       "scale-z": [{
-        "scale-z": te()
+        "scale-z": oe()
       }],
       /**
        * Scale 3D
@@ -2348,21 +2348,21 @@ const Qe = (e, r) => {
        * @see https://tailwindcss.com/docs/skew
        */
       skew: [{
-        skew: ie()
+        skew: me()
       }],
       /**
        * Skew X
        * @see https://tailwindcss.com/docs/skew
        */
       "skew-x": [{
-        "skew-x": ie()
+        "skew-x": me()
       }],
       /**
        * Skew Y
        * @see https://tailwindcss.com/docs/skew
        */
       "skew-y": [{
-        "skew-y": ie()
+        "skew-y": me()
       }],
       /**
        * Transform
@@ -2376,7 +2376,7 @@ const Qe = (e, r) => {
        * @see https://tailwindcss.com/docs/transform-origin
        */
       "transform-origin": [{
-        origin: V()
+        origin: L()
       }],
       /**
        * Transform Style
@@ -2390,28 +2390,28 @@ const Qe = (e, r) => {
        * @see https://tailwindcss.com/docs/translate
        */
       translate: [{
-        translate: re()
+        translate: ne()
       }],
       /**
        * Translate X
        * @see https://tailwindcss.com/docs/translate
        */
       "translate-x": [{
-        "translate-x": re()
+        "translate-x": ne()
       }],
       /**
        * Translate Y
        * @see https://tailwindcss.com/docs/translate
        */
       "translate-y": [{
-        "translate-y": re()
+        "translate-y": ne()
       }],
       /**
        * Translate Z
        * @see https://tailwindcss.com/docs/translate
        */
       "translate-z": [{
-        "translate-z": re()
+        "translate-z": ne()
       }],
       /**
        * 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
@@ -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, O, fe]
       }],
       /**
        * 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));
+}, Ht = /* @__PURE__ */ vt($t);
+function m(...e) {
+  return Ht(et(e));
 }
-const $t = {
+const Wt = {
   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 = {
+}, Dt = {
   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(({
+}, ie = y.forwardRef(({
   variant: e = "primary",
   size: r = "md",
   loading: o = !1,
@@ -2793,7 +2793,7 @@ 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]",
@@ -2804,8 +2804,8 @@ const $t = {
       "active:shadow-none",
       "focus-visible focus:outline-none",
       "disabled:cursor-not-allowed disabled:opacity-50",
-      $t[e],
-      Ht[r],
+      Wt[e],
+      Dt[r],
       s
     ),
     disabled: t || o,
@@ -2846,26 +2846,26 @@ const $t = {
     ]
   }
 ));
-He.displayName = "Button";
-const Wt = "_button_qraba_7", Ot = "_state_qraba_79", Dt = "_icon_qraba_151", Zt = "_outline_qraba_205", I = {
-  button: Wt,
+ie.displayName = "Button";
+const Ot = "_button_qraba_7", qt = "_state_qraba_79", Zt = "_icon_qraba_151", Ut = "_outline_qraba_205", G = {
+  button: Ot,
   "button--size-sm": "_button--size-sm_qraba_63",
-  state: Ot,
+  state: qt,
   "button--size-md": "_button--size-md_qraba_87",
   "button--size-lg": "_button--size-lg_qraba_111",
-  icon: Dt,
-  outline: Zt,
+  icon: Zt,
+  outline: Ut,
   "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 = {
+}, Ae = (e) => e.split("").map((r, o) => /* @__PURE__ */ n("span", { style: { "--i": o }, children: r === " " ? " " : r }, o)), Yt = {
+  sm: G["button--size-sm"],
+  md: G["button--size-md"],
+  lg: G["button--size-lg"]
+}, Xt = {
   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,7 +2875,7 @@ 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] = ce(!1), b = Ke(), _ = X(null);
   return /* @__PURE__ */ g(
     "button",
     {
@@ -2883,7 +2883,7 @@ const Wt = "_button_qraba_7", Ot = "_state_qraba_79", Dt = "_icon_qraba_151", Zt
       ref: _,
       type: "submit",
       disabled: t,
-      onClick: async (C) => {
+      onClick: async (k) => {
         if (o && !i)
           try {
             await o(), u(!0), _.current?.focus(), setTimeout(() => {
@@ -2892,15 +2892,15 @@ const Wt = "_button_qraba_7", Ot = "_state_qraba_79", Dt = "_icon_qraba_151", Zt
           } catch (v) {
             console.error("Submit failed:", v);
           }
-        c.onClick?.(C);
+        c.onClick?.(k);
       },
-      className: f(I.button, Ut[s], qt[l], a),
+      className: m(G.button, Xt[s], Yt[l], a),
       "aria-label": i ? "Submission successful" : c["aria-label"] || "Submit",
       "aria-disabled": t,
       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: /* @__PURE__ */ g(
             "svg",
             {
               width: "1em",
@@ -2937,10 +2937,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",
@@ -2968,16 +2968,16 @@ 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 = {
+}, Kt = {
   sm: "px-4 py-2 text-sm",
   md: "px-5 py-[10px] text-base",
   lg: "px-6 py-3 text-lg"
-}, We = y.forwardRef(({
+}, De = y.forwardRef(({
   size: e = "md",
   error: r = !1,
   className: o,
@@ -2988,7 +2988,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 +2998,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],
+        Kt[e],
         o
       ),
       style: r ? { paddingRight: "2rem" } : void 0,
@@ -3027,8 +3027,8 @@ const Wt = "_button_qraba_7", Ot = "_state_qraba_79", Dt = "_icon_qraba_151", Zt
     }
   )
 ] }));
-We.displayName = "Input";
-const Kt = y.forwardRef(({
+De.displayName = "Input";
+const Jt = y.forwardRef(({
   label: e,
   error: r = !1,
   className: o,
@@ -3038,8 +3038,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",
         {
@@ -3060,7 +3060,7 @@ const Kt = y.forwardRef(({
         {
           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 +3068,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 +3077,8 @@ const Kt = y.forwardRef(({
     )
   ] });
 });
-Kt.displayName = "Checkbox";
-const Tr = ({
+Jt.displayName = "Checkbox";
+const Pr = ({
   label: e,
   error: r = !1,
   className: o,
@@ -3099,7 +3099,7 @@ const Tr = ({
       }
     }
   };
-  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",
       {
@@ -3119,7 +3119,7 @@ const Tr = ({
     /* @__PURE__ */ n(
       "div",
       {
-        className: f("toggle-container", t && "cursor-not-allowed", r && !t && "cursor-help"),
+        className: m("toggle-container", t && "cursor-not-allowed", r && !t && "cursor-help"),
         onKeyDown: u,
         tabIndex: t ? -1 : 0,
         role: "button",
@@ -3131,7 +3131,7 @@ const Tr = ({
       "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 +3139,10 @@ const Tr = ({
       }
     )
   ] });
-}, Er = ({ className: e, ...r }) => /* @__PURE__ */ n(
+}, Gr = ({ className: e, ...r }) => /* @__PURE__ */ n(
   "div",
   {
-    className: f(
+    className: m(
       "card",
       "w-full",
       "rounded-lg border border-border",
@@ -3152,29 +3152,29 @@ const Tr = ({
     ),
     ...r
   }
-), Pr = ({ className: e, ...r }) => /* @__PURE__ */ n(
+), Br = ({ 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(
+), Fr = ({ 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 = {
   sm: 0.7,
   md: 1,
   lg: 1.3
-}, Fr = ({ size: e = "md", className: r, ...o }) => {
+}, Hr = ({ 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: [
+  return /* @__PURE__ */ g("div", { className: m("loader", r), style: { fontSize: `${t}px` }, ...o, children: [
     /* @__PURE__ */ n("div", { className: "loader-face loader-face-1", children: /* @__PURE__ */ n("div", { className: "loader-circle" }) }),
     /* @__PURE__ */ n("div", { className: "loader-face loader-face-2", children: /* @__PURE__ */ n("div", { className: "loader-circle" }) })
   ] });
-}, jr = ({
+}, Wr = ({
   size: e = "md",
   variant: r = "inline",
   label: o,
@@ -3185,7 +3185,7 @@ const Tr = ({
   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
       ),
@@ -3198,14 +3198,14 @@ const Tr = ({
         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: m("inline-flex items-center gap-2", t), ...s, children: [
     /* @__PURE__ */ g("div", { className: "loader", style: { fontSize: `${l}px` }, children: [
       /* @__PURE__ */ n("div", { className: "loader-face loader-face-1", children: /* @__PURE__ */ n("div", { className: "loader-circle" }) }),
       /* @__PURE__ */ n("div", { className: "loader-face loader-face-2", children: /* @__PURE__ */ n("div", { className: "loader-circle" }) })
     ] }),
     o && /* @__PURE__ */ n("span", { className: "text-sm text-text-secondary", children: o })
   ] });
-}, De = y.createContext(null), Br = ({
+}, qe = y.createContext(null), Dr = ({
   name: e,
   legend: r,
   value: o,
@@ -3216,16 +3216,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, [b, _] = y.useState(t), w = u ? o : b, k = 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(qe.Provider, { value: { name: e, value: w, disabled: s, onValueChange: k }, 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 +3234,7 @@ const Tr = ({
       ]
     }
   ) });
-}, $r = ({
+}, Or = ({
   label: e,
   value: r,
   disabled: o,
@@ -3246,50 +3246,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 b = y.useContext(qe), _ = y.useId(), w = !!(o ?? b?.disabled), k = l ?? b?.name, v = !!b, C = t !== void 0, [z, I] = y.useState(!!s), E = v ? b?.value === r : C ? !!t : z, T = (L) => {
+    const A = L.target.checked;
+    v && A ? b?.onValueChange?.(r) : C || I(A), c?.(A), a?.(L);
+  }, S = /* @__PURE__ */ g("label", { htmlFor: _, className: m(w && "cursor-not-allowed", i), role: "radio", "aria-checked": E, "aria-disabled": w, children: [
     /* @__PURE__ */ n(
       "input",
       {
         id: _,
         type: "radio",
-        name: C,
+        name: k,
         value: r,
-        checked: T,
+        checked: E,
         disabled: w,
-        onChange: P,
+        onChange: T,
         role: "radio",
-        "aria-checked": T,
+        "aria-checked": E,
         "aria-disabled": w,
         ...u
       }
     ),
     /* @__PURE__ */ n("span", { children: e || "" })
   ] });
-  return v ? G : /* @__PURE__ */ n("div", { className: "radio-input", children: G });
-}, Xt = {
+  return v ? S : /* @__PURE__ */ n("div", { className: "radio-input", children: S });
+}, 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 = ({
+}, qr = ({
   open: e,
   onOpenChange: r,
   content: o,
@@ -3313,10 +3313,10 @@ const Tr = ({
     }
   }, _ = () => {
     u(), r?.(!1);
-  }, w = y.Children.only(a), C = y.useId();
-  return /* @__PURE__ */ g("span", { className: f("relative inline-block", c), children: [
+  }, w = y.Children.only(a), k = y.useId();
+  return /* @__PURE__ */ g("span", { className: m("relative inline-block", c), children: [
     y.cloneElement(w, {
-      "aria-describedby": e && !l ? C : void 0,
+      "aria-describedby": e && !l ? k : void 0,
       onMouseEnter: (v) => {
         w.props.onMouseEnter?.(v), b();
       },
@@ -3333,11 +3333,11 @@ const Tr = ({
     e && !l && /* @__PURE__ */ g(
       "span",
       {
-        id: C,
+        id: k,
         role: "tooltip",
-        className: f(
+        className: m(
           "absolute z-50 pointer-events-none",
-          Xt[t],
+          Qt[t],
           "whitespace-nowrap",
           "rounded-md border border-border bg-surface text-text-primary",
           "px-3 py-2 text-xs shadow-md"
@@ -3347,19 +3347,19 @@ const Tr = ({
           /* @__PURE__ */ n(
             "span",
             {
-              className: f(
+              className: m(
                 "absolute w-0 h-0",
-                Jt[t],
-                Qt[t]
+                er[t],
+                tr[t]
               )
             }
           ),
           /* @__PURE__ */ n(
             "span",
             {
-              className: f(
+              className: m(
                 "absolute w-0 h-0 bg-surface",
-                er[t],
+                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 +3371,7 @@ const Tr = ({
       }
     )
   ] });
-}, Ze = Ye(void 0), Wr = ({
+}, Ze = Je(void 0), Zr = ({
   children: e,
   defaultTheme: r
 }) => {
@@ -3382,7 +3382,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] = ce(o), l = y.useCallback((a) => {
     s(a), typeof window < "u" && localStorage.setItem("theme", a);
   }, []);
   return y.useEffect(() => {
@@ -3399,21 +3399,21 @@ const Tr = ({
     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);
+}, or = () => {
+  const e = Qe(Ze);
   if (e === void 0)
     throw new Error("useTheme must be used within a ThemeProvider");
   return e;
-}, Or = ({
+}, Ur = ({
   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,7 +3456,7 @@ const Tr = ({
     ),
     r && /* @__PURE__ */ n("span", { className: "text-sm font-medium text-text-primary", children: s ? "Dark" : "Light" })
   ] });
-}, rr = ({
+}, nr = ({
   width: e = 315,
   aspectRatio: r = 1.33,
   className: o,
@@ -3465,7 +3465,7 @@ const Tr = ({
 }) => /* @__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)]",
@@ -3479,7 +3479,7 @@ const Tr = ({
     ...s,
     children: t
   }
-), or = ({
+), sr = ({
   width: e = 315,
   aspectRatio: r = 1.33,
   className: o,
@@ -3488,7 +3488,7 @@ const Tr = ({
 }) => /* @__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)]",
@@ -3501,10 +3501,10 @@ const Tr = ({
     ...s,
     children: t
   }
-), nr = ({ className: e, ...r }) => /* @__PURE__ */ g(
+), ar = ({ 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,7 +3517,7 @@ 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,
@@ -3526,21 +3526,21 @@ const Tr = ({
   className: l,
   children: a,
   ...c
-}) => /* @__PURE__ */ n(rr, { width: t, aspectRatio: s, children: /* @__PURE__ */ g(or, { width: t, aspectRatio: s, children: [
+}) => /* @__PURE__ */ n(nr, { width: t, aspectRatio: s, children: /* @__PURE__ */ g(sr, { width: t, aspectRatio: s, children: [
   /* @__PURE__ */ g(
     "form",
     {
-      className: f("flex justify-center items-center flex-col gap-[10px]", l),
+      className: m("flex justify-center items-center flex-col gap-[10px]", l),
       ...c,
       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(ar, {}) }),
         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
       ]
     }
   ),
   o && /* @__PURE__ */ n("div", { className: "w-full text-left text-text-secondary text-xs mt-4", children: o })
-] }) }), Zr = ({
+] }) }), Xr = ({
   label: e,
   error: r,
   className: o,
@@ -3549,9 +3549,9 @@ const Tr = ({
 }) => /* @__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,
+    De,
     {
-      className: f(
+      className: m(
         "p-3 border-none rounded-xl bg-surface text-text-primary text-sm outline-none",
         "focus:border focus:border-border-focus",
         o
@@ -3561,7 +3561,7 @@ const Tr = ({
       ...s
     }
   ) })
-] }), qr = ({
+] }), Kr = ({
   variant: e = "primary",
   className: r,
   children: o,
@@ -3569,7 +3569,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 +3582,38 @@ const Tr = ({
     children: o
   }
 ) : /* @__PURE__ */ n(
-  He,
+  ie,
   {
     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 +3623,35 @@ const Tr = ({
     ...o,
     children: r
   }
-), sr = "_container_14dne_1", ar = "_input_14dne_119", lr = "_search__icon_14dne_177", E = {
-  container: sr,
+), lr = "_container_14dne_1", ir = "_input_14dne_119", cr = "_search__icon_14dne_177", B = {
+  container: lr,
   "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: ir,
   "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: cr
+}, dr = {
   sm: {
-    container: E["container--size-sm"],
-    input: E["input--size-sm"]
+    container: B["container--size-sm"],
+    input: B["input--size-sm"]
   },
   md: {
-    container: E["container--size-md"],
-    input: E["input--size-md"]
+    container: B["container--size-md"],
+    input: B["input--size-md"]
   },
   lg: {
-    container: E["container--size-lg"],
-    input: E["input--size-lg"]
+    container: B["container--size-lg"],
+    input: B["input--size-lg"]
   }
-}, cr = {
+}, pr = {
   sm: 200,
   md: 260,
   lg: 320
-}, dr = y.forwardRef(({
+}, mr = y.forwardRef(({
   size: e = "md",
   className: r,
   inputClassName: o,
@@ -3659,17 +3659,17 @@ const Tr = ({
   placeholder: s,
   ...l
 }, a) => {
-  const c = ir[e], i = pe(null), u = pe(null), [b, _] = ue(void 0);
-  return Xe(() => {
+  const c = dr[e], i = X(null), u = X(null), [b, _] = ce(void 0);
+  return he(() => {
     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: [
+    const k = u.current.offsetWidth, v = 70, C = e === "sm" ? 32 : e === "md" ? 40 : 48, E = k + v + C + 10 + 20, T = pr[e];
+    _(Math.max(E, T));
+  }, [s, e]), /* @__PURE__ */ g(Xe, { children: [
     /* @__PURE__ */ n(
       "span",
       {
         ref: u,
-        className: f(c.input),
+        className: m(c.input),
         style: {
           position: "absolute",
           visibility: "hidden",
@@ -3686,35 +3686,35 @@ const Tr = ({
       "div",
       {
         ref: i,
-        className: f(E.container, c.container, r),
+        className: m(B.container, c.container, r),
         style: b ? { width: `${b}px`, maxWidth: "100%" } : void 0,
-        children: /* @__PURE__ */ g("div", { className: f(E["search-container"], t), children: [
+        children: /* @__PURE__ */ g("div", { className: m(B["search-container"], t), children: [
           /* @__PURE__ */ n(
             "input",
             {
               ref: a,
-              className: f(E.input, c.input, o),
+              className: m(B.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" }) }) })
+          /* @__PURE__ */ n("svg", { viewBox: "0 0 24 24", className: B.search__icon, "aria-hidden": "true", focusable: "false", children: /* @__PURE__ */ n("g", { children: /* @__PURE__ */ n("path", { d: "M21.53 20.47l-3.66-3.66C19.195 15.24 20 13.214 20 11c0-4.97-4.03-9-9-9s-9 4.03-9 9 4.03 9 9 9c2.215 0 4.24-.804 5.808-2.13l3.66 3.66c.147.146.34.22.53.22s.385-.073.53-.22c.295-.293.295-.767.002-1.06zM3.5 11c0-4.135 3.365-7.5 7.5-7.5s7.5 3.365 7.5 7.5-3.365 7.5-7.5 7.5-7.5-3.365-7.5-7.5z" }) }) })
         ] })
       }
     )
   ] });
 });
-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", q = {
+  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 +3791,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 +3801,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 +3810,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(
+      q.list,
+      o === "horizontal" && q.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: q.iconContent, children: [
         /* @__PURE__ */ g(
           "a",
           {
             href: l.url,
             "aria-label": c,
             "data-social": l.platform,
-            className: O.link,
+            className: q.link,
             target: "_blank",
             rel: "noopener noreferrer",
             children: [
-              /* @__PURE__ */ n("div", { className: O.filled }),
+              /* @__PURE__ */ n("div", { className: q.filled }),
               /* @__PURE__ */ n(
                 "svg",
                 {
@@ -3846,51 +3846,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(
+          q.tooltip,
+          o === "horizontal" && q.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", Z = {
+  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(Z.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(Z.list, o && Z.accent), children: e.items.map((t) => /* @__PURE__ */ n(
+    Ar,
     {
       item: t,
       isAccentGroup: o
     },
     t.id
   )) });
-}, Sr = ({
+}, Ar = ({
   item: e,
   isAccentGroup: r
 }) => {
@@ -3904,9 +3904,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(
+        Z.element,
+        t && Z.delete
       ),
       onClick: s,
       style: {
@@ -3915,38 +3915,317 @@ 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: Z.label, children: e.label })
       ]
     }
   );
-}, Lr = () => /* @__PURE__ */ n("div", { className: D.separator });
+}, Ir = () => /* @__PURE__ */ n("div", { className: Z.separator }), to = ({
+  title: e,
+  description: r,
+  privacyLink: o,
+  privacyLinkText: t,
+  acceptLabel: s,
+  optionsLabel: l,
+  onAccept: a,
+  onOptions: c,
+  storageKey: i,
+  storageValue: u,
+  icon: b,
+  className: _,
+  privacyLinkTarget: w,
+  privacyLinkRel: k,
+  iconClassName: v,
+  contentClassName: C,
+  acceptButtonClassName: z,
+  optionsButtonClassName: I
+}) => {
+  const [E, T] = ce(() => typeof window < "u" ? !localStorage.getItem(i) : !1);
+  he(() => {
+    const L = localStorage.getItem(i);
+    T(!L);
+  }, [i]);
+  const S = () => {
+    localStorage.setItem(i, u), T(!1), a();
+  };
+  return E ? /* @__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", C), children: [
+        b && /* @__PURE__ */ n("span", { className: m("relative mx-auto -mt-16 mb-8 text-zinc-700 dark:text-zinc-300", v), children: b }),
+        /* @__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: k,
+            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]",
+              I
+            ),
+            children: l
+          }
+        ),
+        /* @__PURE__ */ n(
+          "button",
+          {
+            type: "button",
+            onClick: S,
+            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]",
+              z
+            ),
+            children: s
+          }
+        )
+      ] })
+    }
+  ) : null;
+}, Ue = {
+  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"
+  }
+}, Ye = 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
+  }
+));
+Ye.displayName = "ConfirmModalCard";
+const Rr = ({
+  className: e,
+  children: r
+}) => /* @__PURE__ */ n("div", { className: m("flex items-center justify-center mb-2", e), children: r }), Er = ({
+  confirmLabel: e,
+  cancelLabel: r,
+  variant: o,
+  onConfirm: t,
+  onCancel: s,
+  confirmButtonClassName: l,
+  cancelButtonClassName: a
+}) => {
+  const c = Ue[o];
+  return /* @__PURE__ */ g("div", { className: "flex gap-4 flex-row w-full justify-center mt-2", children: [
+    /* @__PURE__ */ n(
+      ie,
+      {
+        type: "button",
+        variant: "ghost",
+        size: "sm",
+        onClick: s,
+        className: a,
+        children: r
+      }
+    ),
+    /* @__PURE__ */ n(
+      ie,
+      {
+        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: b,
+  iconClassName: _,
+  contentClassName: w,
+  confirmButtonClassName: k,
+  cancelButtonClassName: v
+}) => {
+  const C = X(null), z = X(`confirm-modal-title-${Math.random().toString(36).substr(2, 9)}`).current, I = X(`confirm-modal-description-${Math.random().toString(36).substr(2, 9)}`).current;
+  if (he(() => {
+    if (!e) return;
+    const S = C.current;
+    if (!S) return;
+    const L = Array.from(
+      S.querySelectorAll(
+        'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
+      )
+    ).filter((V) => !V.hasAttribute("disabled") && V.offsetParent !== null), A = L[0], H = L[L.length - 1];
+    A && A.focus();
+    const h = (V) => {
+      V.key === "Escape" && u();
+    }, P = (V) => {
+      if (V.key === "Tab") {
+        if (L.length === 0) {
+          V.preventDefault();
+          return;
+        }
+        V.shiftKey ? document.activeElement === A && (V.preventDefault(), H?.focus()) : document.activeElement === H && (V.preventDefault(), A?.focus());
+      }
+    };
+    return document.addEventListener("keydown", h), document.addEventListener("keydown", P), () => {
+      document.removeEventListener("keydown", h), document.removeEventListener("keydown", P);
+    };
+  }, [e, u]), !e)
+    return null;
+  const E = Ue[a], T = (S) => {
+    S.target === S.currentTarget && u();
+  };
+  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",
+        b
+      ),
+      onClick: T,
+      role: "presentation",
+      children: /* @__PURE__ */ g(
+        Ye,
+        {
+          ref: C,
+          role: "dialog",
+          "aria-modal": !0,
+          "aria-labelledby": z,
+          "aria-describedby": I,
+          className: "transform transition-all duration-200 scale-100",
+          children: [
+            t && /* @__PURE__ */ n(Rr, { className: m(E.icon, _), children: t }),
+            /* @__PURE__ */ g("div", { className: m("flex flex-col items-center text-center gap-2 w-full", w), children: [
+              /* @__PURE__ */ n(
+                "h2",
+                {
+                  id: z,
+                  className: "text-lg font-bold text-zinc-900 dark:text-text-primary",
+                  children: r
+                }
+              ),
+              /* @__PURE__ */ n(
+                "p",
+                {
+                  id: I,
+                  className: "text-sm font-semibold text-zinc-600 dark:text-text-secondary whitespace-pre-line",
+                  children: o
+                }
+              )
+            ] }),
+            /* @__PURE__ */ n(
+              Er,
+              {
+                confirmLabel: s,
+                cancelLabel: l,
+                variant: a,
+                onConfirm: c,
+                onCancel: i,
+                confirmButtonClassName: k,
+                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,
-  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
+  ie as Button,
+  Gr as Card,
+  Fr as CardContent,
+  $r as CardFooter,
+  Br 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,
+  Kr as FormButton,
+  Xr as FormField,
+  Jr as FormFooter,
+  Qr as FormFooterLink,
+  De as Input,
+  Wr as Loader,
+  Or as RadioButton,
+  Dr as RadioGroup,
+  mr as SearchBar,
+  yr as SocialLinks,
+  Hr as Spinner,
+  jr as SubmitButton,
+  Zr as ThemeProvider,
+  Ur as ThemeSwitch,
+  Pr as Toggle,
+  qr as Tooltip,
+  or as useTheme
 };