npm - @possibly6400/ui-kit - Versions diffs - 1.0.8 → 1.0.10 - Mend

@possibly6400/ui-kit 1.0.8 → 1.0.10

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 x, jsx as a } from "react/jsx-runtime";
-import C, { useState as _e, useId as $e, useRef as We, createContext as Ze, useContext as Ue } from "react";
-function Ne(e) {
+import { jsxs as g, jsx as s } from "react/jsx-runtime";
+import y, { useState as Ne, useId as We, useRef as Ze, createContext as qe, useContext as Ue } from "react";
+function Se(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 = Ne(e[r])) && (t && (t += " "), t += o);
+    var n = e.length;
+    for (r = 0; r < n; r++) e[r] && (o = Se(e[r])) && (t && (t += " "), t += o);
   } else for (o in e) e[o] && (t && (t += " "), t += o);
   return t;
 }
-function He() {
-  for (var e, r, o = 0, t = "", s = arguments.length; o < s; o++) (e = arguments[o]) && (r = Ne(e)) && (t && (t += " "), t += r);
+function Ye() {
+  for (var e, r, o = 0, t = "", n = arguments.length; o < n; o++) (e = arguments[o]) && (r = Se(e)) && (t && (t += " "), t += r);
   return t;
 }
-const qe = (e, r) => {
+const Ke = (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;
-}, Ke = (e, r) => ({
+}, Xe = (e, r) => ({
   classGroupId: e,
   validator: r
-}), ze = (e = /* @__PURE__ */ new Map(), r = null, o) => ({
+}), Me = (e = /* @__PURE__ */ new Map(), r = null, o) => ({
   nextPart: e,
   validators: r,
   classGroupId: o
-}), re = "-", xe = [], Ye = "arbitrary..", Xe = (e) => {
-  const r = Qe(e), {
+}), se = "-", we = [], Je = "arbitrary..", Qe = (e) => {
+  const r = tt(e), {
     conflictingClassGroups: o,
     conflictingClassGroupModifiers: t
   } = e;
   return {
-    getClassGroupId: (n) => {
-      if (n.startsWith("[") && n.endsWith("]"))
-        return Je(n);
-      const m = n.split(re), i = m[0] === "" && m.length > 1 ? 1 : 0;
-      return Se(m, i, r);
+    getClassGroupId: (a) => {
+      if (a.startsWith("[") && a.endsWith("]"))
+        return et(a);
+      const p = a.split(se), i = p[0] === "" && p.length > 1 ? 1 : 0;
+      return Le(p, i, r);
     },
-    getConflictingClassGroupIds: (n, m) => {
-      if (m) {
-        const i = t[n], u = o[n];
-        return i ? u ? qe(u, i) : i : u || xe;
+    getConflictingClassGroupIds: (a, p) => {
+      if (p) {
+        const i = t[a], f = o[a];
+        return i ? f ? Ke(f, i) : i : f || we;
       }
-      return o[n] || xe;
+      return o[a] || we;
     }
   };
-}, Se = (e, r, o) => {
+}, Le = (e, r, o) => {
   if (e.length - r === 0)
     return o.classGroupId;
-  const s = e[r], l = o.nextPart.get(s);
+  const n = e[r], l = o.nextPart.get(n);
   if (l) {
-    const u = Se(e, r + 1, l);
-    if (u) return u;
+    const f = Le(e, r + 1, l);
+    if (f) return f;
   }
-  const n = o.validators;
-  if (n === null)
+  const a = o.validators;
+  if (a === null)
     return;
-  const m = r === 0 ? e.join(re) : e.slice(r).join(re), i = n.length;
-  for (let u = 0; u < i; u++) {
-    const b = n[u];
-    if (b.validator(m))
-      return b.classGroupId;
+  const p = r === 0 ? e.join(se) : e.slice(r).join(se), i = a.length;
+  for (let f = 0; f < i; f++) {
+    const x = a[f];
+    if (x.validator(p))
+      return x.classGroupId;
   }
-}, Je = (e) => e.slice(1, -1).indexOf(":") === -1 ? void 0 : (() => {
+}, et = (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 ? Ye + t : void 0;
-})(), Qe = (e) => {
+  return t ? Je + t : void 0;
+})(), tt = (e) => {
   const {
     theme: r,
     classGroups: o
   } = e;
-  return et(o, r);
-}, et = (e, r) => {
-  const o = ze();
+  return rt(o, r);
+}, rt = (e, r) => {
+  const o = Me();
   for (const t in e) {
-    const s = e[t];
-    ce(s, o, t, r);
+    const n = e[t];
+    pe(n, o, t, r);
   }
   return o;
-}, ce = (e, r, o, t) => {
-  const s = e.length;
-  for (let l = 0; l < s; l++) {
-    const n = e[l];
-    tt(n, r, o, t);
+}, pe = (e, r, o, t) => {
+  const n = e.length;
+  for (let l = 0; l < n; l++) {
+    const a = e[l];
+    ot(a, r, o, t);
   }
-}, tt = (e, r, o, t) => {
+}, ot = (e, r, o, t) => {
   if (typeof e == "string") {
-    rt(e, r, o);
+    st(e, r, o);
     return;
   }
   if (typeof e == "function") {
-    ot(e, r, o, t);
+    nt(e, r, o, t);
     return;
   }
-  st(e, r, o, t);
-}, rt = (e, r, o) => {
-  const t = e === "" ? r : Me(r, e);
+  at(e, r, o, t);
+}, st = (e, r, o) => {
+  const t = e === "" ? r : Ae(r, e);
   t.classGroupId = o;
-}, ot = (e, r, o, t) => {
-  if (nt(e)) {
-    ce(e(t), r, o, t);
+}, nt = (e, r, o, t) => {
+  if (lt(e)) {
+    pe(e(t), r, o, t);
     return;
   }
-  r.validators === null && (r.validators = []), r.validators.push(Ke(o, e));
-}, st = (e, r, o, t) => {
-  const s = Object.entries(e), l = s.length;
-  for (let n = 0; n < l; n++) {
-    const [m, i] = s[n];
-    ce(i, Me(r, m), o, t);
+  r.validators === null && (r.validators = []), r.validators.push(Xe(o, e));
+}, at = (e, r, o, t) => {
+  const n = Object.entries(e), l = n.length;
+  for (let a = 0; a < l; a++) {
+    const [p, i] = n[a];
+    pe(i, Ae(r, p), o, t);
   }
-}, Me = (e, r) => {
+}, Ae = (e, r) => {
   let o = e;
-  const t = r.split(re), s = t.length;
-  for (let l = 0; l < s; l++) {
-    const n = t[l];
-    let m = o.nextPart.get(n);
-    m || (m = ze(), o.nextPart.set(n, m)), o = m;
+  const t = r.split(se), n = t.length;
+  for (let l = 0; l < n; l++) {
+    const a = t[l];
+    let p = o.nextPart.get(a);
+    p || (p = Me(), o.nextPart.set(a, p)), o = p;
   }
   return o;
-}, nt = (e) => "isThemeGetter" in e && e.isThemeGetter === !0, at = (e) => {
+}, lt = (e) => "isThemeGetter" in e && e.isThemeGetter === !0, it = (e) => {
   if (e < 1)
     return {
       get: () => {
@@ -129,177 +129,177 @@ const qe = (e, r) => {
       }
     };
   let r = 0, o = /* @__PURE__ */ Object.create(null), t = /* @__PURE__ */ Object.create(null);
-  const s = (l, n) => {
-    o[l] = n, r++, r > e && (r = 0, t = o, o = /* @__PURE__ */ Object.create(null));
+  const n = (l, a) => {
+    o[l] = a, r++, r > e && (r = 0, t = o, o = /* @__PURE__ */ Object.create(null));
   };
   return {
     get(l) {
-      let n = o[l];
-      if (n !== void 0)
-        return n;
-      if ((n = t[l]) !== void 0)
-        return s(l, n), n;
+      let a = o[l];
+      if (a !== void 0)
+        return a;
+      if ((a = t[l]) !== void 0)
+        return n(l, a), a;
     },
-    set(l, n) {
-      l in o ? o[l] = n : s(l, n);
+    set(l, a) {
+      l in o ? o[l] = a : n(l, a);
     }
   };
-}, ie = "!", we = ":", lt = [], ye = (e, r, o, t, s) => ({
+}, de = "!", ve = ":", ct = [], ye = (e, r, o, t, n) => ({
   modifiers: e,
   hasImportantModifier: r,
   baseClassName: o,
   maybePostfixModifierPosition: t,
-  isExternal: s
-}), it = (e) => {
+  isExternal: n
+}), dt = (e) => {
   const {
     prefix: r,
     experimentalParseClassName: o
   } = e;
-  let t = (s) => {
+  let t = (n) => {
     const l = [];
-    let n = 0, m = 0, i = 0, u;
-    const b = s.length;
-    for (let M = 0; M < b; M++) {
-      const z = s[M];
-      if (n === 0 && m === 0) {
-        if (z === we) {
-          l.push(s.slice(i, M)), i = M + 1;
+    let a = 0, p = 0, i = 0, f;
+    const x = n.length;
+    for (let M = 0; M < x; M++) {
+      const N = n[M];
+      if (a === 0 && p === 0) {
+        if (N === ve) {
+          l.push(n.slice(i, M)), i = M + 1;
           continue;
         }
-        if (z === "/") {
-          u = M;
+        if (N === "/") {
+          f = M;
           continue;
         }
       }
-      z === "[" ? n++ : z === "]" ? n-- : z === "(" ? m++ : z === ")" && m--;
+      N === "[" ? a++ : N === "]" ? a-- : N === "(" ? p++ : N === ")" && p--;
     }
-    const w = l.length === 0 ? s : s.slice(i);
-    let y = w, N = !1;
-    w.endsWith(ie) ? (y = w.slice(0, -1), N = !0) : (
+    const _ = l.length === 0 ? n : n.slice(i);
+    let w = _, z = !1;
+    _.endsWith(de) ? (w = _.slice(0, -1), z = !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
        */
-      w.startsWith(ie) && (y = w.slice(1), N = !0)
+      _.startsWith(de) && (w = _.slice(1), z = !0)
     );
-    const v = u && u > i ? u - i : void 0;
-    return ye(l, N, y, v);
+    const v = f && f > i ? f - i : void 0;
+    return ye(l, z, w, v);
   };
   if (r) {
-    const s = r + we, l = t;
-    t = (n) => n.startsWith(s) ? l(n.slice(s.length)) : ye(lt, !1, n, void 0, !0);
+    const n = r + ve, l = t;
+    t = (a) => a.startsWith(n) ? l(a.slice(n.length)) : ye(ct, !1, a, void 0, !0);
   }
   if (o) {
-    const s = t;
+    const n = t;
     t = (l) => o({
       className: l,
-      parseClassName: s
+      parseClassName: n
     });
   }
   return t;
-}, ct = (e) => {
+}, pt = (e) => {
   const r = /* @__PURE__ */ new Map();
   return e.orderSensitiveModifiers.forEach((o, t) => {
     r.set(o, 1e6 + t);
   }), (o) => {
     const t = [];
-    let s = [];
+    let n = [];
     for (let l = 0; l < o.length; l++) {
-      const n = o[l], m = n[0] === "[", i = r.has(n);
-      m || i ? (s.length > 0 && (s.sort(), t.push(...s), s = []), t.push(n)) : s.push(n);
+      const a = o[l], p = a[0] === "[", i = r.has(a);
+      p || i ? (n.length > 0 && (n.sort(), t.push(...n), n = []), t.push(a)) : n.push(a);
     }
-    return s.length > 0 && (s.sort(), t.push(...s)), t;
+    return n.length > 0 && (n.sort(), t.push(...n)), t;
   };
-}, dt = (e) => ({
-  cache: at(e.cacheSize),
-  parseClassName: it(e),
-  sortModifiers: ct(e),
-  ...Xe(e)
-}), mt = /\s+/, pt = (e, r) => {
+}, mt = (e) => ({
+  cache: it(e.cacheSize),
+  parseClassName: dt(e),
+  sortModifiers: pt(e),
+  ...Qe(e)
+}), ut = /\s+/, ft = (e, r) => {
   const {
     parseClassName: o,
     getClassGroupId: t,
-    getConflictingClassGroupIds: s,
+    getConflictingClassGroupIds: n,
     sortModifiers: l
-  } = r, n = [], m = e.trim().split(mt);
+  } = r, a = [], p = e.trim().split(ut);
   let i = "";
-  for (let u = m.length - 1; u >= 0; u -= 1) {
-    const b = m[u], {
-      isExternal: w,
-      modifiers: y,
-      hasImportantModifier: N,
+  for (let f = p.length - 1; f >= 0; f -= 1) {
+    const x = p[f], {
+      isExternal: _,
+      modifiers: w,
+      hasImportantModifier: z,
       baseClassName: v,
       maybePostfixModifierPosition: M
-    } = o(b);
-    if (w) {
-      i = b + (i.length > 0 ? " " + i : i);
+    } = o(x);
+    if (_) {
+      i = x + (i.length > 0 ? " " + i : i);
       continue;
     }
-    let z = !!M, R = t(z ? v.substring(0, M) : v);
-    if (!R) {
-      if (!z) {
-        i = b + (i.length > 0 ? " " + i : i);
+    let N = !!M, T = t(N ? v.substring(0, M) : v);
+    if (!T) {
+      if (!N) {
+        i = x + (i.length > 0 ? " " + i : i);
         continue;
       }
-      if (R = t(v), !R) {
-        i = b + (i.length > 0 ? " " + i : i);
+      if (T = t(v), !T) {
+        i = x + (i.length > 0 ? " " + i : i);
         continue;
       }
-      z = !1;
+      N = !1;
     }
-    const G = y.length === 0 ? "" : y.length === 1 ? y[0] : l(y).join(":"), V = N ? G + ie : G, T = V + R;
-    if (n.indexOf(T) > -1)
+    const F = w.length === 0 ? "" : w.length === 1 ? w[0] : l(w).join(":"), $ = z ? F + de : F, E = $ + T;
+    if (a.indexOf(E) > -1)
       continue;
-    n.push(T);
-    const E = s(R, z);
-    for (let L = 0; L < E.length; ++L) {
-      const H = E[L];
-      n.push(V + H);
+    a.push(E);
+    const V = n(T, N);
+    for (let A = 0; A < V.length; ++A) {
+      const Y = V[A];
+      a.push($ + Y);
     }
-    i = b + (i.length > 0 ? " " + i : i);
+    i = x + (i.length > 0 ? " " + i : i);
   }
   return i;
-}, ut = (...e) => {
-  let r = 0, o, t, s = "";
+}, bt = (...e) => {
+  let r = 0, o, t, n = "";
   for (; r < e.length; )
-    (o = e[r++]) && (t = Ae(o)) && (s && (s += " "), s += t);
-  return s;
-}, Ae = (e) => {
+    (o = e[r++]) && (t = Ie(o)) && (n && (n += " "), n += t);
+  return n;
+}, Ie = (e) => {
   if (typeof e == "string")
     return e;
   let r, o = "";
   for (let t = 0; t < e.length; t++)
-    e[t] && (r = Ae(e[t])) && (o && (o += " "), o += r);
+    e[t] && (r = Ie(e[t])) && (o && (o += " "), o += r);
   return o;
 }, ht = (e, ...r) => {
-  let o, t, s, l;
-  const n = (i) => {
-    const u = r.reduce((b, w) => w(b), e());
-    return o = dt(u), t = o.cache.get, s = o.cache.set, l = m, m(i);
-  }, m = (i) => {
-    const u = t(i);
-    if (u)
-      return u;
-    const b = pt(i, o);
-    return s(i, b), b;
+  let o, t, n, l;
+  const a = (i) => {
+    const f = r.reduce((x, _) => _(x), e());
+    return o = mt(f), t = o.cache.get, n = o.cache.set, l = p, p(i);
+  }, p = (i) => {
+    const f = t(i);
+    if (f)
+      return f;
+    const x = ft(i, o);
+    return n(i, x), x;
   };
-  return l = n, (...i) => l(ut(...i));
-}, ft = [], k = (e) => {
-  const r = (o) => o[e] || ft;
+  return l = a, (...i) => l(bt(...i));
+}, xt = [], k = (e) => {
+  const r = (o) => o[e] || xt;
   return r.isThemeGetter = !0, r;
-}, Le = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, Ie = /^\((?:(\w[\w-]*):)?(.+)\)$/i, bt = /^\d+\/\d+$/, gt = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, xt = /\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$/, wt = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, yt = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, vt = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, W = (e) => bt.test(e), f = (e) => !!e && !Number.isNaN(Number(e)), B = (e) => !!e && Number.isInteger(Number(e)), ae = (e) => e.endsWith("%") && f(e.slice(0, -1)), F = (e) => gt.test(e), kt = () => !0, Ct = (e) => (
+}, Re = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, Te = /^\((?:(\w[\w-]*):)?(.+)\)$/i, gt = /^\d+\/\d+$/, _t = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, wt = /\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$/, vt = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, yt = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, kt = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, Z = (e) => gt.test(e), h = (e) => !!e && !Number.isNaN(Number(e)), G = (e) => !!e && Number.isInteger(Number(e)), ie = (e) => e.endsWith("%") && h(e.slice(0, -1)), P = (e) => _t.test(e), Ct = () => !0, zt = (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.
-  xt.test(e) && !wt.test(e)
-), Re = () => !1, _t = (e) => yt.test(e), Nt = (e) => vt.test(e), zt = (e) => !c(e) && !d(e), St = (e) => Z(e, je, Re), c = (e) => Le.test(e), D = (e) => Z(e, Pe, Ct), le = (e) => Z(e, Rt, f), ve = (e) => Z(e, Te, Re), Mt = (e) => Z(e, Ee, Nt), ee = (e) => Z(e, Fe, _t), d = (e) => Ie.test(e), q = (e) => U(e, Pe), At = (e) => U(e, Tt), ke = (e) => U(e, Te), Lt = (e) => U(e, je), It = (e) => U(e, Ee), te = (e) => U(e, Fe, !0), Z = (e, r, o) => {
-  const t = Le.exec(e);
+  wt.test(e) && !vt.test(e)
+), Ee = () => !1, Nt = (e) => yt.test(e), St = (e) => kt.test(e), Mt = (e) => !c(e) && !d(e), Lt = (e) => q(e, Be, Ee), c = (e) => Re.test(e), O = (e) => q(e, Pe, zt), ce = (e) => q(e, Et, h), ke = (e) => q(e, Ve, Ee), At = (e) => q(e, je, St), re = (e) => q(e, Fe, Nt), d = (e) => Te.test(e), K = (e) => U(e, Pe), It = (e) => U(e, Vt), Ce = (e) => U(e, Ve), Rt = (e) => U(e, Be), Tt = (e) => U(e, je), oe = (e) => U(e, Fe, !0), q = (e, r, o) => {
+  const t = Re.exec(e);
   return t ? t[1] ? r(t[1]) : o(t[2]) : !1;
 }, U = (e, r, o = !1) => {
-  const t = Ie.exec(e);
+  const t = Te.exec(e);
   return t ? t[1] ? r(t[1]) : o : !1;
-}, Te = (e) => e === "position" || e === "percentage", Ee = (e) => e === "image" || e === "url", je = (e) => e === "length" || e === "size" || e === "bg-size", Pe = (e) => e === "length", Rt = (e) => e === "number", Tt = (e) => e === "family-name", Fe = (e) => e === "shadow", Et = () => {
-  const e = k("color"), r = k("font"), o = k("text"), t = k("font-weight"), s = k("tracking"), l = k("leading"), n = k("breakpoint"), m = k("container"), i = k("spacing"), u = k("radius"), b = k("shadow"), w = k("inset-shadow"), y = k("text-shadow"), N = k("drop-shadow"), v = k("blur"), M = k("perspective"), z = k("aspect"), R = k("ease"), G = k("animate"), V = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], T = () => [
+}, Ve = (e) => e === "position" || e === "percentage", je = (e) => e === "image" || e === "url", Be = (e) => e === "length" || e === "size" || e === "bg-size", Pe = (e) => e === "length", Et = (e) => e === "number", Vt = (e) => e === "family-name", Fe = (e) => e === "shadow", jt = () => {
+  const e = k("color"), r = k("font"), o = k("text"), t = k("font-weight"), n = k("tracking"), l = k("leading"), a = k("breakpoint"), p = k("container"), i = k("spacing"), f = k("radius"), x = k("shadow"), _ = k("inset-shadow"), w = k("text-shadow"), z = k("drop-shadow"), v = k("blur"), M = k("perspective"), N = k("aspect"), T = k("ease"), F = k("animate"), $ = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], E = () => [
     "center",
     "top",
     "bottom",
@@ -317,51 +317,51 @@ const qe = (e, r) => {
     "bottom-left",
     // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
     "left-bottom"
-  ], E = () => [...T(), d, c], L = () => ["auto", "hidden", "clip", "visible", "scroll"], H = () => ["auto", "contain", "none"], h = () => [d, c, i], j = () => [W, "full", "auto", ...h()], de = () => [B, "none", "subgrid", d, c], me = () => ["auto", {
-    span: ["full", B, d, c]
-  }, B, d, c], K = () => [B, "auto", d, c], pe = () => ["auto", "min", "max", "fr", d, c], oe = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], $ = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], P = () => ["auto", ...h()], O = () => [W, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...h()], p = () => [e, d, c], ue = () => [...T(), ke, ve, {
+  ], V = () => [...E(), d, c], A = () => ["auto", "hidden", "clip", "visible", "scroll"], Y = () => ["auto", "contain", "none"], u = () => [d, c, i], j = () => [Z, "full", "auto", ...u()], me = () => [G, "none", "subgrid", d, c], ue = () => ["auto", {
+    span: ["full", G, d, c]
+  }, G, d, c], X = () => [G, "auto", d, c], fe = () => ["auto", "min", "max", "fr", d, c], ne = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], W = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], B = () => ["auto", ...u()], H = () => [Z, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...u()], m = () => [e, d, c], be = () => [...E(), Ce, ke, {
     position: [d, c]
   }], he = () => ["no-repeat", {
     repeat: ["", "x", "y", "space", "round"]
-  }], fe = () => ["auto", "cover", "contain", Lt, St, {
+  }], xe = () => ["auto", "cover", "contain", Rt, Lt, {
     size: [d, c]
-  }], se = () => [ae, q, D], S = () => [
+  }], ae = () => [ie, K, O], S = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
     "full",
-    u,
+    f,
     d,
     c
-  ], A = () => ["", f, q, D], Y = () => ["solid", "dashed", "dotted", "double"], be = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], _ = () => [f, ae, ke, ve], ge = () => [
+  ], L = () => ["", h, K, O], J = () => ["solid", "dashed", "dotted", "double"], ge = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], C = () => [h, ie, Ce, ke], _e = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
     v,
     d,
     c
-  ], X = () => ["none", f, d, c], J = () => ["none", f, d, c], ne = () => [f, d, c], Q = () => [W, "full", ...h()];
+  ], Q = () => ["none", h, d, c], ee = () => ["none", h, d, c], le = () => [h, d, c], te = () => [Z, "full", ...u()];
   return {
     cacheSize: 500,
     theme: {
       animate: ["spin", "ping", "pulse", "bounce"],
       aspect: ["video"],
-      blur: [F],
-      breakpoint: [F],
-      color: [kt],
-      container: [F],
-      "drop-shadow": [F],
+      blur: [P],
+      breakpoint: [P],
+      color: [Ct],
+      container: [P],
+      "drop-shadow": [P],
       ease: ["in", "out", "in-out"],
-      font: [zt],
+      font: [Mt],
       "font-weight": ["thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black"],
-      "inset-shadow": [F],
+      "inset-shadow": [P],
       leading: ["none", "tight", "snug", "normal", "relaxed", "loose"],
       perspective: ["dramatic", "near", "normal", "midrange", "distant", "none"],
-      radius: [F],
-      shadow: [F],
-      spacing: ["px", f],
-      text: [F],
-      "text-shadow": [F],
+      radius: [P],
+      shadow: [P],
+      spacing: ["px", h],
+      text: [P],
+      "text-shadow": [P],
       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", W, c, d, z]
+        aspect: ["auto", "square", Z, c, d, N]
       }],
       /**
        * Container
@@ -386,21 +386,21 @@ const qe = (e, r) => {
        * @see https://tailwindcss.com/docs/columns
        */
       columns: [{
-        columns: [f, c, d, m]
+        columns: [h, c, d, p]
       }],
       /**
        * Break After
        * @see https://tailwindcss.com/docs/break-after
        */
       "break-after": [{
-        "break-after": V()
+        "break-after": $()
       }],
       /**
        * Break Before
        * @see https://tailwindcss.com/docs/break-before
        */
       "break-before": [{
-        "break-before": V()
+        "break-before": $()
       }],
       /**
        * Break Inside
@@ -464,49 +464,49 @@ const qe = (e, r) => {
        * @see https://tailwindcss.com/docs/object-position
        */
       "object-position": [{
-        object: E()
+        object: V()
       }],
       /**
        * Overflow
        * @see https://tailwindcss.com/docs/overflow
        */
       overflow: [{
-        overflow: L()
+        overflow: A()
       }],
       /**
        * Overflow X
        * @see https://tailwindcss.com/docs/overflow
        */
       "overflow-x": [{
-        "overflow-x": L()
+        "overflow-x": A()
       }],
       /**
        * Overflow Y
        * @see https://tailwindcss.com/docs/overflow
        */
       "overflow-y": [{
-        "overflow-y": L()
+        "overflow-y": A()
       }],
       /**
        * Overscroll Behavior
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       overscroll: [{
-        overscroll: H()
+        overscroll: Y()
       }],
       /**
        * Overscroll Behavior X
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       "overscroll-x": [{
-        "overscroll-x": H()
+        "overscroll-x": Y()
       }],
       /**
        * Overscroll Behavior Y
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       "overscroll-y": [{
-        "overscroll-y": H()
+        "overscroll-y": Y()
       }],
       /**
        * Position
@@ -586,7 +586,7 @@ const qe = (e, r) => {
        * @see https://tailwindcss.com/docs/z-index
        */
       z: [{
-        z: [B, "auto", d, c]
+        z: [G, "auto", d, c]
       }],
       // ------------------------
       // --- Flexbox and Grid ---
@@ -596,7 +596,7 @@ const qe = (e, r) => {
        * @see https://tailwindcss.com/docs/flex-basis
        */
       basis: [{
-        basis: [W, "full", "auto", m, ...h()]
+        basis: [Z, "full", "auto", p, ...u()]
       }],
       /**
        * Flex Direction
@@ -617,84 +617,84 @@ const qe = (e, r) => {
        * @see https://tailwindcss.com/docs/flex
        */
       flex: [{
-        flex: [f, W, "auto", "initial", "none", c]
+        flex: [h, Z, "auto", "initial", "none", c]
       }],
       /**
        * Flex Grow
        * @see https://tailwindcss.com/docs/flex-grow
        */
       grow: [{
-        grow: ["", f, d, c]
+        grow: ["", h, d, c]
       }],
       /**
        * Flex Shrink
        * @see https://tailwindcss.com/docs/flex-shrink
        */
       shrink: [{
-        shrink: ["", f, d, c]
+        shrink: ["", h, d, c]
       }],
       /**
        * Order
        * @see https://tailwindcss.com/docs/order
        */
       order: [{
-        order: [B, "first", "last", "none", d, c]
+        order: [G, "first", "last", "none", d, c]
       }],
       /**
        * Grid Template Columns
        * @see https://tailwindcss.com/docs/grid-template-columns
        */
       "grid-cols": [{
-        "grid-cols": de()
+        "grid-cols": me()
       }],
       /**
        * Grid Column Start / End
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-start-end": [{
-        col: me()
+        col: ue()
       }],
       /**
        * Grid Column Start
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-start": [{
-        "col-start": K()
+        "col-start": X()
       }],
       /**
        * Grid Column End
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-end": [{
-        "col-end": K()
+        "col-end": X()
       }],
       /**
        * Grid Template Rows
        * @see https://tailwindcss.com/docs/grid-template-rows
        */
       "grid-rows": [{
-        "grid-rows": de()
+        "grid-rows": me()
       }],
       /**
        * Grid Row Start / End
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-start-end": [{
-        row: me()
+        row: ue()
       }],
       /**
        * Grid Row Start
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-start": [{
-        "row-start": K()
+        "row-start": X()
       }],
       /**
        * Grid Row End
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-end": [{
-        "row-end": K()
+        "row-end": X()
       }],
       /**
        * Grid Auto Flow
@@ -708,70 +708,70 @@ const qe = (e, r) => {
        * @see https://tailwindcss.com/docs/grid-auto-columns
        */
       "auto-cols": [{
-        "auto-cols": pe()
+        "auto-cols": fe()
       }],
       /**
        * Grid Auto Rows
        * @see https://tailwindcss.com/docs/grid-auto-rows
        */
       "auto-rows": [{
-        "auto-rows": pe()
+        "auto-rows": fe()
       }],
       /**
        * Gap
        * @see https://tailwindcss.com/docs/gap
        */
       gap: [{
-        gap: h()
+        gap: u()
       }],
       /**
        * Gap X
        * @see https://tailwindcss.com/docs/gap
        */
       "gap-x": [{
-        "gap-x": h()
+        "gap-x": u()
       }],
       /**
        * Gap Y
        * @see https://tailwindcss.com/docs/gap
        */
       "gap-y": [{
-        "gap-y": h()
+        "gap-y": u()
       }],
       /**
        * Justify Content
        * @see https://tailwindcss.com/docs/justify-content
        */
       "justify-content": [{
-        justify: [...oe(), "normal"]
+        justify: [...ne(), "normal"]
       }],
       /**
        * Justify Items
        * @see https://tailwindcss.com/docs/justify-items
        */
       "justify-items": [{
-        "justify-items": [...$(), "normal"]
+        "justify-items": [...W(), "normal"]
       }],
       /**
        * Justify Self
        * @see https://tailwindcss.com/docs/justify-self
        */
       "justify-self": [{
-        "justify-self": ["auto", ...$()]
+        "justify-self": ["auto", ...W()]
       }],
       /**
        * Align Content
        * @see https://tailwindcss.com/docs/align-content
        */
       "align-content": [{
-        content: ["normal", ...oe()]
+        content: ["normal", ...ne()]
       }],
       /**
        * Align Items
        * @see https://tailwindcss.com/docs/align-items
        */
       "align-items": [{
-        items: [...$(), {
+        items: [...W(), {
           baseline: ["", "last"]
         }]
       }],
@@ -780,7 +780,7 @@ const qe = (e, r) => {
        * @see https://tailwindcss.com/docs/align-self
        */
       "align-self": [{
-        self: ["auto", ...$(), {
+        self: ["auto", ...W(), {
           baseline: ["", "last"]
         }]
       }],
@@ -789,21 +789,21 @@ const qe = (e, r) => {
        * @see https://tailwindcss.com/docs/place-content
        */
       "place-content": [{
-        "place-content": oe()
+        "place-content": ne()
       }],
       /**
        * Place Items
        * @see https://tailwindcss.com/docs/place-items
        */
       "place-items": [{
-        "place-items": [...$(), "baseline"]
+        "place-items": [...W(), "baseline"]
       }],
       /**
        * Place Self
        * @see https://tailwindcss.com/docs/place-self
        */
       "place-self": [{
-        "place-self": ["auto", ...$()]
+        "place-self": ["auto", ...W()]
       }],
       // Spacing
       /**
@@ -811,133 +811,133 @@ const qe = (e, r) => {
        * @see https://tailwindcss.com/docs/padding
        */
       p: [{
-        p: h()
+        p: u()
       }],
       /**
        * Padding X
        * @see https://tailwindcss.com/docs/padding
        */
       px: [{
-        px: h()
+        px: u()
       }],
       /**
        * Padding Y
        * @see https://tailwindcss.com/docs/padding
        */
       py: [{
-        py: h()
+        py: u()
       }],
       /**
        * Padding Start
        * @see https://tailwindcss.com/docs/padding
        */
       ps: [{
-        ps: h()
+        ps: u()
       }],
       /**
        * Padding End
        * @see https://tailwindcss.com/docs/padding
        */
       pe: [{
-        pe: h()
+        pe: u()
       }],
       /**
        * Padding Top
        * @see https://tailwindcss.com/docs/padding
        */
       pt: [{
-        pt: h()
+        pt: u()
       }],
       /**
        * Padding Right
        * @see https://tailwindcss.com/docs/padding
        */
       pr: [{
-        pr: h()
+        pr: u()
       }],
       /**
        * Padding Bottom
        * @see https://tailwindcss.com/docs/padding
        */
       pb: [{
-        pb: h()
+        pb: u()
       }],
       /**
        * Padding Left
        * @see https://tailwindcss.com/docs/padding
        */
       pl: [{
-        pl: h()
+        pl: u()
       }],
       /**
        * Margin
        * @see https://tailwindcss.com/docs/margin
        */
       m: [{
-        m: P()
+        m: B()
       }],
       /**
        * Margin X
        * @see https://tailwindcss.com/docs/margin
        */
       mx: [{
-        mx: P()
+        mx: B()
       }],
       /**
        * Margin Y
        * @see https://tailwindcss.com/docs/margin
        */
       my: [{
-        my: P()
+        my: B()
       }],
       /**
        * Margin Start
        * @see https://tailwindcss.com/docs/margin
        */
       ms: [{
-        ms: P()
+        ms: B()
       }],
       /**
        * Margin End
        * @see https://tailwindcss.com/docs/margin
        */
       me: [{
-        me: P()
+        me: B()
       }],
       /**
        * Margin Top
        * @see https://tailwindcss.com/docs/margin
        */
       mt: [{
-        mt: P()
+        mt: B()
       }],
       /**
        * Margin Right
        * @see https://tailwindcss.com/docs/margin
        */
       mr: [{
-        mr: P()
+        mr: B()
       }],
       /**
        * Margin Bottom
        * @see https://tailwindcss.com/docs/margin
        */
       mb: [{
-        mb: P()
+        mb: B()
       }],
       /**
        * Margin Left
        * @see https://tailwindcss.com/docs/margin
        */
       ml: [{
-        ml: P()
+        ml: B()
       }],
       /**
        * Space Between X
        * @see https://tailwindcss.com/docs/margin#adding-space-between-children
        */
       "space-x": [{
-        "space-x": h()
+        "space-x": u()
       }],
       /**
        * Space Between X Reverse
@@ -949,7 +949,7 @@ const qe = (e, r) => {
        * @see https://tailwindcss.com/docs/margin#adding-space-between-children
        */
       "space-y": [{
-        "space-y": h()
+        "space-y": u()
       }],
       /**
        * Space Between Y Reverse
@@ -964,14 +964,14 @@ const qe = (e, r) => {
        * @see https://tailwindcss.com/docs/width#setting-both-width-and-height
        */
       size: [{
-        size: O()
+        size: H()
       }],
       /**
        * Width
        * @see https://tailwindcss.com/docs/width
        */
       w: [{
-        w: [m, "screen", ...O()]
+        w: [p, "screen", ...H()]
       }],
       /**
        * Min-Width
@@ -979,11 +979,11 @@ const qe = (e, r) => {
        */
       "min-w": [{
         "min-w": [
-          m,
+          p,
           "screen",
           /** Deprecated. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
           "none",
-          ...O()
+          ...H()
         ]
       }],
       /**
@@ -992,16 +992,16 @@ const qe = (e, r) => {
        */
       "max-w": [{
         "max-w": [
-          m,
+          p,
           "screen",
           "none",
           /** Deprecated since Tailwind CSS v4.0.0. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
           "prose",
           /** Deprecated since Tailwind CSS v4.0.0. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
           {
-            screen: [n]
+            screen: [a]
           },
-          ...O()
+          ...H()
         ]
       }],
       /**
@@ -1009,21 +1009,21 @@ const qe = (e, r) => {
        * @see https://tailwindcss.com/docs/height
        */
       h: [{
-        h: ["screen", "lh", ...O()]
+        h: ["screen", "lh", ...H()]
       }],
       /**
        * Min-Height
        * @see https://tailwindcss.com/docs/min-height
        */
       "min-h": [{
-        "min-h": ["screen", "lh", "none", ...O()]
+        "min-h": ["screen", "lh", "none", ...H()]
       }],
       /**
        * Max-Height
        * @see https://tailwindcss.com/docs/max-height
        */
       "max-h": [{
-        "max-h": ["screen", "lh", ...O()]
+        "max-h": ["screen", "lh", ...H()]
       }],
       // ------------------
       // --- Typography ---
@@ -1033,7 +1033,7 @@ const qe = (e, r) => {
        * @see https://tailwindcss.com/docs/font-size
        */
       "font-size": [{
-        text: ["base", o, q, D]
+        text: ["base", o, K, O]
       }],
       /**
        * Font Smoothing
@@ -1050,21 +1050,21 @@ const qe = (e, r) => {
        * @see https://tailwindcss.com/docs/font-weight
        */
       "font-weight": [{
-        font: [t, d, le]
+        font: [t, d, ce]
       }],
       /**
        * 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", ae, c]
+        "font-stretch": ["ultra-condensed", "extra-condensed", "condensed", "semi-condensed", "normal", "semi-expanded", "expanded", "extra-expanded", "ultra-expanded", ie, c]
       }],
       /**
        * Font Family
        * @see https://tailwindcss.com/docs/font-family
        */
       "font-family": [{
-        font: [At, c, r]
+        font: [It, c, r]
       }],
       /**
        * Font Variant Numeric
@@ -1101,14 +1101,14 @@ const qe = (e, r) => {
        * @see https://tailwindcss.com/docs/letter-spacing
        */
       tracking: [{
-        tracking: [s, d, c]
+        tracking: [n, d, c]
       }],
       /**
        * Line Clamp
        * @see https://tailwindcss.com/docs/line-clamp
        */
       "line-clamp": [{
-        "line-clamp": [f, "none", d, le]
+        "line-clamp": [h, "none", d, ce]
       }],
       /**
        * Line Height
@@ -1118,7 +1118,7 @@ const qe = (e, r) => {
         leading: [
           /** Deprecated since Tailwind CSS v4.0.0. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
           l,
-          ...h()
+          ...u()
         ]
       }],
       /**
@@ -1155,14 +1155,14 @@ const qe = (e, r) => {
        * @see https://v3.tailwindcss.com/docs/placeholder-color
        */
       "placeholder-color": [{
-        placeholder: p()
+        placeholder: m()
       }],
       /**
        * Text Color
        * @see https://tailwindcss.com/docs/text-color
        */
       "text-color": [{
-        text: p()
+        text: m()
       }],
       /**
        * Text Decoration
@@ -1174,28 +1174,28 @@ const qe = (e, r) => {
        * @see https://tailwindcss.com/docs/text-decoration-style
        */
       "text-decoration-style": [{
-        decoration: [...Y(), "wavy"]
+        decoration: [...J(), "wavy"]
       }],
       /**
        * Text Decoration Thickness
        * @see https://tailwindcss.com/docs/text-decoration-thickness
        */
       "text-decoration-thickness": [{
-        decoration: [f, "from-font", "auto", d, D]
+        decoration: [h, "from-font", "auto", d, O]
       }],
       /**
        * Text Decoration Color
        * @see https://tailwindcss.com/docs/text-decoration-color
        */
       "text-decoration-color": [{
-        decoration: p()
+        decoration: m()
       }],
       /**
        * Text Underline Offset
        * @see https://tailwindcss.com/docs/text-underline-offset
        */
       "underline-offset": [{
-        "underline-offset": [f, "auto", d, c]
+        "underline-offset": [h, "auto", d, c]
       }],
       /**
        * Text Transform
@@ -1219,7 +1219,7 @@ const qe = (e, r) => {
        * @see https://tailwindcss.com/docs/text-indent
        */
       indent: [{
-        indent: h()
+        indent: u()
       }],
       /**
        * Vertical Alignment
@@ -1292,7 +1292,7 @@ const qe = (e, r) => {
        * @see https://tailwindcss.com/docs/background-position
        */
       "bg-position": [{
-        bg: ue()
+        bg: be()
       }],
       /**
        * Background Repeat
@@ -1306,7 +1306,7 @@ const qe = (e, r) => {
        * @see https://tailwindcss.com/docs/background-size
        */
       "bg-size": [{
-        bg: fe()
+        bg: xe()
       }],
       /**
        * Background Image
@@ -1316,59 +1316,59 @@ const qe = (e, r) => {
         bg: ["none", {
           linear: [{
             to: ["t", "tr", "r", "br", "b", "bl", "l", "tl"]
-          }, B, d, c],
+          }, G, d, c],
           radial: ["", d, c],
-          conic: [B, d, c]
-        }, It, Mt]
+          conic: [G, d, c]
+        }, Tt, At]
       }],
       /**
        * Background Color
        * @see https://tailwindcss.com/docs/background-color
        */
       "bg-color": [{
-        bg: p()
+        bg: m()
       }],
       /**
        * Gradient Color Stops From Position
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-from-pos": [{
-        from: se()
+        from: ae()
       }],
       /**
        * Gradient Color Stops Via Position
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-via-pos": [{
-        via: se()
+        via: ae()
       }],
       /**
        * Gradient Color Stops To Position
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-to-pos": [{
-        to: se()
+        to: ae()
       }],
       /**
        * Gradient Color Stops From
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-from": [{
-        from: p()
+        from: m()
       }],
       /**
        * Gradient Color Stops Via
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-via": [{
-        via: p()
+        via: m()
       }],
       /**
        * Gradient Color Stops To
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-to": [{
-        to: p()
+        to: m()
       }],
       // ---------------
       // --- Borders ---
@@ -1483,70 +1483,70 @@ const qe = (e, r) => {
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w": [{
-        border: A()
+        border: L()
       }],
       /**
        * Border Width X
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-x": [{
-        "border-x": A()
+        "border-x": L()
       }],
       /**
        * Border Width Y
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-y": [{
-        "border-y": A()
+        "border-y": L()
       }],
       /**
        * Border Width Start
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-s": [{
-        "border-s": A()
+        "border-s": L()
       }],
       /**
        * Border Width End
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-e": [{
-        "border-e": A()
+        "border-e": L()
       }],
       /**
        * Border Width Top
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-t": [{
-        "border-t": A()
+        "border-t": L()
       }],
       /**
        * Border Width Right
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-r": [{
-        "border-r": A()
+        "border-r": L()
       }],
       /**
        * Border Width Bottom
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-b": [{
-        "border-b": A()
+        "border-b": L()
       }],
       /**
        * Border Width Left
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-l": [{
-        "border-l": A()
+        "border-l": L()
       }],
       /**
        * Divide Width X
        * @see https://tailwindcss.com/docs/border-width#between-children
        */
       "divide-x": [{
-        "divide-x": A()
+        "divide-x": L()
       }],
       /**
        * 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": A()
+        "divide-y": L()
       }],
       /**
        * Divide Width Y Reverse
@@ -1570,112 +1570,112 @@ const qe = (e, r) => {
        * @see https://tailwindcss.com/docs/border-style
        */
       "border-style": [{
-        border: [...Y(), "hidden", "none"]
+        border: [...J(), "hidden", "none"]
       }],
       /**
        * Divide Style
        * @see https://tailwindcss.com/docs/border-style#setting-the-divider-style
        */
       "divide-style": [{
-        divide: [...Y(), "hidden", "none"]
+        divide: [...J(), "hidden", "none"]
       }],
       /**
        * Border Color
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color": [{
-        border: p()
+        border: m()
       }],
       /**
        * Border Color X
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-x": [{
-        "border-x": p()
+        "border-x": m()
       }],
       /**
        * Border Color Y
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-y": [{
-        "border-y": p()
+        "border-y": m()
       }],
       /**
        * Border Color S
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-s": [{
-        "border-s": p()
+        "border-s": m()
       }],
       /**
        * Border Color E
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-e": [{
-        "border-e": p()
+        "border-e": m()
       }],
       /**
        * Border Color Top
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-t": [{
-        "border-t": p()
+        "border-t": m()
       }],
       /**
        * Border Color Right
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-r": [{
-        "border-r": p()
+        "border-r": m()
       }],
       /**
        * Border Color Bottom
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-b": [{
-        "border-b": p()
+        "border-b": m()
       }],
       /**
        * Border Color Left
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-l": [{
-        "border-l": p()
+        "border-l": m()
       }],
       /**
        * Divide Color
        * @see https://tailwindcss.com/docs/divide-color
        */
       "divide-color": [{
-        divide: p()
+        divide: m()
       }],
       /**
        * Outline Style
        * @see https://tailwindcss.com/docs/outline-style
        */
       "outline-style": [{
-        outline: [...Y(), "none", "hidden"]
+        outline: [...J(), "none", "hidden"]
       }],
       /**
        * Outline Offset
        * @see https://tailwindcss.com/docs/outline-offset
        */
       "outline-offset": [{
-        "outline-offset": [f, d, c]
+        "outline-offset": [h, d, c]
       }],
       /**
        * Outline Width
        * @see https://tailwindcss.com/docs/outline-width
        */
       "outline-w": [{
-        outline: ["", f, q, D]
+        outline: ["", h, K, O]
       }],
       /**
        * Outline Color
        * @see https://tailwindcss.com/docs/outline-color
        */
       "outline-color": [{
-        outline: p()
+        outline: m()
       }],
       // ---------------
       // --- Effects ---
@@ -1689,9 +1689,9 @@ const qe = (e, r) => {
           // Deprecated since Tailwind CSS v4.0.0
           "",
           "none",
-          b,
-          te,
-          ee
+          x,
+          oe,
+          re
         ]
       }],
       /**
@@ -1699,28 +1699,28 @@ const qe = (e, r) => {
        * @see https://tailwindcss.com/docs/box-shadow#setting-the-shadow-color
        */
       "shadow-color": [{
-        shadow: p()
+        shadow: m()
       }],
       /**
        * Inset Box Shadow
        * @see https://tailwindcss.com/docs/box-shadow#adding-an-inset-shadow
        */
       "inset-shadow": [{
-        "inset-shadow": ["none", w, te, ee]
+        "inset-shadow": ["none", _, oe, re]
       }],
       /**
        * Inset Box Shadow Color
        * @see https://tailwindcss.com/docs/box-shadow#setting-the-inset-shadow-color
        */
       "inset-shadow-color": [{
-        "inset-shadow": p()
+        "inset-shadow": m()
       }],
       /**
        * Ring Width
        * @see https://tailwindcss.com/docs/box-shadow#adding-a-ring
        */
       "ring-w": [{
-        ring: A()
+        ring: L()
       }],
       /**
        * 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: p()
+        ring: m()
       }],
       /**
        * 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": [f, D]
+        "ring-offset": [h, O]
       }],
       /**
        * Ring Offset Color
@@ -1752,56 +1752,56 @@ 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": p()
+        "ring-offset": m()
       }],
       /**
        * Inset Ring Width
        * @see https://tailwindcss.com/docs/box-shadow#adding-an-inset-ring
        */
       "inset-ring-w": [{
-        "inset-ring": A()
+        "inset-ring": L()
       }],
       /**
        * Inset Ring Color
        * @see https://tailwindcss.com/docs/box-shadow#setting-the-inset-ring-color
        */
       "inset-ring-color": [{
-        "inset-ring": p()
+        "inset-ring": m()
       }],
       /**
        * Text Shadow
        * @see https://tailwindcss.com/docs/text-shadow
        */
       "text-shadow": [{
-        "text-shadow": ["none", y, te, ee]
+        "text-shadow": ["none", w, oe, re]
       }],
       /**
        * Text Shadow Color
        * @see https://tailwindcss.com/docs/text-shadow#setting-the-shadow-color
        */
       "text-shadow-color": [{
-        "text-shadow": p()
+        "text-shadow": m()
       }],
       /**
        * Opacity
        * @see https://tailwindcss.com/docs/opacity
        */
       opacity: [{
-        opacity: [f, d, c]
+        opacity: [h, d, c]
       }],
       /**
        * Mix Blend Mode
        * @see https://tailwindcss.com/docs/mix-blend-mode
        */
       "mix-blend": [{
-        "mix-blend": [...be(), "plus-darker", "plus-lighter"]
+        "mix-blend": [...ge(), "plus-darker", "plus-lighter"]
       }],
       /**
        * Background Blend Mode
        * @see https://tailwindcss.com/docs/background-blend-mode
        */
       "bg-blend": [{
-        "bg-blend": be()
+        "bg-blend": ge()
       }],
       /**
        * Mask Clip
@@ -1822,106 +1822,106 @@ const qe = (e, r) => {
        * @see https://tailwindcss.com/docs/mask-image
        */
       "mask-image-linear-pos": [{
-        "mask-linear": [f]
+        "mask-linear": [h]
       }],
       "mask-image-linear-from-pos": [{
-        "mask-linear-from": _()
+        "mask-linear-from": C()
       }],
       "mask-image-linear-to-pos": [{
-        "mask-linear-to": _()
+        "mask-linear-to": C()
       }],
       "mask-image-linear-from-color": [{
-        "mask-linear-from": p()
+        "mask-linear-from": m()
       }],
       "mask-image-linear-to-color": [{
-        "mask-linear-to": p()
+        "mask-linear-to": m()
       }],
       "mask-image-t-from-pos": [{
-        "mask-t-from": _()
+        "mask-t-from": C()
       }],
       "mask-image-t-to-pos": [{
-        "mask-t-to": _()
+        "mask-t-to": C()
       }],
       "mask-image-t-from-color": [{
-        "mask-t-from": p()
+        "mask-t-from": m()
       }],
       "mask-image-t-to-color": [{
-        "mask-t-to": p()
+        "mask-t-to": m()
       }],
       "mask-image-r-from-pos": [{
-        "mask-r-from": _()
+        "mask-r-from": C()
       }],
       "mask-image-r-to-pos": [{
-        "mask-r-to": _()
+        "mask-r-to": C()
       }],
       "mask-image-r-from-color": [{
-        "mask-r-from": p()
+        "mask-r-from": m()
       }],
       "mask-image-r-to-color": [{
-        "mask-r-to": p()
+        "mask-r-to": m()
       }],
       "mask-image-b-from-pos": [{
-        "mask-b-from": _()
+        "mask-b-from": C()
       }],
       "mask-image-b-to-pos": [{
-        "mask-b-to": _()
+        "mask-b-to": C()
       }],
       "mask-image-b-from-color": [{
-        "mask-b-from": p()
+        "mask-b-from": m()
       }],
       "mask-image-b-to-color": [{
-        "mask-b-to": p()
+        "mask-b-to": m()
       }],
       "mask-image-l-from-pos": [{
-        "mask-l-from": _()
+        "mask-l-from": C()
       }],
       "mask-image-l-to-pos": [{
-        "mask-l-to": _()
+        "mask-l-to": C()
       }],
       "mask-image-l-from-color": [{
-        "mask-l-from": p()
+        "mask-l-from": m()
       }],
       "mask-image-l-to-color": [{
-        "mask-l-to": p()
+        "mask-l-to": m()
       }],
       "mask-image-x-from-pos": [{
-        "mask-x-from": _()
+        "mask-x-from": C()
       }],
       "mask-image-x-to-pos": [{
-        "mask-x-to": _()
+        "mask-x-to": C()
       }],
       "mask-image-x-from-color": [{
-        "mask-x-from": p()
+        "mask-x-from": m()
       }],
       "mask-image-x-to-color": [{
-        "mask-x-to": p()
+        "mask-x-to": m()
       }],
       "mask-image-y-from-pos": [{
-        "mask-y-from": _()
+        "mask-y-from": C()
       }],
       "mask-image-y-to-pos": [{
-        "mask-y-to": _()
+        "mask-y-to": C()
       }],
       "mask-image-y-from-color": [{
-        "mask-y-from": p()
+        "mask-y-from": m()
       }],
       "mask-image-y-to-color": [{
-        "mask-y-to": p()
+        "mask-y-to": m()
       }],
       "mask-image-radial": [{
         "mask-radial": [d, c]
       }],
       "mask-image-radial-from-pos": [{
-        "mask-radial-from": _()
+        "mask-radial-from": C()
       }],
       "mask-image-radial-to-pos": [{
-        "mask-radial-to": _()
+        "mask-radial-to": C()
       }],
       "mask-image-radial-from-color": [{
-        "mask-radial-from": p()
+        "mask-radial-from": m()
       }],
       "mask-image-radial-to-color": [{
-        "mask-radial-to": p()
+        "mask-radial-to": m()
       }],
       "mask-image-radial-shape": [{
         "mask-radial": ["circle", "ellipse"]
@@ -1933,22 +1933,22 @@ const qe = (e, r) => {
         }]
       }],
       "mask-image-radial-pos": [{
-        "mask-radial-at": T()
+        "mask-radial-at": E()
       }],
       "mask-image-conic-pos": [{
-        "mask-conic": [f]
+        "mask-conic": [h]
       }],
       "mask-image-conic-from-pos": [{
-        "mask-conic-from": _()
+        "mask-conic-from": C()
       }],
       "mask-image-conic-to-pos": [{
-        "mask-conic-to": _()
+        "mask-conic-to": C()
       }],
       "mask-image-conic-from-color": [{
-        "mask-conic-from": p()
+        "mask-conic-from": m()
       }],
       "mask-image-conic-to-color": [{
-        "mask-conic-to": p()
+        "mask-conic-to": m()
       }],
       /**
        * Mask Mode
@@ -1969,7 +1969,7 @@ const qe = (e, r) => {
        * @see https://tailwindcss.com/docs/mask-position
        */
       "mask-position": [{
-        mask: ue()
+        mask: be()
       }],
       /**
        * Mask Repeat
@@ -1983,7 +1983,7 @@ const qe = (e, r) => {
        * @see https://tailwindcss.com/docs/mask-size
        */
       "mask-size": [{
-        mask: fe()
+        mask: xe()
       }],
       /**
        * Mask Type
@@ -2020,21 +2020,21 @@ const qe = (e, r) => {
        * @see https://tailwindcss.com/docs/blur
        */
       blur: [{
-        blur: ge()
+        blur: _e()
       }],
       /**
        * Brightness
        * @see https://tailwindcss.com/docs/brightness
        */
       brightness: [{
-        brightness: [f, d, c]
+        brightness: [h, d, c]
       }],
       /**
        * Contrast
        * @see https://tailwindcss.com/docs/contrast
        */
       contrast: [{
-        contrast: [f, d, c]
+        contrast: [h, d, c]
       }],
       /**
        * Drop Shadow
@@ -2045,9 +2045,9 @@ const qe = (e, r) => {
           // Deprecated since Tailwind CSS v4.0.0
           "",
           "none",
-          N,
-          te,
-          ee
+          z,
+          oe,
+          re
         ]
       }],
       /**
@@ -2055,42 +2055,42 @@ const qe = (e, r) => {
        * @see https://tailwindcss.com/docs/filter-drop-shadow#setting-the-shadow-color
        */
       "drop-shadow-color": [{
-        "drop-shadow": p()
+        "drop-shadow": m()
       }],
       /**
        * Grayscale
        * @see https://tailwindcss.com/docs/grayscale
        */
       grayscale: [{
-        grayscale: ["", f, d, c]
+        grayscale: ["", h, d, c]
       }],
       /**
        * Hue Rotate
        * @see https://tailwindcss.com/docs/hue-rotate
        */
       "hue-rotate": [{
-        "hue-rotate": [f, d, c]
+        "hue-rotate": [h, d, c]
       }],
       /**
        * Invert
        * @see https://tailwindcss.com/docs/invert
        */
       invert: [{
-        invert: ["", f, d, c]
+        invert: ["", h, d, c]
       }],
       /**
        * Saturate
        * @see https://tailwindcss.com/docs/saturate
        */
       saturate: [{
-        saturate: [f, d, c]
+        saturate: [h, d, c]
       }],
       /**
        * Sepia
        * @see https://tailwindcss.com/docs/sepia
        */
       sepia: [{
-        sepia: ["", f, d, c]
+        sepia: ["", h, d, c]
       }],
       /**
        * Backdrop Filter
@@ -2110,63 +2110,63 @@ const qe = (e, r) => {
        * @see https://tailwindcss.com/docs/backdrop-blur
        */
       "backdrop-blur": [{
-        "backdrop-blur": ge()
+        "backdrop-blur": _e()
       }],
       /**
        * Backdrop Brightness
        * @see https://tailwindcss.com/docs/backdrop-brightness
        */
       "backdrop-brightness": [{
-        "backdrop-brightness": [f, d, c]
+        "backdrop-brightness": [h, d, c]
       }],
       /**
        * Backdrop Contrast
        * @see https://tailwindcss.com/docs/backdrop-contrast
        */
       "backdrop-contrast": [{
-        "backdrop-contrast": [f, d, c]
+        "backdrop-contrast": [h, d, c]
       }],
       /**
        * Backdrop Grayscale
        * @see https://tailwindcss.com/docs/backdrop-grayscale
        */
       "backdrop-grayscale": [{
-        "backdrop-grayscale": ["", f, d, c]
+        "backdrop-grayscale": ["", h, d, c]
       }],
       /**
        * Backdrop Hue Rotate
        * @see https://tailwindcss.com/docs/backdrop-hue-rotate
        */
       "backdrop-hue-rotate": [{
-        "backdrop-hue-rotate": [f, d, c]
+        "backdrop-hue-rotate": [h, d, c]
       }],
       /**
        * Backdrop Invert
        * @see https://tailwindcss.com/docs/backdrop-invert
        */
       "backdrop-invert": [{
-        "backdrop-invert": ["", f, d, c]
+        "backdrop-invert": ["", h, d, c]
       }],
       /**
        * Backdrop Opacity
        * @see https://tailwindcss.com/docs/backdrop-opacity
        */
       "backdrop-opacity": [{
-        "backdrop-opacity": [f, d, c]
+        "backdrop-opacity": [h, d, c]
       }],
       /**
        * Backdrop Saturate
        * @see https://tailwindcss.com/docs/backdrop-saturate
        */
       "backdrop-saturate": [{
-        "backdrop-saturate": [f, d, c]
+        "backdrop-saturate": [h, d, c]
       }],
       /**
        * Backdrop Sepia
        * @see https://tailwindcss.com/docs/backdrop-sepia
        */
       "backdrop-sepia": [{
-        "backdrop-sepia": ["", f, d, c]
+        "backdrop-sepia": ["", h, d, c]
       }],
       // --------------
       // --- Tables ---
@@ -2183,21 +2183,21 @@ const qe = (e, r) => {
        * @see https://tailwindcss.com/docs/border-spacing
        */
       "border-spacing": [{
-        "border-spacing": h()
+        "border-spacing": u()
       }],
       /**
        * Border Spacing X
        * @see https://tailwindcss.com/docs/border-spacing
        */
       "border-spacing-x": [{
-        "border-spacing-x": h()
+        "border-spacing-x": u()
       }],
       /**
        * Border Spacing Y
        * @see https://tailwindcss.com/docs/border-spacing
        */
       "border-spacing-y": [{
-        "border-spacing-y": h()
+        "border-spacing-y": u()
       }],
       /**
        * Table Layout
@@ -2235,28 +2235,28 @@ const qe = (e, r) => {
        * @see https://tailwindcss.com/docs/transition-duration
        */
       duration: [{
-        duration: [f, "initial", d, c]
+        duration: [h, "initial", d, c]
       }],
       /**
        * Transition Timing Function
        * @see https://tailwindcss.com/docs/transition-timing-function
        */
       ease: [{
-        ease: ["linear", "initial", R, d, c]
+        ease: ["linear", "initial", T, d, c]
       }],
       /**
        * Transition Delay
        * @see https://tailwindcss.com/docs/transition-delay
        */
       delay: [{
-        delay: [f, d, c]
+        delay: [h, d, c]
       }],
       /**
        * Animation
        * @see https://tailwindcss.com/docs/animation
        */
       animate: [{
-        animate: ["none", G, d, c]
+        animate: ["none", F, d, c]
       }],
       // ------------------
       // --- Transforms ---
@@ -2280,63 +2280,63 @@ const qe = (e, r) => {
        * @see https://tailwindcss.com/docs/perspective-origin
        */
       "perspective-origin": [{
-        "perspective-origin": E()
+        "perspective-origin": V()
       }],
       /**
        * Rotate
        * @see https://tailwindcss.com/docs/rotate
        */
       rotate: [{
-        rotate: X()
+        rotate: Q()
       }],
       /**
        * Rotate X
        * @see https://tailwindcss.com/docs/rotate
        */
       "rotate-x": [{
-        "rotate-x": X()
+        "rotate-x": Q()
       }],
       /**
        * Rotate Y
        * @see https://tailwindcss.com/docs/rotate
        */
       "rotate-y": [{
-        "rotate-y": X()
+        "rotate-y": Q()
       }],
       /**
        * Rotate Z
        * @see https://tailwindcss.com/docs/rotate
        */
       "rotate-z": [{
-        "rotate-z": X()
+        "rotate-z": Q()
       }],
       /**
        * Scale
        * @see https://tailwindcss.com/docs/scale
        */
       scale: [{
-        scale: J()
+        scale: ee()
       }],
       /**
        * Scale X
        * @see https://tailwindcss.com/docs/scale
        */
       "scale-x": [{
-        "scale-x": J()
+        "scale-x": ee()
       }],
       /**
        * Scale Y
        * @see https://tailwindcss.com/docs/scale
        */
       "scale-y": [{
-        "scale-y": J()
+        "scale-y": ee()
       }],
       /**
        * Scale Z
        * @see https://tailwindcss.com/docs/scale
        */
       "scale-z": [{
-        "scale-z": J()
+        "scale-z": ee()
       }],
       /**
        * Scale 3D
@@ -2348,21 +2348,21 @@ const qe = (e, r) => {
        * @see https://tailwindcss.com/docs/skew
        */
       skew: [{
-        skew: ne()
+        skew: le()
       }],
       /**
        * Skew X
        * @see https://tailwindcss.com/docs/skew
        */
       "skew-x": [{
-        "skew-x": ne()
+        "skew-x": le()
       }],
       /**
        * Skew Y
        * @see https://tailwindcss.com/docs/skew
        */
       "skew-y": [{
-        "skew-y": ne()
+        "skew-y": le()
       }],
       /**
        * Transform
@@ -2376,7 +2376,7 @@ const qe = (e, r) => {
        * @see https://tailwindcss.com/docs/transform-origin
        */
       "transform-origin": [{
-        origin: E()
+        origin: V()
       }],
       /**
        * Transform Style
@@ -2390,28 +2390,28 @@ const qe = (e, r) => {
        * @see https://tailwindcss.com/docs/translate
        */
       translate: [{
-        translate: Q()
+        translate: te()
       }],
       /**
        * Translate X
        * @see https://tailwindcss.com/docs/translate
        */
       "translate-x": [{
-        "translate-x": Q()
+        "translate-x": te()
       }],
       /**
        * Translate Y
        * @see https://tailwindcss.com/docs/translate
        */
       "translate-y": [{
-        "translate-y": Q()
+        "translate-y": te()
       }],
       /**
        * Translate Z
        * @see https://tailwindcss.com/docs/translate
        */
       "translate-z": [{
-        "translate-z": Q()
+        "translate-z": te()
       }],
       /**
        * Translate None
@@ -2426,7 +2426,7 @@ const qe = (e, r) => {
        * @see https://tailwindcss.com/docs/accent-color
        */
       accent: [{
-        accent: p()
+        accent: m()
       }],
       /**
        * Appearance
@@ -2440,7 +2440,7 @@ const qe = (e, r) => {
        * @see https://tailwindcss.com/docs/just-in-time-mode#caret-color-utilities
        */
       "caret-color": [{
-        caret: p()
+        caret: m()
       }],
       /**
        * Color Scheme
@@ -2489,126 +2489,126 @@ const qe = (e, r) => {
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-m": [{
-        "scroll-m": h()
+        "scroll-m": u()
       }],
       /**
        * Scroll Margin X
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mx": [{
-        "scroll-mx": h()
+        "scroll-mx": u()
       }],
       /**
        * Scroll Margin Y
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-my": [{
-        "scroll-my": h()
+        "scroll-my": u()
       }],
       /**
        * Scroll Margin Start
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-ms": [{
-        "scroll-ms": h()
+        "scroll-ms": u()
       }],
       /**
        * Scroll Margin End
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-me": [{
-        "scroll-me": h()
+        "scroll-me": u()
       }],
       /**
        * Scroll Margin Top
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mt": [{
-        "scroll-mt": h()
+        "scroll-mt": u()
       }],
       /**
        * Scroll Margin Right
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mr": [{
-        "scroll-mr": h()
+        "scroll-mr": u()
       }],
       /**
        * Scroll Margin Bottom
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mb": [{
-        "scroll-mb": h()
+        "scroll-mb": u()
       }],
       /**
        * Scroll Margin Left
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-ml": [{
-        "scroll-ml": h()
+        "scroll-ml": u()
       }],
       /**
        * Scroll Padding
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-p": [{
-        "scroll-p": h()
+        "scroll-p": u()
       }],
       /**
        * Scroll Padding X
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-px": [{
-        "scroll-px": h()
+        "scroll-px": u()
       }],
       /**
        * Scroll Padding Y
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-py": [{
-        "scroll-py": h()
+        "scroll-py": u()
       }],
       /**
        * Scroll Padding Start
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-ps": [{
-        "scroll-ps": h()
+        "scroll-ps": u()
       }],
       /**
        * Scroll Padding End
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pe": [{
-        "scroll-pe": h()
+        "scroll-pe": u()
       }],
       /**
        * Scroll Padding Top
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pt": [{
-        "scroll-pt": h()
+        "scroll-pt": u()
       }],
       /**
        * Scroll Padding Right
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pr": [{
-        "scroll-pr": h()
+        "scroll-pr": u()
       }],
       /**
        * Scroll Padding Bottom
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pb": [{
-        "scroll-pb": h()
+        "scroll-pb": u()
       }],
       /**
        * Scroll Padding Left
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pl": [{
-        "scroll-pl": h()
+        "scroll-pl": u()
       }],
       /**
        * Scroll Snap Align
@@ -2686,21 +2686,21 @@ const qe = (e, r) => {
        * @see https://tailwindcss.com/docs/fill
        */
       fill: [{
-        fill: ["none", ...p()]
+        fill: ["none", ...m()]
       }],
       /**
        * Stroke Width
        * @see https://tailwindcss.com/docs/stroke-width
        */
       "stroke-w": [{
-        stroke: [f, q, D, le]
+        stroke: [h, K, O, ce]
       }],
       /**
        * Stroke
        * @see https://tailwindcss.com/docs/stroke
        */
       stroke: [{
-        stroke: ["none", ...p()]
+        stroke: ["none", ...m()]
       }],
       // ---------------------
       // --- Accessibility ---
@@ -2768,53 +2768,59 @@ const qe = (e, r) => {
     },
     orderSensitiveModifiers: ["*", "**", "after", "backdrop", "before", "details-content", "file", "first-letter", "first-line", "marker", "placeholder", "selection"]
   };
-}, jt = /* @__PURE__ */ ht(Et);
-function g(...e) {
-  return jt(He(e));
+}, Bt = /* @__PURE__ */ ht(jt);
+function b(...e) {
+  return Bt(Ye(e));
 }
 const Pt = {
-  primary: "bg-primary text-black theme-light:text-white border border-primary shadow-[inset_-4px_-4px_8px_var(--color-primary-shadow-dark),inset_4px_4px_8px_var(--color-primary-shadow-light)] active:shadow-[inset_3px_3px_6px_var(--color-primary-shadow-dark),_inset_-3px_-3px_6px_var(--color-primary-shadow-light)] disabled:shadow-none disabled:bg-primary-disabled disabled:text-text-disabled",
-  secondary: "bg-secondary text-white border border-secondary shadow-[inset_-4px_-4px_8px_var(--color-secondary-shadow-dark),inset_4px_4px_8px_var(--color-secondary-shadow-light)] active:shadow-[inset_3px_3px_6px_var(--color-secondary-shadow-dark),_inset_-3px_-3px_6px_var(--color-secondary-shadow-light)] disabled:shadow-none disabled:bg-secondary-disabled disabled:text-text-disabled",
-  danger: "bg-danger text-black theme-light:text-white border border-danger shadow-[inset_-4px_-4px_8px_var(--color-danger-shadow-dark),inset_4px_4px_8px_var(--color-danger-shadow-light)] active:shadow-[inset_3px_3px_6px_var(--color-danger-shadow-dark),_inset_-3px_-3px_6px_var(--color-danger-shadow-light)] disabled:shadow-none disabled:bg-danger-disabled disabled:text-text-disabled",
-  ghost: "bg-ghost text-text-primary border border-transparent shadow-[inset_-4px_-4px_8px_var(--color-ghost-shadow-dark),inset_4px_4px_8px_var(--color-ghost-shadow-light)] active:shadow-[inset_3px_3px_6px_var(--color-ghost-shadow-dark),_inset_-3px_-3px_6px_var(--color-ghost-shadow-light)] disabled:shadow-none disabled:bg-ghost-disabled disabled:text-text-disabled"
+  primary: "text-[#7e97b8] bg-[#dbeafe] border-[rgba(255,255,255,0.333)] shadow-[-4px_-2px_16px_0px_#ffffff,4px_2px_16px_0px_rgb(59_130_246_/_48%)] hover:text-[#516d91] hover:bg-[#bfdbfe] hover:shadow-[-2px_-1px_8px_0px_#ffffff,2px_1px_8px_0px_rgb(59_130_246_/_48%)]",
+  secondary: "text-[#6b7280] bg-[#d1fae5] border-[rgba(255,255,255,0.4)] shadow-[-4px_-2px_16px_0px_#ffffff,4px_2px_16px_0px_rgb(34_197_94_/_35%)] hover:text-[#4b5563] hover:bg-[#a7f3d0] hover:shadow-[-2px_-1px_8px_0px_#ffffff,2px_1px_8px_0px_rgb(34_197_94_/_35%)]",
+  danger: "text-[#ef4444] bg-[#fecaca] border-[rgba(255,255,255,0.5)] shadow-[-4px_-2px_16px_0px_#ffffff,4px_2px_16px_0px_rgb(239_68_68_/_35%)] hover:text-[#dc2626] hover:bg-[#fed7d7] hover:shadow-[-2px_-1px_8px_0px_#ffffff,2px_1px_8px_0px_rgb(239_68_68_/_35%)]",
+  ghost: "text-[#6b7280] bg-transparent border-[rgba(255,255,255,0.2)] shadow-[-4px_-2px_16px_0px_rgba(255,255,255,0.1),4px_2px_16px_0px_rgba(0,0,0,0.1)] hover:text-[#4b5563] hover:bg-[rgba(255,255,255,0.05)] hover:shadow-[-2px_-1px_8px_0px_rgba(255,255,255,0.1),2px_1px_8px_0px_rgba(0,0,0,0.1)]"
 }, Ft = {
-  sm: "px-3 py-1 text-xs font-medium rounded-lg h-8",
-  md: "px-4 py-1.5 text-sm font-medium rounded-lg h-10",
-  lg: "px-6 py-2 text-md font-medium rounded-lg h-12"
-}, Ge = C.forwardRef(({
+  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"
+}, Ge = y.forwardRef(({
   variant: e = "primary",
   size: r = "md",
   loading: o = !1,
   disabled: t = !1,
-  className: s,
+  className: n,
   children: l,
-  ...n
-}, m) => /* @__PURE__ */ x(
+  ...a
+}, p) => /* @__PURE__ */ g(
   "button",
   {
-    ref: m,
-    className: g(
-      "inline-flex items-center justify-center",
-      "font-medium transition-all duration-200",
+    ref: p,
+    className: b(
+      "flex items-center justify-center gap-2.5",
+      "font-inherit font-medium",
+      "uppercase tracking-[0.4px]",
+      "border-2 border-solid",
+      "rounded-[40px]",
+      "transform translate-x-0 translate-y-0 rotate-0",
+      "transition-all duration-200",
+      "active:shadow-none",
       "focus-visible focus:outline-none",
       "disabled:cursor-not-allowed disabled:opacity-50",
       Pt[e],
       Ft[r],
-      s
+      n
     ),
     disabled: t || o,
-    ...n,
+    ...a,
     children: [
-      /* @__PURE__ */ a("span", { className: g("inline-flex items-center", o ? "w-4 h-4 mr-2" : "w-0 h-4"), children: /* @__PURE__ */ x(
+      o && /* @__PURE__ */ g(
         "svg",
         {
-          className: g("animate-spin h-4 w-4", !o && "opacity-0"),
+          className: "animate-spin h-6 w-6",
           xmlns: "http://www.w3.org/2000/svg",
           fill: "none",
           viewBox: "0 0 24 24",
           "aria-hidden": "true",
           children: [
-            /* @__PURE__ */ a(
+            /* @__PURE__ */ s(
               "circle",
               {
                 className: "opacity-25",
@@ -2825,7 +2831,7 @@ const Pt = {
                 strokeWidth: "4"
               }
             ),
-            /* @__PURE__ */ a(
+            /* @__PURE__ */ s(
               "path",
               {
                 className: "opacity-75",
@@ -2835,61 +2841,66 @@ const Pt = {
             )
           ]
         }
-      ) }),
+      ),
       l
     ]
   }
 ));
 Ge.displayName = "Button";
-const Gt = "_button_7snfv_7", Bt = "_state_7snfv_75", Vt = "_icon_7snfv_149", Ot = "_outline_7snfv_207", I = {
+const Gt = "_button_qraba_7", $t = "_state_qraba_79", Ht = "_icon_qraba_151", Ot = "_outline_qraba_205", I = {
   button: Gt,
-  "button--size-sm": "_button--size-sm_7snfv_59",
-  state: Bt,
-  "button--size-md": "_button--size-md_7snfv_83",
-  "button--size-lg": "_button--size-lg_7snfv_107",
-  icon: Vt,
+  "button--size-sm": "_button--size-sm_qraba_63",
+  state: $t,
+  "button--size-md": "_button--size-md_qraba_87",
+  "button--size-lg": "_button--size-lg_qraba_111",
+  icon: Ht,
   outline: Ot,
-  "state--default": "_state--default_7snfv_231",
-  "state--sent": "_state--sent_7snfv_717"
-}, Ce = (e) => e.split("").map((r, o) => /* @__PURE__ */ a("span", { style: { "--i": o }, children: r === " " ? " " : r }, o)), Dt = {
+  "state--default": "_state--default_qraba_229",
+  "state--sent": "_state--sent_qraba_813"
+}, ze = (e) => e.split("").map((r, o) => /* @__PURE__ */ s("span", { style: { "--i": o }, children: r === " " ? " " : r }, o)), Dt = {
   sm: I["button--size-sm"],
   md: I["button--size-md"],
   lg: I["button--size-lg"]
-}, tr = ({
+}, Wt = {
+  primary: "text-[#7e97b8] bg-[#dbeafe] border-[rgba(255,255,255,0.333)] shadow-[-4px_-2px_16px_0px_#ffffff,4px_2px_16px_0px_rgb(59_130_246_/_48%)] hover:text-[#516d91] hover:bg-[#bfdbfe] hover:shadow-[-2px_-1px_8px_0px_#ffffff,2px_1px_8px_0px_rgb(59_130_246_/_48%)]",
+  secondary: "text-[#6b7280] bg-[#d1fae5] border-[rgba(255,255,255,0.4)] shadow-[-4px_-2px_16px_0px_#ffffff,4px_2px_16px_0px_rgb(34_197_94_/_35%)] hover:text-[#4b5563] hover:bg-[#a7f3d0] hover:shadow-[-2px_-1px_8px_0px_#ffffff,2px_1px_8px_0px_rgb(34_197_94_/_35%)]",
+  danger: "text-[#ef4444] bg-[#fecaca] border-[rgba(255,255,255,0.5)] shadow-[-4px_-2px_16px_0px_#ffffff,4px_2px_16px_0px_rgb(239_68_68_/_35%)] hover:text-[#dc2626] hover:bg-[#fed7d7] hover:shadow-[-2px_-1px_8px_0px_#ffffff,2px_1px_8px_0px_rgb(239_68_68_/_35%)]"
+}, _r = ({
   children: e = "Send Message",
   successText: r = "Sent",
   onSubmit: o,
   disabled: t,
-  size: s = "md",
-  className: l,
-  ...n
+  variant: n = "primary",
+  size: l = "md",
+  className: a,
+  ...p
 }) => {
-  const [m, i] = _e(!1), u = $e(), b = We(null);
-  return /* @__PURE__ */ x(
+  const [i, f] = Ne(!1), x = We(), _ = Ze(null);
+  return /* @__PURE__ */ g(
     "button",
     {
-      ...n,
-      ref: b,
+      ...p,
+      ref: _,
       type: "submit",
       disabled: t,
-      onClick: async (y) => {
-        if (o && !m)
+      onClick: async (z) => {
+        if (o && !i)
           try {
-            await o(), i(!0), b.current?.focus(), setTimeout(() => {
-              i(!1), b.current?.blur();
+            await o(), f(!0), _.current?.focus(), setTimeout(() => {
+              f(!1), _.current?.blur();
             }, 3e3);
-          } catch (N) {
-            console.error("Submit failed:", N);
+          } catch (v) {
+            console.error("Submit failed:", v);
           }
-        n.onClick?.(y);
+        p.onClick?.(z);
       },
-      className: g(I.button, Dt[s], l),
-      "aria-label": m ? "Submission successful" : n["aria-label"] || "Submit",
+      className: b(I.button, Wt[n], Dt[l], a),
+      "aria-label": i ? "Submission successful" : p["aria-label"] || "Submit",
       "aria-disabled": t,
       children: [
-        /* @__PURE__ */ a("div", { className: I.outline }),
-        /* @__PURE__ */ x("div", { className: g(I.state, I["state--default"]), children: [
-          /* @__PURE__ */ a("div", { className: I.icon, children: /* @__PURE__ */ x(
+        /* @__PURE__ */ s("div", { className: I.outline }),
+        /* @__PURE__ */ g("div", { className: b(I.state, I["state--default"]), children: [
+          /* @__PURE__ */ s("div", { className: I.icon, children: /* @__PURE__ */ g(
             "svg",
             {
               width: "1em",
@@ -2898,23 +2909,23 @@ const Gt = "_button_7snfv_7", Bt = "_state_7snfv_75", Vt = "_icon_7snfv_149", Ot
               fill: "none",
               xmlns: "http://www.w3.org/2000/svg",
               children: [
-                /* @__PURE__ */ x("g", { style: { filter: `url(#${u})` }, children: [
-                  /* @__PURE__ */ a(
+                /* @__PURE__ */ g("g", { style: { filter: `url(#${x})` }, children: [
+                  /* @__PURE__ */ s(
                     "path",
                     {
                       d: "M14.2199 21.63C13.0399 21.63 11.3699 20.8 10.0499 16.83L9.32988 14.67L7.16988 13.95C3.20988 12.63 2.37988 10.96 2.37988 9.78001C2.37988 8.61001 3.20988 6.93001 7.16988 5.60001L15.6599 2.77001C17.7799 2.06001 19.5499 2.27001 20.6399 3.35001C21.7299 4.43001 21.9399 6.21001 21.2299 8.33001L18.3999 16.82C17.0699 20.8 15.3999 21.63 14.2199 21.63ZM7.63988 7.03001C4.85988 7.96001 3.86988 9.06001 3.86988 9.78001C3.86988 10.5 4.85988 11.6 7.63988 12.52L10.1599 13.36C10.3799 13.43 10.5599 13.61 10.6299 13.83L11.4699 16.35C12.3899 19.13 13.4999 20.12 14.2199 20.12C14.9399 20.12 16.0399 19.13 16.9699 16.35L19.7999 7.86001C20.3099 6.32001 20.2199 5.06001 19.5699 4.41001C18.9199 3.76001 17.6599 3.68001 16.1299 4.19001L7.63988 7.03001Z",
-                      fill: "currentColor"
+                      fill: "#6b7280"
                     }
                   ),
-                  /* @__PURE__ */ a(
+                  /* @__PURE__ */ s(
                     "path",
                     {
                       d: "M10.11 14.4C9.92005 14.4 9.73005 14.33 9.58005 14.18C9.29005 13.89 9.29005 13.41 9.58005 13.12L13.16 9.53C13.45 9.24 13.93 9.24 14.22 9.53C14.51 9.82 14.51 10.3 14.22 10.59L10.64 14.18C10.5 14.33 10.3 14.4 10.11 14.4Z",
-                      fill: "currentColor"
+                      fill: "#6b7280"
                     }
                   )
                 ] }),
-                /* @__PURE__ */ a("defs", { children: /* @__PURE__ */ a("filter", { id: u, children: /* @__PURE__ */ a(
+                /* @__PURE__ */ s("defs", { children: /* @__PURE__ */ s("filter", { id: x, children: /* @__PURE__ */ s(
                   "feDropShadow",
                   {
                     dx: "0",
@@ -2926,10 +2937,10 @@ const Gt = "_button_7snfv_7", Bt = "_state_7snfv_75", Vt = "_icon_7snfv_149", Ot
               ]
             }
           ) }),
-          /* @__PURE__ */ a("p", { children: Ce(typeof e == "string" ? e : "Send Message") })
+          /* @__PURE__ */ s("p", { children: ze(typeof e == "string" ? e : "Send Message") })
         ] }),
-        /* @__PURE__ */ x("div", { className: g(I.state, I["state--sent"]), children: [
-          /* @__PURE__ */ a("div", { className: I.icon, children: /* @__PURE__ */ a(
+        /* @__PURE__ */ g("div", { className: b(I.state, I["state--sent"]), children: [
+          /* @__PURE__ */ s("div", { className: I.icon, children: /* @__PURE__ */ s(
             "svg",
             {
               xmlns: "http://www.w3.org/2000/svg",
@@ -2939,15 +2950,15 @@ const Gt = "_button_7snfv_7", Bt = "_state_7snfv_75", Vt = "_icon_7snfv_149", Ot
               width: "1em",
               strokeWidth: "0.5px",
               stroke: "black",
-              children: /* @__PURE__ */ x("g", { style: { filter: `url(#${u})` }, children: [
-                /* @__PURE__ */ a(
+              children: /* @__PURE__ */ g("g", { style: { filter: `url(#${x})` }, children: [
+                /* @__PURE__ */ s(
                   "path",
                   {
                     fill: "currentColor",
                     d: "M12 22.75C6.07 22.75 1.25 17.93 1.25 12C1.25 6.07 6.07 1.25 12 1.25C17.93 1.25 22.75 6.07 22.75 12C22.75 17.93 17.93 22.75 12 22.75ZM12 2.75C6.9 2.75 2.75 6.9 2.75 12C2.75 17.1 6.9 21.25 12 21.25C17.1 21.25 21.25 17.1 21.25 12C21.25 6.9 17.1 2.75 12 2.75Z"
                   }
                 ),
-                /* @__PURE__ */ a(
+                /* @__PURE__ */ s(
                   "path",
                   {
                     fill: "currentColor",
@@ -2957,46 +2968,46 @@ const Gt = "_button_7snfv_7", Bt = "_state_7snfv_75", Vt = "_icon_7snfv_149", Ot
               ] })
             }
           ) }),
-          /* @__PURE__ */ a("p", { children: Ce(r) })
+          /* @__PURE__ */ s("p", { children: ze(r) })
         ] })
       ]
     }
   );
-}, $t = {
+}, Zt = {
   sm: "px-4 py-2 text-sm",
   md: "px-5 py-[10px] text-base",
   lg: "px-6 py-3 text-lg"
-}, Be = C.forwardRef(({
+}, $e = y.forwardRef(({
   size: e = "md",
   error: r = !1,
   className: o,
   disabled: t,
-  ...s
-}, l) => /* @__PURE__ */ x("div", { className: "relative inline-flex items-center", children: [
-  /* @__PURE__ */ a(
+  ...n
+}, l) => /* @__PURE__ */ g("div", { className: "relative inline-flex items-center", children: [
+  /* @__PURE__ */ s(
     "input",
     {
       ref: l,
-      className: g(
+      className: b(
         "bg-transparent",
         "border-none",
         "outline-none",
-        "max-w-[190px]",
+        "w-[247px]",
         "rounded-full",
         "text-text-primary",
         "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)]",
-        $t[e],
+        Zt[e],
         o
       ),
       style: r ? { paddingRight: "2rem" } : void 0,
       disabled: t,
       "aria-invalid": r,
-      ...s
+      ...n
     }
   ),
-  r && /* @__PURE__ */ a(
+  r && /* @__PURE__ */ s(
     "svg",
     {
       className: "absolute right-2 w-4 h-4 text-danger pointer-events-none flex-shrink-0",
@@ -3005,7 +3016,7 @@ const Gt = "_button_7snfv_7", Bt = "_state_7snfv_75", Vt = "_icon_7snfv_149", Ot
       stroke: "currentColor",
       strokeWidth: "2",
       "aria-hidden": "true",
-      children: /* @__PURE__ */ a(
+      children: /* @__PURE__ */ s(
         "path",
         {
           strokeLinecap: "round",
@@ -3016,48 +3027,48 @@ const Gt = "_button_7snfv_7", Bt = "_state_7snfv_75", Vt = "_icon_7snfv_149", Ot
     }
   )
 ] }));
-Be.displayName = "Input";
-const Wt = C.forwardRef(({
+$e.displayName = "Input";
+const qt = y.forwardRef(({
   label: e,
   error: r = !1,
   className: o,
   disabled: t,
-  checked: s,
+  checked: n,
   onChange: l,
-  ...n
-}, m) => {
-  const i = C.useId();
-  return /* @__PURE__ */ x("div", { className: g("flex items-center space-x-2", t && "cursor-not-allowed", r && !t && "cursor-help", o), children: [
-    /* @__PURE__ */ x("label", { className: g("checkbox-container", t && "opacity-50 cursor-not-allowed", r && !t && "cursor-help", !t && !r && "cursor-pointer"), children: [
-      /* @__PURE__ */ a(
+  ...a
+}, p) => {
+  const i = y.useId();
+  return /* @__PURE__ */ g("div", { className: b("flex items-center space-x-2", t && "cursor-not-allowed", r && !t && "cursor-help", o), children: [
+    /* @__PURE__ */ g("label", { className: b("checkbox-container", t && "opacity-50 cursor-not-allowed", r && !t && "cursor-help", !t && !r && "cursor-pointer"), children: [
+      /* @__PURE__ */ s(
         "input",
         {
-          ref: m,
+          ref: p,
           id: i,
           type: "checkbox",
           disabled: t,
-          checked: s,
+          checked: n,
           onChange: l,
-          "aria-checked": s,
+          "aria-checked": n,
           "aria-invalid": r,
           "aria-disabled": t,
-          ...n
+          ...a
         }
       ),
-      /* @__PURE__ */ a("svg", { viewBox: "0 0 64 64", height: "1em", width: "1em", children: /* @__PURE__ */ a(
+      /* @__PURE__ */ s("svg", { viewBox: "0 0 64 64", height: "1em", width: "1em", children: /* @__PURE__ */ s(
         "path",
         {
           d: "M 0 16 V 56 A 8 8 90 0 0 8 64 H 56 A 8 8 90 0 0 64 56 V 8 A 8 8 90 0 0 56 0 H 8 A 8 8 90 0 0 0 8 V 16 L 32 48 L 64 16 V 8 A 8 8 90 0 0 56 0 H 8 A 8 8 90 0 0 0 8 V 56 A 8 8 90 0 0 8 64 H 56 A 8 8 90 0 0 64 56 V 16",
           pathLength: "575.0541381835938",
-          className: g("checkbox-path", r && "checkbox-path-error")
+          className: b("checkbox-path", r && "checkbox-path-error")
         }
       ) })
     ] }),
-    e && /* @__PURE__ */ a(
+    e && /* @__PURE__ */ s(
       "label",
       {
         htmlFor: i,
-        className: g(
+        className: b(
           "text-sm font-medium select-none",
           t ? "text-text-disabled cursor-not-allowed" : r ? "text-text-primary cursor-help" : "text-text-primary cursor-pointer"
         ),
@@ -3066,61 +3077,61 @@ const Wt = C.forwardRef(({
     )
   ] });
 });
-Wt.displayName = "Checkbox";
-const rr = ({
+qt.displayName = "Checkbox";
+const wr = ({
   label: e,
   error: r = !1,
   className: o,
   disabled: t,
-  checked: s,
+  checked: n,
   onChange: l,
-  id: n,
-  ...m
+  id: a,
+  ...p
 }) => {
-  const i = n || C.useId(), u = (b) => {
-    if ((b.key === "Enter" || b.key === " ") && !t) {
-      b.preventDefault();
-      const w = document.getElementById(i);
-      if (w) {
-        w.checked = !w.checked;
-        const y = new Event("change", { bubbles: !0 });
-        w.dispatchEvent(y);
+  const i = a || y.useId(), f = (x) => {
+    if ((x.key === "Enter" || x.key === " ") && !t) {
+      x.preventDefault();
+      const _ = document.getElementById(i);
+      if (_) {
+        _.checked = !_.checked;
+        const w = new Event("change", { bubbles: !0 });
+        _.dispatchEvent(w);
       }
     }
   };
-  return /* @__PURE__ */ x("div", { className: g("toggle-wrapper", r && "toggle-wrapper--error", t && "cursor-not-allowed", r && !t && "cursor-help", o), children: [
-    /* @__PURE__ */ a(
+  return /* @__PURE__ */ g("div", { className: b("toggle-wrapper", r && "toggle-wrapper--error", t && "cursor-not-allowed", r && !t && "cursor-help", o), children: [
+    /* @__PURE__ */ s(
       "input",
       {
         id: i,
         className: "toggle-checkbox",
         type: "checkbox",
-        checked: s,
+        checked: n,
         onChange: l,
         disabled: t,
         role: "switch",
-        "aria-checked": s,
+        "aria-checked": n,
         "aria-disabled": t,
         "aria-invalid": r,
-        ...m
+        ...p
       }
     ),
-    /* @__PURE__ */ a(
+    /* @__PURE__ */ s(
       "div",
       {
-        className: g("toggle-container", t && "cursor-not-allowed", r && !t && "cursor-help"),
-        onKeyDown: u,
+        className: b("toggle-container", t && "cursor-not-allowed", r && !t && "cursor-help"),
+        onKeyDown: f,
         tabIndex: t ? -1 : 0,
         role: "button",
         "aria-hidden": "true",
-        children: /* @__PURE__ */ a("div", { className: "toggle-button", children: /* @__PURE__ */ a("div", { className: "toggle-button-circles-container", children: Array.from({ length: 12 }).map((b, w) => /* @__PURE__ */ a("div", { className: "toggle-button-circle" }, w)) }) })
+        children: /* @__PURE__ */ s("div", { className: "toggle-button", children: /* @__PURE__ */ s("div", { className: "toggle-button-circles-container", children: Array.from({ length: 12 }).map((x, _) => /* @__PURE__ */ s("div", { className: "toggle-button-circle" }, _)) }) })
       }
     ),
-    e && /* @__PURE__ */ a(
+    e && /* @__PURE__ */ s(
       "label",
       {
         htmlFor: i,
-        className: g(
+        className: b(
           "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"
         ),
@@ -3128,10 +3139,10 @@ const rr = ({
       }
     )
   ] });
-}, or = ({ className: e, ...r }) => /* @__PURE__ */ a(
+}, vr = ({ className: e, ...r }) => /* @__PURE__ */ s(
   "div",
   {
-    className: g(
+    className: b(
       "card",
       "w-full",
       "rounded-lg border border-border",
@@ -3141,214 +3152,214 @@ const rr = ({
     ),
     ...r
   }
-), sr = ({ className: e, ...r }) => /* @__PURE__ */ a(
+), yr = ({ className: e, ...r }) => /* @__PURE__ */ s(
   "div",
   {
-    className: g("flex items-start justify-between gap-4 px-6 py-4 border-b border-border", e),
+    className: b("flex items-start justify-between gap-4 px-6 py-4 border-b border-border", e),
     ...r
   }
-), nr = ({ className: e, ...r }) => /* @__PURE__ */ a("div", { className: g("px-6 py-4", e), ...r }), ar = ({ className: e, ...r }) => /* @__PURE__ */ a(
+), kr = ({ className: e, ...r }) => /* @__PURE__ */ s("div", { className: b("px-6 py-4", e), ...r }), Cr = ({ className: e, ...r }) => /* @__PURE__ */ s(
   "div",
   {
-    className: g("flex items-center justify-end gap-3 px-6 py-4 border-t border-border", e),
+    className: b("flex items-center justify-end gap-3 px-6 py-4 border-t border-border", e),
     ...r
   }
-), Ve = {
+), He = {
   sm: 0.7,
   md: 1,
   lg: 1.3
-}, lr = ({ size: e = "md", className: r, ...o }) => {
-  const t = 8 * Ve[e];
-  return /* @__PURE__ */ x("div", { className: g("loader", r), style: { fontSize: `${t}px` }, ...o, children: [
-    /* @__PURE__ */ a("div", { className: "loader-face loader-face-1", children: /* @__PURE__ */ a("div", { className: "loader-circle" }) }),
-    /* @__PURE__ */ a("div", { className: "loader-face loader-face-2", children: /* @__PURE__ */ a("div", { className: "loader-circle" }) })
+}, zr = ({ size: e = "md", className: r, ...o }) => {
+  const t = 8 * He[e];
+  return /* @__PURE__ */ g("div", { className: b("loader", r), style: { fontSize: `${t}px` }, ...o, children: [
+    /* @__PURE__ */ s("div", { className: "loader-face loader-face-1", children: /* @__PURE__ */ s("div", { className: "loader-circle" }) }),
+    /* @__PURE__ */ s("div", { className: "loader-face loader-face-2", children: /* @__PURE__ */ s("div", { className: "loader-circle" }) })
   ] });
-}, ir = ({
+}, Nr = ({
   size: e = "md",
   variant: r = "inline",
   label: o,
   className: t,
-  ...s
+  ...n
 }) => {
-  const l = 8 * Ve[e];
-  return r === "container" ? /* @__PURE__ */ a(
+  const l = 8 * He[e];
+  return r === "container" ? /* @__PURE__ */ s(
     "div",
     {
-      className: g(
+      className: b(
         "relative w-full min-h-[8rem] rounded-lg border border-border bg-surface-secondary flex items-center justify-center",
         t
       ),
-      ...s,
-      children: /* @__PURE__ */ x("div", { className: "flex flex-col items-center gap-3", children: [
-        /* @__PURE__ */ x("div", { className: "loader", style: { fontSize: `${l}px` }, children: [
-          /* @__PURE__ */ a("div", { className: "loader-face loader-face-1", children: /* @__PURE__ */ a("div", { className: "loader-circle" }) }),
-          /* @__PURE__ */ a("div", { className: "loader-face loader-face-2", children: /* @__PURE__ */ a("div", { className: "loader-circle" }) })
+      ...n,
+      children: /* @__PURE__ */ g("div", { className: "flex flex-col items-center gap-3", children: [
+        /* @__PURE__ */ g("div", { className: "loader", style: { fontSize: `${l}px` }, children: [
+          /* @__PURE__ */ s("div", { className: "loader-face loader-face-1", children: /* @__PURE__ */ s("div", { className: "loader-circle" }) }),
+          /* @__PURE__ */ s("div", { className: "loader-face loader-face-2", children: /* @__PURE__ */ s("div", { className: "loader-circle" }) })
         ] }),
-        o && /* @__PURE__ */ a("span", { className: "text-sm text-text-secondary", children: o })
+        o && /* @__PURE__ */ s("span", { className: "text-sm text-text-secondary", children: o })
       ] })
     }
-  ) : /* @__PURE__ */ x("div", { className: g("inline-flex items-center gap-2", t), ...s, children: [
-    /* @__PURE__ */ x("div", { className: "loader", style: { fontSize: `${l}px` }, children: [
-      /* @__PURE__ */ a("div", { className: "loader-face loader-face-1", children: /* @__PURE__ */ a("div", { className: "loader-circle" }) }),
-      /* @__PURE__ */ a("div", { className: "loader-face loader-face-2", children: /* @__PURE__ */ a("div", { className: "loader-circle" }) })
+  ) : /* @__PURE__ */ g("div", { className: b("inline-flex items-center gap-2", t), ...n, children: [
+    /* @__PURE__ */ g("div", { className: "loader", style: { fontSize: `${l}px` }, children: [
+      /* @__PURE__ */ s("div", { className: "loader-face loader-face-1", children: /* @__PURE__ */ s("div", { className: "loader-circle" }) }),
+      /* @__PURE__ */ s("div", { className: "loader-face loader-face-2", children: /* @__PURE__ */ s("div", { className: "loader-circle" }) })
     ] }),
-    o && /* @__PURE__ */ a("span", { className: "text-sm text-text-secondary", children: o })
+    o && /* @__PURE__ */ s("span", { className: "text-sm text-text-secondary", children: o })
   ] });
-}, Oe = C.createContext(null), cr = ({
+}, Oe = y.createContext(null), Sr = ({
   name: e,
   legend: r,
   value: o,
   defaultValue: t,
-  disabled: s = !1,
+  disabled: n = !1,
   onValueChange: l,
-  className: n,
-  children: m,
+  className: a,
+  children: p,
   ...i
 }) => {
-  const u = o !== void 0, [b, w] = C.useState(t), y = u ? o : b, N = C.useCallback(
+  const f = o !== void 0, [x, _] = y.useState(t), w = f ? o : x, z = y.useCallback(
     (v) => {
-      u || w(v), l?.(v);
+      f || _(v), l?.(v);
     },
-    [u, l]
+    [f, l]
   );
-  return /* @__PURE__ */ a(Oe.Provider, { value: { name: e, value: y, disabled: s, onValueChange: N }, children: /* @__PURE__ */ x(
+  return /* @__PURE__ */ s(Oe.Provider, { value: { name: e, value: w, disabled: n, onValueChange: z }, children: /* @__PURE__ */ g(
     "fieldset",
     {
-      className: g("radio-input", s && "opacity-60 cursor-not-allowed", n),
-      disabled: s,
+      className: b("radio-input", n && "opacity-60 cursor-not-allowed", a),
+      disabled: n,
       ...i,
       children: [
-        r && /* @__PURE__ */ a("legend", { className: "text-sm font-medium text-text-primary", children: r }),
-        m
+        r && /* @__PURE__ */ s("legend", { className: "text-sm font-medium text-text-primary", children: r }),
+        p
       ]
     }
   ) });
-}, dr = ({
+}, Mr = ({
   label: e,
   value: r,
   disabled: o,
   checked: t,
-  defaultChecked: s,
+  defaultChecked: n,
   name: l,
-  onChange: n,
-  onCheckedChange: m,
+  onChange: a,
+  onCheckedChange: p,
   className: i,
-  ...u
+  ...f
 }) => {
-  const b = C.useContext(Oe), w = C.useId(), y = !!(o ?? b?.disabled), N = l ?? b?.name, v = !!b, M = t !== void 0, [z, R] = C.useState(!!s), G = v ? b?.value === r : M ? !!t : z, V = (E) => {
-    const L = E.target.checked;
-    v && L ? b?.onValueChange?.(r) : M || R(L), m?.(L), n?.(E);
-  }, T = /* @__PURE__ */ x("label", { htmlFor: w, className: g(y && "cursor-not-allowed", i), role: "radio", "aria-checked": G, "aria-disabled": y, children: [
-    /* @__PURE__ */ a(
+  const x = y.useContext(Oe), _ = y.useId(), w = !!(o ?? x?.disabled), z = l ?? x?.name, v = !!x, M = t !== void 0, [N, T] = y.useState(!!n), F = v ? x?.value === r : M ? !!t : N, $ = (V) => {
+    const A = V.target.checked;
+    v && A ? x?.onValueChange?.(r) : M || T(A), p?.(A), a?.(V);
+  }, E = /* @__PURE__ */ g("label", { htmlFor: _, className: b(w && "cursor-not-allowed", i), role: "radio", "aria-checked": F, "aria-disabled": w, children: [
+    /* @__PURE__ */ s(
       "input",
       {
-        id: w,
+        id: _,
         type: "radio",
-        name: N,
+        name: z,
         value: r,
-        checked: G,
-        disabled: y,
-        onChange: V,
+        checked: F,
+        disabled: w,
+        onChange: $,
         role: "radio",
-        "aria-checked": G,
-        "aria-disabled": y,
-        ...u
+        "aria-checked": F,
+        "aria-disabled": w,
+        ...f
       }
     ),
-    /* @__PURE__ */ a("span", { children: e || "" })
+    /* @__PURE__ */ s("span", { children: e || "" })
   ] });
-  return v ? T : /* @__PURE__ */ a("div", { className: "radio-input", children: T });
-}, Zt = {
+  return v ? E : /* @__PURE__ */ s("div", { className: "radio-input", children: E });
+}, Ut = {
   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"
-}, Ut = {
+}, Yt = {
   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"
-}, Ht = {
+}, Kt = {
   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]"
-}, qt = {
+}, Xt = {
   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]"
-}, mr = ({
+}, Lr = ({
   open: e,
   onOpenChange: r,
   content: o,
   position: t = "top",
-  delay: s = 0,
+  delay: n = 0,
   disabled: l = !1,
-  children: n,
-  className: m
+  children: a,
+  className: p
 }) => {
-  const i = C.useRef(null), u = () => {
+  const i = y.useRef(null), f = () => {
     i.current !== null && (window.clearTimeout(i.current), i.current = null);
   };
-  C.useEffect(() => u, []);
-  const b = () => {
+  y.useEffect(() => f, []);
+  const x = () => {
     if (!l) {
-      if (u(), s > 0) {
-        i.current = window.setTimeout(() => r?.(!0), s);
+      if (f(), n > 0) {
+        i.current = window.setTimeout(() => r?.(!0), n);
         return;
       }
       r?.(!0);
     }
-  }, w = () => {
-    u(), r?.(!1);
-  }, y = C.Children.only(n), N = C.useId();
-  return /* @__PURE__ */ x("span", { className: g("relative inline-block", m), children: [
-    C.cloneElement(y, {
-      "aria-describedby": e && !l ? N : void 0,
+  }, _ = () => {
+    f(), r?.(!1);
+  }, w = y.Children.only(a), z = y.useId();
+  return /* @__PURE__ */ g("span", { className: b("relative inline-block", p), children: [
+    y.cloneElement(w, {
+      "aria-describedby": e && !l ? z : void 0,
       onMouseEnter: (v) => {
-        y.props.onMouseEnter?.(v), b();
+        w.props.onMouseEnter?.(v), x();
       },
       onMouseLeave: (v) => {
-        y.props.onMouseLeave?.(v), w();
+        w.props.onMouseLeave?.(v), _();
       },
       onFocus: (v) => {
-        y.props.onFocus?.(v), b();
+        w.props.onFocus?.(v), x();
       },
       onBlur: (v) => {
-        y.props.onBlur?.(v), w();
+        w.props.onBlur?.(v), _();
       }
     }),
-    e && !l && /* @__PURE__ */ x(
+    e && !l && /* @__PURE__ */ g(
       "span",
       {
-        id: N,
+        id: z,
         role: "tooltip",
-        className: g(
+        className: b(
           "absolute z-50 pointer-events-none",
-          Zt[t],
+          Ut[t],
           "whitespace-nowrap",
           "rounded-md border border-border bg-surface text-text-primary",
           "px-3 py-2 text-xs shadow-md"
         ),
         children: [
           o,
-          /* @__PURE__ */ a(
+          /* @__PURE__ */ s(
             "span",
             {
-              className: g(
+              className: b(
                 "absolute w-0 h-0",
-                Ut[t],
-                Ht[t]
+                Yt[t],
+                Kt[t]
               )
             }
           ),
-          /* @__PURE__ */ a(
+          /* @__PURE__ */ s(
             "span",
             {
-              className: g(
+              className: b(
                 "absolute w-0 h-0 bg-surface",
-                qt[t],
+                Xt[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",
@@ -3360,72 +3371,72 @@ const rr = ({
       }
     )
   ] });
-}, De = Ze(void 0), pr = ({
+}, De = qe(void 0), Ar = ({
   children: e,
   defaultTheme: r
 }) => {
   const o = () => {
     if (typeof window < "u") {
-      const n = localStorage.getItem("theme");
-      if (n === "light" || n === "dark")
-        return n;
+      const a = localStorage.getItem("theme");
+      if (a === "light" || a === "dark")
+        return a;
     }
     return typeof window < "u" && window.matchMedia ? window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light" : r || "dark";
-  }, [t, s] = _e(o), l = C.useCallback((n) => {
-    s(n), typeof window < "u" && localStorage.setItem("theme", n);
+  }, [t, n] = Ne(o), l = y.useCallback((a) => {
+    n(a), typeof window < "u" && localStorage.setItem("theme", a);
   }, []);
-  return C.useEffect(() => {
+  return y.useEffect(() => {
     if (typeof document > "u") return;
-    const n = document.documentElement;
-    t === "light" ? (n.classList.add("theme-light"), n.classList.remove("theme-dark")) : (n.classList.add("theme-dark"), n.classList.remove("theme-light"));
-  }, [t]), C.useEffect(() => {
+    const a = document.documentElement;
+    t === "light" ? (a.classList.add("theme-light"), a.classList.remove("theme-dark")) : (a.classList.add("theme-dark"), a.classList.remove("theme-light"));
+  }, [t]), y.useEffect(() => {
     if (typeof window > "u" || !window.matchMedia) return;
-    const n = window.matchMedia("(prefers-color-scheme: dark)"), m = (i) => {
-      typeof window < "u" && !localStorage.getItem("theme") && s(i.matches ? "dark" : "light");
+    const a = window.matchMedia("(prefers-color-scheme: dark)"), p = (i) => {
+      typeof window < "u" && !localStorage.getItem("theme") && n(i.matches ? "dark" : "light");
     };
-    if (n.addEventListener)
-      return n.addEventListener("change", m), () => n.removeEventListener("change", m);
-    if (n.addListener)
-      return n.addListener(m), () => n.removeListener(m);
-  }, []), /* @__PURE__ */ a(De.Provider, { value: { theme: t, setTheme: l }, children: e });
-}, Kt = () => {
+    if (a.addEventListener)
+      return a.addEventListener("change", p), () => a.removeEventListener("change", p);
+    if (a.addListener)
+      return a.addListener(p), () => a.removeListener(p);
+  }, []), /* @__PURE__ */ s(De.Provider, { value: { theme: t, setTheme: l }, children: e });
+}, Jt = () => {
   const e = Ue(De);
   if (e === void 0)
     throw new Error("useTheme must be used within a ThemeProvider");
   return e;
-}, ur = ({
+}, Ir = ({
   className: e,
   showLabel: r = !0
 }) => {
-  const { theme: o, setTheme: t } = Kt(), s = o === "dark", l = () => {
-    t(s ? "light" : "dark");
-  }, n = (m) => {
-    (m.key === "Enter" || m.key === " ") && (m.preventDefault(), l());
+  const { theme: o, setTheme: t } = Jt(), n = o === "dark", l = () => {
+    t(n ? "light" : "dark");
+  }, a = (p) => {
+    (p.key === "Enter" || p.key === " ") && (p.preventDefault(), l());
   };
-  return /* @__PURE__ */ x("div", { className: g("flex items-center gap-3", e), children: [
-    /* @__PURE__ */ x(
+  return /* @__PURE__ */ g("div", { className: b("flex items-center gap-3", e), children: [
+    /* @__PURE__ */ g(
       "label",
       {
         className: "theme-switch cursor-pointer",
-        onKeyDown: n,
+        onKeyDown: a,
         tabIndex: 0,
         role: "switch",
-        "aria-checked": s,
-        "aria-label": s ? "Switch to light mode" : "Switch to dark mode",
+        "aria-checked": n,
+        "aria-label": n ? "Switch to light mode" : "Switch to dark mode",
         children: [
-          /* @__PURE__ */ a(
+          /* @__PURE__ */ s(
             "input",
             {
               type: "checkbox",
               className: "theme-switch__checkbox",
-              checked: s,
+              checked: n,
               onChange: l,
               "aria-hidden": "true"
             }
           ),
-          /* @__PURE__ */ x("div", { className: "theme-switch__container", children: [
-            /* @__PURE__ */ a("div", { className: "theme-switch__clouds" }),
-            /* @__PURE__ */ a("div", { className: "theme-switch__stars-container", children: /* @__PURE__ */ a("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 144 55", fill: "none", children: /* @__PURE__ */ a(
+          /* @__PURE__ */ g("div", { className: "theme-switch__container", children: [
+            /* @__PURE__ */ s("div", { className: "theme-switch__clouds" }),
+            /* @__PURE__ */ s("div", { className: "theme-switch__stars-container", children: /* @__PURE__ */ s("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 144 55", fill: "none", children: /* @__PURE__ */ s(
               "path",
               {
                 fillRule: "evenodd",
@@ -3434,27 +3445,27 @@ const rr = ({
                 fill: "currentColor"
               }
             ) }) }),
-            /* @__PURE__ */ a("div", { className: "theme-switch__circle-container", children: /* @__PURE__ */ a("div", { className: "theme-switch__sun-moon-container", children: /* @__PURE__ */ x("div", { className: "theme-switch__moon", children: [
-              /* @__PURE__ */ a("div", { className: "theme-switch__spot" }),
-              /* @__PURE__ */ a("div", { className: "theme-switch__spot" }),
-              /* @__PURE__ */ a("div", { className: "theme-switch__spot" })
+            /* @__PURE__ */ s("div", { className: "theme-switch__circle-container", children: /* @__PURE__ */ s("div", { className: "theme-switch__sun-moon-container", children: /* @__PURE__ */ g("div", { className: "theme-switch__moon", children: [
+              /* @__PURE__ */ s("div", { className: "theme-switch__spot" }),
+              /* @__PURE__ */ s("div", { className: "theme-switch__spot" }),
+              /* @__PURE__ */ s("div", { className: "theme-switch__spot" })
             ] }) }) })
           ] })
         ]
       }
     ),
-    r && /* @__PURE__ */ a("span", { className: "text-sm font-medium text-text-primary", children: s ? "Dark" : "Light" })
+    r && /* @__PURE__ */ s("span", { className: "text-sm font-medium text-text-primary", children: n ? "Dark" : "Light" })
   ] });
-}, Yt = ({
+}, Qt = ({
   width: e = 315,
   aspectRatio: r = 1.33,
   className: o,
   children: t,
-  ...s
-}) => /* @__PURE__ */ x(
+  ...n
+}) => /* @__PURE__ */ g(
   "div",
   {
-    className: g(
+    className: b(
       "relative flex justify-center items-center overflow-hidden",
       "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)]",
@@ -3465,9 +3476,9 @@ const rr = ({
       width: `${e + 1}px`,
       height: `${e * r + 1}px`
     },
-    ...s,
+    ...n,
     children: [
-      /* @__PURE__ */ a(
+      /* @__PURE__ */ s(
         "div",
         {
           className: "absolute inset-[-50px] z-[-2] form-border-animation",
@@ -3479,16 +3490,16 @@ const rr = ({
       t
     ]
   }
-), Xt = ({
+), er = ({
   width: e = 315,
   aspectRatio: r = 1.33,
   className: o,
   children: t,
-  ...s
-}) => /* @__PURE__ */ a(
+  ...n
+}) => /* @__PURE__ */ s(
   "div",
   {
-    className: g(
+    className: b(
       "absolute 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)]",
@@ -3498,13 +3509,13 @@ const rr = ({
       width: `${e}px`,
       height: `${e * r}px`
     },
-    ...s,
+    ...n,
     children: t
   }
-), Jt = ({ className: e, ...r }) => /* @__PURE__ */ x(
+), tr = ({ className: e, ...r }) => /* @__PURE__ */ g(
   "div",
   {
-    className: g(
+    className: b(
       "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)]",
@@ -3513,63 +3524,63 @@ const rr = ({
     ),
     ...r,
     children: [
-      /* @__PURE__ */ a("div", { className: "absolute bottom-[10px] w-1/2 h-[20%] rounded-tl-[40px] rounded-tr-[40px] rounded-br-[20px] rounded-bl-[20px] border-[2.5px] border-white" }),
-      /* @__PURE__ */ a("div", { className: "absolute top-[10px] w-[30%] h-[30%] rounded-full border-[2.5px] border-white" })
+      /* @__PURE__ */ s("div", { className: "absolute bottom-[10px] w-1/2 h-[20%] rounded-tl-[40px] rounded-tr-[40px] rounded-br-[20px] rounded-bl-[20px] border-[2.5px] border-white" }),
+      /* @__PURE__ */ s("div", { className: "absolute top-[10px] w-[30%] h-[30%] rounded-full border-[2.5px] border-white" })
     ]
   }
-), hr = ({
+), Rr = ({
   title: e,
   showLogo: r = !1,
   footer: o,
   width: t = 315,
-  aspectRatio: s = 1.33,
+  aspectRatio: n = 1.33,
   className: l,
-  children: n,
-  ...m
-}) => /* @__PURE__ */ a(Yt, { width: t, aspectRatio: s, children: /* @__PURE__ */ x(Xt, { width: t, aspectRatio: s, children: [
-  /* @__PURE__ */ x(
+  children: a,
+  ...p
+}) => /* @__PURE__ */ s(Qt, { width: t, aspectRatio: n, children: /* @__PURE__ */ g(er, { width: t, aspectRatio: n, children: [
+  /* @__PURE__ */ g(
     "form",
     {
-      className: g("flex justify-center items-center flex-col gap-[10px]", l),
-      ...m,
+      className: b("flex justify-center items-center flex-col gap-[10px]", l),
+      ...p,
       children: [
-        r && /* @__PURE__ */ a("div", { className: "flex justify-center items-center mb-2", children: /* @__PURE__ */ a(Jt, {}) }),
-        e && /* @__PURE__ */ a("div", { className: "w-full text-center text-2xl font-bold py-1.5 text-text-primary flex justify-center items-center", children: e }),
-        n
+        r && /* @__PURE__ */ s("div", { className: "flex justify-center items-center mb-2", children: /* @__PURE__ */ s(tr, {}) }),
+        e && /* @__PURE__ */ s("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__ */ a("div", { className: "w-full text-left text-text-secondary text-xs mt-4", children: o })
-] }) }), fr = ({
+  o && /* @__PURE__ */ s("div", { className: "w-full text-left text-text-secondary text-xs mt-4", children: o })
+] }) }), Tr = ({
   label: e,
   error: r,
   className: o,
   size: t,
-  ...s
-}) => /* @__PURE__ */ x("div", { className: "w-full", children: [
-  e && /* @__PURE__ */ a("label", { className: "block text-text-primary text-sm mb-1.5", children: e }),
-  /* @__PURE__ */ a("div", { className: "flex justify-center", children: /* @__PURE__ */ a(
-    Be,
+  ...n
+}) => /* @__PURE__ */ g("div", { className: "w-full", children: [
+  e && /* @__PURE__ */ s("label", { className: "block text-text-primary text-sm mb-1.5", children: e }),
+  /* @__PURE__ */ s("div", { className: "flex justify-center", children: /* @__PURE__ */ s(
+    $e,
     {
-      className: g(
+      className: b(
         "p-3 border-none rounded-xl bg-surface text-text-primary text-sm outline-none",
         "focus:border focus:border-border-focus",
         o
       ),
       error: r,
       size: t,
-      ...s
+      ...n
     }
   ) })
-] }), br = ({
+] }), Er = ({
   variant: e = "primary",
   className: r,
   children: o,
   ...t
-}) => e === "google" ? /* @__PURE__ */ a(
+}) => e === "google" ? /* @__PURE__ */ s(
   "button",
   {
-    className: g(
+    className: b(
       "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",
@@ -3581,39 +3592,39 @@ const rr = ({
     ...t,
     children: o
   }
-) : /* @__PURE__ */ a(
+) : /* @__PURE__ */ s(
   Ge,
   {
-    className: g(
+    variant: "primary",
+    className: b(
       "w-full h-10 rounded-[20px] text-sm font-semibold mt-1.5",
       r
     ),
-    variant: "primary",
     ...t,
     children: o
   }
-), gr = ({
+), Vr = ({
   className: e,
   children: r,
   ...o
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ s(
   "div",
   {
-    className: g(
+    className: b(
       "w-full text-left text-text-secondary text-xs",
       e
     ),
     ...o,
     children: r
   }
-), xr = ({
+), jr = ({
   className: e,
   children: r,
   ...o
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ s(
   "a",
   {
-    className: g(
+    className: b(
       "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,28 +3634,224 @@ const rr = ({
     ...o,
     children: r
   }
-);
+), rr = "_container_1b55k_1", or = "_input_1b55k_119", sr = "_search__icon_1b55k_177", R = {
+  container: rr,
+  "container--size-sm": "_container--size-sm_1b55k_25",
+  "container--size-md": "_container--size-md_1b55k_33",
+  "container--size-lg": "_container--size-lg_1b55k_41",
+  "search-container": "_search-container_1b55k_49",
+  input: or,
+  "input--size-sm": "_input--size-sm_1b55k_147",
+  "input--size-md": "_input--size-md_1b55k_157",
+  "input--size-lg": "_input--size-lg_1b55k_167",
+  search__icon: sr
+}, nr = {
+  sm: {
+    container: R["container--size-sm"],
+    input: R["input--size-sm"]
+  },
+  md: {
+    container: R["container--size-md"],
+    input: R["input--size-md"]
+  },
+  lg: {
+    container: R["container--size-lg"],
+    input: R["input--size-lg"]
+  }
+}, ar = y.forwardRef(({
+  size: e = "md",
+  className: r,
+  inputClassName: o,
+  searchContainerClassName: t,
+  ...n
+}, l) => {
+  const a = nr[e];
+  return /* @__PURE__ */ s("div", { className: b(R.container, a.container, r), children: /* @__PURE__ */ g("div", { className: b(R["search-container"], t), children: [
+    /* @__PURE__ */ s(
+      "input",
+      {
+        ref: l,
+        className: b(R.input, a.input, o),
+        type: "search",
+        ...n
+      }
+    ),
+    /* @__PURE__ */ s("svg", { viewBox: "0 0 24 24", className: R.search__icon, "aria-hidden": "true", focusable: "false", children: /* @__PURE__ */ s("g", { children: /* @__PURE__ */ s("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" }) }) })
+  ] }) });
+});
+ar.displayName = "SearchBar";
+const lr = "_list_hdx8a_1", ir = "_listHorizontal_hdx8a_11", cr = "_iconContent_hdx8a_15", dr = "_tooltip_hdx8a_25", pr = "_tooltipHorizontal_hdx8a_46", mr = "_link_hdx8a_60", ur = "_filled_hdx8a_87", D = {
+  list: lr,
+  listHorizontal: ir,
+  iconContent: cr,
+  tooltip: dr,
+  tooltipHorizontal: pr,
+  link: mr,
+  filled: ur
+}, fr = (e) => {
+  switch (e) {
+    case "linkedin":
+      return /* @__PURE__ */ s(
+        "path",
+        {
+          d: "M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854zm4.943 12.248V6.169H2.542v7.225zm-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248S2.4 3.226 2.4 3.934c0 .694.521 1.248 1.327 1.248zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016l.016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225z",
+          fill: "currentColor"
+        }
+      );
+    case "github":
+      return /* @__PURE__ */ s(
+        "path",
+        {
+          d: "M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27s1.36.09 2 .27c1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.01 8.01 0 0 0 16 8c0-4.42-3.58-8-8-8",
+          fill: "currentColor"
+        }
+      );
+    case "instagram":
+      return /* @__PURE__ */ s(
+        "path",
+        {
+          d: "M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.9 3.9 0 0 0-1.417.923A3.9 3.9 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.9 3.9 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.9 3.9 0 0 0-.923-1.417A3.9 3.9 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599s.453.546.598.92c.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.5 2.5 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.5 2.5 0 0 1-.92-.598 2.5 2.5 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233s.008-2.388.046-3.231c.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92s.546-.453.92-.598c.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92m-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217m0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334",
+          fill: "currentColor"
+        }
+      );
+    case "youtube":
+      return /* @__PURE__ */ s(
+        "path",
+        {
+          d: "M8.051 1.999h.089c.822.003 4.987.033 6.11.335a2.01 2.01 0 0 1 1.415 1.42c.101.38.172.883.22 1.402l.01.104.022.26.008.104c.065.914.073 1.77.074 1.957v.075c-.001.194-.01 1.108-.082 2.06l-.008.105-.009.104c-.05.572-.124 1.14-.235 1.558a2.01 2.01 0 0 1-1.415 1.42c-1.16.312-5.569.334-6.18.335h-.142c-.309 0-1.587-.006-2.927-.052l-.17-.006-.087-.004-.171-.007-.171-.007c-1.11-.049-2.167-.128-2.654-.26a2.01 2.01 0 0 1-1.415-1.419c-.111-.417-.185-.986-.235-1.558L.09 9.82l-.008-.104A31 31 0 0 1 0 7.68v-.123c.002-.215.01-.958.064-1.778l.007-.103.003-.052.008-.104.022-.26.01-.104c.048-.519.119-1.023.22-1.402a2.01 2.01 0 0 1 1.415-1.42c.487-.13 1.544-.21 2.654-.26l.17-.007.172-.006.086-.003.171-.007A100 100 0 0 1 7.858 2zM6.4 5.209v4.818l4.157-2.408z",
+          fill: "currentColor"
+        }
+      );
+    case "facebook":
+      return /* @__PURE__ */ s(
+        "path",
+        {
+          d: "M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951z",
+          fill: "currentColor"
+        }
+      );
+    case "spotify":
+      return /* @__PURE__ */ s(
+        "path",
+        {
+          d: "M8 0C3.58 0 0 3.58 0 8s3.58 8 8 8 8-3.58 8-8-3.58-8-8-8zm3.67 11.56c-.13.21-.41.28-.62.15-1.69-1.03-3.81-1.26-6.3-.69-.24.05-.48-.1-.53-.34-.05-.24.1-.48.34-.53 2.7-.63 5.01-.37 6.89.81.21.13.28.41.15.62zm.89-1.96c-.16.25-.5.33-.75.17-1.93-1.18-4.87-1.52-7.15-.83-.29.08-.59-.1-.67-.39-.08-.29.1-.59.39-.67 2.58-.78 5.8-.4 7.98.95.25.16.33.5.17.75zm.11-2.08C10.15 6.6 6.03 6.4 3.48 7.23c-.36.11-.74-.06-.85-.42-.11-.36.06-.74.42-.85 2.99-.91 7.49-.68 10.27 1.07.32.19.42.63.23.95-.19.32-.63.42-.95.23z",
+          fill: "currentColor"
+        }
+      );
+    case "telegram":
+      return /* @__PURE__ */ s(
+        "path",
+        {
+          d: "M15.854.146a.5.5 0 0 1 .11.54l-5.819 14.547a.75.75 0 0 1-1.329.124l-3.178-4.995L.643 7.184a.75.75 0 0 1 .124-1.33L15.314.037a.5.5 0 0 1 .54.11ZM6.636 10.07l2.761 4.338L14.13 2.576zm6.787-8.201L1.591 6.602l4.339 2.76z",
+          fill: "currentColor"
+        }
+      );
+    case "pinterest":
+      return /* @__PURE__ */ s(
+        "path",
+        {
+          d: "M8 0a8 8 0 0 0-2.915 15.452c-.07-.633-.134-1.606.027-2.297.146-.625.937-3.977.937-3.977s-.239-.479-.239-1.187c0-1.113.645-1.943 1.448-1.943.683 0 1.012.512 1.012 1.127 0 .686-.437 1.712-.663 2.663-.188.796.4 1.446 1.185 1.446 1.422 0 2.515-1.5 2.515-3.664 0-1.915-1.377-3.254-3.342-3.254-2.276 0-3.612 1.707-3.612 3.471 0 .688.265 1.425.595 1.826a.24.24 0 0 1 .056.23c-.061.252-.196.796-.223.907-.035.146-.116.177-.268.107-1.001-.465-1.624-1.926-1.624-3.1 0-2.523 1.834-4.84 5.286-4.84 2.775 0 4.932 1.977 4.932 4.62 0 2.757-1.739 4.976-4.151 4.976-.811 0-1.573-.421-1.834-.919l-.498 1.902c-.181.695-.669 1.566-.995 2.097A8 8 0 1 0 8 0z",
+          fill: "currentColor"
+        }
+      );
+    case "x":
+      return /* @__PURE__ */ s(
+        "path",
+        {
+          d: "M9.653 7.722 15.5 1h-1.18L9.11 7.077 5.5 1H1l6.086 8.844L1 15h1.18l5.21-6.06L11.5 15H16zM2.5 2.18h1.5L13.5 13.82H12z",
+          fill: "currentColor"
+        }
+      );
+    default:
+      return null;
+  }
+}, br = (e) => ({
+  linkedin: "LinkedIn",
+  github: "GitHub",
+  instagram: "Instagram",
+  youtube: "YouTube",
+  facebook: "Facebook",
+  spotify: "Spotify",
+  telegram: "Telegram",
+  pinterest: "Pinterest",
+  x: "X"
+})[e], hr = y.forwardRef(({
+  links: e,
+  className: r,
+  orientation: o = "vertical",
+  ...t
+}, n) => /* @__PURE__ */ s(
+  "ul",
+  {
+    ref: n,
+    className: b(
+      D.list,
+      o === "horizontal" && D.listHorizontal,
+      r
+    ),
+    ...t,
+    children: e.map((l, a) => {
+      const p = l.label || br(l.platform), i = fr(l.platform);
+      return /* @__PURE__ */ g("li", { className: D.iconContent, children: [
+        /* @__PURE__ */ g(
+          "a",
+          {
+            href: l.url,
+            "aria-label": p,
+            "data-social": l.platform,
+            className: D.link,
+            target: "_blank",
+            rel: "noopener noreferrer",
+            children: [
+              /* @__PURE__ */ s("div", { className: D.filled }),
+              /* @__PURE__ */ s(
+                "svg",
+                {
+                  xmlns: "http://www.w3.org/2000/svg",
+                  width: "16",
+                  height: "16",
+                  fill: "currentColor",
+                  viewBox: "0 0 16 16",
+                  xmlSpace: "preserve",
+                  "aria-hidden": "true",
+                  children: i
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ s("div", { className: b(
+          D.tooltip,
+          o === "horizontal" && D.tooltipHorizontal
+        ), children: p })
+      ] }, `${l.platform}-${a}`);
+    })
+  }
+));
+hr.displayName = "SocialLinks";
 export {
   Ge as Button,
-  or as Card,
-  nr as CardContent,
-  ar as CardFooter,
-  sr as CardHeader,
-  Wt as Checkbox,
-  hr as Form,
-  br as FormButton,
-  fr as FormField,
-  gr as FormFooter,
-  xr as FormFooterLink,
-  Be as Input,
-  ir as Loader,
-  dr as RadioButton,
-  cr as RadioGroup,
-  lr as Spinner,
-  tr as SubmitButton,
-  pr as ThemeProvider,
-  ur as ThemeSwitch,
-  rr as Toggle,
-  mr as Tooltip,
-  Kt as useTheme
+  vr as Card,
+  kr as CardContent,
+  Cr as CardFooter,
+  yr as CardHeader,
+  qt as Checkbox,
+  Rr as Form,
+  Er as FormButton,
+  Tr as FormField,
+  Vr as FormFooter,
+  jr as FormFooterLink,
+  $e as Input,
+  Nr as Loader,
+  Mr as RadioButton,
+  Sr as RadioGroup,
+  ar as SearchBar,
+  hr as SocialLinks,
+  zr as Spinner,
+  _r as SubmitButton,
+  Ar as ThemeProvider,
+  Ir as ThemeSwitch,
+  wr as Toggle,
+  Lr as Tooltip,
+  Jt as useTheme
 };