tvuikit 0.8.2 → 0.8.3

package/dist/tvuikit.es.js

@@ -1,4 +1,4 @@
-import He, { createContext as Je, useContext as Xe, Activity as pt, useState as ie, useRef as Y, useEffect as le, useCallback as ae, useLayoutEffect as qe } from "react";
+import He, { createContext as Je, useContext as Xe, Activity as gt, useState as Q, useRef as J, useEffect as le, useCallback as C, useLayoutEffect as qe } from "react";
 import { createPortal as Ae } from "react-dom";
 const bt = {
   default: "#0A0A0A",
@@ -16,14 +16,14 @@ const bt = {
   danger: "#FF0000",
   secondary: "#000000",
   tetriary: "#000000"
-}, gt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, ht = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   BACKGROUND: bt,
   BUTTONS: Ke,
   FOREGROUND: Ze
 }, Symbol.toStringTag, { value: "Module" }));
-var X = /* @__PURE__ */ ((e) => (e.h1 = "36px", e.h2 = "32px", e.h3 = "24px", e.h4 = "20px", e.h5 = "18px", e.base = "16px", e.mini = "14px", e))(X || {});
-const ht = {
+var K = /* @__PURE__ */ ((e) => (e.h1 = "36px", e.h2 = "32px", e.h3 = "24px", e.h4 = "20px", e.h5 = "18px", e.base = "16px", e.mini = "14px", e))(K || {});
+const xt = {
   h1: "36px",
   h2: "32px",
   h3: "24px",
@@ -32,136 +32,136 @@ const ht = {
   base: "16px",
   mini: "14px"
   /* mini */
-}, xt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, yt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  FONT_SIZE: ht,
-  FontSize: X
-}, Symbol.toStringTag, { value: "Module" })), zr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  FONT_SIZE: xt,
+  FontSize: K
+}, Symbol.toStringTag, { value: "Module" })), Dr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  COLORS: gt,
-  FONTS: xt
+  COLORS: ht,
+  FONTS: yt
 }, Symbol.toStringTag, { value: "Module" }));
 function Qe(e) {
-  var r, n, o = "";
-  if (typeof e == "string" || typeof e == "number") o += e;
+  var r, o, n = "";
+  if (typeof e == "string" || typeof e == "number") n += e;
   else if (typeof e == "object") if (Array.isArray(e)) {
     var s = e.length;
-    for (r = 0; r < s; r++) e[r] && (n = Qe(e[r])) && (o && (o += " "), o += n);
-  } else for (n in e) e[n] && (o && (o += " "), o += n);
-  return o;
-}
-function yt() {
-  for (var e, r, n = 0, o = "", s = arguments.length; n < s; n++) (e = arguments[n]) && (r = Qe(e)) && (o && (o += " "), o += r);
-  return o;
+    for (r = 0; r < s; r++) e[r] && (o = Qe(e[r])) && (n && (n += " "), n += o);
+  } else for (o in e) e[o] && (n && (n += " "), n += o);
+  return n;
 }
-const wt = (e, r) => {
-  const n = new Array(e.length + r.length);
-  for (let o = 0; o < e.length; o++)
-    n[o] = e[o];
-  for (let o = 0; o < r.length; o++)
-    n[e.length + o] = r[o];
+function wt() {
+  for (var e, r, o = 0, n = "", s = arguments.length; o < s; o++) (e = arguments[o]) && (r = Qe(e)) && (n && (n += " "), n += r);
   return n;
-}, vt = (e, r) => ({
+}
+const vt = (e, r) => {
+  const o = new Array(e.length + r.length);
+  for (let n = 0; n < e.length; n++)
+    o[n] = e[n];
+  for (let n = 0; n < r.length; n++)
+    o[e.length + n] = r[n];
+  return o;
+}, kt = (e, r) => ({
   classGroupId: e,
   validator: r
-}), et = (e = /* @__PURE__ */ new Map(), r = null, n) => ({
+}), et = (e = /* @__PURE__ */ new Map(), r = null, o) => ({
   nextPart: e,
   validators: r,
-  classGroupId: n
-}), ve = "-", Pe = [], kt = "arbitrary..", jt = (e) => {
-  const r = Rt(e), {
-    conflictingClassGroups: n,
-    conflictingClassGroupModifiers: o
+  classGroupId: o
+}), ve = "-", Ie = [], jt = "arbitrary..", Et = (e) => {
+  const r = _t(e), {
+    conflictingClassGroups: o,
+    conflictingClassGroupModifiers: n
   } = e;
   return {
     getClassGroupId: (i) => {
       if (i.startsWith("[") && i.endsWith("]"))
-        return Et(i);
-      const u = i.split(ve), l = u[0] === "" && u.length > 1 ? 1 : 0;
-      return tt(u, l, r);
+        return Rt(i);
+      const u = i.split(ve), c = u[0] === "" && u.length > 1 ? 1 : 0;
+      return tt(u, c, r);
     },
     getConflictingClassGroupIds: (i, u) => {
       if (u) {
-        const l = o[i], f = n[i];
-        return l ? f ? wt(f, l) : l : f || Pe;
+        const c = n[i], f = o[i];
+        return c ? f ? vt(f, c) : c : f || Ie;
       }
-      return n[i] || Pe;
+      return o[i] || Ie;
     }
   };
-}, tt = (e, r, n) => {
+}, tt = (e, r, o) => {
   if (e.length - r === 0)
-    return n.classGroupId;
-  const s = e[r], a = n.nextPart.get(s);
+    return o.classGroupId;
+  const s = e[r], a = o.nextPart.get(s);
   if (a) {
     const f = tt(e, r + 1, a);
     if (f) return f;
   }
-  const i = n.validators;
+  const i = o.validators;
   if (i === null)
     return;
-  const u = r === 0 ? e.join(ve) : e.slice(r).join(ve), l = i.length;
-  for (let f = 0; f < l; f++) {
-    const v = i[f];
-    if (v.validator(u))
-      return v.classGroupId;
+  const u = r === 0 ? e.join(ve) : e.slice(r).join(ve), c = i.length;
+  for (let f = 0; f < c; f++) {
+    const w = i[f];
+    if (w.validator(u))
+      return w.classGroupId;
   }
-}, Et = (e) => e.slice(1, -1).indexOf(":") === -1 ? void 0 : (() => {
-  const r = e.slice(1, -1), n = r.indexOf(":"), o = r.slice(0, n);
-  return o ? kt + o : void 0;
-})(), Rt = (e) => {
+}, Rt = (e) => e.slice(1, -1).indexOf(":") === -1 ? void 0 : (() => {
+  const r = e.slice(1, -1), o = r.indexOf(":"), n = r.slice(0, o);
+  return n ? jt + n : void 0;
+})(), _t = (e) => {
   const {
     theme: r,
-    classGroups: n
+    classGroups: o
   } = e;
-  return _t(n, r);
-}, _t = (e, r) => {
-  const n = et();
-  for (const o in e) {
-    const s = e[o];
-    Ne(s, n, o, r);
+  return St(o, r);
+}, St = (e, r) => {
+  const o = et();
+  for (const n in e) {
+    const s = e[n];
+    Oe(s, o, n, r);
   }
-  return n;
-}, Ne = (e, r, n, o) => {
+  return o;
+}, Oe = (e, r, o, n) => {
   const s = e.length;
   for (let a = 0; a < s; a++) {
     const i = e[a];
-    St(i, r, n, o);
+    Nt(i, r, o, n);
   }
-}, St = (e, r, n, o) => {
+}, Nt = (e, r, o, n) => {
   if (typeof e == "string") {
-    Tt(e, r, n);
+    Tt(e, r, o);
     return;
   }
   if (typeof e == "function") {
-    Ct(e, r, n, o);
+    Ct(e, r, o, n);
     return;
   }
-  At(e, r, n, o);
-}, Tt = (e, r, n) => {
-  const o = e === "" ? r : rt(r, e);
-  o.classGroupId = n;
-}, Ct = (e, r, n, o) => {
-  if (Nt(e)) {
-    Ne(e(o), r, n, o);
+  At(e, r, o, n);
+}, Tt = (e, r, o) => {
+  const n = e === "" ? r : rt(r, e);
+  n.classGroupId = o;
+}, Ct = (e, r, o, n) => {
+  if (Ot(e)) {
+    Oe(e(n), r, o, n);
     return;
   }
-  r.validators === null && (r.validators = []), r.validators.push(vt(n, e));
-}, At = (e, r, n, o) => {
+  r.validators === null && (r.validators = []), r.validators.push(kt(o, e));
+}, At = (e, r, o, n) => {
   const s = Object.entries(e), a = s.length;
   for (let i = 0; i < a; i++) {
-    const [u, l] = s[i];
-    Ne(l, rt(r, u), n, o);
+    const [u, c] = s[i];
+    Oe(c, rt(r, u), o, n);
   }
 }, rt = (e, r) => {
-  let n = e;
-  const o = r.split(ve), s = o.length;
+  let o = e;
+  const n = r.split(ve), s = n.length;
   for (let a = 0; a < s; a++) {
-    const i = o[a];
-    let u = n.nextPart.get(i);
-    u || (u = et(), n.nextPart.set(i, u)), n = u;
+    const i = n[a];
+    let u = o.nextPart.get(i);
+    u || (u = et(), o.nextPart.set(i, u)), o = u;
   }
-  return n;
-}, Nt = (e) => "isThemeGetter" in e && e.isThemeGetter === !0, Ot = (e) => {
+  return o;
+}, Ot = (e) => "isThemeGetter" in e && e.isThemeGetter === !0, Pt = (e) => {
   if (e < 1)
     return {
       get: () => {
@@ -169,178 +169,178 @@ const wt = (e, r) => {
       set: () => {
       }
     };
-  let r = 0, n = /* @__PURE__ */ Object.create(null), o = /* @__PURE__ */ Object.create(null);
+  let r = 0, o = /* @__PURE__ */ Object.create(null), n = /* @__PURE__ */ Object.create(null);
   const s = (a, i) => {
-    n[a] = i, r++, r > e && (r = 0, o = n, n = /* @__PURE__ */ Object.create(null));
+    o[a] = i, r++, r > e && (r = 0, n = o, o = /* @__PURE__ */ Object.create(null));
   };
   return {
     get(a) {
-      let i = n[a];
+      let i = o[a];
       if (i !== void 0)
         return i;
-      if ((i = o[a]) !== void 0)
+      if ((i = n[a]) !== void 0)
         return s(a, i), i;
     },
     set(a, i) {
-      a in n ? n[a] = i : s(a, i);
+      a in o ? o[a] = i : s(a, i);
     }
   };
-}, Ce = "!", ze = ":", Pt = [], $e = (e, r, n, o, s) => ({
+}, Te = "!", $e = ":", It = [], ze = (e, r, o, n, s) => ({
   modifiers: e,
   hasImportantModifier: r,
-  baseClassName: n,
-  maybePostfixModifierPosition: o,
+  baseClassName: o,
+  maybePostfixModifierPosition: n,
   isExternal: s
-}), zt = (e) => {
+}), $t = (e) => {
   const {
     prefix: r,
-    experimentalParseClassName: n
+    experimentalParseClassName: o
   } = e;
-  let o = (s) => {
+  let n = (s) => {
     const a = [];
-    let i = 0, u = 0, l = 0, f;
-    const v = s.length;
-    for (let _ = 0; _ < v; _++) {
-      const S = s[_];
+    let i = 0, u = 0, c = 0, f;
+    const w = s.length;
+    for (let N = 0; N < w; N++) {
+      const R = s[N];
       if (i === 0 && u === 0) {
-        if (S === ze) {
-          a.push(s.slice(l, _)), l = _ + 1;
+        if (R === $e) {
+          a.push(s.slice(c, N)), c = N + 1;
           continue;
         }
-        if (S === "/") {
-          f = _;
+        if (R === "/") {
+          f = N;
           continue;
         }
       }
-      S === "[" ? i++ : S === "]" ? i-- : S === "(" ? u++ : S === ")" && u--;
+      R === "[" ? i++ : R === "]" ? i-- : R === "(" ? u++ : R === ")" && u--;
     }
-    const k = a.length === 0 ? s : s.slice(l);
-    let j = k, g = !1;
-    k.endsWith(Ce) ? (j = k.slice(0, -1), g = !0) : (
+    const m = a.length === 0 ? s : s.slice(c);
+    let p = m, y = !1;
+    m.endsWith(Te) ? (p = m.slice(0, -1), y = !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
        */
-      k.startsWith(Ce) && (j = k.slice(1), g = !0)
+      m.startsWith(Te) && (p = m.slice(1), y = !0)
     );
-    const R = f && f > l ? f - l : void 0;
-    return $e(a, g, j, R);
+    const E = f && f > c ? f - c : void 0;
+    return ze(a, y, p, E);
   };
   if (r) {
-    const s = r + ze, a = o;
-    o = (i) => i.startsWith(s) ? a(i.slice(s.length)) : $e(Pt, !1, i, void 0, !0);
+    const s = r + $e, a = n;
+    n = (i) => i.startsWith(s) ? a(i.slice(s.length)) : ze(It, !1, i, void 0, !0);
   }
-  if (n) {
-    const s = o;
-    o = (a) => n({
+  if (o) {
+    const s = n;
+    n = (a) => o({
       className: a,
       parseClassName: s
     });
   }
-  return o;
-}, $t = (e) => {
+  return n;
+}, zt = (e) => {
   const r = /* @__PURE__ */ new Map();
-  return e.orderSensitiveModifiers.forEach((n, o) => {
-    r.set(n, 1e6 + o);
-  }), (n) => {
-    const o = [];
+  return e.orderSensitiveModifiers.forEach((o, n) => {
+    r.set(o, 1e6 + n);
+  }), (o) => {
+    const n = [];
     let s = [];
-    for (let a = 0; a < n.length; a++) {
-      const i = n[a], u = i[0] === "[", l = r.has(i);
-      u || l ? (s.length > 0 && (s.sort(), o.push(...s), s = []), o.push(i)) : s.push(i);
+    for (let a = 0; a < o.length; a++) {
+      const i = o[a], u = i[0] === "[", c = r.has(i);
+      u || c ? (s.length > 0 && (s.sort(), n.push(...s), s = []), n.push(i)) : s.push(i);
     }
-    return s.length > 0 && (s.sort(), o.push(...s)), o;
+    return s.length > 0 && (s.sort(), n.push(...s)), n;
   };
-}, It = (e) => ({
-  cache: Ot(e.cacheSize),
-  parseClassName: zt(e),
-  sortModifiers: $t(e),
-  ...jt(e)
-}), Dt = /\s+/, Mt = (e, r) => {
+}, Dt = (e) => ({
+  cache: Pt(e.cacheSize),
+  parseClassName: $t(e),
+  sortModifiers: zt(e),
+  ...Et(e)
+}), Mt = /\s+/, Lt = (e, r) => {
   const {
-    parseClassName: n,
-    getClassGroupId: o,
+    parseClassName: o,
+    getClassGroupId: n,
     getConflictingClassGroupIds: s,
     sortModifiers: a
-  } = r, i = [], u = e.trim().split(Dt);
-  let l = "";
+  } = r, i = [], u = e.trim().split(Mt);
+  let c = "";
   for (let f = u.length - 1; f >= 0; f -= 1) {
-    const v = u[f], {
-      isExternal: k,
-      modifiers: j,
-      hasImportantModifier: g,
-      baseClassName: R,
-      maybePostfixModifierPosition: _
-    } = n(v);
-    if (k) {
-      l = v + (l.length > 0 ? " " + l : l);
+    const w = u[f], {
+      isExternal: m,
+      modifiers: p,
+      hasImportantModifier: y,
+      baseClassName: E,
+      maybePostfixModifierPosition: N
+    } = o(w);
+    if (m) {
+      c = w + (c.length > 0 ? " " + c : c);
       continue;
     }
-    let S = !!_, T = o(S ? R.substring(0, _) : R);
+    let R = !!N, T = n(R ? E.substring(0, N) : E);
     if (!T) {
-      if (!S) {
-        l = v + (l.length > 0 ? " " + l : l);
+      if (!R) {
+        c = w + (c.length > 0 ? " " + c : c);
         continue;
       }
-      if (T = o(R), !T) {
-        l = v + (l.length > 0 ? " " + l : l);
+      if (T = n(E), !T) {
+        c = w + (c.length > 0 ? " " + c : c);
         continue;
       }
-      S = !1;
+      R = !1;
     }
-    const $ = j.length === 0 ? "" : j.length === 1 ? j[0] : a(j).join(":"), I = g ? $ + Ce : $, L = I + T;
-    if (i.indexOf(L) > -1)
+    const M = p.length === 0 ? "" : p.length === 1 ? p[0] : a(p).join(":"), F = y ? M + Te : M, G = F + T;
+    if (i.indexOf(G) > -1)
       continue;
-    i.push(L);
-    const C = s(T, S);
-    for (let N = 0; N < C.length; ++N) {
-      const D = C[N];
-      i.push(I + D);
+    i.push(G);
+    const V = s(T, R);
+    for (let A = 0; A < V.length; ++A) {
+      const U = V[A];
+      i.push(F + U);
     }
-    l = v + (l.length > 0 ? " " + l : l);
+    c = w + (c.length > 0 ? " " + c : c);
   }
-  return l;
-}, Lt = (...e) => {
-  let r = 0, n, o, s = "";
+  return c;
+}, Ft = (...e) => {
+  let r = 0, o, n, s = "";
   for (; r < e.length; )
-    (n = e[r++]) && (o = ot(n)) && (s && (s += " "), s += o);
+    (o = e[r++]) && (n = ot(o)) && (s && (s += " "), s += n);
   return s;
 }, ot = (e) => {
   if (typeof e == "string")
     return e;
-  let r, n = "";
-  for (let o = 0; o < e.length; o++)
-    e[o] && (r = ot(e[o])) && (n && (n += " "), n += r);
-  return n;
-}, Ft = (e, ...r) => {
-  let n, o, s, a;
-  const i = (l) => {
-    const f = r.reduce((v, k) => k(v), e());
-    return n = It(f), o = n.cache.get, s = n.cache.set, a = u, u(l);
-  }, u = (l) => {
-    const f = o(l);
+  let r, o = "";
+  for (let n = 0; n < e.length; n++)
+    e[n] && (r = ot(e[n])) && (o && (o += " "), o += r);
+  return o;
+}, Gt = (e, ...r) => {
+  let o, n, s, a;
+  const i = (c) => {
+    const f = r.reduce((w, m) => m(w), e());
+    return o = Dt(f), n = o.cache.get, s = o.cache.set, a = u, u(c);
+  }, u = (c) => {
+    const f = n(c);
     if (f)
       return f;
-    const v = Mt(l, n);
-    return s(l, v), v;
+    const w = Lt(c, o);
+    return s(c, w), w;
   };
-  return a = i, (...l) => a(Lt(...l));
-}, Gt = [], A = (e) => {
-  const r = (n) => n[e] || Gt;
+  return a = i, (...c) => a(Ft(...c));
+}, Bt = [], $ = (e) => {
+  const r = (o) => o[e] || Bt;
   return r.isThemeGetter = !0, r;
-}, nt = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, st = /^\((?:(\w[\w-]*):)?(.+)\)$/i, Bt = /^\d+\/\d+$/, Ut = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, Vt = /\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)/, Ht = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, se = (e) => Bt.test(e), E = (e) => !!e && !Number.isNaN(Number(e)), ee = (e) => !!e && Number.isInteger(Number(e)), Ee = (e) => e.endsWith("%") && E(e.slice(0, -1)), J = (e) => Ut.test(e), Jt = () => !0, Xt = (e) => (
+}, nt = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, st = /^\((?:(\w[\w-]*):)?(.+)\)$/i, Vt = /^\d+\/\d+$/, Ut = /^(\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$/, Yt = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, Ht = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, Jt = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, ie = (e) => Vt.test(e), _ = (e) => !!e && !Number.isNaN(Number(e)), ne = (e) => !!e && Number.isInteger(Number(e)), Ee = (e) => e.endsWith("%") && _(e.slice(0, -1)), Z = (e) => Ut.test(e), Xt = () => !0, qt = (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.
-  Vt.test(e) && !Wt.test(e)
-), at = () => !1, qt = (e) => Yt.test(e), Zt = (e) => Ht.test(e), Kt = (e) => !m(e) && !p(e), Qt = (e) => de(e, ct, at), m = (e) => nt.test(e), re = (e) => de(e, dt, Xt), Re = (e) => de(e, nr, E), Ie = (e) => de(e, it, at), er = (e) => de(e, lt, Zt), he = (e) => de(e, ut, qt), p = (e) => st.test(e), fe = (e) => ue(e, dt), tr = (e) => ue(e, sr), De = (e) => ue(e, it), rr = (e) => ue(e, ct), or = (e) => ue(e, lt), xe = (e) => ue(e, ut, !0), de = (e, r, n) => {
-  const o = nt.exec(e);
-  return o ? o[1] ? r(o[1]) : n(o[2]) : !1;
-}, ue = (e, r, n = !1) => {
-  const o = st.exec(e);
-  return o ? o[1] ? r(o[1]) : n : !1;
-}, it = (e) => e === "position" || e === "percentage", lt = (e) => e === "image" || e === "url", ct = (e) => e === "length" || e === "size" || e === "bg-size", dt = (e) => e === "length", nr = (e) => e === "number", sr = (e) => e === "family-name", ut = (e) => e === "shadow", ar = () => {
-  const e = A("color"), r = A("font"), n = A("text"), o = A("font-weight"), s = A("tracking"), a = A("leading"), i = A("breakpoint"), u = A("container"), l = A("spacing"), f = A("radius"), v = A("shadow"), k = A("inset-shadow"), j = A("text-shadow"), g = A("drop-shadow"), R = A("blur"), _ = A("perspective"), S = A("aspect"), T = A("ease"), $ = A("animate"), I = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], L = () => [
+  Wt.test(e) && !Yt.test(e)
+), at = () => !1, Zt = (e) => Ht.test(e), Kt = (e) => Jt.test(e), Qt = (e) => !g(e) && !b(e), er = (e) => de(e, ct, at), g = (e) => nt.test(e), ae = (e) => de(e, dt, qt), Re = (e) => de(e, sr, _), De = (e) => de(e, it, at), tr = (e) => de(e, lt, Kt), he = (e) => de(e, ut, Zt), b = (e) => st.test(e), fe = (e) => ue(e, dt), rr = (e) => ue(e, ar), Me = (e) => ue(e, it), or = (e) => ue(e, ct), nr = (e) => ue(e, lt), xe = (e) => ue(e, ut, !0), de = (e, r, o) => {
+  const n = nt.exec(e);
+  return n ? n[1] ? r(n[1]) : o(n[2]) : !1;
+}, ue = (e, r, o = !1) => {
+  const n = st.exec(e);
+  return n ? n[1] ? r(n[1]) : o : !1;
+}, it = (e) => e === "position" || e === "percentage", lt = (e) => e === "image" || e === "url", ct = (e) => e === "length" || e === "size" || e === "bg-size", dt = (e) => e === "length", sr = (e) => e === "number", ar = (e) => e === "family-name", ut = (e) => e === "shadow", ir = () => {
+  const e = $("color"), r = $("font"), o = $("text"), n = $("font-weight"), s = $("tracking"), a = $("leading"), i = $("breakpoint"), u = $("container"), c = $("spacing"), f = $("radius"), w = $("shadow"), m = $("inset-shadow"), p = $("text-shadow"), y = $("drop-shadow"), E = $("blur"), N = $("perspective"), R = $("aspect"), T = $("ease"), M = $("animate"), F = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], G = () => [
     "center",
     "top",
     "bottom",
@@ -358,51 +358,51 @@ const wt = (e, r) => {
     "bottom-left",
     // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
     "left-bottom"
-  ], C = () => [...L(), p, m], N = () => ["auto", "hidden", "clip", "visible", "scroll"], D = () => ["auto", "contain", "none"], w = () => [p, m, l], O = () => [se, "full", "auto", ...w()], oe = () => [ee, "none", "subgrid", p, m], ne = () => ["auto", {
-    span: ["full", ee, p, m]
-  }, ee, p, m], V = () => [ee, "auto", p, m], q = () => ["auto", "min", "max", "fr", p, m], te = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], F = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], M = () => ["auto", ...w()], B = () => [se, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...w()], x = () => [e, p, m], Z = () => [...L(), De, Ie, {
-    position: [p, m]
-  }], K = () => ["no-repeat", {
+  ], V = () => [...G(), b, g], A = () => ["auto", "hidden", "clip", "visible", "scroll"], U = () => ["auto", "contain", "none"], j = () => [b, g, c], I = () => [ie, "full", "auto", ...j()], ee = () => [ne, "none", "subgrid", b, g], se = () => ["auto", {
+    span: ["full", ne, b, g]
+  }, ne, b, g], S = () => [ne, "auto", b, g], z = () => ["auto", "min", "max", "fr", b, g], D = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], O = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], W = () => ["auto", ...j()], Y = () => [ie, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...j()], v = () => [e, b, g], te = () => [...G(), Me, De, {
+    position: [b, g]
+  }], re = () => ["no-repeat", {
     repeat: ["", "x", "y", "space", "round"]
-  }], t = () => ["auto", "cover", "contain", rr, Qt, {
-    size: [p, m]
-  }], c = () => [Ee, fe, re], b = () => [
+  }], t = () => ["auto", "cover", "contain", or, er, {
+    size: [b, g]
+  }], d = () => [Ee, fe, ae], h = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
     "full",
     f,
-    p,
-    m
-  ], y = () => ["", E, fe, re], U = () => ["solid", "dashed", "dotted", "double"], H = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], h = () => [E, Ee, De, Ie], z = () => [
+    b,
+    g
+  ], k = () => ["", _, fe, ae], H = () => ["solid", "dashed", "dotted", "double"], q = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], x = () => [_, Ee, Me, De], B = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
-    R,
-    p,
-    m
-  ], W = () => ["none", E, p, m], Q = () => ["none", E, p, m], je = () => [E, p, m], ge = () => [se, "full", ...w()];
+    E,
+    b,
+    g
+  ], X = () => ["none", _, b, g], oe = () => ["none", _, b, g], je = () => [_, b, g], be = () => [ie, "full", ...j()];
   return {
     cacheSize: 500,
     theme: {
       animate: ["spin", "ping", "pulse", "bounce"],
       aspect: ["video"],
-      blur: [J],
-      breakpoint: [J],
-      color: [Jt],
-      container: [J],
-      "drop-shadow": [J],
+      blur: [Z],
+      breakpoint: [Z],
+      color: [Xt],
+      container: [Z],
+      "drop-shadow": [Z],
       ease: ["in", "out", "in-out"],
-      font: [Kt],
+      font: [Qt],
       "font-weight": ["thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black"],
-      "inset-shadow": [J],
+      "inset-shadow": [Z],
       leading: ["none", "tight", "snug", "normal", "relaxed", "loose"],
       perspective: ["dramatic", "near", "normal", "midrange", "distant", "none"],
-      radius: [J],
-      shadow: [J],
-      spacing: ["px", E],
-      text: [J],
-      "text-shadow": [J],
+      radius: [Z],
+      shadow: [Z],
+      spacing: ["px", _],
+      text: [Z],
+      "text-shadow": [Z],
       tracking: ["tighter", "tight", "normal", "wide", "wider", "widest"]
     },
     classGroups: {
@@ -414,7 +414,7 @@ const wt = (e, r) => {
        * @see https://tailwindcss.com/docs/aspect-ratio
        */
       aspect: [{
-        aspect: ["auto", "square", se, m, p, S]
+        aspect: ["auto", "square", ie, g, b, R]
       }],
       /**
        * Container
@@ -427,21 +427,21 @@ const wt = (e, r) => {
        * @see https://tailwindcss.com/docs/columns
        */
       columns: [{
-        columns: [E, m, p, u]
+        columns: [_, g, b, u]
       }],
       /**
        * Break After
        * @see https://tailwindcss.com/docs/break-after
        */
       "break-after": [{
-        "break-after": I()
+        "break-after": F()
       }],
       /**
        * Break Before
        * @see https://tailwindcss.com/docs/break-before
        */
       "break-before": [{
-        "break-before": I()
+        "break-before": F()
       }],
       /**
        * Break Inside
@@ -505,49 +505,49 @@ const wt = (e, r) => {
        * @see https://tailwindcss.com/docs/object-position
        */
       "object-position": [{
-        object: C()
+        object: V()
       }],
       /**
        * Overflow
        * @see https://tailwindcss.com/docs/overflow
        */
       overflow: [{
-        overflow: N()
+        overflow: A()
       }],
       /**
        * Overflow X
        * @see https://tailwindcss.com/docs/overflow
        */
       "overflow-x": [{
-        "overflow-x": N()
+        "overflow-x": A()
       }],
       /**
        * Overflow Y
        * @see https://tailwindcss.com/docs/overflow
        */
       "overflow-y": [{
-        "overflow-y": N()
+        "overflow-y": A()
       }],
       /**
        * Overscroll Behavior
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       overscroll: [{
-        overscroll: D()
+        overscroll: U()
       }],
       /**
        * Overscroll Behavior X
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       "overscroll-x": [{
-        "overscroll-x": D()
+        "overscroll-x": U()
       }],
       /**
        * Overscroll Behavior Y
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       "overscroll-y": [{
-        "overscroll-y": D()
+        "overscroll-y": U()
       }],
       /**
        * Position
@@ -559,63 +559,63 @@ const wt = (e, r) => {
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       inset: [{
-        inset: O()
+        inset: I()
       }],
       /**
        * Right / Left
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-x": [{
-        "inset-x": O()
+        "inset-x": I()
       }],
       /**
        * Top / Bottom
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-y": [{
-        "inset-y": O()
+        "inset-y": I()
       }],
       /**
        * Start
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       start: [{
-        start: O()
+        start: I()
       }],
       /**
        * End
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       end: [{
-        end: O()
+        end: I()
       }],
       /**
        * Top
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       top: [{
-        top: O()
+        top: I()
       }],
       /**
        * Right
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       right: [{
-        right: O()
+        right: I()
       }],
       /**
        * Bottom
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       bottom: [{
-        bottom: O()
+        bottom: I()
       }],
       /**
        * Left
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       left: [{
-        left: O()
+        left: I()
       }],
       /**
        * Visibility
@@ -627,7 +627,7 @@ const wt = (e, r) => {
        * @see https://tailwindcss.com/docs/z-index
        */
       z: [{
-        z: [ee, "auto", p, m]
+        z: [ne, "auto", b, g]
       }],
       // ------------------------
       // --- Flexbox and Grid ---
@@ -637,7 +637,7 @@ const wt = (e, r) => {
        * @see https://tailwindcss.com/docs/flex-basis
        */
       basis: [{
-        basis: [se, "full", "auto", u, ...w()]
+        basis: [ie, "full", "auto", u, ...j()]
       }],
       /**
        * Flex Direction
@@ -658,84 +658,84 @@ const wt = (e, r) => {
        * @see https://tailwindcss.com/docs/flex
        */
       flex: [{
-        flex: [E, se, "auto", "initial", "none", m]
+        flex: [_, ie, "auto", "initial", "none", g]
       }],
       /**
        * Flex Grow
        * @see https://tailwindcss.com/docs/flex-grow
        */
       grow: [{
-        grow: ["", E, p, m]
+        grow: ["", _, b, g]
       }],
       /**
        * Flex Shrink
        * @see https://tailwindcss.com/docs/flex-shrink
        */
       shrink: [{
-        shrink: ["", E, p, m]
+        shrink: ["", _, b, g]
       }],
       /**
        * Order
        * @see https://tailwindcss.com/docs/order
        */
       order: [{
-        order: [ee, "first", "last", "none", p, m]
+        order: [ne, "first", "last", "none", b, g]
       }],
       /**
        * Grid Template Columns
        * @see https://tailwindcss.com/docs/grid-template-columns
        */
       "grid-cols": [{
-        "grid-cols": oe()
+        "grid-cols": ee()
       }],
       /**
        * Grid Column Start / End
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-start-end": [{
-        col: ne()
+        col: se()
       }],
       /**
        * Grid Column Start
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-start": [{
-        "col-start": V()
+        "col-start": S()
       }],
       /**
        * Grid Column End
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-end": [{
-        "col-end": V()
+        "col-end": S()
       }],
       /**
        * Grid Template Rows
        * @see https://tailwindcss.com/docs/grid-template-rows
        */
       "grid-rows": [{
-        "grid-rows": oe()
+        "grid-rows": ee()
       }],
       /**
        * Grid Row Start / End
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-start-end": [{
-        row: ne()
+        row: se()
       }],
       /**
        * Grid Row Start
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-start": [{
-        "row-start": V()
+        "row-start": S()
       }],
       /**
        * Grid Row End
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-end": [{
-        "row-end": V()
+        "row-end": S()
       }],
       /**
        * Grid Auto Flow
@@ -749,70 +749,70 @@ const wt = (e, r) => {
        * @see https://tailwindcss.com/docs/grid-auto-columns
        */
       "auto-cols": [{
-        "auto-cols": q()
+        "auto-cols": z()
       }],
       /**
        * Grid Auto Rows
        * @see https://tailwindcss.com/docs/grid-auto-rows
        */
       "auto-rows": [{
-        "auto-rows": q()
+        "auto-rows": z()
       }],
       /**
        * Gap
        * @see https://tailwindcss.com/docs/gap
        */
       gap: [{
-        gap: w()
+        gap: j()
       }],
       /**
        * Gap X
        * @see https://tailwindcss.com/docs/gap
        */
       "gap-x": [{
-        "gap-x": w()
+        "gap-x": j()
       }],
       /**
        * Gap Y
        * @see https://tailwindcss.com/docs/gap
        */
       "gap-y": [{
-        "gap-y": w()
+        "gap-y": j()
       }],
       /**
        * Justify Content
        * @see https://tailwindcss.com/docs/justify-content
        */
       "justify-content": [{
-        justify: [...te(), "normal"]
+        justify: [...D(), "normal"]
       }],
       /**
        * Justify Items
        * @see https://tailwindcss.com/docs/justify-items
        */
       "justify-items": [{
-        "justify-items": [...F(), "normal"]
+        "justify-items": [...O(), "normal"]
       }],
       /**
        * Justify Self
        * @see https://tailwindcss.com/docs/justify-self
        */
       "justify-self": [{
-        "justify-self": ["auto", ...F()]
+        "justify-self": ["auto", ...O()]
       }],
       /**
        * Align Content
        * @see https://tailwindcss.com/docs/align-content
        */
       "align-content": [{
-        content: ["normal", ...te()]
+        content: ["normal", ...D()]
       }],
       /**
        * Align Items
        * @see https://tailwindcss.com/docs/align-items
        */
       "align-items": [{
-        items: [...F(), {
+        items: [...O(), {
           baseline: ["", "last"]
         }]
       }],
@@ -821,7 +821,7 @@ const wt = (e, r) => {
        * @see https://tailwindcss.com/docs/align-self
        */
       "align-self": [{
-        self: ["auto", ...F(), {
+        self: ["auto", ...O(), {
           baseline: ["", "last"]
         }]
       }],
@@ -830,21 +830,21 @@ const wt = (e, r) => {
        * @see https://tailwindcss.com/docs/place-content
        */
       "place-content": [{
-        "place-content": te()
+        "place-content": D()
       }],
       /**
        * Place Items
        * @see https://tailwindcss.com/docs/place-items
        */
       "place-items": [{
-        "place-items": [...F(), "baseline"]
+        "place-items": [...O(), "baseline"]
       }],
       /**
        * Place Self
        * @see https://tailwindcss.com/docs/place-self
        */
       "place-self": [{
-        "place-self": ["auto", ...F()]
+        "place-self": ["auto", ...O()]
       }],
       // Spacing
       /**
@@ -852,133 +852,133 @@ const wt = (e, r) => {
        * @see https://tailwindcss.com/docs/padding
        */
       p: [{
-        p: w()
+        p: j()
       }],
       /**
        * Padding X
        * @see https://tailwindcss.com/docs/padding
        */
       px: [{
-        px: w()
+        px: j()
       }],
       /**
        * Padding Y
        * @see https://tailwindcss.com/docs/padding
        */
       py: [{
-        py: w()
+        py: j()
       }],
       /**
        * Padding Start
        * @see https://tailwindcss.com/docs/padding
        */
       ps: [{
-        ps: w()
+        ps: j()
       }],
       /**
        * Padding End
        * @see https://tailwindcss.com/docs/padding
        */
       pe: [{
-        pe: w()
+        pe: j()
       }],
       /**
        * Padding Top
        * @see https://tailwindcss.com/docs/padding
        */
       pt: [{
-        pt: w()
+        pt: j()
       }],
       /**
        * Padding Right
        * @see https://tailwindcss.com/docs/padding
        */
       pr: [{
-        pr: w()
+        pr: j()
       }],
       /**
        * Padding Bottom
        * @see https://tailwindcss.com/docs/padding
        */
       pb: [{
-        pb: w()
+        pb: j()
       }],
       /**
        * Padding Left
        * @see https://tailwindcss.com/docs/padding
        */
       pl: [{
-        pl: w()
+        pl: j()
       }],
       /**
        * Margin
        * @see https://tailwindcss.com/docs/margin
        */
       m: [{
-        m: M()
+        m: W()
       }],
       /**
        * Margin X
        * @see https://tailwindcss.com/docs/margin
        */
       mx: [{
-        mx: M()
+        mx: W()
       }],
       /**
        * Margin Y
        * @see https://tailwindcss.com/docs/margin
        */
       my: [{
-        my: M()
+        my: W()
       }],
       /**
        * Margin Start
        * @see https://tailwindcss.com/docs/margin
        */
       ms: [{
-        ms: M()
+        ms: W()
       }],
       /**
        * Margin End
        * @see https://tailwindcss.com/docs/margin
        */
       me: [{
-        me: M()
+        me: W()
       }],
       /**
        * Margin Top
        * @see https://tailwindcss.com/docs/margin
        */
       mt: [{
-        mt: M()
+        mt: W()
       }],
       /**
        * Margin Right
        * @see https://tailwindcss.com/docs/margin
        */
       mr: [{
-        mr: M()
+        mr: W()
       }],
       /**
        * Margin Bottom
        * @see https://tailwindcss.com/docs/margin
        */
       mb: [{
-        mb: M()
+        mb: W()
       }],
       /**
        * Margin Left
        * @see https://tailwindcss.com/docs/margin
        */
       ml: [{
-        ml: M()
+        ml: W()
       }],
       /**
        * Space Between X
        * @see https://tailwindcss.com/docs/margin#adding-space-between-children
        */
       "space-x": [{
-        "space-x": w()
+        "space-x": j()
       }],
       /**
        * Space Between X Reverse
@@ -990,7 +990,7 @@ const wt = (e, r) => {
        * @see https://tailwindcss.com/docs/margin#adding-space-between-children
        */
       "space-y": [{
-        "space-y": w()
+        "space-y": j()
       }],
       /**
        * Space Between Y Reverse
@@ -1005,14 +1005,14 @@ const wt = (e, r) => {
        * @see https://tailwindcss.com/docs/width#setting-both-width-and-height
        */
       size: [{
-        size: B()
+        size: Y()
       }],
       /**
        * Width
        * @see https://tailwindcss.com/docs/width
        */
       w: [{
-        w: [u, "screen", ...B()]
+        w: [u, "screen", ...Y()]
       }],
       /**
        * Min-Width
@@ -1024,7 +1024,7 @@ const wt = (e, r) => {
           "screen",
           /** Deprecated. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
           "none",
-          ...B()
+          ...Y()
         ]
       }],
       /**
@@ -1042,7 +1042,7 @@ const wt = (e, r) => {
           {
             screen: [i]
           },
-          ...B()
+          ...Y()
         ]
       }],
       /**
@@ -1050,21 +1050,21 @@ const wt = (e, r) => {
        * @see https://tailwindcss.com/docs/height
        */
       h: [{
-        h: ["screen", "lh", ...B()]
+        h: ["screen", "lh", ...Y()]
       }],
       /**
        * Min-Height
        * @see https://tailwindcss.com/docs/min-height
        */
       "min-h": [{
-        "min-h": ["screen", "lh", "none", ...B()]
+        "min-h": ["screen", "lh", "none", ...Y()]
       }],
       /**
        * Max-Height
        * @see https://tailwindcss.com/docs/max-height
        */
       "max-h": [{
-        "max-h": ["screen", "lh", ...B()]
+        "max-h": ["screen", "lh", ...Y()]
       }],
       // ------------------
       // --- Typography ---
@@ -1074,7 +1074,7 @@ const wt = (e, r) => {
        * @see https://tailwindcss.com/docs/font-size
        */
       "font-size": [{
-        text: ["base", n, fe, re]
+        text: ["base", o, fe, ae]
       }],
       /**
        * Font Smoothing
@@ -1091,21 +1091,21 @@ const wt = (e, r) => {
        * @see https://tailwindcss.com/docs/font-weight
        */
       "font-weight": [{
-        font: [o, p, Re]
+        font: [n, b, Re]
       }],
       /**
        * 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", Ee, m]
+        "font-stretch": ["ultra-condensed", "extra-condensed", "condensed", "semi-condensed", "normal", "semi-expanded", "expanded", "extra-expanded", "ultra-expanded", Ee, g]
       }],
       /**
        * Font Family
        * @see https://tailwindcss.com/docs/font-family
        */
       "font-family": [{
-        font: [tr, m, r]
+        font: [rr, g, r]
       }],
       /**
        * Font Variant Numeric
@@ -1142,14 +1142,14 @@ const wt = (e, r) => {
        * @see https://tailwindcss.com/docs/letter-spacing
        */
       tracking: [{
-        tracking: [s, p, m]
+        tracking: [s, b, g]
       }],
       /**
        * Line Clamp
        * @see https://tailwindcss.com/docs/line-clamp
        */
       "line-clamp": [{
-        "line-clamp": [E, "none", p, Re]
+        "line-clamp": [_, "none", b, Re]
       }],
       /**
        * Line Height
@@ -1159,7 +1159,7 @@ const wt = (e, r) => {
         leading: [
           /** Deprecated since Tailwind CSS v4.0.0. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
           a,
-          ...w()
+          ...j()
         ]
       }],
       /**
@@ -1167,7 +1167,7 @@ const wt = (e, r) => {
        * @see https://tailwindcss.com/docs/list-style-image
        */
       "list-image": [{
-        "list-image": ["none", p, m]
+        "list-image": ["none", b, g]
       }],
       /**
        * List Style Position
@@ -1181,7 +1181,7 @@ const wt = (e, r) => {
        * @see https://tailwindcss.com/docs/list-style-type
        */
       "list-style-type": [{
-        list: ["disc", "decimal", "none", p, m]
+        list: ["disc", "decimal", "none", b, g]
       }],
       /**
        * Text Alignment
@@ -1196,14 +1196,14 @@ const wt = (e, r) => {
        * @see https://v3.tailwindcss.com/docs/placeholder-color
        */
       "placeholder-color": [{
-        placeholder: x()
+        placeholder: v()
       }],
       /**
        * Text Color
        * @see https://tailwindcss.com/docs/text-color
        */
       "text-color": [{
-        text: x()
+        text: v()
       }],
       /**
        * Text Decoration
@@ -1215,28 +1215,28 @@ const wt = (e, r) => {
        * @see https://tailwindcss.com/docs/text-decoration-style
        */
       "text-decoration-style": [{
-        decoration: [...U(), "wavy"]
+        decoration: [...H(), "wavy"]
       }],
       /**
        * Text Decoration Thickness
        * @see https://tailwindcss.com/docs/text-decoration-thickness
        */
       "text-decoration-thickness": [{
-        decoration: [E, "from-font", "auto", p, re]
+        decoration: [_, "from-font", "auto", b, ae]
       }],
       /**
        * Text Decoration Color
        * @see https://tailwindcss.com/docs/text-decoration-color
        */
       "text-decoration-color": [{
-        decoration: x()
+        decoration: v()
       }],
       /**
        * Text Underline Offset
        * @see https://tailwindcss.com/docs/text-underline-offset
        */
       "underline-offset": [{
-        "underline-offset": [E, "auto", p, m]
+        "underline-offset": [_, "auto", b, g]
       }],
       /**
        * Text Transform
@@ -1260,14 +1260,14 @@ const wt = (e, r) => {
        * @see https://tailwindcss.com/docs/text-indent
        */
       indent: [{
-        indent: w()
+        indent: j()
       }],
       /**
        * Vertical Alignment
        * @see https://tailwindcss.com/docs/vertical-align
        */
       "vertical-align": [{
-        align: ["baseline", "top", "middle", "bottom", "text-top", "text-bottom", "sub", "super", p, m]
+        align: ["baseline", "top", "middle", "bottom", "text-top", "text-bottom", "sub", "super", b, g]
       }],
       /**
        * Whitespace
@@ -1302,7 +1302,7 @@ const wt = (e, r) => {
        * @see https://tailwindcss.com/docs/content
        */
       content: [{
-        content: ["none", p, m]
+        content: ["none", b, g]
       }],
       // -------------------
       // --- Backgrounds ---
@@ -1333,14 +1333,14 @@ const wt = (e, r) => {
        * @see https://tailwindcss.com/docs/background-position
        */
       "bg-position": [{
-        bg: Z()
+        bg: te()
       }],
       /**
        * Background Repeat
        * @see https://tailwindcss.com/docs/background-repeat
        */
       "bg-repeat": [{
-        bg: K()
+        bg: re()
       }],
       /**
        * Background Size
@@ -1357,59 +1357,59 @@ const wt = (e, r) => {
         bg: ["none", {
           linear: [{
             to: ["t", "tr", "r", "br", "b", "bl", "l", "tl"]
-          }, ee, p, m],
-          radial: ["", p, m],
-          conic: [ee, p, m]
-        }, or, er]
+          }, ne, b, g],
+          radial: ["", b, g],
+          conic: [ne, b, g]
+        }, nr, tr]
       }],
       /**
        * Background Color
        * @see https://tailwindcss.com/docs/background-color
        */
       "bg-color": [{
-        bg: x()
+        bg: v()
       }],
       /**
        * Gradient Color Stops From Position
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-from-pos": [{
-        from: c()
+        from: d()
       }],
       /**
        * Gradient Color Stops Via Position
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-via-pos": [{
-        via: c()
+        via: d()
       }],
       /**
        * Gradient Color Stops To Position
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-to-pos": [{
-        to: c()
+        to: d()
       }],
       /**
        * Gradient Color Stops From
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-from": [{
-        from: x()
+        from: v()
       }],
       /**
        * Gradient Color Stops Via
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-via": [{
-        via: x()
+        via: v()
       }],
       /**
        * Gradient Color Stops To
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-to": [{
-        to: x()
+        to: v()
       }],
       // ---------------
       // --- Borders ---
@@ -1419,175 +1419,175 @@ const wt = (e, r) => {
        * @see https://tailwindcss.com/docs/border-radius
        */
       rounded: [{
-        rounded: b()
+        rounded: h()
       }],
       /**
        * Border Radius Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-s": [{
-        "rounded-s": b()
+        "rounded-s": h()
       }],
       /**
        * Border Radius End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-e": [{
-        "rounded-e": b()
+        "rounded-e": h()
       }],
       /**
        * Border Radius Top
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-t": [{
-        "rounded-t": b()
+        "rounded-t": h()
       }],
       /**
        * Border Radius Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-r": [{
-        "rounded-r": b()
+        "rounded-r": h()
       }],
       /**
        * Border Radius Bottom
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-b": [{
-        "rounded-b": b()
+        "rounded-b": h()
       }],
       /**
        * Border Radius Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-l": [{
-        "rounded-l": b()
+        "rounded-l": h()
       }],
       /**
        * Border Radius Start Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-ss": [{
-        "rounded-ss": b()
+        "rounded-ss": h()
       }],
       /**
        * Border Radius Start End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-se": [{
-        "rounded-se": b()
+        "rounded-se": h()
       }],
       /**
        * Border Radius End End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-ee": [{
-        "rounded-ee": b()
+        "rounded-ee": h()
       }],
       /**
        * Border Radius End Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-es": [{
-        "rounded-es": b()
+        "rounded-es": h()
       }],
       /**
        * Border Radius Top Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-tl": [{
-        "rounded-tl": b()
+        "rounded-tl": h()
       }],
       /**
        * Border Radius Top Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-tr": [{
-        "rounded-tr": b()
+        "rounded-tr": h()
       }],
       /**
        * Border Radius Bottom Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-br": [{
-        "rounded-br": b()
+        "rounded-br": h()
       }],
       /**
        * Border Radius Bottom Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-bl": [{
-        "rounded-bl": b()
+        "rounded-bl": h()
       }],
       /**
        * Border Width
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w": [{
-        border: y()
+        border: k()
       }],
       /**
        * Border Width X
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-x": [{
-        "border-x": y()
+        "border-x": k()
       }],
       /**
        * Border Width Y
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-y": [{
-        "border-y": y()
+        "border-y": k()
       }],
       /**
        * Border Width Start
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-s": [{
-        "border-s": y()
+        "border-s": k()
       }],
       /**
        * Border Width End
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-e": [{
-        "border-e": y()
+        "border-e": k()
       }],
       /**
        * Border Width Top
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-t": [{
-        "border-t": y()
+        "border-t": k()
       }],
       /**
        * Border Width Right
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-r": [{
-        "border-r": y()
+        "border-r": k()
       }],
       /**
        * Border Width Bottom
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-b": [{
-        "border-b": y()
+        "border-b": k()
       }],
       /**
        * Border Width Left
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-l": [{
-        "border-l": y()
+        "border-l": k()
       }],
       /**
        * Divide Width X
        * @see https://tailwindcss.com/docs/border-width#between-children
        */
       "divide-x": [{
-        "divide-x": y()
+        "divide-x": k()
       }],
       /**
        * Divide Width X Reverse
@@ -1599,7 +1599,7 @@ const wt = (e, r) => {
        * @see https://tailwindcss.com/docs/border-width#between-children
        */
       "divide-y": [{
-        "divide-y": y()
+        "divide-y": k()
       }],
       /**
        * Divide Width Y Reverse
@@ -1611,112 +1611,112 @@ const wt = (e, r) => {
        * @see https://tailwindcss.com/docs/border-style
        */
       "border-style": [{
-        border: [...U(), "hidden", "none"]
+        border: [...H(), "hidden", "none"]
       }],
       /**
        * Divide Style
        * @see https://tailwindcss.com/docs/border-style#setting-the-divider-style
        */
       "divide-style": [{
-        divide: [...U(), "hidden", "none"]
+        divide: [...H(), "hidden", "none"]
       }],
       /**
        * Border Color
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color": [{
-        border: x()
+        border: v()
       }],
       /**
        * Border Color X
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-x": [{
-        "border-x": x()
+        "border-x": v()
       }],
       /**
        * Border Color Y
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-y": [{
-        "border-y": x()
+        "border-y": v()
       }],
       /**
        * Border Color S
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-s": [{
-        "border-s": x()
+        "border-s": v()
       }],
       /**
        * Border Color E
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-e": [{
-        "border-e": x()
+        "border-e": v()
       }],
       /**
        * Border Color Top
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-t": [{
-        "border-t": x()
+        "border-t": v()
       }],
       /**
        * Border Color Right
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-r": [{
-        "border-r": x()
+        "border-r": v()
       }],
       /**
        * Border Color Bottom
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-b": [{
-        "border-b": x()
+        "border-b": v()
       }],
       /**
        * Border Color Left
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-l": [{
-        "border-l": x()
+        "border-l": v()
       }],
       /**
        * Divide Color
        * @see https://tailwindcss.com/docs/divide-color
        */
       "divide-color": [{
-        divide: x()
+        divide: v()
       }],
       /**
        * Outline Style
        * @see https://tailwindcss.com/docs/outline-style
        */
       "outline-style": [{
-        outline: [...U(), "none", "hidden"]
+        outline: [...H(), "none", "hidden"]
       }],
       /**
        * Outline Offset
        * @see https://tailwindcss.com/docs/outline-offset
        */
       "outline-offset": [{
-        "outline-offset": [E, p, m]
+        "outline-offset": [_, b, g]
       }],
       /**
        * Outline Width
        * @see https://tailwindcss.com/docs/outline-width
        */
       "outline-w": [{
-        outline: ["", E, fe, re]
+        outline: ["", _, fe, ae]
       }],
       /**
        * Outline Color
        * @see https://tailwindcss.com/docs/outline-color
        */
       "outline-color": [{
-        outline: x()
+        outline: v()
       }],
       // ---------------
       // --- Effects ---
@@ -1730,7 +1730,7 @@ const wt = (e, r) => {
           // Deprecated since Tailwind CSS v4.0.0
           "",
           "none",
-          v,
+          w,
           xe,
           he
         ]
@@ -1740,28 +1740,28 @@ const wt = (e, r) => {
        * @see https://tailwindcss.com/docs/box-shadow#setting-the-shadow-color
        */
       "shadow-color": [{
-        shadow: x()
+        shadow: v()
       }],
       /**
        * Inset Box Shadow
        * @see https://tailwindcss.com/docs/box-shadow#adding-an-inset-shadow
        */
       "inset-shadow": [{
-        "inset-shadow": ["none", k, xe, he]
+        "inset-shadow": ["none", m, xe, he]
       }],
       /**
        * Inset Box Shadow Color
        * @see https://tailwindcss.com/docs/box-shadow#setting-the-inset-shadow-color
        */
       "inset-shadow-color": [{
-        "inset-shadow": x()
+        "inset-shadow": v()
       }],
       /**
        * Ring Width
        * @see https://tailwindcss.com/docs/box-shadow#adding-a-ring
        */
       "ring-w": [{
-        ring: y()
+        ring: k()
       }],
       /**
        * Ring Width Inset
@@ -1775,7 +1775,7 @@ const wt = (e, r) => {
        * @see https://tailwindcss.com/docs/box-shadow#setting-the-ring-color
        */
       "ring-color": [{
-        ring: x()
+        ring: v()
       }],
       /**
        * Ring Offset Width
@@ -1784,7 +1784,7 @@ const wt = (e, r) => {
        * @see https://github.com/tailwindlabs/tailwindcss/blob/v4.0.0/packages/tailwindcss/src/utilities.ts#L4158
        */
       "ring-offset-w": [{
-        "ring-offset": [E, re]
+        "ring-offset": [_, ae]
       }],
       /**
        * Ring Offset Color
@@ -1793,56 +1793,56 @@ const wt = (e, r) => {
        * @see https://github.com/tailwindlabs/tailwindcss/blob/v4.0.0/packages/tailwindcss/src/utilities.ts#L4158
        */
       "ring-offset-color": [{
-        "ring-offset": x()
+        "ring-offset": v()
       }],
       /**
        * Inset Ring Width
        * @see https://tailwindcss.com/docs/box-shadow#adding-an-inset-ring
        */
       "inset-ring-w": [{
-        "inset-ring": y()
+        "inset-ring": k()
       }],
       /**
        * Inset Ring Color
        * @see https://tailwindcss.com/docs/box-shadow#setting-the-inset-ring-color
        */
       "inset-ring-color": [{
-        "inset-ring": x()
+        "inset-ring": v()
       }],
       /**
        * Text Shadow
        * @see https://tailwindcss.com/docs/text-shadow
        */
       "text-shadow": [{
-        "text-shadow": ["none", j, xe, he]
+        "text-shadow": ["none", p, xe, he]
       }],
       /**
        * Text Shadow Color
        * @see https://tailwindcss.com/docs/text-shadow#setting-the-shadow-color
        */
       "text-shadow-color": [{
-        "text-shadow": x()
+        "text-shadow": v()
       }],
       /**
        * Opacity
        * @see https://tailwindcss.com/docs/opacity
        */
       opacity: [{
-        opacity: [E, p, m]
+        opacity: [_, b, g]
       }],
       /**
        * Mix Blend Mode
        * @see https://tailwindcss.com/docs/mix-blend-mode
        */
       "mix-blend": [{
-        "mix-blend": [...H(), "plus-darker", "plus-lighter"]
+        "mix-blend": [...q(), "plus-darker", "plus-lighter"]
       }],
       /**
        * Background Blend Mode
        * @see https://tailwindcss.com/docs/background-blend-mode
        */
       "bg-blend": [{
-        "bg-blend": H()
+        "bg-blend": q()
       }],
       /**
        * Mask Clip
@@ -1863,106 +1863,106 @@ const wt = (e, r) => {
        * @see https://tailwindcss.com/docs/mask-image
        */
       "mask-image-linear-pos": [{
-        "mask-linear": [E]
+        "mask-linear": [_]
       }],
       "mask-image-linear-from-pos": [{
-        "mask-linear-from": h()
+        "mask-linear-from": x()
       }],
       "mask-image-linear-to-pos": [{
-        "mask-linear-to": h()
+        "mask-linear-to": x()
       }],
       "mask-image-linear-from-color": [{
-        "mask-linear-from": x()
+        "mask-linear-from": v()
       }],
       "mask-image-linear-to-color": [{
-        "mask-linear-to": x()
+        "mask-linear-to": v()
       }],
       "mask-image-t-from-pos": [{
-        "mask-t-from": h()
+        "mask-t-from": x()
       }],
       "mask-image-t-to-pos": [{
-        "mask-t-to": h()
+        "mask-t-to": x()
       }],
       "mask-image-t-from-color": [{
-        "mask-t-from": x()
+        "mask-t-from": v()
       }],
       "mask-image-t-to-color": [{
-        "mask-t-to": x()
+        "mask-t-to": v()
       }],
       "mask-image-r-from-pos": [{
-        "mask-r-from": h()
+        "mask-r-from": x()
       }],
       "mask-image-r-to-pos": [{
-        "mask-r-to": h()
+        "mask-r-to": x()
       }],
       "mask-image-r-from-color": [{
-        "mask-r-from": x()
+        "mask-r-from": v()
       }],
       "mask-image-r-to-color": [{
-        "mask-r-to": x()
+        "mask-r-to": v()
       }],
       "mask-image-b-from-pos": [{
-        "mask-b-from": h()
+        "mask-b-from": x()
       }],
       "mask-image-b-to-pos": [{
-        "mask-b-to": h()
+        "mask-b-to": x()
       }],
       "mask-image-b-from-color": [{
-        "mask-b-from": x()
+        "mask-b-from": v()
       }],
       "mask-image-b-to-color": [{
-        "mask-b-to": x()
+        "mask-b-to": v()
       }],
       "mask-image-l-from-pos": [{
-        "mask-l-from": h()
+        "mask-l-from": x()
       }],
       "mask-image-l-to-pos": [{
-        "mask-l-to": h()
+        "mask-l-to": x()
       }],
       "mask-image-l-from-color": [{
-        "mask-l-from": x()
+        "mask-l-from": v()
       }],
       "mask-image-l-to-color": [{
-        "mask-l-to": x()
+        "mask-l-to": v()
       }],
       "mask-image-x-from-pos": [{
-        "mask-x-from": h()
+        "mask-x-from": x()
       }],
       "mask-image-x-to-pos": [{
-        "mask-x-to": h()
+        "mask-x-to": x()
       }],
       "mask-image-x-from-color": [{
-        "mask-x-from": x()
+        "mask-x-from": v()
       }],
       "mask-image-x-to-color": [{
-        "mask-x-to": x()
+        "mask-x-to": v()
       }],
       "mask-image-y-from-pos": [{
-        "mask-y-from": h()
+        "mask-y-from": x()
       }],
       "mask-image-y-to-pos": [{
-        "mask-y-to": h()
+        "mask-y-to": x()
       }],
       "mask-image-y-from-color": [{
-        "mask-y-from": x()
+        "mask-y-from": v()
       }],
       "mask-image-y-to-color": [{
-        "mask-y-to": x()
+        "mask-y-to": v()
       }],
       "mask-image-radial": [{
-        "mask-radial": [p, m]
+        "mask-radial": [b, g]
       }],
       "mask-image-radial-from-pos": [{
-        "mask-radial-from": h()
+        "mask-radial-from": x()
       }],
       "mask-image-radial-to-pos": [{
-        "mask-radial-to": h()
+        "mask-radial-to": x()
       }],
       "mask-image-radial-from-color": [{
-        "mask-radial-from": x()
+        "mask-radial-from": v()
       }],
       "mask-image-radial-to-color": [{
-        "mask-radial-to": x()
+        "mask-radial-to": v()
       }],
       "mask-image-radial-shape": [{
         "mask-radial": ["circle", "ellipse"]
@@ -1974,22 +1974,22 @@ const wt = (e, r) => {
         }]
       }],
       "mask-image-radial-pos": [{
-        "mask-radial-at": L()
+        "mask-radial-at": G()
       }],
       "mask-image-conic-pos": [{
-        "mask-conic": [E]
+        "mask-conic": [_]
       }],
       "mask-image-conic-from-pos": [{
-        "mask-conic-from": h()
+        "mask-conic-from": x()
       }],
       "mask-image-conic-to-pos": [{
-        "mask-conic-to": h()
+        "mask-conic-to": x()
       }],
       "mask-image-conic-from-color": [{
-        "mask-conic-from": x()
+        "mask-conic-from": v()
       }],
       "mask-image-conic-to-color": [{
-        "mask-conic-to": x()
+        "mask-conic-to": v()
       }],
       /**
        * Mask Mode
@@ -2010,14 +2010,14 @@ const wt = (e, r) => {
        * @see https://tailwindcss.com/docs/mask-position
        */
       "mask-position": [{
-        mask: Z()
+        mask: te()
       }],
       /**
        * Mask Repeat
        * @see https://tailwindcss.com/docs/mask-repeat
        */
       "mask-repeat": [{
-        mask: K()
+        mask: re()
       }],
       /**
        * Mask Size
@@ -2038,7 +2038,7 @@ const wt = (e, r) => {
        * @see https://tailwindcss.com/docs/mask-image
        */
       "mask-image": [{
-        mask: ["none", p, m]
+        mask: ["none", b, g]
       }],
       // ---------------
       // --- Filters ---
@@ -2052,8 +2052,8 @@ const wt = (e, r) => {
           // Deprecated since Tailwind CSS v3.0.0
           "",
           "none",
-          p,
-          m
+          b,
+          g
         ]
       }],
       /**
@@ -2061,21 +2061,21 @@ const wt = (e, r) => {
        * @see https://tailwindcss.com/docs/blur
        */
       blur: [{
-        blur: z()
+        blur: B()
       }],
       /**
        * Brightness
        * @see https://tailwindcss.com/docs/brightness
        */
       brightness: [{
-        brightness: [E, p, m]
+        brightness: [_, b, g]
       }],
       /**
        * Contrast
        * @see https://tailwindcss.com/docs/contrast
        */
       contrast: [{
-        contrast: [E, p, m]
+        contrast: [_, b, g]
       }],
       /**
        * Drop Shadow
@@ -2086,7 +2086,7 @@ const wt = (e, r) => {
           // Deprecated since Tailwind CSS v4.0.0
           "",
           "none",
-          g,
+          y,
           xe,
           he
         ]
@@ -2096,42 +2096,42 @@ const wt = (e, r) => {
        * @see https://tailwindcss.com/docs/filter-drop-shadow#setting-the-shadow-color
        */
       "drop-shadow-color": [{
-        "drop-shadow": x()
+        "drop-shadow": v()
       }],
       /**
        * Grayscale
        * @see https://tailwindcss.com/docs/grayscale
        */
       grayscale: [{
-        grayscale: ["", E, p, m]
+        grayscale: ["", _, b, g]
       }],
       /**
        * Hue Rotate
        * @see https://tailwindcss.com/docs/hue-rotate
        */
       "hue-rotate": [{
-        "hue-rotate": [E, p, m]
+        "hue-rotate": [_, b, g]
       }],
       /**
        * Invert
        * @see https://tailwindcss.com/docs/invert
        */
       invert: [{
-        invert: ["", E, p, m]
+        invert: ["", _, b, g]
       }],
       /**
        * Saturate
        * @see https://tailwindcss.com/docs/saturate
        */
       saturate: [{
-        saturate: [E, p, m]
+        saturate: [_, b, g]
       }],
       /**
        * Sepia
        * @see https://tailwindcss.com/docs/sepia
        */
       sepia: [{
-        sepia: ["", E, p, m]
+        sepia: ["", _, b, g]
       }],
       /**
        * Backdrop Filter
@@ -2142,8 +2142,8 @@ const wt = (e, r) => {
           // Deprecated since Tailwind CSS v3.0.0
           "",
           "none",
-          p,
-          m
+          b,
+          g
         ]
       }],
       /**
@@ -2151,63 +2151,63 @@ const wt = (e, r) => {
        * @see https://tailwindcss.com/docs/backdrop-blur
        */
       "backdrop-blur": [{
-        "backdrop-blur": z()
+        "backdrop-blur": B()
       }],
       /**
        * Backdrop Brightness
        * @see https://tailwindcss.com/docs/backdrop-brightness
        */
       "backdrop-brightness": [{
-        "backdrop-brightness": [E, p, m]
+        "backdrop-brightness": [_, b, g]
       }],
       /**
        * Backdrop Contrast
        * @see https://tailwindcss.com/docs/backdrop-contrast
        */
       "backdrop-contrast": [{
-        "backdrop-contrast": [E, p, m]
+        "backdrop-contrast": [_, b, g]
       }],
       /**
        * Backdrop Grayscale
        * @see https://tailwindcss.com/docs/backdrop-grayscale
        */
       "backdrop-grayscale": [{
-        "backdrop-grayscale": ["", E, p, m]
+        "backdrop-grayscale": ["", _, b, g]
       }],
       /**
        * Backdrop Hue Rotate
        * @see https://tailwindcss.com/docs/backdrop-hue-rotate
        */
       "backdrop-hue-rotate": [{
-        "backdrop-hue-rotate": [E, p, m]
+        "backdrop-hue-rotate": [_, b, g]
       }],
       /**
        * Backdrop Invert
        * @see https://tailwindcss.com/docs/backdrop-invert
        */
       "backdrop-invert": [{
-        "backdrop-invert": ["", E, p, m]
+        "backdrop-invert": ["", _, b, g]
       }],
       /**
        * Backdrop Opacity
        * @see https://tailwindcss.com/docs/backdrop-opacity
        */
       "backdrop-opacity": [{
-        "backdrop-opacity": [E, p, m]
+        "backdrop-opacity": [_, b, g]
       }],
       /**
        * Backdrop Saturate
        * @see https://tailwindcss.com/docs/backdrop-saturate
        */
       "backdrop-saturate": [{
-        "backdrop-saturate": [E, p, m]
+        "backdrop-saturate": [_, b, g]
       }],
       /**
        * Backdrop Sepia
        * @see https://tailwindcss.com/docs/backdrop-sepia
        */
       "backdrop-sepia": [{
-        "backdrop-sepia": ["", E, p, m]
+        "backdrop-sepia": ["", _, b, g]
       }],
       // --------------
       // --- Tables ---
@@ -2224,21 +2224,21 @@ const wt = (e, r) => {
        * @see https://tailwindcss.com/docs/border-spacing
        */
       "border-spacing": [{
-        "border-spacing": w()
+        "border-spacing": j()
       }],
       /**
        * Border Spacing X
        * @see https://tailwindcss.com/docs/border-spacing
        */
       "border-spacing-x": [{
-        "border-spacing-x": w()
+        "border-spacing-x": j()
       }],
       /**
        * Border Spacing Y
        * @see https://tailwindcss.com/docs/border-spacing
        */
       "border-spacing-y": [{
-        "border-spacing-y": w()
+        "border-spacing-y": j()
       }],
       /**
        * Table Layout
@@ -2262,7 +2262,7 @@ const wt = (e, r) => {
        * @see https://tailwindcss.com/docs/transition-property
        */
       transition: [{
-        transition: ["", "all", "colors", "opacity", "shadow", "transform", "none", p, m]
+        transition: ["", "all", "colors", "opacity", "shadow", "transform", "none", b, g]
       }],
       /**
        * Transition Behavior
@@ -2276,28 +2276,28 @@ const wt = (e, r) => {
        * @see https://tailwindcss.com/docs/transition-duration
        */
       duration: [{
-        duration: [E, "initial", p, m]
+        duration: [_, "initial", b, g]
       }],
       /**
        * Transition Timing Function
        * @see https://tailwindcss.com/docs/transition-timing-function
        */
       ease: [{
-        ease: ["linear", "initial", T, p, m]
+        ease: ["linear", "initial", T, b, g]
       }],
       /**
        * Transition Delay
        * @see https://tailwindcss.com/docs/transition-delay
        */
       delay: [{
-        delay: [E, p, m]
+        delay: [_, b, g]
       }],
       /**
        * Animation
        * @see https://tailwindcss.com/docs/animation
        */
       animate: [{
-        animate: ["none", $, p, m]
+        animate: ["none", M, b, g]
       }],
       // ------------------
       // --- Transforms ---
@@ -2314,70 +2314,70 @@ const wt = (e, r) => {
        * @see https://tailwindcss.com/docs/perspective
        */
       perspective: [{
-        perspective: [_, p, m]
+        perspective: [N, b, g]
       }],
       /**
        * Perspective Origin
        * @see https://tailwindcss.com/docs/perspective-origin
        */
       "perspective-origin": [{
-        "perspective-origin": C()
+        "perspective-origin": V()
       }],
       /**
        * Rotate
        * @see https://tailwindcss.com/docs/rotate
        */
       rotate: [{
-        rotate: W()
+        rotate: X()
       }],
       /**
        * Rotate X
        * @see https://tailwindcss.com/docs/rotate
        */
       "rotate-x": [{
-        "rotate-x": W()
+        "rotate-x": X()
       }],
       /**
        * Rotate Y
        * @see https://tailwindcss.com/docs/rotate
        */
       "rotate-y": [{
-        "rotate-y": W()
+        "rotate-y": X()
       }],
       /**
        * Rotate Z
        * @see https://tailwindcss.com/docs/rotate
        */
       "rotate-z": [{
-        "rotate-z": W()
+        "rotate-z": X()
       }],
       /**
        * Scale
        * @see https://tailwindcss.com/docs/scale
        */
       scale: [{
-        scale: Q()
+        scale: oe()
       }],
       /**
        * Scale X
        * @see https://tailwindcss.com/docs/scale
        */
       "scale-x": [{
-        "scale-x": Q()
+        "scale-x": oe()
       }],
       /**
        * Scale Y
        * @see https://tailwindcss.com/docs/scale
        */
       "scale-y": [{
-        "scale-y": Q()
+        "scale-y": oe()
       }],
       /**
        * Scale Z
        * @see https://tailwindcss.com/docs/scale
        */
       "scale-z": [{
-        "scale-z": Q()
+        "scale-z": oe()
       }],
       /**
        * Scale 3D
@@ -2410,14 +2410,14 @@ const wt = (e, r) => {
        * @see https://tailwindcss.com/docs/transform
        */
       transform: [{
-        transform: [p, m, "", "none", "gpu", "cpu"]
+        transform: [b, g, "", "none", "gpu", "cpu"]
       }],
       /**
        * Transform Origin
        * @see https://tailwindcss.com/docs/transform-origin
        */
       "transform-origin": [{
-        origin: C()
+        origin: V()
       }],
       /**
        * Transform Style
@@ -2431,28 +2431,28 @@ const wt = (e, r) => {
        * @see https://tailwindcss.com/docs/translate
        */
       translate: [{
-        translate: ge()
+        translate: be()
       }],
       /**
        * Translate X
        * @see https://tailwindcss.com/docs/translate
        */
       "translate-x": [{
-        "translate-x": ge()
+        "translate-x": be()
       }],
       /**
        * Translate Y
        * @see https://tailwindcss.com/docs/translate
        */
       "translate-y": [{
-        "translate-y": ge()
+        "translate-y": be()
       }],
       /**
        * Translate Z
        * @see https://tailwindcss.com/docs/translate
        */
       "translate-z": [{
-        "translate-z": ge()
+        "translate-z": be()
       }],
       /**
        * Translate None
@@ -2467,7 +2467,7 @@ const wt = (e, r) => {
        * @see https://tailwindcss.com/docs/accent-color
        */
       accent: [{
-        accent: x()
+        accent: v()
       }],
       /**
        * Appearance
@@ -2481,7 +2481,7 @@ const wt = (e, r) => {
        * @see https://tailwindcss.com/docs/just-in-time-mode#caret-color-utilities
        */
       "caret-color": [{
-        caret: x()
+        caret: v()
       }],
       /**
        * Color Scheme
@@ -2495,7 +2495,7 @@ const wt = (e, r) => {
        * @see https://tailwindcss.com/docs/cursor
        */
       cursor: [{
-        cursor: ["auto", "default", "pointer", "wait", "text", "move", "help", "not-allowed", "none", "context-menu", "progress", "cell", "crosshair", "vertical-text", "alias", "copy", "no-drop", "grab", "grabbing", "all-scroll", "col-resize", "row-resize", "n-resize", "e-resize", "s-resize", "w-resize", "ne-resize", "nw-resize", "se-resize", "sw-resize", "ew-resize", "ns-resize", "nesw-resize", "nwse-resize", "zoom-in", "zoom-out", p, m]
+        cursor: ["auto", "default", "pointer", "wait", "text", "move", "help", "not-allowed", "none", "context-menu", "progress", "cell", "crosshair", "vertical-text", "alias", "copy", "no-drop", "grab", "grabbing", "all-scroll", "col-resize", "row-resize", "n-resize", "e-resize", "s-resize", "w-resize", "ne-resize", "nw-resize", "se-resize", "sw-resize", "ew-resize", "ns-resize", "nesw-resize", "nwse-resize", "zoom-in", "zoom-out", b, g]
       }],
       /**
        * Field Sizing
@@ -2530,126 +2530,126 @@ const wt = (e, r) => {
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-m": [{
-        "scroll-m": w()
+        "scroll-m": j()
       }],
       /**
        * Scroll Margin X
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mx": [{
-        "scroll-mx": w()
+        "scroll-mx": j()
       }],
       /**
        * Scroll Margin Y
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-my": [{
-        "scroll-my": w()
+        "scroll-my": j()
       }],
       /**
        * Scroll Margin Start
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-ms": [{
-        "scroll-ms": w()
+        "scroll-ms": j()
       }],
       /**
        * Scroll Margin End
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-me": [{
-        "scroll-me": w()
+        "scroll-me": j()
       }],
       /**
        * Scroll Margin Top
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mt": [{
-        "scroll-mt": w()
+        "scroll-mt": j()
       }],
       /**
        * Scroll Margin Right
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mr": [{
-        "scroll-mr": w()
+        "scroll-mr": j()
       }],
       /**
        * Scroll Margin Bottom
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mb": [{
-        "scroll-mb": w()
+        "scroll-mb": j()
       }],
       /**
        * Scroll Margin Left
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-ml": [{
-        "scroll-ml": w()
+        "scroll-ml": j()
       }],
       /**
        * Scroll Padding
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-p": [{
-        "scroll-p": w()
+        "scroll-p": j()
       }],
       /**
        * Scroll Padding X
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-px": [{
-        "scroll-px": w()
+        "scroll-px": j()
       }],
       /**
        * Scroll Padding Y
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-py": [{
-        "scroll-py": w()
+        "scroll-py": j()
       }],
       /**
        * Scroll Padding Start
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-ps": [{
-        "scroll-ps": w()
+        "scroll-ps": j()
       }],
       /**
        * Scroll Padding End
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pe": [{
-        "scroll-pe": w()
+        "scroll-pe": j()
       }],
       /**
        * Scroll Padding Top
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pt": [{
-        "scroll-pt": w()
+        "scroll-pt": j()
       }],
       /**
        * Scroll Padding Right
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pr": [{
-        "scroll-pr": w()
+        "scroll-pr": j()
       }],
       /**
        * Scroll Padding Bottom
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pb": [{
-        "scroll-pb": w()
+        "scroll-pb": j()
       }],
       /**
        * Scroll Padding Left
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pl": [{
-        "scroll-pl": w()
+        "scroll-pl": j()
       }],
       /**
        * Scroll Snap Align
@@ -2717,7 +2717,7 @@ const wt = (e, r) => {
        * @see https://tailwindcss.com/docs/will-change
        */
       "will-change": [{
-        "will-change": ["auto", "scroll", "contents", "transform", p, m]
+        "will-change": ["auto", "scroll", "contents", "transform", b, g]
       }],
       // -----------
       // --- SVG ---
@@ -2727,21 +2727,21 @@ const wt = (e, r) => {
        * @see https://tailwindcss.com/docs/fill
        */
       fill: [{
-        fill: ["none", ...x()]
+        fill: ["none", ...v()]
       }],
       /**
        * Stroke Width
        * @see https://tailwindcss.com/docs/stroke-width
        */
       "stroke-w": [{
-        stroke: [E, fe, re, Re]
+        stroke: [_, fe, ae, Re]
       }],
       /**
        * Stroke
        * @see https://tailwindcss.com/docs/stroke
        */
       stroke: [{
-        stroke: ["none", ...x()]
+        stroke: ["none", ...v()]
       }],
       // ---------------------
       // --- Accessibility ---
@@ -2809,22 +2809,22 @@ const wt = (e, r) => {
     },
     orderSensitiveModifiers: ["*", "**", "after", "backdrop", "before", "details-content", "file", "first-letter", "first-line", "marker", "placeholder", "selection"]
   };
-}, ir = /* @__PURE__ */ Ft(ar), G = (...e) => ir(yt(e)), $r = (e = "context") => {
+}, lr = /* @__PURE__ */ Gt(ir), P = (...e) => lr(wt(e)), Mr = (e = "context") => {
   const r = Je(null);
   return [r, () => {
-    const o = Xe(r);
-    if (!o)
+    const n = Xe(r);
+    if (!n)
       throw new Error(e + " must be used within ChatProvider");
-    return o;
+    return n;
   }];
 };
 var ye = { exports: {} }, me = {};
-var Me;
-function lr() {
-  if (Me) return me;
-  Me = 1;
+var Le;
+function cr() {
+  if (Le) return me;
+  Le = 1;
   var e = /* @__PURE__ */ Symbol.for("react.transitional.element"), r = /* @__PURE__ */ Symbol.for("react.fragment");
-  function n(o, s, a) {
+  function o(n, s, a) {
     var i = null;
     if (a !== void 0 && (i = "" + a), s.key !== void 0 && (i = "" + s.key), "key" in s) {
       a = {};
@@ -2833,56 +2833,56 @@ function lr() {
     } else a = s;
     return s = a.ref, {
       $$typeof: e,
-      type: o,
+      type: n,
       key: i,
       ref: s !== void 0 ? s : null,
       props: a
     };
   }
-  return me.Fragment = r, me.jsx = n, me.jsxs = n, me;
+  return me.Fragment = r, me.jsx = o, me.jsxs = o, me;
 }
 var pe = {};
-var Le;
-function cr() {
-  return Le || (Le = 1, process.env.NODE_ENV !== "production" && (function() {
+var Fe;
+function dr() {
+  return Fe || (Fe = 1, process.env.NODE_ENV !== "production" && (function() {
     function e(t) {
       if (t == null) return null;
       if (typeof t == "function")
-        return t.$$typeof === ne ? null : t.displayName || t.name || null;
+        return t.$$typeof === se ? null : t.displayName || t.name || null;
       if (typeof t == "string") return t;
       switch (t) {
-        case S:
+        case R:
           return "Fragment";
-        case $:
+        case M:
           return "Profiler";
         case T:
           return "StrictMode";
-        case N:
+        case A:
           return "Suspense";
-        case D:
+        case U:
           return "SuspenseList";
-        case oe:
+        case ee:
           return "Activity";
       }
       if (typeof t == "object")
         switch (typeof t.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
         ), t.$$typeof) {
-          case _:
+          case N:
             return "Portal";
-          case L:
+          case G:
             return t.displayName || "Context";
-          case I:
+          case F:
             return (t._context.displayName || "Context") + ".Consumer";
-          case C:
-            var c = t.render;
-            return t = t.displayName, t || (t = c.displayName || c.name || "", t = t !== "" ? "ForwardRef(" + t + ")" : "ForwardRef"), t;
-          case w:
-            return c = t.displayName || null, c !== null ? c : e(t.type) || "Memo";
-          case O:
-            c = t._payload, t = t._init;
+          case V:
+            var d = t.render;
+            return t = t.displayName, t || (t = d.displayName || d.name || "", t = t !== "" ? "ForwardRef(" + t + ")" : "ForwardRef"), t;
+          case j:
+            return d = t.displayName || null, d !== null ? d : e(t.type) || "Memo";
+          case I:
+            d = t._payload, t = t._init;
             try {
-              return e(t(c));
+              return e(t(d));
             } catch {
             }
         }
@@ -2891,77 +2891,77 @@ function cr() {
     function r(t) {
       return "" + t;
     }
-    function n(t) {
+    function o(t) {
       try {
         r(t);
-        var c = !1;
+        var d = !1;
       } catch {
-        c = !0;
+        d = !0;
       }
-      if (c) {
-        c = console;
-        var b = c.error, y = typeof Symbol == "function" && Symbol.toStringTag && t[Symbol.toStringTag] || t.constructor.name || "Object";
-        return b.call(
-          c,
+      if (d) {
+        d = console;
+        var h = d.error, k = typeof Symbol == "function" && Symbol.toStringTag && t[Symbol.toStringTag] || t.constructor.name || "Object";
+        return h.call(
+          d,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          y
+          k
         ), r(t);
       }
     }
-    function o(t) {
-      if (t === S) return "<>";
-      if (typeof t == "object" && t !== null && t.$$typeof === O)
+    function n(t) {
+      if (t === R) return "<>";
+      if (typeof t == "object" && t !== null && t.$$typeof === I)
         return "<...>";
       try {
-        var c = e(t);
-        return c ? "<" + c + ">" : "<...>";
+        var d = e(t);
+        return d ? "<" + d + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
     function s() {
-      var t = V.A;
+      var t = S.A;
       return t === null ? null : t.getOwner();
     }
     function a() {
       return Error("react-stack-top-frame");
     }
     function i(t) {
-      if (q.call(t, "key")) {
-        var c = Object.getOwnPropertyDescriptor(t, "key").get;
-        if (c && c.isReactWarning) return !1;
+      if (z.call(t, "key")) {
+        var d = Object.getOwnPropertyDescriptor(t, "key").get;
+        if (d && d.isReactWarning) return !1;
       }
       return t.key !== void 0;
     }
-    function u(t, c) {
-      function b() {
-        M || (M = !0, console.error(
+    function u(t, d) {
+      function h() {
+        W || (W = !0, console.error(
           "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
-          c
+          d
         ));
       }
-      b.isReactWarning = !0, Object.defineProperty(t, "key", {
-        get: b,
+      h.isReactWarning = !0, Object.defineProperty(t, "key", {
+        get: h,
         configurable: !0
       });
     }
-    function l() {
+    function c() {
       var t = e(this.type);
-      return B[t] || (B[t] = !0, console.error(
+      return Y[t] || (Y[t] = !0, console.error(
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
       )), t = this.props.ref, t !== void 0 ? t : null;
     }
-    function f(t, c, b, y, U, H) {
-      var h = b.ref;
+    function f(t, d, h, k, H, q) {
+      var x = h.ref;
       return t = {
-        $$typeof: R,
+        $$typeof: E,
         type: t,
-        key: c,
-        props: b,
-        _owner: y
-      }, (h !== void 0 ? h : null) !== null ? Object.defineProperty(t, "ref", {
+        key: d,
+        props: h,
+        _owner: k
+      }, (x !== void 0 ? x : null) !== null ? Object.defineProperty(t, "ref", {
         enumerable: !1,
-        get: l
+        get: c
       }) : Object.defineProperty(t, "ref", { enumerable: !1, value: null }), t._store = {}, Object.defineProperty(t._store, "validated", {
         configurable: !1,
         enumerable: !1,
@@ -2976,120 +2976,125 @@ function cr() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: U
+        value: H
       }), Object.defineProperty(t, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: H
+        value: q
       }), Object.freeze && (Object.freeze(t.props), Object.freeze(t)), t;
     }
-    function v(t, c, b, y, U, H) {
-      var h = c.children;
-      if (h !== void 0)
-        if (y)
-          if (te(h)) {
-            for (y = 0; y < h.length; y++)
-              k(h[y]);
-            Object.freeze && Object.freeze(h);
+    function w(t, d, h, k, H, q) {
+      var x = d.children;
+      if (x !== void 0)
+        if (k)
+          if (D(x)) {
+            for (k = 0; k < x.length; k++)
+              m(x[k]);
+            Object.freeze && Object.freeze(x);
           } else
             console.error(
               "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
             );
-        else k(h);
-      if (q.call(c, "key")) {
-        h = e(t);
-        var z = Object.keys(c).filter(function(Q) {
-          return Q !== "key";
+        else m(x);
+      if (z.call(d, "key")) {
+        x = e(t);
+        var B = Object.keys(d).filter(function(oe) {
+          return oe !== "key";
         });
-        y = 0 < z.length ? "{key: someKey, " + z.join(": ..., ") + ": ...}" : "{key: someKey}", K[h + y] || (z = 0 < z.length ? "{" + z.join(": ..., ") + ": ...}" : "{}", console.error(
+        k = 0 < B.length ? "{key: someKey, " + B.join(": ..., ") + ": ...}" : "{key: someKey}", re[x + k] || (B = 0 < B.length ? "{" + B.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
-          y,
-          h,
-          z,
-          h
-        ), K[h + y] = !0);
+          k,
+          x,
+          B,
+          x
+        ), re[x + k] = !0);
       }
-      if (h = null, b !== void 0 && (n(b), h = "" + b), i(c) && (n(c.key), h = "" + c.key), "key" in c) {
-        b = {};
-        for (var W in c)
-          W !== "key" && (b[W] = c[W]);
-      } else b = c;
-      return h && u(
-        b,
+      if (x = null, h !== void 0 && (o(h), x = "" + h), i(d) && (o(d.key), x = "" + d.key), "key" in d) {
+        h = {};
+        for (var X in d)
+          X !== "key" && (h[X] = d[X]);
+      } else h = d;
+      return x && u(
+        h,
         typeof t == "function" ? t.displayName || t.name || "Unknown" : t
       ), f(
         t,
+        x,
         h,
-        b,
         s(),
-        U,
-        H
+        H,
+        q
       );
     }
-    function k(t) {
-      j(t) ? t._store && (t._store.validated = 1) : typeof t == "object" && t !== null && t.$$typeof === O && (t._payload.status === "fulfilled" ? j(t._payload.value) && t._payload.value._store && (t._payload.value._store.validated = 1) : t._store && (t._store.validated = 1));
+    function m(t) {
+      p(t) ? t._store && (t._store.validated = 1) : typeof t == "object" && t !== null && t.$$typeof === I && (t._payload.status === "fulfilled" ? p(t._payload.value) && t._payload.value._store && (t._payload.value._store.validated = 1) : t._store && (t._store.validated = 1));
     }
-    function j(t) {
-      return typeof t == "object" && t !== null && t.$$typeof === R;
+    function p(t) {
+      return typeof t == "object" && t !== null && t.$$typeof === E;
     }
-    var g = He, R = /* @__PURE__ */ Symbol.for("react.transitional.element"), _ = /* @__PURE__ */ Symbol.for("react.portal"), S = /* @__PURE__ */ Symbol.for("react.fragment"), T = /* @__PURE__ */ Symbol.for("react.strict_mode"), $ = /* @__PURE__ */ Symbol.for("react.profiler"), I = /* @__PURE__ */ Symbol.for("react.consumer"), L = /* @__PURE__ */ Symbol.for("react.context"), C = /* @__PURE__ */ Symbol.for("react.forward_ref"), N = /* @__PURE__ */ Symbol.for("react.suspense"), D = /* @__PURE__ */ Symbol.for("react.suspense_list"), w = /* @__PURE__ */ Symbol.for("react.memo"), O = /* @__PURE__ */ Symbol.for("react.lazy"), oe = /* @__PURE__ */ Symbol.for("react.activity"), ne = /* @__PURE__ */ Symbol.for("react.client.reference"), V = g.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, q = Object.prototype.hasOwnProperty, te = Array.isArray, F = console.createTask ? console.createTask : function() {
+    var y = He, E = /* @__PURE__ */ Symbol.for("react.transitional.element"), N = /* @__PURE__ */ Symbol.for("react.portal"), R = /* @__PURE__ */ Symbol.for("react.fragment"), T = /* @__PURE__ */ Symbol.for("react.strict_mode"), M = /* @__PURE__ */ Symbol.for("react.profiler"), F = /* @__PURE__ */ Symbol.for("react.consumer"), G = /* @__PURE__ */ Symbol.for("react.context"), V = /* @__PURE__ */ Symbol.for("react.forward_ref"), A = /* @__PURE__ */ Symbol.for("react.suspense"), U = /* @__PURE__ */ Symbol.for("react.suspense_list"), j = /* @__PURE__ */ Symbol.for("react.memo"), I = /* @__PURE__ */ Symbol.for("react.lazy"), ee = /* @__PURE__ */ Symbol.for("react.activity"), se = /* @__PURE__ */ Symbol.for("react.client.reference"), S = y.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, z = Object.prototype.hasOwnProperty, D = Array.isArray, O = console.createTask ? console.createTask : function() {
       return null;
     };
-    g = {
+    y = {
       react_stack_bottom_frame: function(t) {
         return t();
       }
     };
-    var M, B = {}, x = g.react_stack_bottom_frame.bind(
-      g,
+    var W, Y = {}, v = y.react_stack_bottom_frame.bind(
+      y,
       a
-    )(), Z = F(o(a)), K = {};
-    pe.Fragment = S, pe.jsx = function(t, c, b) {
-      var y = 1e4 > V.recentlyCreatedOwnerStacks++;
-      return v(
+    )(), te = O(n(a)), re = {};
+    pe.Fragment = R, pe.jsx = function(t, d, h) {
+      var k = 1e4 > S.recentlyCreatedOwnerStacks++;
+      return w(
         t,
-        c,
-        b,
+        d,
+        h,
         !1,
-        y ? Error("react-stack-top-frame") : x,
-        y ? F(o(t)) : Z
+        k ? Error("react-stack-top-frame") : v,
+        k ? O(n(t)) : te
       );
-    }, pe.jsxs = function(t, c, b) {
-      var y = 1e4 > V.recentlyCreatedOwnerStacks++;
-      return v(
+    }, pe.jsxs = function(t, d, h) {
+      var k = 1e4 > S.recentlyCreatedOwnerStacks++;
+      return w(
         t,
-        c,
-        b,
+        d,
+        h,
         !0,
-        y ? Error("react-stack-top-frame") : x,
-        y ? F(o(t)) : Z
+        k ? Error("react-stack-top-frame") : v,
+        k ? O(n(t)) : te
       );
     };
   })()), pe;
 }
-var Fe;
-function dr() {
-  return Fe || (Fe = 1, process.env.NODE_ENV === "production" ? ye.exports = lr() : ye.exports = cr()), ye.exports;
+var Ge;
+function ur() {
+  return Ge || (Ge = 1, process.env.NODE_ENV === "production" ? ye.exports = cr() : ye.exports = dr()), ye.exports;
 }
-var d = dr();
-const Ir = ({ actived: e, children: r, name: n }) => /* @__PURE__ */ d.jsx(pt, { name: n, mode: e ? "visible" : "hidden", children: r }), Dr = ({
+var l = ur();
+const Lr = ({
+  actived: e,
+  children: r,
+  name: o,
+  disableReactActivity: n = !1
+}) => n ? e ? r : null : /* @__PURE__ */ l.jsx(gt, { name: o, mode: e ? "visible" : "hidden", children: r }), Fr = ({
   style: e,
   imageVar: r,
-  className: n = "",
-  ...o
+  className: o = "",
+  ...n
 }) => {
   const s = `bg-(image:${r})`;
-  return /* @__PURE__ */ d.jsx(
+  return /* @__PURE__ */ l.jsx(
     "div",
     {
-      ...o,
-      className: G(n, s),
+      ...n,
+      className: P(o, s),
       style: {
         ...e,
         backgroundSize: "cover",
@@ -3100,23 +3105,23 @@ const Ir = ({ actived: e, children: r, name: n }) => /* @__PURE__ */ d.jsx(pt, {
 }, ke = ({
   variant: e = "default",
   children: r,
-  className: n,
-  overwriteClassName: o = !1,
+  className: o,
+  overwriteClassName: n = !1,
   ...s
 }) => {
   const a = {
     diabled: s.disabled ? "bg-(--bg-smooth) text-(--fg-mini-text)" : `bg-(--bg-card) color-${e} cursor-pointer`,
     "hover:disabled": s.disabled ? "" : "hover:transform-[scale(1.1)]",
     "active:disabled": s.disabled ? "" : "active:transform-[scale(0.9)] active:bg-(--fg-component) active:opacity-[0.7]"
-  }, i = o ? n : G(
+  }, i = n ? o : P(
     "px-4 py-2 w-fit rounded-lg page duration-200",
     a.diabled,
     a["hover:disabled"],
     a["active:disabled"],
-    n
+    o
   );
-  return /* @__PURE__ */ d.jsx("button", { className: i, ...s, children: r });
-}, ur = ({ size: e, ref: r, className: n }) => /* @__PURE__ */ d.jsx(
+  return /* @__PURE__ */ l.jsx("button", { className: i, ...s, children: r });
+}, fr = ({ size: e, ref: r, className: o }) => /* @__PURE__ */ l.jsx(
   "svg",
   {
     ref: r,
@@ -3124,9 +3129,9 @@ const Ir = ({ actived: e, children: r, name: n }) => /* @__PURE__ */ d.jsx(pt, {
     height: e,
     viewBox: "0 0 24 24",
     fill: "none",
-    className: n,
+    className: o,
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ d.jsx("g", { transform: "translate(4 6)", children: /* @__PURE__ */ d.jsx(
+    children: /* @__PURE__ */ l.jsx("g", { transform: "translate(4 6)", children: /* @__PURE__ */ l.jsx(
       "path",
       {
         d: "M1 6L6 11L16 1",
@@ -3140,10 +3145,10 @@ const Ir = ({ actived: e, children: r, name: n }) => /* @__PURE__ */ d.jsx(pt, {
 ), ft = ({
   size: e,
   ref: r,
-  className: n,
-  fill: o = "#EDEDED",
+  className: o,
+  fill: n = "#EDEDED",
   ...s
-}) => /* @__PURE__ */ d.jsx(
+}) => /* @__PURE__ */ l.jsx(
   "svg",
   {
     ref: r,
@@ -3151,51 +3156,51 @@ const Ir = ({ actived: e, children: r, name: n }) => /* @__PURE__ */ d.jsx(pt, {
     height: e,
     viewBox: "0 0 12 12",
     fill: "none",
-    className: n,
+    className: o,
     xmlns: "http://www.w3.org/2000/svg",
     ...s,
-    children: /* @__PURE__ */ d.jsx("circle", { cx: "6", cy: "6", r: "6", fill: o })
+    children: /* @__PURE__ */ l.jsx("circle", { cx: "6", cy: "6", r: "6", fill: n })
   }
-), fr = 8, mr = 1, pr = (fr + mr) * 2, br = ({
+), mr = 8, pr = 1, gr = (mr + pr) * 2, br = ({
   inputName: e,
   inputId: r,
-  className: n,
-  style: o,
+  className: o,
+  style: n,
   onClick: s,
   size: a = 24,
   checked: i = !1,
   type: u,
-  ...l
+  ...c
 }) => {
-  const [f, v] = ie(i), k = Y(null), j = Y(null), g = `${a + pr}px`;
+  const [f, w] = Q(i), m = J(null), p = J(null), y = `${a + gr}px`;
   return le(() => {
-    k.current && (j.current && (j.current.checked = f), f ? k.current.style.display = o?.display || "block" : k.current.style.opacity = "0", setTimeout(() => {
-      k.current && (f ? k.current.style.opacity = "1" : k.current.style.display = "none");
+    m.current && (p.current && (p.current.checked = f), f ? m.current.style.display = n?.display || "block" : m.current.style.opacity = "0", setTimeout(() => {
+      m.current && (f ? m.current.style.opacity = "1" : m.current.style.display = "none");
     }, 100));
-  }, [f, o?.display]), /* @__PURE__ */ d.jsxs(
+  }, [f, n?.display]), /* @__PURE__ */ l.jsxs(
     "div",
     {
       className: [
         "bg-(--bg-card) border-(--fg-mini-text) border-1 p-[8px] cursor-pointer duration-300",
         u === "checkbox" ? "rounded-[20%]" : "rounded-[100%]",
         "hover:bg-(--fg-card)",
-        n
+        o
       ].join(" "),
       style: {
-        height: g,
-        width: g,
-        ...o
+        height: y,
+        width: y,
+        ...n
       },
-      onClick: (R) => {
-        s?.(R), v(!f);
+      onClick: (E) => {
+        s?.(E), w(!f);
       },
-      ...l,
+      ...c,
       children: [
-        u === "checkbox" ? /* @__PURE__ */ d.jsx(ur, { className: "duration-300", ref: k, size: a }) : /* @__PURE__ */ d.jsx(ft, { className: "duration-300", ref: k, size: a }),
-        /* @__PURE__ */ d.jsx(
+        u === "checkbox" ? /* @__PURE__ */ l.jsx(fr, { className: "duration-300", ref: m, size: a }) : /* @__PURE__ */ l.jsx(ft, { className: "duration-300", ref: m, size: a }),
+        /* @__PURE__ */ l.jsx(
           "input",
           {
-            ref: j,
+            ref: p,
             name: e,
             id: r,
             type: "checkbox",
@@ -3205,110 +3210,110 @@ const Ir = ({ actived: e, children: r, name: n }) => /* @__PURE__ */ d.jsx(pt, {
       ]
     }
   );
-}, Mr = (e) => /* @__PURE__ */ d.jsx(br, { type: "checkbox", ...e }), mt = Je(null), Oe = () => {
+}, Gr = (e) => /* @__PURE__ */ l.jsx(br, { type: "checkbox", ...e }), mt = Je(null), Pe = () => {
   const e = Xe(mt);
   if (!e)
     throw new Error("useDropdown must be used within DropdownProvider");
   return e;
-}, gr = (e, r) => {
+}, hr = (e, r) => {
   le(() => {
-    const n = (o) => {
-      e.current && (e.current.contains(o.target) || r(o));
+    const o = (n) => {
+      e.current && (e.current.contains(n.target) || r(n));
     };
-    return document.addEventListener("mousedown", n), document.addEventListener("touchstart", n), () => {
-      document.removeEventListener("mousedown", n), document.removeEventListener("touchstart", n);
+    return document.addEventListener("mousedown", o), document.addEventListener("touchstart", o), () => {
+      document.removeEventListener("mousedown", o), document.removeEventListener("touchstart", o);
     };
   }, [e, r]);
-}, Lr = ({
+}, Br = ({
   children: e,
   onChangeState: r,
-  closeOnClickOutside: n = !0,
-  openToOtherSide: o = !0,
+  closeOnClickOutside: o = !0,
+  openToOtherSide: n = !0,
   defaultHorizontalPosition: s = "right",
   defaultVertialPosition: a = "bottom",
   menuAlign: i = "center",
   className: u,
-  ...l
+  ...c
 }) => {
-  const [f, v] = ie(!1), k = Y(null), j = Y(null), g = Y(null), R = ae(
-    (_) => {
-      if (_) {
-        v(_), r?.(_);
+  const [f, w] = Q(!1), m = J(null), p = J(null), y = J(null), E = C(
+    (N) => {
+      if (N) {
+        w(N), r?.(N);
         return;
       }
-      v((S) => {
-        const T = !S;
+      w((R) => {
+        const T = !R;
         return r?.(T), T;
       });
     },
-    [v, r]
+    [w, r]
   );
-  return gr(j, () => {
-    n && f && R(!1);
+  return hr(p, () => {
+    o && f && E(!1);
   }), le(() => {
-    const _ = (S) => {
-      f && S.key === "Escape" && R(!1);
+    const N = (R) => {
+      f && R.key === "Escape" && E(!1);
     };
-    return document.addEventListener("keydown", _), () => {
-      document.removeEventListener("keydown", _);
+    return document.addEventListener("keydown", N), () => {
+      document.removeEventListener("keydown", N);
     };
-  }, [f, R]), /* @__PURE__ */ d.jsx(
+  }, [f, E]), /* @__PURE__ */ l.jsx(
     mt.Provider,
     {
       value: {
         opened: f,
-        toggle: R,
-        dropdownRef: k,
-        menuRef: j,
-        triggerRef: g,
-        openToOtherSide: o,
+        toggle: E,
+        dropdownRef: m,
+        menuRef: p,
+        triggerRef: y,
+        openToOtherSide: n,
         defaultHorizontalPosition: s,
         defaultVertialPosition: a,
         menuAlign: i
       },
-      children: /* @__PURE__ */ d.jsx(
+      children: /* @__PURE__ */ l.jsx(
         "div",
         {
-          ref: k,
-          className: G("relative inline-block", u),
-          ...l,
+          ref: m,
+          className: P("relative inline-block", u),
+          ...c,
           children: e
         }
       )
     }
   );
-}, Fr = ({
+}, Vr = ({
   children: e,
   className: r,
-  style: n,
-  ...o
+  style: o,
+  ...n
 }) => {
   const {
     opened: s,
     menuRef: a,
     triggerRef: i,
     defaultHorizontalPosition: u,
-    defaultVertialPosition: l,
+    defaultVertialPosition: c,
     openToOtherSide: f,
-    menuAlign: v
-  } = Oe(), k = ae(
-    (g) => {
-      const R = g === "x" ? "innerWidth" : "innerHeight", _ = g === "x" ? "width" : "height", S = g === "x" ? "right" : "bottom";
-      return (T, $) => {
-        if (!a.current || T[S] < window[R])
+    menuAlign: w
+  } = Pe(), m = C(
+    (y) => {
+      const E = y === "x" ? "innerWidth" : "innerHeight", N = y === "x" ? "width" : "height", R = y === "x" ? "right" : "bottom";
+      return (T, M) => {
+        if (!a.current || T[R] < window[E])
           return;
-        const I = T[S] - window[R];
+        const F = T[R] - window[E];
         if (f) {
-          const C = g === "y" ? $ : 0;
-          a.current.style[g] = `${T[g] - I - C}px`;
+          const V = y === "y" ? M : 0;
+          a.current.style[y] = `${T[y] - F - V}px`;
           return;
         }
-        const L = T[g] - T[_];
-        if (L >= 0) {
-          a.current.style[g] = `${L}px`;
+        const G = T[y] - T[N];
+        if (G >= 0) {
+          a.current.style[y] = `${G}px`;
           return;
         }
-        a.current.style[g] = `${T[g] - I}px`;
+        a.current.style[y] = `${T[y] - F}px`;
       };
     },
     [a, f]
@@ -3316,58 +3321,58 @@ const Ir = ({ actived: e, children: r, name: n }) => /* @__PURE__ */ d.jsx(pt, {
   if (qe(() => {
     if (!a.current || !i.current || !s)
       return;
-    const g = i.current.getBoundingClientRect(), R = a.current.getBoundingClientRect(), _ = v === "center" ? g.width / 2 : v === "right" ? g.width : 0, S = g.left + window.scrollX + _, T = g.top + g.height + window.scrollY;
-    u === "right" ? a.current.style.left = `${S}px` : a.current.style.left = `${S - R.width}px`, l === "bottom" ? a.current.style.top = `${T}px` : a.current.style.top = `${T - R.height - g.height}px`;
-    const $ = a.current.getBoundingClientRect();
-    k("x")($, g.height), k("y")($, g.height);
+    const y = i.current.getBoundingClientRect(), E = a.current.getBoundingClientRect(), N = w === "center" ? y.width / 2 : w === "right" ? y.width : 0, R = y.left + window.scrollX + N, T = y.top + y.height + window.scrollY;
+    u === "right" ? a.current.style.left = `${R}px` : a.current.style.left = `${R - E.width}px`, c === "bottom" ? a.current.style.top = `${T}px` : a.current.style.top = `${T - E.height - y.height}px`;
+    const M = a.current.getBoundingClientRect();
+    m("x")(M, y.height), m("y")(M, y.height);
   }, [
     s,
-    k,
+    m,
     a,
     i,
     u,
-    l,
-    v
+    c,
+    w
   ]), !s)
     return null;
-  const j = /* @__PURE__ */ d.jsx(
+  const p = /* @__PURE__ */ l.jsx(
     "div",
     {
       ref: a,
-      className: G(
+      className: P(
         "bg-(--bg-smooth-light) absolute z-100 rounded-lg shadow-lg",
         "flex flex-col min-w-40",
         r
       ),
       style: {
-        ...n
+        ...o
       },
       role: "menu",
       "aria-orientation": "vertical",
-      ...o,
+      ...n,
       children: e
     }
   );
-  return Ae(j, document.body);
-}, Gr = ({
+  return Ae(p, document.body);
+}, Ur = ({
   children: e,
   onClick: r,
-  className: n,
-  variant: o,
+  className: o,
+  variant: n,
   ...s
 }) => {
-  const { toggle: a } = Oe(), i = (u) => {
+  const { toggle: a } = Pe(), i = (u) => {
     s.disabled || (r?.(u), a(!1));
   };
-  return /* @__PURE__ */ d.jsx(
+  return /* @__PURE__ */ l.jsx(
     ke,
     {
       onClick: i,
-      className: G(
+      className: P(
         "px-4 py-2 w-full text-left rounded-lg page duration-300",
-        s.disabled ? "text-(--fg-mini-text)" : `color-${o} cursor-pointer`,
+        s.disabled ? "text-(--fg-mini-text)" : `color-${n} cursor-pointer`,
         "hover:bg-(--fg-mini-text-30)",
-        n
+        o
       ),
       overwriteClassName: !0,
       role: "menuitem",
@@ -3375,15 +3380,15 @@ const Ir = ({ actived: e, children: r, name: n }) => /* @__PURE__ */ d.jsx(pt, {
       children: e
     }
   );
-}, Br = ({
+}, Wr = ({
   children: e,
   className: r,
-  ...n
+  ...o
 }) => {
-  const { toggle: o, opened: s, triggerRef: a } = Oe(), i = () => {
-    o();
+  const { toggle: n, opened: s, triggerRef: a } = Pe(), i = () => {
+    n();
   };
-  return /* @__PURE__ */ d.jsx(
+  return /* @__PURE__ */ l.jsx(
     ke,
     {
       ref: a,
@@ -3391,43 +3396,43 @@ const Ir = ({ actived: e, children: r, name: n }) => /* @__PURE__ */ d.jsx(pt, {
       "aria-expanded": s,
       "aria-haspopup": "true",
       className: r,
-      ...n,
+      ...o,
       children: e
     }
   );
-}, Ur = ({
+}, Yr = ({
   className: e,
   overwriteClassName: r,
-  ...n
+  ...o
 }) => {
-  const o = r ? e : G(
+  const n = r ? e : P(
     "bg-(--bg-card) px-4 py-2 rounded-lg min-w-30 max-w-60",
     "focus:outline-0",
     e
   );
-  return /* @__PURE__ */ d.jsx("input", { placeholder: "input here...", ...n, className: o });
-}, Vr = ({
+  return /* @__PURE__ */ l.jsx("input", { placeholder: "input here...", ...o, className: n });
+}, Hr = ({
   className: e,
   overwriteClassName: r = !1,
-  minimalRowsHeight: n = 1,
-  maximalRowsHeight: o = 10,
+  minimalRowsHeight: o = 1,
+  maximalRowsHeight: n = 10,
   onChange: s,
   ...a
 }) => {
-  const i = r ? e : G(
+  const i = r ? e : P(
     "bg-(--bg-card) px-4 py-2 rounded-lg min-w-30 max-w-150 min-h-10 resize",
     "focus:outline-0",
     e
-  ), u = (l) => {
-    const f = l.currentTarget;
+  ), u = (c) => {
+    const f = c.currentTarget;
     f.style.height = "auto";
-    const v = parseInt(getComputedStyle(f).lineHeight), k = Math.min(
-      Math.max(f.scrollHeight, n * v),
-      o * v
+    const w = parseInt(getComputedStyle(f).lineHeight), m = Math.min(
+      Math.max(f.scrollHeight, o * w),
+      n * w
     );
-    f.style.height = `${k}px`, s?.(l);
+    f.style.height = `${m}px`, s?.(c);
   };
-  return /* @__PURE__ */ d.jsx(
+  return /* @__PURE__ */ l.jsx(
     "textarea",
     {
       placeholder: "write here...",
@@ -3436,22 +3441,56 @@ const Ir = ({ actived: e, children: r, name: n }) => /* @__PURE__ */ d.jsx(pt, {
       ...a
     }
   );
-}, Wr = ({
+}, L = [];
+for (let e = 0; e < 256; ++e)
+  L.push((e + 256).toString(16).slice(1));
+function xr(e, r = 0) {
+  return (L[e[r + 0]] + L[e[r + 1]] + L[e[r + 2]] + L[e[r + 3]] + "-" + L[e[r + 4]] + L[e[r + 5]] + "-" + L[e[r + 6]] + L[e[r + 7]] + "-" + L[e[r + 8]] + L[e[r + 9]] + "-" + L[e[r + 10]] + L[e[r + 11]] + L[e[r + 12]] + L[e[r + 13]] + L[e[r + 14]] + L[e[r + 15]]).toLowerCase();
+}
+let _e;
+const yr = new Uint8Array(16);
+function wr() {
+  if (!_e) {
+    if (typeof crypto > "u" || !crypto.getRandomValues)
+      throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
+    _e = crypto.getRandomValues.bind(crypto);
+  }
+  return _e(yr);
+}
+const vr = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), Be = { randomUUID: vr };
+function kr(e, r, o) {
+  e = e || {};
+  const n = e.random ?? e.rng?.() ?? wr();
+  if (n.length < 16)
+    throw new Error("Random bytes length must be >= 16");
+  return n[6] = n[6] & 15 | 64, n[8] = n[8] & 63 | 128, xr(n);
+}
+function pt(e, r, o) {
+  return Be.randomUUID && !e ? Be.randomUUID() : kr(e);
+}
+const Jr = ({
   container: e,
   children: r,
-  portalKey: n,
-  className: o = "",
+  portalKey: o,
+  className: n = "",
   zIndex: s,
   style: a,
-  ...i
+  id: i,
+  onClick: u,
+  onModalElementClick: c,
+  ...f
 }) => {
-  const u = s ? "" : "z-100";
+  const w = s ? "" : "z-100", m = i || pt();
   return Ae(
-    /* @__PURE__ */ d.jsx(
+    /* @__PURE__ */ l.jsx(
       "div",
       {
-        className: G("fixed top-0 h-screen w-screen", u, o),
-        ...i,
+        id: m,
+        className: P("fixed top-0 h-screen w-screen", w, n),
+        onClick: (p) => {
+          u?.(p), p.target.id === m && c(p);
+        },
+        ...f,
         style: {
           zIndex: s,
           ...a
@@ -3460,12 +3499,12 @@ const Ir = ({ actived: e, children: r, name: n }) => /* @__PURE__ */ d.jsx(pt, {
       }
     ),
     e,
-    n
+    o
   );
-}, Yr = ({ size: e = 48, className: r = "" }) => /* @__PURE__ */ d.jsxs(
+}, Xr = ({ size: e = 48, className: r = "" }) => /* @__PURE__ */ l.jsxs(
   "svg",
   {
-    className: G("animate-spin text-(--bg-smooth-light)", r),
+    className: P("animate-spin text-(--bg-smooth-light)", r),
     style: {
       height: e + "px",
       width: e + "px"
@@ -3474,8 +3513,8 @@ const Ir = ({ actived: e, children: r, name: n }) => /* @__PURE__ */ d.jsx(pt, {
     fill: "none",
     viewBox: "0 0 24 24",
     children: [
-      /* @__PURE__ */ d.jsx("circle", { cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }),
-      /* @__PURE__ */ d.jsx(
+      /* @__PURE__ */ l.jsx("circle", { cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }),
+      /* @__PURE__ */ l.jsx(
         "path",
         {
           fill: "var(--fg-text)",
@@ -3484,15 +3523,15 @@ const Ir = ({ actived: e, children: r, name: n }) => /* @__PURE__ */ d.jsx(pt, {
       )
     ]
   }
-), ce = 8, Hr = ({
+), ce = 8, qr = ({
   value: e,
   height: r = 24,
-  showPercentage: n = !1,
-  className: o
+  showPercentage: o = !1,
+  className: n
 }) => {
   const s = Math.round(e);
-  return /* @__PURE__ */ d.jsx("div", { className: G("w-full", o), children: /* @__PURE__ */ d.jsxs("div", { className: "relative w-full", style: { height: r }, children: [
-    /* @__PURE__ */ d.jsx(
+  return /* @__PURE__ */ l.jsx("div", { className: P("w-full", n), children: /* @__PURE__ */ l.jsxs("div", { className: "relative w-full", style: { height: r }, children: [
+    /* @__PURE__ */ l.jsx(
       "svg",
       {
         width: "100%",
@@ -3501,10 +3540,10 @@ const Ir = ({ actived: e, children: r, name: n }) => /* @__PURE__ */ d.jsx(pt, {
         viewBox: `0 0 100 ${r}`,
         preserveAspectRatio: "none",
         className: "absolute top-0 left-0",
-        children: /* @__PURE__ */ d.jsx("rect", { width: "100", height: r, fill: "var(--bg-smooth-ce)" })
+        children: /* @__PURE__ */ l.jsx("rect", { width: "100", height: r, fill: "var(--bg-smooth-ce)" })
       }
     ),
-    /* @__PURE__ */ d.jsx(
+    /* @__PURE__ */ l.jsx(
       "div",
       {
         className: "absolute top-0 left-0 h-full overflow-hidden transition-all duration-300",
@@ -3512,14 +3551,14 @@ const Ir = ({ actived: e, children: r, name: n }) => /* @__PURE__ */ d.jsx(pt, {
           width: `${e}%`,
           borderRadius: ce
         },
-        children: /* @__PURE__ */ d.jsx(
+        children: /* @__PURE__ */ l.jsx(
           "svg",
           {
             width: "100%",
             height: r,
             viewBox: `0 0 100 ${r}`,
             preserveAspectRatio: "none",
-            children: /* @__PURE__ */ d.jsx(
+            children: /* @__PURE__ */ l.jsx(
               "rect",
               {
                 width: "100",
@@ -3532,16 +3571,16 @@ const Ir = ({ actived: e, children: r, name: n }) => /* @__PURE__ */ d.jsx(pt, {
         )
       }
     ),
-    n && /* @__PURE__ */ d.jsx("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ d.jsxs("span", { className: "bg-(--fg-card) py-1 px-3 rounded text-(--fg-text)", children: [
+    o && /* @__PURE__ */ l.jsx("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ l.jsxs("span", { className: "bg-(--fg-card) py-1 px-3 rounded text-(--fg-text)", children: [
       s,
       "%"
     ] }) })
   ] }) });
-}, Jr = ({
+}, Zr = ({
   className: e,
   height: r
-}) => /* @__PURE__ */ d.jsx("div", { className: G("w-full", e), children: /* @__PURE__ */ d.jsxs("div", { className: "relative w-full", style: { height: r }, children: [
-  /* @__PURE__ */ d.jsx(
+}) => /* @__PURE__ */ l.jsx("div", { className: P("w-full", e), children: /* @__PURE__ */ l.jsxs("div", { className: "relative w-full", style: { height: r }, children: [
+  /* @__PURE__ */ l.jsx(
     "svg",
     {
       width: "100%",
@@ -3550,10 +3589,10 @@ const Ir = ({ actived: e, children: r, name: n }) => /* @__PURE__ */ d.jsx(pt, {
       viewBox: `0 0 100 ${r}`,
       preserveAspectRatio: "none",
       className: "absolute top-0 left-0",
-      children: /* @__PURE__ */ d.jsx("rect", { width: "100", height: r, fill: "var(--bg-smooth-ce)" })
+      children: /* @__PURE__ */ l.jsx("rect", { width: "100", height: r, fill: "var(--bg-smooth-ce)" })
     }
   ),
-  /* @__PURE__ */ d.jsx(
+  /* @__PURE__ */ l.jsx(
     "div",
     {
       className: "animate-(--animate-indeterminate-3s) h-full overflow-hidden transition-all duration-300",
@@ -3561,14 +3600,14 @@ const Ir = ({ actived: e, children: r, name: n }) => /* @__PURE__ */ d.jsx(pt, {
         width: "20%",
         borderRadius: ce
       },
-      children: /* @__PURE__ */ d.jsx(
+      children: /* @__PURE__ */ l.jsx(
         "svg",
         {
           width: "100%",
           height: r,
           viewBox: `0 0 100 ${r}`,
           preserveAspectRatio: "none",
-          children: /* @__PURE__ */ d.jsx(
+          children: /* @__PURE__ */ l.jsx(
             "rect",
             {
               width: "100",
@@ -3581,86 +3620,86 @@ const Ir = ({ actived: e, children: r, name: n }) => /* @__PURE__ */ d.jsx(pt, {
       )
     }
   )
-] }) }), Xr = ({
+] }) }), Kr = ({
   type: e = "pulse",
   size: r = 6,
-  elements: n = 3,
-  duration: o = 1,
+  elements: o = 3,
+  duration: n = 1,
   color: s = "var(--bg-smooth)",
   animation: a,
   delay: i = 0.1,
   container: u,
-  autoPaddingDisabled: l = !1
+  autoPaddingDisabled: c = !1
 }) => {
-  const f = e === "orbit" ? "absolute" : "", v = l ? {} : { padding: r * 2 }, k = a ? `var(${a})` : `var(--animate-ellipse-${e})`;
-  if (n <= 0)
+  const f = e === "orbit" ? "absolute" : "", w = c ? {} : { padding: r * 2 }, m = a ? `var(${a})` : `var(--animate-ellipse-${e})`;
+  if (o <= 0)
     throw new Error("Elements can not be zero");
-  if (n > 12)
+  if (o > 12)
     throw new Error("Element can not be more than 12");
-  const j = new Array(n).fill(n).map((g, R) => /* @__PURE__ */ d.jsx(
+  const p = new Array(o).fill(o).map((y, E) => /* @__PURE__ */ l.jsx(
     ft,
     {
       size: r,
       fill: s,
       style: {
-        animation: k,
-        animationDuration: o + "s",
-        animationDelay: `${i * R}s`
+        animation: m,
+        animationDuration: n + "s",
+        animationDelay: `${i * E}s`
       },
       className: f
     },
-    g + R
+    y + E
   ));
-  return u ? /* @__PURE__ */ d.jsx(u, { children: j }) : /* @__PURE__ */ d.jsx("div", { className: "flex flex-row gap-2 w-fit h-fit", style: v, children: j });
-}, hr = 12, xr = 8, qr = ({
+  return u ? /* @__PURE__ */ l.jsx(u, { children: p }) : /* @__PURE__ */ l.jsx("div", { className: "flex flex-row gap-2 w-fit h-fit", style: w, children: p });
+}, jr = 12, Er = 8, Qr = ({
   inputId: e,
   inputName: r,
-  dangerousDisableError: n = !1,
-  style: o,
+  dangerousDisableError: o = !1,
+  style: n,
   className: s,
   onClick: a,
   radioSize: i = 24,
   checked: u = !1,
-  ...l
+  ...c
 }) => {
-  const [f, v] = ie(u);
-  i < hr && !n && console.error(
+  const [f, w] = Q(u);
+  i < jr && !o && console.error(
     "radio size less than minimal, set radioSize = 12 or more too resolve"
   );
-  const k = i * 4, j = k - xr * 2 - i, g = f ? "bg-(--bg-card)" : "bg-(--bg-section)", R = f ? "bg-(--fg-default)" : "bg-(--fg-mini-text)", _ = f ? j : 0;
-  return /* @__PURE__ */ d.jsxs(
+  const m = i * 4, p = m - Er * 2 - i, y = f ? "bg-(--bg-card)" : "bg-(--bg-section)", E = f ? "bg-(--fg-default)" : "bg-(--fg-mini-text)", N = f ? p : 0;
+  return /* @__PURE__ */ l.jsxs(
     "div",
     {
       style: {
-        width: `${k}px`,
-        ...o
+        width: `${m}px`,
+        ...n
       },
-      className: G(
+      className: P(
         "rounded-[200px] py-[6px] px-[8px] cursor-pointer duration-300",
-        g,
+        y,
         "hover:bg-(--fg-card)",
         s
       ),
-      onClick: (S) => {
-        v(!f), a?.(S);
+      onClick: (R) => {
+        w(!f), a?.(R);
       },
-      ...l,
+      ...c,
       children: [
-        /* @__PURE__ */ d.jsx(
+        /* @__PURE__ */ l.jsx(
           "div",
           {
             className: [
               "relative duration-300 rounded-[100%]",
-              R
+              E
             ].join(" "),
             style: {
               height: `${i}px`,
               width: `${i}px`,
-              left: `${_}px`
+              left: `${N}px`
             }
           }
         ),
-        /* @__PURE__ */ d.jsx(
+        /* @__PURE__ */ l.jsx(
           "input",
           {
             name: r,
@@ -3672,56 +3711,30 @@ const Ir = ({ actived: e, children: r, name: n }) => /* @__PURE__ */ d.jsx(pt, {
       ]
     }
   );
-}, Zr = ({
+}, eo = ({
   flexDirection: e = "row",
   className: r,
-  ...n
+  ...o
 }) => {
-  const o = e === "col" ? "flex-col" : "flex-row";
-  return /* @__PURE__ */ d.jsx(
+  const n = e === "col" ? "flex-col" : "flex-row";
+  return /* @__PURE__ */ l.jsx(
     "div",
     {
-      ...n,
-      className: G(
+      ...o,
+      className: P(
         "bg-(image:--image-bg) flex gap-8 px-12 py-4 rounded-lg page",
-        o,
+        n,
         r
       )
     }
   );
-}, P = [];
-for (let e = 0; e < 256; ++e)
-  P.push((e + 256).toString(16).slice(1));
-function yr(e, r = 0) {
-  return (P[e[r + 0]] + P[e[r + 1]] + P[e[r + 2]] + P[e[r + 3]] + "-" + P[e[r + 4]] + P[e[r + 5]] + "-" + P[e[r + 6]] + P[e[r + 7]] + "-" + P[e[r + 8]] + P[e[r + 9]] + "-" + P[e[r + 10]] + P[e[r + 11]] + P[e[r + 12]] + P[e[r + 13]] + P[e[r + 14]] + P[e[r + 15]]).toLowerCase();
-}
-let _e;
-const wr = new Uint8Array(16);
-function vr() {
-  if (!_e) {
-    if (typeof crypto > "u" || !crypto.getRandomValues)
-      throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
-    _e = crypto.getRandomValues.bind(crypto);
-  }
-  return _e(wr);
-}
-const kr = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), Ge = { randomUUID: kr };
-function jr(e, r, n) {
-  e = e || {};
-  const o = e.random ?? e.rng?.() ?? vr();
-  if (o.length < 16)
-    throw new Error("Random bytes length must be >= 16");
-  return o[6] = o[6] & 15 | 64, o[8] = o[8] & 63 | 128, yr(o);
-}
-function Er(e, r, n) {
-  return Ge.randomUUID && !e ? Ge.randomUUID() : jr(e);
-}
-var Se = { exports: {} }, be = {}, Be;
+};
+var Se = { exports: {} }, ge = {}, Ve;
 function Rr() {
-  if (Be) return be;
-  Be = 1;
+  if (Ve) return ge;
+  Ve = 1;
   var e = /* @__PURE__ */ Symbol.for("react.transitional.element"), r = /* @__PURE__ */ Symbol.for("react.fragment");
-  function n(o, s, a) {
+  function o(n, s, a) {
     var i = null;
     if (a !== void 0 && (i = "" + a), s.key !== void 0 && (i = "" + s.key), "key" in s) {
       a = {};
@@ -3730,13 +3743,13 @@ function Rr() {
     } else a = s;
     return s = a.ref, {
       $$typeof: e,
-      type: o,
+      type: n,
       key: i,
       ref: s !== void 0 ? s : null,
       props: a
     };
   }
-  return be.Fragment = r, be.jsx = n, be.jsxs = n, be;
+  return ge.Fragment = r, ge.jsx = o, ge.jsxs = o, ge;
 }
 var we = {}, Ue;
 function _r() {
@@ -3744,41 +3757,41 @@ function _r() {
     function e(t) {
       if (t == null) return null;
       if (typeof t == "function")
-        return t.$$typeof === ne ? null : t.displayName || t.name || null;
+        return t.$$typeof === se ? null : t.displayName || t.name || null;
       if (typeof t == "string") return t;
       switch (t) {
-        case S:
+        case R:
           return "Fragment";
-        case $:
+        case M:
           return "Profiler";
         case T:
           return "StrictMode";
-        case N:
+        case A:
           return "Suspense";
-        case D:
+        case U:
           return "SuspenseList";
-        case oe:
+        case ee:
           return "Activity";
       }
       if (typeof t == "object")
         switch (typeof t.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
         ), t.$$typeof) {
-          case _:
+          case N:
             return "Portal";
-          case L:
+          case G:
             return t.displayName || "Context";
-          case I:
+          case F:
             return (t._context.displayName || "Context") + ".Consumer";
-          case C:
-            var c = t.render;
-            return t = t.displayName, t || (t = c.displayName || c.name || "", t = t !== "" ? "ForwardRef(" + t + ")" : "ForwardRef"), t;
-          case w:
-            return c = t.displayName || null, c !== null ? c : e(t.type) || "Memo";
-          case O:
-            c = t._payload, t = t._init;
+          case V:
+            var d = t.render;
+            return t = t.displayName, t || (t = d.displayName || d.name || "", t = t !== "" ? "ForwardRef(" + t + ")" : "ForwardRef"), t;
+          case j:
+            return d = t.displayName || null, d !== null ? d : e(t.type) || "Memo";
+          case I:
+            d = t._payload, t = t._init;
             try {
-              return e(t(c));
+              return e(t(d));
             } catch {
             }
         }
@@ -3787,77 +3800,77 @@ function _r() {
     function r(t) {
       return "" + t;
     }
-    function n(t) {
+    function o(t) {
       try {
         r(t);
-        var c = !1;
+        var d = !1;
       } catch {
-        c = !0;
+        d = !0;
       }
-      if (c) {
-        c = console;
-        var b = c.error, y = typeof Symbol == "function" && Symbol.toStringTag && t[Symbol.toStringTag] || t.constructor.name || "Object";
-        return b.call(
-          c,
+      if (d) {
+        d = console;
+        var h = d.error, k = typeof Symbol == "function" && Symbol.toStringTag && t[Symbol.toStringTag] || t.constructor.name || "Object";
+        return h.call(
+          d,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          y
+          k
         ), r(t);
       }
     }
-    function o(t) {
-      if (t === S) return "<>";
-      if (typeof t == "object" && t !== null && t.$$typeof === O)
+    function n(t) {
+      if (t === R) return "<>";
+      if (typeof t == "object" && t !== null && t.$$typeof === I)
         return "<...>";
       try {
-        var c = e(t);
-        return c ? "<" + c + ">" : "<...>";
+        var d = e(t);
+        return d ? "<" + d + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
     function s() {
-      var t = V.A;
+      var t = S.A;
       return t === null ? null : t.getOwner();
     }
     function a() {
       return Error("react-stack-top-frame");
     }
     function i(t) {
-      if (q.call(t, "key")) {
-        var c = Object.getOwnPropertyDescriptor(t, "key").get;
-        if (c && c.isReactWarning) return !1;
+      if (z.call(t, "key")) {
+        var d = Object.getOwnPropertyDescriptor(t, "key").get;
+        if (d && d.isReactWarning) return !1;
       }
       return t.key !== void 0;
     }
-    function u(t, c) {
-      function b() {
-        M || (M = !0, console.error(
+    function u(t, d) {
+      function h() {
+        W || (W = !0, console.error(
           "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
-          c
+          d
         ));
       }
-      b.isReactWarning = !0, Object.defineProperty(t, "key", {
-        get: b,
+      h.isReactWarning = !0, Object.defineProperty(t, "key", {
+        get: h,
         configurable: !0
       });
     }
-    function l() {
+    function c() {
       var t = e(this.type);
-      return B[t] || (B[t] = !0, console.error(
+      return Y[t] || (Y[t] = !0, console.error(
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
       )), t = this.props.ref, t !== void 0 ? t : null;
     }
-    function f(t, c, b, y, U, H) {
-      var h = b.ref;
+    function f(t, d, h, k, H, q) {
+      var x = h.ref;
       return t = {
-        $$typeof: R,
+        $$typeof: E,
         type: t,
-        key: c,
-        props: b,
-        _owner: y
-      }, (h !== void 0 ? h : null) !== null ? Object.defineProperty(t, "ref", {
+        key: d,
+        props: h,
+        _owner: k
+      }, (x !== void 0 ? x : null) !== null ? Object.defineProperty(t, "ref", {
         enumerable: !1,
-        get: l
+        get: c
       }) : Object.defineProperty(t, "ref", { enumerable: !1, value: null }), t._store = {}, Object.defineProperty(t._store, "validated", {
         configurable: !1,
         enumerable: !1,
@@ -3872,140 +3885,138 @@ function _r() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: U
+        value: H
       }), Object.defineProperty(t, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: H
+        value: q
       }), Object.freeze && (Object.freeze(t.props), Object.freeze(t)), t;
     }
-    function v(t, c, b, y, U, H) {
-      var h = c.children;
-      if (h !== void 0)
-        if (y)
-          if (te(h)) {
-            for (y = 0; y < h.length; y++)
-              k(h[y]);
-            Object.freeze && Object.freeze(h);
+    function w(t, d, h, k, H, q) {
+      var x = d.children;
+      if (x !== void 0)
+        if (k)
+          if (D(x)) {
+            for (k = 0; k < x.length; k++)
+              m(x[k]);
+            Object.freeze && Object.freeze(x);
           } else
             console.error(
               "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
             );
-        else k(h);
-      if (q.call(c, "key")) {
-        h = e(t);
-        var z = Object.keys(c).filter(function(Q) {
-          return Q !== "key";
+        else m(x);
+      if (z.call(d, "key")) {
+        x = e(t);
+        var B = Object.keys(d).filter(function(oe) {
+          return oe !== "key";
         });
-        y = 0 < z.length ? "{key: someKey, " + z.join(": ..., ") + ": ...}" : "{key: someKey}", K[h + y] || (z = 0 < z.length ? "{" + z.join(": ..., ") + ": ...}" : "{}", console.error(
+        k = 0 < B.length ? "{key: someKey, " + B.join(": ..., ") + ": ...}" : "{key: someKey}", re[x + k] || (B = 0 < B.length ? "{" + B.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
-          y,
-          h,
-          z,
-          h
-        ), K[h + y] = !0);
+          k,
+          x,
+          B,
+          x
+        ), re[x + k] = !0);
       }
-      if (h = null, b !== void 0 && (n(b), h = "" + b), i(c) && (n(c.key), h = "" + c.key), "key" in c) {
-        b = {};
-        for (var W in c)
-          W !== "key" && (b[W] = c[W]);
-      } else b = c;
-      return h && u(
-        b,
+      if (x = null, h !== void 0 && (o(h), x = "" + h), i(d) && (o(d.key), x = "" + d.key), "key" in d) {
+        h = {};
+        for (var X in d)
+          X !== "key" && (h[X] = d[X]);
+      } else h = d;
+      return x && u(
+        h,
         typeof t == "function" ? t.displayName || t.name || "Unknown" : t
       ), f(
         t,
+        x,
         h,
-        b,
         s(),
-        U,
-        H
+        H,
+        q
       );
     }
-    function k(t) {
-      j(t) ? t._store && (t._store.validated = 1) : typeof t == "object" && t !== null && t.$$typeof === O && (t._payload.status === "fulfilled" ? j(t._payload.value) && t._payload.value._store && (t._payload.value._store.validated = 1) : t._store && (t._store.validated = 1));
+    function m(t) {
+      p(t) ? t._store && (t._store.validated = 1) : typeof t == "object" && t !== null && t.$$typeof === I && (t._payload.status === "fulfilled" ? p(t._payload.value) && t._payload.value._store && (t._payload.value._store.validated = 1) : t._store && (t._store.validated = 1));
     }
-    function j(t) {
-      return typeof t == "object" && t !== null && t.$$typeof === R;
+    function p(t) {
+      return typeof t == "object" && t !== null && t.$$typeof === E;
     }
-    var g = He, R = /* @__PURE__ */ Symbol.for("react.transitional.element"), _ = /* @__PURE__ */ Symbol.for("react.portal"), S = /* @__PURE__ */ Symbol.for("react.fragment"), T = /* @__PURE__ */ Symbol.for("react.strict_mode"), $ = /* @__PURE__ */ Symbol.for("react.profiler"), I = /* @__PURE__ */ Symbol.for("react.consumer"), L = /* @__PURE__ */ Symbol.for("react.context"), C = /* @__PURE__ */ Symbol.for("react.forward_ref"), N = /* @__PURE__ */ Symbol.for("react.suspense"), D = /* @__PURE__ */ Symbol.for("react.suspense_list"), w = /* @__PURE__ */ Symbol.for("react.memo"), O = /* @__PURE__ */ Symbol.for("react.lazy"), oe = /* @__PURE__ */ Symbol.for("react.activity"), ne = /* @__PURE__ */ Symbol.for("react.client.reference"), V = g.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, q = Object.prototype.hasOwnProperty, te = Array.isArray, F = console.createTask ? console.createTask : function() {
+    var y = He, E = /* @__PURE__ */ Symbol.for("react.transitional.element"), N = /* @__PURE__ */ Symbol.for("react.portal"), R = /* @__PURE__ */ Symbol.for("react.fragment"), T = /* @__PURE__ */ Symbol.for("react.strict_mode"), M = /* @__PURE__ */ Symbol.for("react.profiler"), F = /* @__PURE__ */ Symbol.for("react.consumer"), G = /* @__PURE__ */ Symbol.for("react.context"), V = /* @__PURE__ */ Symbol.for("react.forward_ref"), A = /* @__PURE__ */ Symbol.for("react.suspense"), U = /* @__PURE__ */ Symbol.for("react.suspense_list"), j = /* @__PURE__ */ Symbol.for("react.memo"), I = /* @__PURE__ */ Symbol.for("react.lazy"), ee = /* @__PURE__ */ Symbol.for("react.activity"), se = /* @__PURE__ */ Symbol.for("react.client.reference"), S = y.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, z = Object.prototype.hasOwnProperty, D = Array.isArray, O = console.createTask ? console.createTask : function() {
       return null;
     };
-    g = {
+    y = {
       react_stack_bottom_frame: function(t) {
         return t();
       }
     };
-    var M, B = {}, x = g.react_stack_bottom_frame.bind(
-      g,
+    var W, Y = {}, v = y.react_stack_bottom_frame.bind(
+      y,
       a
-    )(), Z = F(o(a)), K = {};
-    we.Fragment = S, we.jsx = function(t, c, b) {
-      var y = 1e4 > V.recentlyCreatedOwnerStacks++;
-      return v(
+    )(), te = O(n(a)), re = {};
+    we.Fragment = R, we.jsx = function(t, d, h) {
+      var k = 1e4 > S.recentlyCreatedOwnerStacks++;
+      return w(
         t,
-        c,
-        b,
+        d,
+        h,
         !1,
-        y ? Error("react-stack-top-frame") : x,
-        y ? F(o(t)) : Z
+        k ? Error("react-stack-top-frame") : v,
+        k ? O(n(t)) : te
       );
-    }, we.jsxs = function(t, c, b) {
-      var y = 1e4 > V.recentlyCreatedOwnerStacks++;
-      return v(
+    }, we.jsxs = function(t, d, h) {
+      var k = 1e4 > S.recentlyCreatedOwnerStacks++;
+      return w(
         t,
-        c,
-        b,
+        d,
+        h,
         !0,
-        y ? Error("react-stack-top-frame") : x,
-        y ? F(o(t)) : Z
+        k ? Error("react-stack-top-frame") : v,
+        k ? O(n(t)) : te
       );
     };
   })()), we;
 }
-var Ve;
+var We;
 function Sr() {
-  return Ve || (Ve = 1, process.env.NODE_ENV === "production" ? Se.exports = Rr() : Se.exports = _r()), Se.exports;
+  return We || (We = 1, process.env.NODE_ENV === "production" ? Se.exports = Rr() : Se.exports = _r()), Se.exports;
 }
-var Te = Sr();
-const We = 2, Ye = 2, Tr = ({
+var Ne = Sr();
+const Ye = 2, Nr = 2, Ce = ({
   size: e = 24,
   color: r = "#D9D9D9",
-  constantStrokeWidth: n = !1,
-  dangerousIgnoreError: o = !1,
-  className: s,
+  constantStrokeWidth: o = !1,
+  className: n,
+  stokeWidth: s = Nr,
   ...a
 }) => {
-  const i = e - We, u = i + We, l = u / 2, f = n || i >= 24 ? Ye : Ye / 2, v = (i - f) / 2, k = l - v, j = l - f / 2;
-  if (i < 12 && !o)
-    throw new Error("size of X can not be less than 12");
-  const g = (R) => /* @__PURE__ */ Te.jsx(
+  const i = e - Ye, u = i + Ye, c = u / 2, f = o || i > 24 ? s : s / 2, w = (i - f) / 2, m = c - w, p = c - f / 2, y = (E) => /* @__PURE__ */ Ne.jsx(
     "rect",
     {
-      x: k,
-      y: j,
-      width: i,
-      height: f,
+      x: m,
+      y: p,
+      ry: f / 2,
       rx: f / 2,
-      transform: `rotate(${R} ${l} ${l})`,
+      width: i / 2,
+      height: f,
+      transform: `rotate(${E} ${c} ${c})`,
       fill: r
     }
   );
-  return /* @__PURE__ */ Te.jsx(
+  return /* @__PURE__ */ Ne.jsx(
     "div",
     {
       className: [
         "block h-fit w-fit",
-        s
+        n
       ].join(" "),
       ...a,
-      children: /* @__PURE__ */ Te.jsxs(
+      children: /* @__PURE__ */ Ne.jsxs(
         "svg",
         {
           width: u,
@@ -4014,198 +4025,426 @@ const We = 2, Ye = 2, Tr = ({
           fill: "none",
           xmlns: "http://www.w3.org/2000/svg",
           children: [
-            g(45),
-            g(-45)
+            y(45),
+            y(135),
+            y(-135),
+            y(-45)
           ]
         }
       )
     }
   );
-}, Cr = ({
+}, Tr = ({
   text: e,
   closed: r = !1,
-  className: n = "",
-  disablePositionAndInset: o = !1,
-  id: s = Er(),
+  className: o = "",
+  disablePositionAndInset: n = !1,
+  id: s = pt(),
   close: a,
-  ...i
-}) => /* @__PURE__ */ d.jsxs(
+  closeAll: i,
+  showAll: u,
+  openListButtonVisible: c = !1,
+  count: f,
+  ...w
+}) => {
+  const m = f && i ? /* @__PURE__ */ l.jsxs(
+    "div",
+    {
+      className: P(
+        "bg-(--bg-card) rounded-lg py-1 px-5",
+        "flex gap-1",
+        "w-fit h-fit text-mini",
+        "noselect"
+      ),
+      children: [
+        /* @__PURE__ */ l.jsxs("span", { children: [
+          "Уведомлений: ",
+          f
+        ] }),
+        /* @__PURE__ */ l.jsx("span", { onClick: i, className: "cursor-pointer", children: "Закрыть всё? ×" })
+      ]
+    }
+  ) : null, p = c && u ? /* @__PURE__ */ l.jsx("div", { className: P("bg-(--bg-card) rounded-lg py-1 px-5", "text-mini"), children: /* @__PURE__ */ l.jsx("span", { className: "cursor-pointer", onClick: u, children: "Открыть список" }) }) : null;
+  return /* @__PURE__ */ l.jsxs(
+    "div",
+    {
+      className: P(
+        !n && "fixed left-1/2 -translate-x-1/2 top-3/4",
+        "transition-all duration-500 ease-out",
+        "flex flex-col gap-2",
+        r ? "opacity-0 scale-95 -translate-y-2 pointer-events-none" : "opacity-100 scale-100 translate-y-0",
+        o
+      ),
+      ...w,
+      children: [
+        /* @__PURE__ */ l.jsxs(
+          "div",
+          {
+            className: P(
+              "bg-(--bg-card) text-base rounded-lg py-2 px-5",
+              "flex gap-3 items-center shadow-lg"
+            ),
+            children: [
+              typeof e == "string" ? /* @__PURE__ */ l.jsx("span", { children: e }) : e,
+              /* @__PURE__ */ l.jsx(
+                Ce,
+                {
+                  className: "cursor-pointer hover:opacity-70 transition-opacity",
+                  onClick: () => a(s)
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ l.jsxs("div", { className: "flex justify-center items-center gap-1 self-end", children: [
+          p,
+          m
+        ] })
+      ]
+    }
+  );
+}, Cr = ({
+  showed: e,
+  notifications: r,
+  close: o,
+  setShowed: n,
+  className: s,
+  heightMultipliyer: a = 4.5,
+  maxHeightTwClass: i = "max-h-100",
+  maxWidthTwClass: u = "max-w-160",
+  notificationComponentClassName: c,
+  ...f
+}) => /* @__PURE__ */ l.jsxs(
   "div",
   {
-    className: G(
-      !o && "fixed left-1/2 -translate-x-1/2 top-3/4",
-      "bg-(--bg-card) text-base rounded-lg py-2 px-5",
-      "flex gap-3 items-center shadow-lg",
-      "transition-all duration-500 ease-out",
-      r ? "opacity-0 scale-95 -translate-y-2 pointer-events-none" : "opacity-100 scale-100 translate-y-0",
-      n
+    className: P(
+      "bg-(--bg-smooth) py-2 px-4 rounded-xl text-base",
+      "fixed left-1 bottom-1",
+      "transition-all duration-400 ease-out",
+      e ? "opacity-100 scale-100 translate-x-0" : "opacity-0 scale-95 -translate-x-20 pointer-events-none",
+      s
     ),
-    ...i,
+    ...f,
     children: [
-      typeof e == "string" ? /* @__PURE__ */ d.jsx("span", { children: e }) : e,
-      /* @__PURE__ */ d.jsx(
-        Tr,
+      /* @__PURE__ */ l.jsxs("div", { className: "flex gap-2 items-center", children: [
+        /* @__PURE__ */ l.jsx("h3", { children: "Ваши уведомления" }),
+        /* @__PURE__ */ l.jsx(
+          Ce,
+          {
+            className: "cursor-pointer",
+            onClick: () => n(!1)
+          }
+        )
+      ] }),
+      /* @__PURE__ */ l.jsx(
+        "div",
         {
-          className: "cursor-pointer hover:opacity-70 transition-opacity",
-          onClick: () => a(s)
+          className: P(
+            "transition-[height] duration-400 ease-in-out",
+            "w-120 overflow-auto pr-2",
+            "flex flex-col gap-2",
+            "min-h-30 min-w-40",
+            "resize",
+            i,
+            u,
+            c
+          ),
+          style: {
+            height: `calc(var(--spacing) * ${r.length <= 3 ? 3 : r.length} * ${a})`
+          },
+          children: r.map((w, m) => /* @__PURE__ */ l.jsxs(
+            "div",
+            {
+              className: P(
+                "bg-(--bg-card) py-1 px-2 rounded-lg",
+                "flex gap-2 w-full justify-between"
+              ),
+              children: [
+                /* @__PURE__ */ l.jsxs("span", { children: [
+                  w.position,
+                  "."
+                ] }),
+                /* @__PURE__ */ l.jsx("div", { children: w.text }),
+                /* @__PURE__ */ l.jsx(
+                  Ce,
+                  {
+                    className: "cursor-pointer",
+                    onClick: () => o(w.id)
+                  }
+                )
+              ]
+            },
+            m
+          ))
         }
       )
     ]
   }
-), Kr = ({
+), to = ({
   duration: e,
   delay: r = 1e3,
-  usePortal: n = !0
+  allNotificationsEnabled: o = !0
 }) => {
-  const o = Y({}), [s, a] = ie([]), [i, u] = ie(!0), [l, f] = ie(null), v = Y(l), k = Y(0), j = Y(/* @__PURE__ */ new Map()), g = Y(null), R = Y(null), _ = ae(
-    (C) => {
-      if (!v.current)
+  const n = J({}), [s, a] = Q([]), [i, u] = Q(!1), [c, f] = Q([]), [w, m] = Q(!0), [p, y] = Q(null), E = J(p), N = J(0), R = J(/* @__PURE__ */ new Map()), T = J(null), M = J(null), F = C(
+    (S) => S.text instanceof Function ? S.text({ count: N.current, current: S, queue: c }) : S.text,
+    [c]
+  ), G = C(
+    (S) => {
+      const z = F(S);
+      a((D) => [
+        ...D,
+        { id: S.id, text: z, position: N.current }
+      ]);
+    },
+    [F]
+  ), V = C((S) => {
+    a((z) => z.filter((D) => D.id !== S));
+  }, []), A = C(
+    (S) => {
+      if (!E.current)
         return;
-      if (v.current.id !== C)
-        return a((D) => D.filter((w) => w.id !== C)), j.current.delete(C);
-      u(!0);
-      const N = j.current.get(C);
-      N && (window.clearTimeout(N), j.current.delete(C)), g.current && window.clearTimeout(g.current), g.current = window.setTimeout(() => {
-        a((D) => D.filter((w) => w.id !== C)), f(null), g.current = null;
+      if (E.current.id !== S)
+        return f((D) => D.filter((O) => O.id !== S)), R.current.delete(S);
+      m(!0);
+      const z = R.current.get(S);
+      z && (window.clearTimeout(z), R.current.delete(S)), T.current && window.clearTimeout(T.current), T.current = window.setTimeout(() => {
+        f((D) => D.filter((O) => O.id !== S)), y(null), T.current = null;
       }, r);
     },
-    [v, r]
-  ), S = ae(() => {
-    j.current.forEach(window.clearTimeout), g.current && window.clearTimeout(g.current), l && _(l.id), a([]), u(!0);
-  }, [_, l]), T = ae(() => {
-    if (s.length === 0)
-      return f(null);
-    const C = s[0];
-    f(C), u(!1);
-    const N = window.setTimeout(() => {
-      _(C.id);
+    [E, r]
+  ), U = C(() => {
+    R.current.forEach(window.clearTimeout), T.current && window.clearTimeout(T.current), p && A(p.id), f([]), m(!0);
+  }, [A, p]), j = C(() => {
+    if (c.length === 0)
+      return y(null);
+    const S = c[0];
+    y(S), m(!1);
+    const z = window.setTimeout(() => {
+      A(S.id);
     }, e);
-    j.current.set(C.id, N);
-  }, [_, e, s]), $ = ae(
-    (C) => {
-      k.current++;
+    R.current.set(S.id, z);
+  }, [A, e, c]), I = C(
+    (S) => {
+      N.current++;
       const D = {
-        id: String(k.current),
-        text: C,
-        close: _
+        id: String(N.current),
+        text: S,
+        close: A,
+        closeAll: U,
+        showAll: () => u(!0),
+        openListButtonVisible: !0
       };
-      a((w) => [...w, D]);
+      G(D), f((O) => [...O, D]);
     },
-    [_]
+    [G, A, U]
   );
   le(() => {
-    v.current = l;
-  }, [l]), le(() => {
-    !l && s.length > 0 && T();
-  }, [l, s, T]), le(() => () => {
-    j.current.forEach(window.clearTimeout), g.current && window.clearTimeout(g.current);
+    E.current = p;
+  }, [p]), le(() => {
+    !p && c.length > 0 && j();
+  }, [p, c, j]), le(() => () => {
+    R.current.forEach(window.clearTimeout), T.current && window.clearTimeout(T.current);
+  }, []), qe(() => {
+    M.current = document;
   }, []);
-  const I = /* @__PURE__ */ d.jsx("div", { className: "fixed w-0 h-0", children: /* @__PURE__ */ d.jsx(
-    Cr,
-    {
-      ...l || {},
-      close: _,
-      closed: i,
-      text: l ? l.text instanceof Function ? l.text({ count: k.current, current: l, queue: s }) : l.text : null
-    }
-  ) });
-  return qe(() => {
-    R.current = document;
-  }, []), {
-    NotificationComponent: n ? R.current ? Ae(I, R.current.body) : null : I,
-    notifications: o,
-    notificate: $,
-    count: k,
-    queue: s,
-    current: l,
-    closeAll: S,
-    close: _
+  const ee = /* @__PURE__ */ l.jsxs("div", { className: "fixed w-0 h-0", children: [
+    /* @__PURE__ */ l.jsx(
+      Tr,
+      {
+        ...p || {},
+        close: A,
+        closed: w,
+        count: c.length,
+        closeAll: U,
+        text: p ? F(p) : null
+      }
+    ),
+    o && /* @__PURE__ */ l.jsx(
+      Cr,
+      {
+        notifications: s,
+        showed: i,
+        closeAll: U,
+        setShowed: (S) => u(S),
+        close: V
+      }
+    )
+  ] });
+  return {
+    NotificationComponent: M.current ? Ae(ee, M.current.body) : null,
+    notifications: n,
+    notificate: I,
+    count: N,
+    queue: c,
+    current: p,
+    setLastNotificationsShowed: u,
+    closeLastNotification: V,
+    closeAll: U,
+    close: A
   };
-}, Ar = () => /* @__PURE__ */ d.jsxs("div", { className: "flex flex-col justify-center gap-4", children: [
-  Object.keys(Ke).map((e) => /* @__PURE__ */ d.jsxs(ke, { variant: e, children: [
+}, Ar = () => /* @__PURE__ */ l.jsxs("div", { className: "flex flex-col justify-center gap-4", children: [
+  Object.keys(Ke).map((e) => /* @__PURE__ */ l.jsxs(ke, { variant: e, children: [
     "Button ",
     e
   ] }, e)),
-  /* @__PURE__ */ d.jsx(ke, { disabled: !0, children: "Button Disabled" })
-] }), Nr = () => /* @__PURE__ */ d.jsxs("div", { className: "flex flex-col gap-2 rounded-lg", children: [
-  /* @__PURE__ */ d.jsxs("div", { children: [
-    /* @__PURE__ */ d.jsxs("h1", { children: [
+  /* @__PURE__ */ l.jsx(ke, { disabled: !0, children: "Button Disabled" })
+] }), Or = () => /* @__PURE__ */ l.jsxs("div", { className: "flex flex-col gap-2 rounded-lg", children: [
+  /* @__PURE__ */ l.jsxs("div", { children: [
+    /* @__PURE__ */ l.jsxs("h1", { children: [
       "H1 text, ",
-      X.h1
+      K.h1
     ] }),
-    /* @__PURE__ */ d.jsx("span", { children: "Пока не знаю" })
+    /* @__PURE__ */ l.jsx("span", { children: "Пока не знаю" })
   ] }),
-  /* @__PURE__ */ d.jsxs("div", { children: [
-    /* @__PURE__ */ d.jsxs("h2", { children: [
+  /* @__PURE__ */ l.jsxs("div", { children: [
+    /* @__PURE__ */ l.jsxs("h2", { children: [
       "H2 text, ",
-      X.h2
+      K.h2
     ] }),
-    /* @__PURE__ */ d.jsx("span", { children: "Пока не знаю" })
+    /* @__PURE__ */ l.jsx("span", { children: "Пока не знаю" })
   ] }),
-  /* @__PURE__ */ d.jsxs("div", { children: [
-    /* @__PURE__ */ d.jsxs("h3", { children: [
+  /* @__PURE__ */ l.jsxs("div", { children: [
+    /* @__PURE__ */ l.jsxs("h3", { children: [
       "H3 text, ",
-      X.h3
+      K.h3
     ] }),
-    /* @__PURE__ */ d.jsx("span", { children: "Пока не знаю" })
+    /* @__PURE__ */ l.jsx("span", { children: "Пока не знаю" })
   ] }),
-  /* @__PURE__ */ d.jsxs("div", { children: [
-    /* @__PURE__ */ d.jsxs("h4", { children: [
+  /* @__PURE__ */ l.jsxs("div", { children: [
+    /* @__PURE__ */ l.jsxs("h4", { children: [
       "H4 text, ",
-      X.h4
+      K.h4
     ] }),
-    /* @__PURE__ */ d.jsx("span", { children: "Пока не знаю" })
+    /* @__PURE__ */ l.jsx("span", { children: "Пока не знаю" })
   ] }),
-  /* @__PURE__ */ d.jsxs("div", { children: [
-    /* @__PURE__ */ d.jsxs("h5", { children: [
+  /* @__PURE__ */ l.jsxs("div", { children: [
+    /* @__PURE__ */ l.jsxs("h5", { children: [
       "H5 text, ",
-      X.h5
+      K.h5
     ] }),
-    /* @__PURE__ */ d.jsx("span", { children: "Пока не знаю" })
+    /* @__PURE__ */ l.jsx("span", { children: "Пока не знаю" })
   ] }),
-  /* @__PURE__ */ d.jsxs("div", { className: "flex flex-col", children: [
-    /* @__PURE__ */ d.jsxs("span", { children: [
+  /* @__PURE__ */ l.jsxs("div", { className: "flex flex-col", children: [
+    /* @__PURE__ */ l.jsxs("span", { children: [
       "Base text, ",
-      X.base
+      K.base
     ] }),
-    /* @__PURE__ */ d.jsx("span", { children: "Пока не знаю" })
+    /* @__PURE__ */ l.jsx("span", { children: "Пока не знаю" })
   ] }),
-  /* @__PURE__ */ d.jsxs("div", { className: "flex flex-col", children: [
-    /* @__PURE__ */ d.jsxs("span", { className: "text-mini", children: [
+  /* @__PURE__ */ l.jsxs("div", { className: "flex flex-col", children: [
+    /* @__PURE__ */ l.jsxs("span", { className: "text-mini", children: [
       "Mini text, ",
-      X.mini
+      K.mini
     ] }),
-    /* @__PURE__ */ d.jsx("span", { children: "Пока не знаю" })
+    /* @__PURE__ */ l.jsx("span", { children: "Пока не знаю" })
   ] })
-] }), Qr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+] }), ro = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   Button: Ar,
-  Text: Nr
-}, Symbol.toStringTag, { value: "Module" }));
+  Text: Or
+}, Symbol.toStringTag, { value: "Module" })), Pr = (...e) => {
+  const r = J({}), o = C(
+    (m) => {
+      const p = e[m];
+      if (!p)
+        throw new Error("out of array range");
+      return p;
+    },
+    [e]
+  ), n = (m) => r.current[m], s = C(
+    (m, p) => o(m)[1]((E) => [...E, p.id]),
+    [o]
+  ), a = C(
+    (m, p) => (r.current[p.id] = p, s(m, p)),
+    [s]
+  ), i = C(
+    (m, p) => o(m)[1]((E) => E.filter((N) => N !== p)),
+    [o]
+  ), u = C(
+    (m, p) => (delete r.current[p], i(m, p)),
+    [i]
+  ), c = C(
+    (m) => o(m)[1]([]),
+    [o]
+  ), f = C(() => {
+    r.current = {};
+  }, []), w = C(() => {
+    e.forEach((m) => m[1]([])), f();
+  }, [f, e]);
+  return {
+    addItemToState: s,
+    addNewItem: a,
+    removeItemFromState: i,
+    remoteItem: u,
+    clearState: c,
+    clearItems: f,
+    clearAll: w,
+    getItem: n,
+    states: e,
+    items: r
+  };
+}, Ir = () => {
+  const e = Q([]), r = Pr(e), o = C(
+    (i) => r.getItem(i),
+    [r]
+  ), n = C(
+    (i) => r.addNewItem(0, i),
+    [r]
+  ), s = C(
+    (i) => r.remoteItem(0, i),
+    [r]
+  ), a = C(() => r.clearAll(), [r]);
+  return {
+    getItem: o,
+    addItem: n,
+    remoteItem: s,
+    clear: a,
+    store: e[0],
+    items: r.items
+  };
+}, oo = () => {
+  const e = Ir(), r = J(0), o = C(
+    (s) => {
+      const a = String(r.current);
+      return r.current++, e.addItem({ id: a, item: s });
+    },
+    [e]
+  ), n = C(
+    (s) => e.getItem(s)?.item,
+    [e]
+  );
+  return {
+    ...e,
+    addItem: o,
+    getItem: n
+  };
+};
 export {
-  Ir as Active,
-  Dr as Background,
+  Lr as Active,
+  Fr as Background,
   ke as Button,
-  Mr as Checkbox,
-  Yr as CircleProgress,
-  Lr as Dropdown,
-  Gr as DropdownItem,
-  Fr as DropdownMenu,
-  Br as DropdownTrigger,
-  Xr as EllipsisProgress,
-  Qr as Guildline,
-  Jr as IndeterminateLinearProgress,
-  Ur as Input,
-  Hr as LinearProgress,
-  Wr as Modal,
-  Cr as Notification,
-  qr as Switch,
-  Vr as Textarea,
-  zr as VARIABLES,
-  Zr as Wrapper,
+  Gr as Checkbox,
+  Xr as CircleProgress,
+  Br as Dropdown,
+  Ur as DropdownItem,
+  Vr as DropdownMenu,
+  Wr as DropdownTrigger,
+  Kr as EllipsisProgress,
+  ro as Guildline,
+  Zr as IndeterminateLinearProgress,
+  Yr as Input,
+  qr as LinearProgress,
+  Jr as Modal,
+  Tr as Notification,
+  Qr as Switch,
+  Hr as Textarea,
+  Dr as VARIABLES,
+  eo as Wrapper,
   ce as borderRadius,
-  G as cn,
-  $r as createContext,
-  Kr as useNotifications
+  P as cn,
+  Mr as createContext,
+  oo as useIdStore,
+  to as useNotifications,
+  Ir as useStore
 };
 //# sourceMappingURL=tvuikit.es.js.map