tvuikit 0.8.0 → 0.8.2

package/dist/tvuikit.es.js

@@ -1,17 +1,17 @@
-import He, { createContext as Je, useContext as Xe, Activity as mt, useState as ie, useRef as Y, useEffect as le, useCallback as ae, useLayoutEffect as pt } from "react";
+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 { createPortal as Ae } from "react-dom";
 const bt = {
   default: "#0A0A0A",
   component: "#00000065",
   smooth: "#111111"
-}, qe = {
+}, Ze = {
   default: "#EDEDED",
   text: "#EDEDED",
   miniText: "#EDEDED40",
   card: "#27272780",
   component: "#272727"
-}, Ze = {
-  default: qe.default,
+}, Ke = {
+  default: Ze.default,
   primary: "#2AFF6A",
   danger: "#FF0000",
   secondary: "#000000",
@@ -19,8 +19,8 @@ const bt = {
 }, gt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   BACKGROUND: bt,
-  BUTTONS: Ze,
-  FOREGROUND: qe
+  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 = {
@@ -41,17 +41,17 @@ const ht = {
   COLORS: gt,
   FONTS: xt
 }, Symbol.toStringTag, { value: "Module" }));
-function Ke(e) {
+function Qe(e) {
   var r, n, o = "";
   if (typeof e == "string" || typeof e == "number") o += e;
   else if (typeof e == "object") if (Array.isArray(e)) {
     var s = e.length;
-    for (r = 0; r < s; r++) e[r] && (n = Ke(e[r])) && (o && (o += " "), o += n);
+    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 = Ke(e)) && (o && (o += " "), o += r);
+  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;
 }
 const wt = (e, r) => {
@@ -64,7 +64,7 @@ const wt = (e, r) => {
 }, vt = (e, r) => ({
   classGroupId: e,
   validator: r
-}), Qe = (e = /* @__PURE__ */ new Map(), r = null, n) => ({
+}), et = (e = /* @__PURE__ */ new Map(), r = null, n) => ({
   nextPart: e,
   validators: r,
   classGroupId: n
@@ -77,32 +77,32 @@ const wt = (e, r) => {
     getClassGroupId: (i) => {
       if (i.startsWith("[") && i.endsWith("]"))
         return Et(i);
-      const l = i.split(ve), u = l[0] === "" && l.length > 1 ? 1 : 0;
-      return et(l, u, r);
+      const u = i.split(ve), l = u[0] === "" && u.length > 1 ? 1 : 0;
+      return tt(u, l, r);
     },
-    getConflictingClassGroupIds: (i, l) => {
-      if (l) {
-        const u = o[i], f = n[i];
-        return u ? f ? wt(f, u) : u : f || Pe;
+    getConflictingClassGroupIds: (i, u) => {
+      if (u) {
+        const l = o[i], f = n[i];
+        return l ? f ? wt(f, l) : l : f || Pe;
       }
       return n[i] || Pe;
     }
   };
-}, et = (e, r, n) => {
+}, tt = (e, r, n) => {
   if (e.length - r === 0)
     return n.classGroupId;
   const s = e[r], a = n.nextPart.get(s);
   if (a) {
-    const f = et(e, r + 1, a);
+    const f = tt(e, r + 1, a);
     if (f) return f;
   }
   const i = n.validators;
   if (i === null)
     return;
-  const l = r === 0 ? e.join(ve) : e.slice(r).join(ve), u = i.length;
-  for (let f = 0; f < u; f++) {
+  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(l))
+    if (v.validator(u))
       return v.classGroupId;
   }
 }, Et = (e) => e.slice(1, -1).indexOf(":") === -1 ? void 0 : (() => {
@@ -115,7 +115,7 @@ const wt = (e, r) => {
   } = e;
   return _t(n, r);
 }, _t = (e, r) => {
-  const n = Qe();
+  const n = et();
   for (const o in e) {
     const s = e[o];
     Ne(s, n, o, r);
@@ -138,7 +138,7 @@ const wt = (e, r) => {
   }
   At(e, r, n, o);
 }, Tt = (e, r, n) => {
-  const o = e === "" ? r : tt(r, e);
+  const o = e === "" ? r : rt(r, e);
   o.classGroupId = n;
 }, Ct = (e, r, n, o) => {
   if (Nt(e)) {
@@ -149,16 +149,16 @@ const wt = (e, r) => {
 }, At = (e, r, n, o) => {
   const s = Object.entries(e), a = s.length;
   for (let i = 0; i < a; i++) {
-    const [l, u] = s[i];
-    Ne(u, tt(r, l), n, o);
+    const [u, l] = s[i];
+    Ne(l, rt(r, u), n, o);
   }
-}, tt = (e, r) => {
+}, rt = (e, r) => {
   let n = e;
   const o = r.split(ve), s = o.length;
   for (let a = 0; a < s; a++) {
     const i = o[a];
-    let l = n.nextPart.get(i);
-    l || (l = Qe(), n.nextPart.set(i, l)), n = l;
+    let u = n.nextPart.get(i);
+    u || (u = et(), n.nextPart.set(i, u)), n = u;
   }
   return n;
 }, Nt = (e) => "isThemeGetter" in e && e.isThemeGetter === !0, Ot = (e) => {
@@ -198,32 +198,32 @@ const wt = (e, r) => {
   } = e;
   let o = (s) => {
     const a = [];
-    let i = 0, l = 0, u = 0, f;
+    let i = 0, u = 0, l = 0, f;
     const v = s.length;
-    for (let S = 0; S < v; S++) {
-      const _ = s[S];
-      if (i === 0 && l === 0) {
-        if (_ === ze) {
-          a.push(s.slice(u, S)), u = S + 1;
+    for (let _ = 0; _ < v; _++) {
+      const S = s[_];
+      if (i === 0 && u === 0) {
+        if (S === ze) {
+          a.push(s.slice(l, _)), l = _ + 1;
           continue;
         }
-        if (_ === "/") {
-          f = S;
+        if (S === "/") {
+          f = _;
           continue;
         }
       }
-      _ === "[" ? i++ : _ === "]" ? i-- : _ === "(" ? l++ : _ === ")" && l--;
+      S === "[" ? i++ : S === "]" ? i-- : S === "(" ? u++ : S === ")" && u--;
     }
-    const w = a.length === 0 ? s : s.slice(u);
-    let j = w, g = !1;
-    w.endsWith(Ce) ? (j = w.slice(0, -1), g = !0) : (
+    const k = a.length === 0 ? s : s.slice(l);
+    let j = k, g = !1;
+    k.endsWith(Ce) ? (j = k.slice(0, -1), g = !0) : (
       /**
        * In Tailwind CSS v3 the important modifier was at the start of the base class name. This is still supported for legacy reasons.
        * @see https://github.com/dcastil/tailwind-merge/issues/513#issuecomment-2614029864
        */
-      w.startsWith(Ce) && (j = w.slice(1), g = !0)
+      k.startsWith(Ce) && (j = k.slice(1), g = !0)
     );
-    const R = f && f > u ? f - u : void 0;
+    const R = f && f > l ? f - l : void 0;
     return $e(a, g, j, R);
   };
   if (r) {
@@ -246,8 +246,8 @@ const wt = (e, r) => {
     const o = [];
     let s = [];
     for (let a = 0; a < n.length; a++) {
-      const i = n[a], l = i[0] === "[", u = r.has(i);
-      l || u ? (s.length > 0 && (s.sort(), o.push(...s), s = []), o.push(i)) : s.push(i);
+      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);
     }
     return s.length > 0 && (s.sort(), o.push(...s)), o;
   };
@@ -262,85 +262,85 @@ const wt = (e, r) => {
     getClassGroupId: o,
     getConflictingClassGroupIds: s,
     sortModifiers: a
-  } = r, i = [], l = e.trim().split(Dt);
-  let u = "";
-  for (let f = l.length - 1; f >= 0; f -= 1) {
-    const v = l[f], {
-      isExternal: w,
+  } = r, i = [], u = e.trim().split(Dt);
+  let l = "";
+  for (let f = u.length - 1; f >= 0; f -= 1) {
+    const v = u[f], {
+      isExternal: k,
       modifiers: j,
       hasImportantModifier: g,
       baseClassName: R,
-      maybePostfixModifierPosition: S
+      maybePostfixModifierPosition: _
     } = n(v);
-    if (w) {
-      u = v + (u.length > 0 ? " " + u : u);
+    if (k) {
+      l = v + (l.length > 0 ? " " + l : l);
       continue;
     }
-    let _ = !!S, C = o(_ ? R.substring(0, S) : R);
-    if (!C) {
-      if (!_) {
-        u = v + (u.length > 0 ? " " + u : u);
+    let S = !!_, T = o(S ? R.substring(0, _) : R);
+    if (!T) {
+      if (!S) {
+        l = v + (l.length > 0 ? " " + l : l);
         continue;
       }
-      if (C = o(R), !C) {
-        u = v + (u.length > 0 ? " " + u : u);
+      if (T = o(R), !T) {
+        l = v + (l.length > 0 ? " " + l : l);
         continue;
       }
-      _ = !1;
+      S = !1;
     }
-    const T = j.length === 0 ? "" : j.length === 1 ? j[0] : a(j).join(":"), O = g ? T + Ce : T, A = O + C;
-    if (i.indexOf(A) > -1)
+    const $ = j.length === 0 ? "" : j.length === 1 ? j[0] : a(j).join(":"), I = g ? $ + Ce : $, L = I + T;
+    if (i.indexOf(L) > -1)
       continue;
-    i.push(A);
-    const P = s(C, _);
-    for (let V = 0; V < P.length; ++V) {
-      const H = P[V];
-      i.push(O + H);
+    i.push(L);
+    const C = s(T, S);
+    for (let N = 0; N < C.length; ++N) {
+      const D = C[N];
+      i.push(I + D);
     }
-    u = v + (u.length > 0 ? " " + u : u);
+    l = v + (l.length > 0 ? " " + l : l);
   }
-  return u;
+  return l;
 }, Lt = (...e) => {
   let r = 0, n, o, s = "";
   for (; r < e.length; )
-    (n = e[r++]) && (o = rt(n)) && (s && (s += " "), s += o);
+    (n = e[r++]) && (o = ot(n)) && (s && (s += " "), s += o);
   return s;
-}, rt = (e) => {
+}, ot = (e) => {
   if (typeof e == "string")
     return e;
   let r, n = "";
   for (let o = 0; o < e.length; o++)
-    e[o] && (r = rt(e[o])) && (n && (n += " "), n += r);
+    e[o] && (r = ot(e[o])) && (n && (n += " "), n += r);
   return n;
 }, Ft = (e, ...r) => {
   let n, o, s, a;
-  const i = (u) => {
-    const f = r.reduce((v, w) => w(v), e());
-    return n = It(f), o = n.cache.get, s = n.cache.set, a = l, l(u);
-  }, l = (u) => {
-    const f = o(u);
+  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);
     if (f)
       return f;
-    const v = Mt(u, n);
-    return s(u, v), v;
+    const v = Mt(l, n);
+    return s(l, v), v;
   };
-  return a = i, (...u) => a(Lt(...u));
-}, Gt = [], N = (e) => {
+  return a = i, (...l) => a(Lt(...l));
+}, Gt = [], A = (e) => {
   const r = (n) => n[e] || Gt;
   return r.isThemeGetter = !0, r;
-}, ot = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, nt = /^\((?:(\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, 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) => (
   // `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)
-), st = () => !1, qt = (e) => Yt.test(e), Zt = (e) => Ht.test(e), Kt = (e) => !m(e) && !p(e), Qt = (e) => de(e, lt, st), m = (e) => ot.test(e), re = (e) => de(e, ct, Xt), Re = (e) => de(e, nr, E), Ie = (e) => de(e, at, st), er = (e) => de(e, it, Zt), he = (e) => de(e, dt, qt), p = (e) => nt.test(e), fe = (e) => ue(e, ct), tr = (e) => ue(e, sr), De = (e) => ue(e, at), rr = (e) => ue(e, lt), or = (e) => ue(e, it), xe = (e) => ue(e, dt, !0), de = (e, r, n) => {
-  const o = ot.exec(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 = nt.exec(e);
+  const o = st.exec(e);
   return o ? o[1] ? r(o[1]) : n : !1;
-}, at = (e) => e === "position" || e === "percentage", it = (e) => e === "image" || e === "url", lt = (e) => e === "length" || e === "size" || e === "bg-size", ct = (e) => e === "length", nr = (e) => e === "number", sr = (e) => e === "family-name", dt = (e) => e === "shadow", ar = () => {
-  const e = N("color"), r = N("font"), n = N("text"), o = N("font-weight"), s = N("tracking"), a = N("leading"), i = N("breakpoint"), l = N("container"), u = N("spacing"), f = N("radius"), v = N("shadow"), w = N("inset-shadow"), j = N("text-shadow"), g = N("drop-shadow"), R = N("blur"), S = N("perspective"), _ = N("aspect"), C = N("ease"), T = N("animate"), O = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], A = () => [
+}, 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 = () => [
     "center",
     "top",
     "bottom",
@@ -358,9 +358,9 @@ const wt = (e, r) => {
     "bottom-left",
     // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
     "left-bottom"
-  ], P = () => [...A(), p, m], V = () => ["auto", "hidden", "clip", "visible", "scroll"], H = () => ["auto", "contain", "none"], k = () => [p, m, u], z = () => [se, "full", "auto", ...k()], oe = () => [ee, "none", "subgrid", p, m], ne = () => ["auto", {
+  ], 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], B = () => [ee, "auto", p, m], q = () => ["auto", "min", "max", "fr", p, m], te = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], M = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], D = () => ["auto", ...k()], F = () => [se, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...k()], x = () => [e, p, m], Z = () => [...A(), De, Ie, {
+  }, 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", {
     repeat: ["", "x", "y", "space", "round"]
@@ -374,14 +374,14 @@ const wt = (e, r) => {
     f,
     p,
     m
-  ], y = () => ["", E, fe, re], G = () => ["solid", "dashed", "dotted", "double"], W = () => ["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], I = () => [
+  ], 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 = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
     R,
     p,
     m
-  ], U = () => ["none", E, p, m], Q = () => ["none", E, p, m], je = () => [E, p, m], ge = () => [se, "full", ...k()];
+  ], W = () => ["none", E, p, m], Q = () => ["none", E, p, m], je = () => [E, p, m], ge = () => [se, "full", ...w()];
   return {
     cacheSize: 500,
     theme: {
@@ -414,7 +414,7 @@ const wt = (e, r) => {
        * @see https://tailwindcss.com/docs/aspect-ratio
        */
       aspect: [{
-        aspect: ["auto", "square", se, m, p, _]
+        aspect: ["auto", "square", se, m, p, S]
       }],
       /**
        * Container
@@ -427,21 +427,21 @@ const wt = (e, r) => {
        * @see https://tailwindcss.com/docs/columns
        */
       columns: [{
-        columns: [E, m, p, l]
+        columns: [E, m, p, u]
       }],
       /**
        * Break After
        * @see https://tailwindcss.com/docs/break-after
        */
       "break-after": [{
-        "break-after": O()
+        "break-after": I()
       }],
       /**
        * Break Before
        * @see https://tailwindcss.com/docs/break-before
        */
       "break-before": [{
-        "break-before": O()
+        "break-before": I()
       }],
       /**
        * Break Inside
@@ -505,49 +505,49 @@ const wt = (e, r) => {
        * @see https://tailwindcss.com/docs/object-position
        */
       "object-position": [{
-        object: P()
+        object: C()
       }],
       /**
        * Overflow
        * @see https://tailwindcss.com/docs/overflow
        */
       overflow: [{
-        overflow: V()
+        overflow: N()
       }],
       /**
        * Overflow X
        * @see https://tailwindcss.com/docs/overflow
        */
       "overflow-x": [{
-        "overflow-x": V()
+        "overflow-x": N()
       }],
       /**
        * Overflow Y
        * @see https://tailwindcss.com/docs/overflow
        */
       "overflow-y": [{
-        "overflow-y": V()
+        "overflow-y": N()
       }],
       /**
        * Overscroll Behavior
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       overscroll: [{
-        overscroll: H()
+        overscroll: D()
       }],
       /**
        * Overscroll Behavior X
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       "overscroll-x": [{
-        "overscroll-x": H()
+        "overscroll-x": D()
       }],
       /**
        * Overscroll Behavior Y
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       "overscroll-y": [{
-        "overscroll-y": H()
+        "overscroll-y": D()
       }],
       /**
        * Position
@@ -559,63 +559,63 @@ const wt = (e, r) => {
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       inset: [{
-        inset: z()
+        inset: O()
       }],
       /**
        * Right / Left
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-x": [{
-        "inset-x": z()
+        "inset-x": O()
       }],
       /**
        * Top / Bottom
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-y": [{
-        "inset-y": z()
+        "inset-y": O()
       }],
       /**
        * Start
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       start: [{
-        start: z()
+        start: O()
       }],
       /**
        * End
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       end: [{
-        end: z()
+        end: O()
       }],
       /**
        * Top
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       top: [{
-        top: z()
+        top: O()
       }],
       /**
        * Right
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       right: [{
-        right: z()
+        right: O()
       }],
       /**
        * Bottom
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       bottom: [{
-        bottom: z()
+        bottom: O()
       }],
       /**
        * Left
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       left: [{
-        left: z()
+        left: O()
       }],
       /**
        * Visibility
@@ -637,7 +637,7 @@ const wt = (e, r) => {
        * @see https://tailwindcss.com/docs/flex-basis
        */
       basis: [{
-        basis: [se, "full", "auto", l, ...k()]
+        basis: [se, "full", "auto", u, ...w()]
       }],
       /**
        * Flex Direction
@@ -700,14 +700,14 @@ const wt = (e, r) => {
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-start": [{
-        "col-start": B()
+        "col-start": V()
       }],
       /**
        * Grid Column End
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-end": [{
-        "col-end": B()
+        "col-end": V()
       }],
       /**
        * Grid Template Rows
@@ -728,14 +728,14 @@ const wt = (e, r) => {
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-start": [{
-        "row-start": B()
+        "row-start": V()
       }],
       /**
        * Grid Row End
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-end": [{
-        "row-end": B()
+        "row-end": V()
       }],
       /**
        * Grid Auto Flow
@@ -763,21 +763,21 @@ const wt = (e, r) => {
        * @see https://tailwindcss.com/docs/gap
        */
       gap: [{
-        gap: k()
+        gap: w()
       }],
       /**
        * Gap X
        * @see https://tailwindcss.com/docs/gap
        */
       "gap-x": [{
-        "gap-x": k()
+        "gap-x": w()
       }],
       /**
        * Gap Y
        * @see https://tailwindcss.com/docs/gap
        */
       "gap-y": [{
-        "gap-y": k()
+        "gap-y": w()
       }],
       /**
        * Justify Content
@@ -791,14 +791,14 @@ const wt = (e, r) => {
        * @see https://tailwindcss.com/docs/justify-items
        */
       "justify-items": [{
-        "justify-items": [...M(), "normal"]
+        "justify-items": [...F(), "normal"]
       }],
       /**
        * Justify Self
        * @see https://tailwindcss.com/docs/justify-self
        */
       "justify-self": [{
-        "justify-self": ["auto", ...M()]
+        "justify-self": ["auto", ...F()]
       }],
       /**
        * Align Content
@@ -812,7 +812,7 @@ const wt = (e, r) => {
        * @see https://tailwindcss.com/docs/align-items
        */
       "align-items": [{
-        items: [...M(), {
+        items: [...F(), {
           baseline: ["", "last"]
         }]
       }],
@@ -821,7 +821,7 @@ const wt = (e, r) => {
        * @see https://tailwindcss.com/docs/align-self
        */
       "align-self": [{
-        self: ["auto", ...M(), {
+        self: ["auto", ...F(), {
           baseline: ["", "last"]
         }]
       }],
@@ -837,14 +837,14 @@ const wt = (e, r) => {
        * @see https://tailwindcss.com/docs/place-items
        */
       "place-items": [{
-        "place-items": [...M(), "baseline"]
+        "place-items": [...F(), "baseline"]
       }],
       /**
        * Place Self
        * @see https://tailwindcss.com/docs/place-self
        */
       "place-self": [{
-        "place-self": ["auto", ...M()]
+        "place-self": ["auto", ...F()]
       }],
       // Spacing
       /**
@@ -852,133 +852,133 @@ const wt = (e, r) => {
        * @see https://tailwindcss.com/docs/padding
        */
       p: [{
-        p: k()
+        p: w()
       }],
       /**
        * Padding X
        * @see https://tailwindcss.com/docs/padding
        */
       px: [{
-        px: k()
+        px: w()
       }],
       /**
        * Padding Y
        * @see https://tailwindcss.com/docs/padding
        */
       py: [{
-        py: k()
+        py: w()
       }],
       /**
        * Padding Start
        * @see https://tailwindcss.com/docs/padding
        */
       ps: [{
-        ps: k()
+        ps: w()
       }],
       /**
        * Padding End
        * @see https://tailwindcss.com/docs/padding
        */
       pe: [{
-        pe: k()
+        pe: w()
       }],
       /**
        * Padding Top
        * @see https://tailwindcss.com/docs/padding
        */
       pt: [{
-        pt: k()
+        pt: w()
       }],
       /**
        * Padding Right
        * @see https://tailwindcss.com/docs/padding
        */
       pr: [{
-        pr: k()
+        pr: w()
       }],
       /**
        * Padding Bottom
        * @see https://tailwindcss.com/docs/padding
        */
       pb: [{
-        pb: k()
+        pb: w()
       }],
       /**
        * Padding Left
        * @see https://tailwindcss.com/docs/padding
        */
       pl: [{
-        pl: k()
+        pl: w()
       }],
       /**
        * Margin
        * @see https://tailwindcss.com/docs/margin
        */
       m: [{
-        m: D()
+        m: M()
       }],
       /**
        * Margin X
        * @see https://tailwindcss.com/docs/margin
        */
       mx: [{
-        mx: D()
+        mx: M()
       }],
       /**
        * Margin Y
        * @see https://tailwindcss.com/docs/margin
        */
       my: [{
-        my: D()
+        my: M()
       }],
       /**
        * Margin Start
        * @see https://tailwindcss.com/docs/margin
        */
       ms: [{
-        ms: D()
+        ms: M()
       }],
       /**
        * Margin End
        * @see https://tailwindcss.com/docs/margin
        */
       me: [{
-        me: D()
+        me: M()
       }],
       /**
        * Margin Top
        * @see https://tailwindcss.com/docs/margin
        */
       mt: [{
-        mt: D()
+        mt: M()
       }],
       /**
        * Margin Right
        * @see https://tailwindcss.com/docs/margin
        */
       mr: [{
-        mr: D()
+        mr: M()
       }],
       /**
        * Margin Bottom
        * @see https://tailwindcss.com/docs/margin
        */
       mb: [{
-        mb: D()
+        mb: M()
       }],
       /**
        * Margin Left
        * @see https://tailwindcss.com/docs/margin
        */
       ml: [{
-        ml: D()
+        ml: M()
       }],
       /**
        * Space Between X
        * @see https://tailwindcss.com/docs/margin#adding-space-between-children
        */
       "space-x": [{
-        "space-x": k()
+        "space-x": w()
       }],
       /**
        * 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": k()
+        "space-y": w()
       }],
       /**
        * 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: F()
+        size: B()
       }],
       /**
        * Width
        * @see https://tailwindcss.com/docs/width
        */
       w: [{
-        w: [l, "screen", ...F()]
+        w: [u, "screen", ...B()]
       }],
       /**
        * Min-Width
@@ -1020,11 +1020,11 @@ const wt = (e, r) => {
        */
       "min-w": [{
         "min-w": [
-          l,
+          u,
           "screen",
           /** Deprecated. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
           "none",
-          ...F()
+          ...B()
         ]
       }],
       /**
@@ -1033,7 +1033,7 @@ const wt = (e, r) => {
        */
       "max-w": [{
         "max-w": [
-          l,
+          u,
           "screen",
           "none",
           /** Deprecated since Tailwind CSS v4.0.0. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
@@ -1042,7 +1042,7 @@ const wt = (e, r) => {
           {
             screen: [i]
           },
-          ...F()
+          ...B()
         ]
       }],
       /**
@@ -1050,21 +1050,21 @@ const wt = (e, r) => {
        * @see https://tailwindcss.com/docs/height
        */
       h: [{
-        h: ["screen", "lh", ...F()]
+        h: ["screen", "lh", ...B()]
       }],
       /**
        * Min-Height
        * @see https://tailwindcss.com/docs/min-height
        */
       "min-h": [{
-        "min-h": ["screen", "lh", "none", ...F()]
+        "min-h": ["screen", "lh", "none", ...B()]
       }],
       /**
        * Max-Height
        * @see https://tailwindcss.com/docs/max-height
        */
       "max-h": [{
-        "max-h": ["screen", "lh", ...F()]
+        "max-h": ["screen", "lh", ...B()]
       }],
       // ------------------
       // --- Typography ---
@@ -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,
-          ...k()
+          ...w()
         ]
       }],
       /**
@@ -1215,7 +1215,7 @@ const wt = (e, r) => {
        * @see https://tailwindcss.com/docs/text-decoration-style
        */
       "text-decoration-style": [{
-        decoration: [...G(), "wavy"]
+        decoration: [...U(), "wavy"]
       }],
       /**
        * Text Decoration Thickness
@@ -1260,7 +1260,7 @@ const wt = (e, r) => {
        * @see https://tailwindcss.com/docs/text-indent
        */
       indent: [{
-        indent: k()
+        indent: w()
       }],
       /**
        * Vertical Alignment
@@ -1611,14 +1611,14 @@ const wt = (e, r) => {
        * @see https://tailwindcss.com/docs/border-style
        */
       "border-style": [{
-        border: [...G(), "hidden", "none"]
+        border: [...U(), "hidden", "none"]
       }],
       /**
        * Divide Style
        * @see https://tailwindcss.com/docs/border-style#setting-the-divider-style
        */
       "divide-style": [{
-        divide: [...G(), "hidden", "none"]
+        divide: [...U(), "hidden", "none"]
       }],
       /**
        * Border Color
@@ -1695,7 +1695,7 @@ const wt = (e, r) => {
        * @see https://tailwindcss.com/docs/outline-style
        */
       "outline-style": [{
-        outline: [...G(), "none", "hidden"]
+        outline: [...U(), "none", "hidden"]
       }],
       /**
        * Outline Offset
@@ -1747,7 +1747,7 @@ const wt = (e, r) => {
        * @see https://tailwindcss.com/docs/box-shadow#adding-an-inset-shadow
        */
       "inset-shadow": [{
-        "inset-shadow": ["none", w, xe, he]
+        "inset-shadow": ["none", k, xe, he]
       }],
       /**
        * Inset Box Shadow Color
@@ -1835,14 +1835,14 @@ const wt = (e, r) => {
        * @see https://tailwindcss.com/docs/mix-blend-mode
        */
       "mix-blend": [{
-        "mix-blend": [...W(), "plus-darker", "plus-lighter"]
+        "mix-blend": [...H(), "plus-darker", "plus-lighter"]
       }],
       /**
        * Background Blend Mode
        * @see https://tailwindcss.com/docs/background-blend-mode
        */
       "bg-blend": [{
-        "bg-blend": W()
+        "bg-blend": H()
       }],
       /**
        * Mask Clip
@@ -1974,7 +1974,7 @@ const wt = (e, r) => {
         }]
       }],
       "mask-image-radial-pos": [{
-        "mask-radial-at": A()
+        "mask-radial-at": L()
       }],
       "mask-image-conic-pos": [{
         "mask-conic": [E]
@@ -2061,7 +2061,7 @@ const wt = (e, r) => {
        * @see https://tailwindcss.com/docs/blur
        */
       blur: [{
-        blur: I()
+        blur: z()
       }],
       /**
        * Brightness
@@ -2151,7 +2151,7 @@ const wt = (e, r) => {
        * @see https://tailwindcss.com/docs/backdrop-blur
        */
       "backdrop-blur": [{
-        "backdrop-blur": I()
+        "backdrop-blur": z()
       }],
       /**
        * Backdrop Brightness
@@ -2224,21 +2224,21 @@ const wt = (e, r) => {
        * @see https://tailwindcss.com/docs/border-spacing
        */
       "border-spacing": [{
-        "border-spacing": k()
+        "border-spacing": w()
       }],
       /**
        * Border Spacing X
        * @see https://tailwindcss.com/docs/border-spacing
        */
       "border-spacing-x": [{
-        "border-spacing-x": k()
+        "border-spacing-x": w()
       }],
       /**
        * Border Spacing Y
        * @see https://tailwindcss.com/docs/border-spacing
        */
       "border-spacing-y": [{
-        "border-spacing-y": k()
+        "border-spacing-y": w()
       }],
       /**
        * Table Layout
@@ -2283,7 +2283,7 @@ const wt = (e, r) => {
        * @see https://tailwindcss.com/docs/transition-timing-function
        */
       ease: [{
-        ease: ["linear", "initial", C, p, m]
+        ease: ["linear", "initial", T, p, m]
       }],
       /**
        * Transition Delay
@@ -2297,7 +2297,7 @@ const wt = (e, r) => {
        * @see https://tailwindcss.com/docs/animation
        */
       animate: [{
-        animate: ["none", T, p, m]
+        animate: ["none", $, p, m]
       }],
       // ------------------
       // --- Transforms ---
@@ -2314,42 +2314,42 @@ const wt = (e, r) => {
        * @see https://tailwindcss.com/docs/perspective
        */
       perspective: [{
-        perspective: [S, p, m]
+        perspective: [_, p, m]
       }],
       /**
        * Perspective Origin
        * @see https://tailwindcss.com/docs/perspective-origin
        */
       "perspective-origin": [{
-        "perspective-origin": P()
+        "perspective-origin": C()
       }],
       /**
        * Rotate
        * @see https://tailwindcss.com/docs/rotate
        */
       rotate: [{
-        rotate: U()
+        rotate: W()
       }],
       /**
        * Rotate X
        * @see https://tailwindcss.com/docs/rotate
        */
       "rotate-x": [{
-        "rotate-x": U()
+        "rotate-x": W()
       }],
       /**
        * Rotate Y
        * @see https://tailwindcss.com/docs/rotate
        */
       "rotate-y": [{
-        "rotate-y": U()
+        "rotate-y": W()
       }],
       /**
        * Rotate Z
        * @see https://tailwindcss.com/docs/rotate
        */
       "rotate-z": [{
-        "rotate-z": U()
+        "rotate-z": W()
       }],
       /**
        * Scale
@@ -2417,7 +2417,7 @@ const wt = (e, r) => {
        * @see https://tailwindcss.com/docs/transform-origin
        */
       "transform-origin": [{
-        origin: P()
+        origin: C()
       }],
       /**
        * Transform Style
@@ -2530,126 +2530,126 @@ const wt = (e, r) => {
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-m": [{
-        "scroll-m": k()
+        "scroll-m": w()
       }],
       /**
        * Scroll Margin X
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mx": [{
-        "scroll-mx": k()
+        "scroll-mx": w()
       }],
       /**
        * Scroll Margin Y
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-my": [{
-        "scroll-my": k()
+        "scroll-my": w()
       }],
       /**
        * Scroll Margin Start
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-ms": [{
-        "scroll-ms": k()
+        "scroll-ms": w()
       }],
       /**
        * Scroll Margin End
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-me": [{
-        "scroll-me": k()
+        "scroll-me": w()
       }],
       /**
        * Scroll Margin Top
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mt": [{
-        "scroll-mt": k()
+        "scroll-mt": w()
       }],
       /**
        * Scroll Margin Right
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mr": [{
-        "scroll-mr": k()
+        "scroll-mr": w()
       }],
       /**
        * Scroll Margin Bottom
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mb": [{
-        "scroll-mb": k()
+        "scroll-mb": w()
       }],
       /**
        * Scroll Margin Left
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-ml": [{
-        "scroll-ml": k()
+        "scroll-ml": w()
       }],
       /**
        * Scroll Padding
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-p": [{
-        "scroll-p": k()
+        "scroll-p": w()
       }],
       /**
        * Scroll Padding X
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-px": [{
-        "scroll-px": k()
+        "scroll-px": w()
       }],
       /**
        * Scroll Padding Y
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-py": [{
-        "scroll-py": k()
+        "scroll-py": w()
       }],
       /**
        * Scroll Padding Start
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-ps": [{
-        "scroll-ps": k()
+        "scroll-ps": w()
       }],
       /**
        * Scroll Padding End
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pe": [{
-        "scroll-pe": k()
+        "scroll-pe": w()
       }],
       /**
        * Scroll Padding Top
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pt": [{
-        "scroll-pt": k()
+        "scroll-pt": w()
       }],
       /**
        * Scroll Padding Right
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pr": [{
-        "scroll-pr": k()
+        "scroll-pr": w()
       }],
       /**
        * Scroll Padding Bottom
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pb": [{
-        "scroll-pb": k()
+        "scroll-pb": w()
       }],
       /**
        * Scroll Padding Left
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pl": [{
-        "scroll-pl": k()
+        "scroll-pl": w()
       }],
       /**
        * Scroll Snap Align
@@ -2809,7 +2809,7 @@ const wt = (e, r) => {
     },
     orderSensitiveModifiers: ["*", "**", "after", "backdrop", "before", "details-content", "file", "first-letter", "first-line", "marker", "placeholder", "selection"]
   };
-}, ir = /* @__PURE__ */ Ft(ar), L = (...e) => ir(yt(e)), $r = (e = "context") => {
+}, ir = /* @__PURE__ */ Ft(ar), G = (...e) => ir(yt(e)), $r = (e = "context") => {
   const r = Je(null);
   return [r, () => {
     const o = Xe(r);
@@ -2828,8 +2828,8 @@ function lr() {
     var i = null;
     if (a !== void 0 && (i = "" + a), s.key !== void 0 && (i = "" + s.key), "key" in s) {
       a = {};
-      for (var l in s)
-        l !== "key" && (a[l] = s[l]);
+      for (var u in s)
+        u !== "key" && (a[u] = s[u]);
     } else a = s;
     return s = a.ref, {
       $$typeof: e,
@@ -2851,15 +2851,15 @@ function cr() {
         return t.$$typeof === ne ? null : t.displayName || t.name || null;
       if (typeof t == "string") return t;
       switch (t) {
-        case _:
+        case S:
           return "Fragment";
-        case T:
+        case $:
           return "Profiler";
-        case C:
+        case T:
           return "StrictMode";
-        case V:
+        case N:
           return "Suspense";
-        case H:
+        case D:
           return "SuspenseList";
         case oe:
           return "Activity";
@@ -2868,18 +2868,18 @@ function cr() {
         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 S:
+          case _:
             return "Portal";
-          case A:
+          case L:
             return t.displayName || "Context";
-          case O:
+          case I:
             return (t._context.displayName || "Context") + ".Consumer";
-          case P:
+          case C:
             var c = t.render;
             return t = t.displayName, t || (t = c.displayName || c.name || "", t = t !== "" ? "ForwardRef(" + t + ")" : "ForwardRef"), t;
-          case k:
+          case w:
             return c = t.displayName || null, c !== null ? c : e(t.type) || "Memo";
-          case z:
+          case O:
             c = t._payload, t = t._init;
             try {
               return e(t(c));
@@ -2909,8 +2909,8 @@ function cr() {
       }
     }
     function o(t) {
-      if (t === _) return "<>";
-      if (typeof t == "object" && t !== null && t.$$typeof === z)
+      if (t === S) return "<>";
+      if (typeof t == "object" && t !== null && t.$$typeof === O)
         return "<...>";
       try {
         var c = e(t);
@@ -2920,7 +2920,7 @@ function cr() {
       }
     }
     function s() {
-      var t = B.A;
+      var t = V.A;
       return t === null ? null : t.getOwner();
     }
     function a() {
@@ -2933,9 +2933,9 @@ function cr() {
       }
       return t.key !== void 0;
     }
-    function l(t, c) {
+    function u(t, c) {
       function b() {
-        D || (D = !0, console.error(
+        M || (M = !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
         ));
@@ -2945,13 +2945,13 @@ function cr() {
         configurable: !0
       });
     }
-    function u() {
+    function l() {
       var t = e(this.type);
-      return F[t] || (F[t] = !0, console.error(
+      return B[t] || (B[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, G, W) {
+    function f(t, c, b, y, U, H) {
       var h = b.ref;
       return t = {
         $$typeof: R,
@@ -2961,7 +2961,7 @@ function cr() {
         _owner: y
       }, (h !== void 0 ? h : null) !== null ? Object.defineProperty(t, "ref", {
         enumerable: !1,
-        get: u
+        get: l
       }) : Object.defineProperty(t, "ref", { enumerable: !1, value: null }), t._store = {}, Object.defineProperty(t._store, "validated", {
         configurable: !1,
         enumerable: !1,
@@ -2976,33 +2976,33 @@ function cr() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: G
+        value: U
       }), Object.defineProperty(t, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: W
+        value: H
       }), Object.freeze && (Object.freeze(t.props), Object.freeze(t)), t;
     }
-    function v(t, c, b, y, G, W) {
+    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++)
-              w(h[y]);
+              k(h[y]);
             Object.freeze && Object.freeze(h);
           } 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 w(h);
+        else k(h);
       if (q.call(c, "key")) {
         h = e(t);
-        var I = Object.keys(c).filter(function(Q) {
+        var z = Object.keys(c).filter(function(Q) {
           return Q !== "key";
         });
-        y = 0 < I.length ? "{key: someKey, " + I.join(": ..., ") + ": ...}" : "{key: someKey}", K[h + y] || (I = 0 < I.length ? "{" + I.join(": ..., ") + ": ...}" : "{}", console.error(
+        y = 0 < z.length ? "{key: someKey, " + z.join(": ..., ") + ": ...}" : "{key: someKey}", K[h + y] || (z = 0 < z.length ? "{" + z.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
@@ -3011,16 +3011,16 @@ React keys must be passed directly to JSX without using spread:
   <%s key={someKey} {...props} />`,
           y,
           h,
-          I,
+          z,
           h
         ), K[h + y] = !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 U in c)
-          U !== "key" && (b[U] = c[U]);
+        for (var W in c)
+          W !== "key" && (b[W] = c[W]);
       } else b = c;
-      return h && l(
+      return h && u(
         b,
         typeof t == "function" ? t.displayName || t.name || "Unknown" : t
       ), f(
@@ -3028,17 +3028,17 @@ React keys must be passed directly to JSX without using spread:
         h,
         b,
         s(),
-        G,
-        W
+        U,
+        H
       );
     }
-    function w(t) {
-      j(t) ? t._store && (t._store.validated = 1) : typeof t == "object" && t !== null && t.$$typeof === z && (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 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 j(t) {
       return typeof t == "object" && t !== null && t.$$typeof === R;
     }
-    var g = He, R = /* @__PURE__ */ Symbol.for("react.transitional.element"), S = /* @__PURE__ */ Symbol.for("react.portal"), _ = /* @__PURE__ */ Symbol.for("react.fragment"), C = /* @__PURE__ */ Symbol.for("react.strict_mode"), T = /* @__PURE__ */ Symbol.for("react.profiler"), O = /* @__PURE__ */ Symbol.for("react.consumer"), A = /* @__PURE__ */ Symbol.for("react.context"), P = /* @__PURE__ */ Symbol.for("react.forward_ref"), V = /* @__PURE__ */ Symbol.for("react.suspense"), H = /* @__PURE__ */ Symbol.for("react.suspense_list"), k = /* @__PURE__ */ Symbol.for("react.memo"), z = /* @__PURE__ */ Symbol.for("react.lazy"), oe = /* @__PURE__ */ Symbol.for("react.activity"), ne = /* @__PURE__ */ Symbol.for("react.client.reference"), B = g.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, q = Object.prototype.hasOwnProperty, te = Array.isArray, M = console.createTask ? console.createTask : function() {
+    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() {
       return null;
     };
     g = {
@@ -3046,29 +3046,29 @@ React keys must be passed directly to JSX without using spread:
         return t();
       }
     };
-    var D, F = {}, x = g.react_stack_bottom_frame.bind(
+    var M, B = {}, x = g.react_stack_bottom_frame.bind(
       g,
       a
-    )(), Z = M(o(a)), K = {};
-    pe.Fragment = _, pe.jsx = function(t, c, b) {
-      var y = 1e4 > B.recentlyCreatedOwnerStacks++;
+    )(), Z = F(o(a)), K = {};
+    pe.Fragment = S, pe.jsx = function(t, c, b) {
+      var y = 1e4 > V.recentlyCreatedOwnerStacks++;
       return v(
         t,
         c,
         b,
         !1,
         y ? Error("react-stack-top-frame") : x,
-        y ? M(o(t)) : Z
+        y ? F(o(t)) : Z
       );
     }, pe.jsxs = function(t, c, b) {
-      var y = 1e4 > B.recentlyCreatedOwnerStacks++;
+      var y = 1e4 > V.recentlyCreatedOwnerStacks++;
       return v(
         t,
         c,
         b,
         !0,
         y ? Error("react-stack-top-frame") : x,
-        y ? M(o(t)) : Z
+        y ? F(o(t)) : Z
       );
     };
   })()), pe;
@@ -3078,7 +3078,7 @@ function dr() {
   return Fe || (Fe = 1, process.env.NODE_ENV === "production" ? ye.exports = lr() : ye.exports = cr()), ye.exports;
 }
 var d = dr();
-const Ir = ({ actived: e, children: r, name: n }) => /* @__PURE__ */ d.jsx(mt, { name: n, mode: e ? "visible" : "hidden", children: r }), Dr = ({
+const Ir = ({ actived: e, children: r, name: n }) => /* @__PURE__ */ d.jsx(pt, { name: n, mode: e ? "visible" : "hidden", children: r }), Dr = ({
   style: e,
   imageVar: r,
   className: n = "",
@@ -3089,7 +3089,7 @@ const Ir = ({ actived: e, children: r, name: n }) => /* @__PURE__ */ d.jsx(mt, {
     "div",
     {
       ...o,
-      className: L(n, s),
+      className: G(n, s),
       style: {
         ...e,
         backgroundSize: "cover",
@@ -3108,7 +3108,7 @@ const Ir = ({ actived: e, children: r, name: n }) => /* @__PURE__ */ d.jsx(mt, {
     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 : L(
+  }, i = o ? n : G(
     "px-4 py-2 w-fit rounded-lg page duration-200",
     a.diabled,
     a["hover:disabled"],
@@ -3137,7 +3137,7 @@ const Ir = ({ actived: e, children: r, name: n }) => /* @__PURE__ */ d.jsx(mt, {
       }
     ) })
   }
-), ut = ({
+), ft = ({
   size: e,
   ref: r,
   className: n,
@@ -3164,20 +3164,20 @@ const Ir = ({ actived: e, children: r, name: n }) => /* @__PURE__ */ d.jsx(mt, {
   onClick: s,
   size: a = 24,
   checked: i = !1,
-  type: l,
-  ...u
+  type: u,
+  ...l
 }) => {
-  const [f, v] = ie(i), w = Y(null), j = Y(null), g = `${a + pr}px`;
+  const [f, v] = ie(i), k = Y(null), j = Y(null), g = `${a + pr}px`;
   return le(() => {
-    w.current && (j.current && (j.current.checked = f), f ? w.current.style.display = o?.display || "block" : w.current.style.opacity = "0", setTimeout(() => {
-      w.current && (f ? w.current.style.opacity = "1" : w.current.style.display = "none");
+    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");
     }, 100));
   }, [f, o?.display]), /* @__PURE__ */ d.jsxs(
     "div",
     {
       className: [
         "bg-(--bg-card) border-(--fg-mini-text) border-1 p-[8px] cursor-pointer duration-300",
-        l === "checkbox" ? "rounded-[20%]" : "rounded-[100%]",
+        u === "checkbox" ? "rounded-[20%]" : "rounded-[100%]",
         "hover:bg-(--fg-card)",
         n
       ].join(" "),
@@ -3189,9 +3189,9 @@ const Ir = ({ actived: e, children: r, name: n }) => /* @__PURE__ */ d.jsx(mt, {
       onClick: (R) => {
         s?.(R), v(!f);
       },
-      ...u,
+      ...l,
       children: [
-        l === "checkbox" ? /* @__PURE__ */ d.jsx(ur, { className: "duration-300", ref: w, size: a }) : /* @__PURE__ */ d.jsx(ut, { className: "duration-300", ref: w, size: a }),
+        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(
           "input",
           {
@@ -3205,8 +3205,8 @@ const Ir = ({ actived: e, children: r, name: n }) => /* @__PURE__ */ d.jsx(mt, {
       ]
     }
   );
-}, Mr = (e) => /* @__PURE__ */ d.jsx(br, { type: "checkbox", ...e }), ft = Je(null), Oe = () => {
-  const e = Xe(ft);
+}, Mr = (e) => /* @__PURE__ */ d.jsx(br, { type: "checkbox", ...e }), mt = Je(null), Oe = () => {
+  const e = Xe(mt);
   if (!e)
     throw new Error("useDropdown must be used within DropdownProvider");
   return e;
@@ -3227,18 +3227,18 @@ const Ir = ({ actived: e, children: r, name: n }) => /* @__PURE__ */ d.jsx(mt, {
   defaultHorizontalPosition: s = "right",
   defaultVertialPosition: a = "bottom",
   menuAlign: i = "center",
-  className: l,
-  ...u
+  className: u,
+  ...l
 }) => {
-  const [f, v] = ie(!1), w = Y(null), j = Y(null), g = Y(null), R = ae(
-    (S) => {
-      if (S) {
-        v(S), r?.(S);
+  const [f, v] = ie(!1), k = Y(null), j = Y(null), g = Y(null), R = ae(
+    (_) => {
+      if (_) {
+        v(_), r?.(_);
         return;
       }
-      v((_) => {
-        const C = !_;
-        return r?.(C), C;
+      v((S) => {
+        const T = !S;
+        return r?.(T), T;
       });
     },
     [v, r]
@@ -3246,19 +3246,19 @@ const Ir = ({ actived: e, children: r, name: n }) => /* @__PURE__ */ d.jsx(mt, {
   return gr(j, () => {
     n && f && R(!1);
   }), le(() => {
-    const S = (_) => {
-      f && _.key === "Escape" && R(!1);
+    const _ = (S) => {
+      f && S.key === "Escape" && R(!1);
     };
-    return document.addEventListener("keydown", S), () => {
-      document.removeEventListener("keydown", S);
+    return document.addEventListener("keydown", _), () => {
+      document.removeEventListener("keydown", _);
     };
   }, [f, R]), /* @__PURE__ */ d.jsx(
-    ft.Provider,
+    mt.Provider,
     {
       value: {
         opened: f,
         toggle: R,
-        dropdownRef: w,
+        dropdownRef: k,
         menuRef: j,
         triggerRef: g,
         openToOtherSide: o,
@@ -3269,9 +3269,9 @@ const Ir = ({ actived: e, children: r, name: n }) => /* @__PURE__ */ d.jsx(mt, {
       children: /* @__PURE__ */ d.jsx(
         "div",
         {
-          ref: w,
-          className: L("relative inline-block", l),
-          ...u,
+          ref: k,
+          className: G("relative inline-block", u),
+          ...l,
           children: e
         }
       )
@@ -3287,46 +3287,46 @@ const Ir = ({ actived: e, children: r, name: n }) => /* @__PURE__ */ d.jsx(mt, {
     opened: s,
     menuRef: a,
     triggerRef: i,
-    defaultHorizontalPosition: l,
-    defaultVertialPosition: u,
+    defaultHorizontalPosition: u,
+    defaultVertialPosition: l,
     openToOtherSide: f,
     menuAlign: v
-  } = Oe(), w = ae(
+  } = Oe(), k = ae(
     (g) => {
-      const R = g === "x" ? "innerWidth" : "innerHeight", S = g === "x" ? "width" : "height", _ = g === "x" ? "right" : "bottom";
-      return (C, T) => {
-        if (!a.current || C[_] < window[R])
+      const R = g === "x" ? "innerWidth" : "innerHeight", _ = g === "x" ? "width" : "height", S = g === "x" ? "right" : "bottom";
+      return (T, $) => {
+        if (!a.current || T[S] < window[R])
           return;
-        const O = C[_] - window[R];
+        const I = T[S] - window[R];
         if (f) {
-          const P = g === "y" ? T : 0;
-          a.current.style[g] = `${C[g] - O - P}px`;
+          const C = g === "y" ? $ : 0;
+          a.current.style[g] = `${T[g] - I - C}px`;
           return;
         }
-        const A = C[g] - C[S];
-        if (A >= 0) {
-          a.current.style[g] = `${A}px`;
+        const L = T[g] - T[_];
+        if (L >= 0) {
+          a.current.style[g] = `${L}px`;
           return;
         }
-        a.current.style[g] = `${C[g] - O}px`;
+        a.current.style[g] = `${T[g] - I}px`;
       };
     },
     [a, f]
   );
-  if (pt(() => {
+  if (qe(() => {
     if (!a.current || !i.current || !s)
       return;
-    const g = i.current.getBoundingClientRect(), R = a.current.getBoundingClientRect(), S = v === "center" ? g.width / 2 : v === "right" ? g.width : 0, _ = g.left + window.scrollX + S, C = g.top + g.height + window.scrollY;
-    l === "right" ? a.current.style.left = `${_}px` : a.current.style.left = `${_ - R.width}px`, u === "bottom" ? a.current.style.top = `${C}px` : a.current.style.top = `${C - R.height - g.height}px`;
-    const T = a.current.getBoundingClientRect();
-    w("x")(T, g.height), w("y")(T, g.height);
+    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);
   }, [
     s,
-    w,
+    k,
     a,
     i,
-    l,
     u,
+    l,
     v
   ]), !s)
     return null;
@@ -3334,7 +3334,7 @@ const Ir = ({ actived: e, children: r, name: n }) => /* @__PURE__ */ d.jsx(mt, {
     "div",
     {
       ref: a,
-      className: L(
+      className: G(
         "bg-(--bg-smooth-light) absolute z-100 rounded-lg shadow-lg",
         "flex flex-col min-w-40",
         r
@@ -3356,14 +3356,14 @@ const Ir = ({ actived: e, children: r, name: n }) => /* @__PURE__ */ d.jsx(mt, {
   variant: o,
   ...s
 }) => {
-  const { toggle: a } = Oe(), i = (l) => {
-    s.disabled || (r?.(l), a(!1));
+  const { toggle: a } = Oe(), i = (u) => {
+    s.disabled || (r?.(u), a(!1));
   };
   return /* @__PURE__ */ d.jsx(
     ke,
     {
       onClick: i,
-      className: L(
+      className: G(
         "px-4 py-2 w-full text-left rounded-lg page duration-300",
         s.disabled ? "text-(--fg-mini-text)" : `color-${o} cursor-pointer`,
         "hover:bg-(--fg-mini-text-30)",
@@ -3400,7 +3400,7 @@ const Ir = ({ actived: e, children: r, name: n }) => /* @__PURE__ */ d.jsx(mt, {
   overwriteClassName: r,
   ...n
 }) => {
-  const o = r ? e : L(
+  const o = r ? e : G(
     "bg-(--bg-card) px-4 py-2 rounded-lg min-w-30 max-w-60",
     "focus:outline-0",
     e
@@ -3414,25 +3414,25 @@ const Ir = ({ actived: e, children: r, name: n }) => /* @__PURE__ */ d.jsx(mt, {
   onChange: s,
   ...a
 }) => {
-  const i = r ? e : L(
+  const i = r ? e : G(
     "bg-(--bg-card) px-4 py-2 rounded-lg min-w-30 max-w-150 min-h-10 resize",
     "focus:outline-0",
     e
-  ), l = (u) => {
-    const f = u.currentTarget;
+  ), u = (l) => {
+    const f = l.currentTarget;
     f.style.height = "auto";
-    const v = parseInt(getComputedStyle(f).lineHeight), w = Math.min(
+    const v = parseInt(getComputedStyle(f).lineHeight), k = Math.min(
       Math.max(f.scrollHeight, n * v),
       o * v
     );
-    f.style.height = `${w}px`, s?.(u);
+    f.style.height = `${k}px`, s?.(l);
   };
   return /* @__PURE__ */ d.jsx(
     "textarea",
     {
       placeholder: "write here...",
       className: i,
-      onChange: l,
+      onChange: u,
       ...a
     }
   );
@@ -3445,12 +3445,12 @@ const Ir = ({ actived: e, children: r, name: n }) => /* @__PURE__ */ d.jsx(mt, {
   style: a,
   ...i
 }) => {
-  const l = s ? "" : "z-100";
+  const u = s ? "" : "z-100";
   return Ae(
     /* @__PURE__ */ d.jsx(
       "div",
       {
-        className: L("fixed top-0 h-screen w-screen", l, o),
+        className: G("fixed top-0 h-screen w-screen", u, o),
         ...i,
         style: {
           zIndex: s,
@@ -3465,7 +3465,7 @@ const Ir = ({ actived: e, children: r, name: n }) => /* @__PURE__ */ d.jsx(mt, {
 }, Yr = ({ size: e = 48, className: r = "" }) => /* @__PURE__ */ d.jsxs(
   "svg",
   {
-    className: L("animate-spin text-(--bg-smooth-light)", r),
+    className: G("animate-spin text-(--bg-smooth-light)", r),
     style: {
       height: e + "px",
       width: e + "px"
@@ -3491,7 +3491,7 @@ const Ir = ({ actived: e, children: r, name: n }) => /* @__PURE__ */ d.jsx(mt, {
   className: o
 }) => {
   const s = Math.round(e);
-  return /* @__PURE__ */ d.jsx("div", { className: L("w-full", o), children: /* @__PURE__ */ d.jsxs("div", { className: "relative w-full", style: { height: r }, children: [
+  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(
       "svg",
       {
@@ -3540,7 +3540,7 @@ const Ir = ({ actived: e, children: r, name: n }) => /* @__PURE__ */ d.jsx(mt, {
 }, Jr = ({
   className: e,
   height: r
-}) => /* @__PURE__ */ d.jsx("div", { className: L("w-full", e), children: /* @__PURE__ */ d.jsxs("div", { className: "relative w-full", style: { height: r }, children: [
+}) => /* @__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(
     "svg",
     {
@@ -3589,21 +3589,21 @@ const Ir = ({ actived: e, children: r, name: n }) => /* @__PURE__ */ d.jsx(mt, {
   color: s = "var(--bg-smooth)",
   animation: a,
   delay: i = 0.1,
-  container: l,
-  autoPaddingDisabled: u = !1
+  container: u,
+  autoPaddingDisabled: l = !1
 }) => {
-  const f = e === "orbit" ? "absolute" : "", v = u ? {} : { padding: r * 2 }, w = a ? `var(${a})` : `var(--animate-ellipse-${e})`;
+  const f = e === "orbit" ? "absolute" : "", v = l ? {} : { padding: r * 2 }, k = a ? `var(${a})` : `var(--animate-ellipse-${e})`;
   if (n <= 0)
     throw new Error("Elements can not be zero");
   if (n > 12)
     throw new Error("Element can not be more than 12");
   const j = new Array(n).fill(n).map((g, R) => /* @__PURE__ */ d.jsx(
-    ut,
+    ft,
     {
       size: r,
       fill: s,
       style: {
-        animation: w,
+        animation: k,
         animationDuration: o + "s",
         animationDelay: `${i * R}s`
       },
@@ -3611,7 +3611,7 @@ const Ir = ({ actived: e, children: r, name: n }) => /* @__PURE__ */ d.jsx(mt, {
     },
     g + R
   ));
-  return l ? /* @__PURE__ */ d.jsx(l, { children: j }) : /* @__PURE__ */ d.jsx("div", { className: "flex flex-row gap-2 w-fit h-fit", style: v, children: j });
+  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 = ({
   inputId: e,
   inputName: r,
@@ -3620,31 +3620,31 @@ const Ir = ({ actived: e, children: r, name: n }) => /* @__PURE__ */ d.jsx(mt, {
   className: s,
   onClick: a,
   radioSize: i = 24,
-  checked: l = !1,
-  ...u
+  checked: u = !1,
+  ...l
 }) => {
-  const [f, v] = ie(l);
+  const [f, v] = ie(u);
   i < hr && !n && console.error(
     "radio size less than minimal, set radioSize = 12 or more too resolve"
   );
-  const w = i * 4, j = w - xr * 2 - i, g = f ? "bg-(--bg-card)" : "bg-(--bg-section)", R = f ? "bg-(--fg-default)" : "bg-(--fg-mini-text)", S = f ? j : 0;
+  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(
     "div",
     {
       style: {
-        width: `${w}px`,
+        width: `${k}px`,
         ...o
       },
-      className: L(
+      className: G(
         "rounded-[200px] py-[6px] px-[8px] cursor-pointer duration-300",
         g,
         "hover:bg-(--fg-card)",
         s
       ),
-      onClick: (_) => {
-        v(!f), a?.(_);
+      onClick: (S) => {
+        v(!f), a?.(S);
       },
-      ...u,
+      ...l,
       children: [
         /* @__PURE__ */ d.jsx(
           "div",
@@ -3656,7 +3656,7 @@ const Ir = ({ actived: e, children: r, name: n }) => /* @__PURE__ */ d.jsx(mt, {
             style: {
               height: `${i}px`,
               width: `${i}px`,
-              left: `${S}px`
+              left: `${_}px`
             }
           }
         ),
@@ -3682,18 +3682,18 @@ const Ir = ({ actived: e, children: r, name: n }) => /* @__PURE__ */ d.jsx(mt, {
     "div",
     {
       ...n,
-      className: L(
+      className: G(
         "bg-(image:--image-bg) flex gap-8 px-12 py-4 rounded-lg page",
         o,
         r
       )
     }
   );
-}, $ = [];
+}, P = [];
 for (let e = 0; e < 256; ++e)
-  $.push((e + 256).toString(16).slice(1));
+  P.push((e + 256).toString(16).slice(1));
 function yr(e, r = 0) {
-  return ($[e[r + 0]] + $[e[r + 1]] + $[e[r + 2]] + $[e[r + 3]] + "-" + $[e[r + 4]] + $[e[r + 5]] + "-" + $[e[r + 6]] + $[e[r + 7]] + "-" + $[e[r + 8]] + $[e[r + 9]] + "-" + $[e[r + 10]] + $[e[r + 11]] + $[e[r + 12]] + $[e[r + 13]] + $[e[r + 14]] + $[e[r + 15]]).toLowerCase();
+  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);
@@ -3725,8 +3725,8 @@ function Rr() {
     var i = null;
     if (a !== void 0 && (i = "" + a), s.key !== void 0 && (i = "" + s.key), "key" in s) {
       a = {};
-      for (var l in s)
-        l !== "key" && (a[l] = s[l]);
+      for (var u in s)
+        u !== "key" && (a[u] = s[u]);
     } else a = s;
     return s = a.ref, {
       $$typeof: e,
@@ -3747,15 +3747,15 @@ function _r() {
         return t.$$typeof === ne ? null : t.displayName || t.name || null;
       if (typeof t == "string") return t;
       switch (t) {
-        case _:
+        case S:
           return "Fragment";
-        case T:
+        case $:
           return "Profiler";
-        case C:
+        case T:
           return "StrictMode";
-        case V:
+        case N:
           return "Suspense";
-        case H:
+        case D:
           return "SuspenseList";
         case oe:
           return "Activity";
@@ -3764,18 +3764,18 @@ function _r() {
         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 S:
+          case _:
             return "Portal";
-          case A:
+          case L:
             return t.displayName || "Context";
-          case O:
+          case I:
             return (t._context.displayName || "Context") + ".Consumer";
-          case P:
+          case C:
             var c = t.render;
             return t = t.displayName, t || (t = c.displayName || c.name || "", t = t !== "" ? "ForwardRef(" + t + ")" : "ForwardRef"), t;
-          case k:
+          case w:
             return c = t.displayName || null, c !== null ? c : e(t.type) || "Memo";
-          case z:
+          case O:
             c = t._payload, t = t._init;
             try {
               return e(t(c));
@@ -3805,8 +3805,8 @@ function _r() {
       }
     }
     function o(t) {
-      if (t === _) return "<>";
-      if (typeof t == "object" && t !== null && t.$$typeof === z)
+      if (t === S) return "<>";
+      if (typeof t == "object" && t !== null && t.$$typeof === O)
         return "<...>";
       try {
         var c = e(t);
@@ -3816,7 +3816,7 @@ function _r() {
       }
     }
     function s() {
-      var t = B.A;
+      var t = V.A;
       return t === null ? null : t.getOwner();
     }
     function a() {
@@ -3829,9 +3829,9 @@ function _r() {
       }
       return t.key !== void 0;
     }
-    function l(t, c) {
+    function u(t, c) {
       function b() {
-        D || (D = !0, console.error(
+        M || (M = !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
         ));
@@ -3841,13 +3841,13 @@ function _r() {
         configurable: !0
       });
     }
-    function u() {
+    function l() {
       var t = e(this.type);
-      return F[t] || (F[t] = !0, console.error(
+      return B[t] || (B[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, G, W) {
+    function f(t, c, b, y, U, H) {
       var h = b.ref;
       return t = {
         $$typeof: R,
@@ -3857,7 +3857,7 @@ function _r() {
         _owner: y
       }, (h !== void 0 ? h : null) !== null ? Object.defineProperty(t, "ref", {
         enumerable: !1,
-        get: u
+        get: l
       }) : Object.defineProperty(t, "ref", { enumerable: !1, value: null }), t._store = {}, Object.defineProperty(t._store, "validated", {
         configurable: !1,
         enumerable: !1,
@@ -3872,33 +3872,33 @@ function _r() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: G
+        value: U
       }), Object.defineProperty(t, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: W
+        value: H
       }), Object.freeze && (Object.freeze(t.props), Object.freeze(t)), t;
     }
-    function v(t, c, b, y, G, W) {
+    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++)
-              w(h[y]);
+              k(h[y]);
             Object.freeze && Object.freeze(h);
           } 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 w(h);
+        else k(h);
       if (q.call(c, "key")) {
         h = e(t);
-        var I = Object.keys(c).filter(function(Q) {
+        var z = Object.keys(c).filter(function(Q) {
           return Q !== "key";
         });
-        y = 0 < I.length ? "{key: someKey, " + I.join(": ..., ") + ": ...}" : "{key: someKey}", K[h + y] || (I = 0 < I.length ? "{" + I.join(": ..., ") + ": ...}" : "{}", console.error(
+        y = 0 < z.length ? "{key: someKey, " + z.join(": ..., ") + ": ...}" : "{key: someKey}", K[h + y] || (z = 0 < z.length ? "{" + z.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
@@ -3907,16 +3907,16 @@ React keys must be passed directly to JSX without using spread:
   <%s key={someKey} {...props} />`,
           y,
           h,
-          I,
+          z,
           h
         ), K[h + y] = !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 U in c)
-          U !== "key" && (b[U] = c[U]);
+        for (var W in c)
+          W !== "key" && (b[W] = c[W]);
       } else b = c;
-      return h && l(
+      return h && u(
         b,
         typeof t == "function" ? t.displayName || t.name || "Unknown" : t
       ), f(
@@ -3924,17 +3924,17 @@ React keys must be passed directly to JSX without using spread:
         h,
         b,
         s(),
-        G,
-        W
+        U,
+        H
       );
     }
-    function w(t) {
-      j(t) ? t._store && (t._store.validated = 1) : typeof t == "object" && t !== null && t.$$typeof === z && (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 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 j(t) {
       return typeof t == "object" && t !== null && t.$$typeof === R;
     }
-    var g = He, R = /* @__PURE__ */ Symbol.for("react.transitional.element"), S = /* @__PURE__ */ Symbol.for("react.portal"), _ = /* @__PURE__ */ Symbol.for("react.fragment"), C = /* @__PURE__ */ Symbol.for("react.strict_mode"), T = /* @__PURE__ */ Symbol.for("react.profiler"), O = /* @__PURE__ */ Symbol.for("react.consumer"), A = /* @__PURE__ */ Symbol.for("react.context"), P = /* @__PURE__ */ Symbol.for("react.forward_ref"), V = /* @__PURE__ */ Symbol.for("react.suspense"), H = /* @__PURE__ */ Symbol.for("react.suspense_list"), k = /* @__PURE__ */ Symbol.for("react.memo"), z = /* @__PURE__ */ Symbol.for("react.lazy"), oe = /* @__PURE__ */ Symbol.for("react.activity"), ne = /* @__PURE__ */ Symbol.for("react.client.reference"), B = g.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, q = Object.prototype.hasOwnProperty, te = Array.isArray, M = console.createTask ? console.createTask : function() {
+    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() {
       return null;
     };
     g = {
@@ -3942,29 +3942,29 @@ React keys must be passed directly to JSX without using spread:
         return t();
       }
     };
-    var D, F = {}, x = g.react_stack_bottom_frame.bind(
+    var M, B = {}, x = g.react_stack_bottom_frame.bind(
       g,
       a
-    )(), Z = M(o(a)), K = {};
-    we.Fragment = _, we.jsx = function(t, c, b) {
-      var y = 1e4 > B.recentlyCreatedOwnerStacks++;
+    )(), Z = F(o(a)), K = {};
+    we.Fragment = S, we.jsx = function(t, c, b) {
+      var y = 1e4 > V.recentlyCreatedOwnerStacks++;
       return v(
         t,
         c,
         b,
         !1,
         y ? Error("react-stack-top-frame") : x,
-        y ? M(o(t)) : Z
+        y ? F(o(t)) : Z
       );
     }, we.jsxs = function(t, c, b) {
-      var y = 1e4 > B.recentlyCreatedOwnerStacks++;
+      var y = 1e4 > V.recentlyCreatedOwnerStacks++;
       return v(
         t,
         c,
         b,
         !0,
         y ? Error("react-stack-top-frame") : x,
-        y ? M(o(t)) : Z
+        y ? F(o(t)) : Z
       );
     };
   })()), we;
@@ -3982,18 +3982,18 @@ const We = 2, Ye = 2, Tr = ({
   className: s,
   ...a
 }) => {
-  const i = e - We, l = i + We, u = l / 2, f = n || i >= 24 ? Ye : Ye / 2, v = (i - f) / 2, w = u - v, j = u - f / 2;
+  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(
     "rect",
     {
-      x: w,
+      x: k,
       y: j,
       width: i,
       height: f,
       rx: f / 2,
-      transform: `rotate(${R} ${u} ${u})`,
+      transform: `rotate(${R} ${l} ${l})`,
       fill: r
     }
   );
@@ -4008,9 +4008,9 @@ const We = 2, Ye = 2, Tr = ({
       children: /* @__PURE__ */ Te.jsxs(
         "svg",
         {
-          width: l,
-          height: l,
-          viewBox: `0 0 ${l} ${l}`,
+          width: u,
+          height: u,
+          viewBox: `0 0 ${u} ${u}`,
           fill: "none",
           xmlns: "http://www.w3.org/2000/svg",
           children: [
@@ -4032,7 +4032,7 @@ const We = 2, Ye = 2, Tr = ({
 }) => /* @__PURE__ */ d.jsxs(
   "div",
   {
-    className: L(
+    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",
@@ -4052,72 +4052,77 @@ const We = 2, Ye = 2, Tr = ({
       )
     ]
   }
-), Kr = (e, r = e = 1e3) => {
-  const n = Y({}), [o, s] = ie([]), [a, i] = ie(!0), [l, u] = ie(null), f = Y(l), v = Y(0), w = Y(/* @__PURE__ */ new Map()), j = Y(null), g = ae(
-    (T) => {
-      if (!f.current)
+), Kr = ({
+  duration: e,
+  delay: r = 1e3,
+  usePortal: n = !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)
         return;
-      if (f.current.id !== T)
-        return s((A) => A.filter((P) => P.id !== T)), w.current.delete(T);
-      i(!0);
-      const O = w.current.get(T);
-      O && (window.clearTimeout(O), w.current.delete(T)), j.current && window.clearTimeout(j.current), j.current = window.setTimeout(() => {
-        s((A) => A.filter((P) => P.id !== T)), u(null), j.current = null;
+      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;
       }, r);
     },
-    [f, r]
-  ), R = ae(() => {
-    w.current.forEach(window.clearTimeout), j.current && window.clearTimeout(j.current), l && g(l.id), s([]), i(!0);
-  }, [g, l]), S = ae(() => {
-    if (o.length === 0)
-      return u(null);
-    const T = o[0];
-    u(T), i(!1);
-    const O = window.setTimeout(() => {
-      g(T.id);
+    [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);
-    w.current.set(T.id, O);
-  }, [g, e, o]), _ = ae(
-    (T) => {
-      v.current++;
-      const A = {
-        id: String(v.current),
-        text: T,
-        close: g
+    j.current.set(C.id, N);
+  }, [_, e, s]), $ = ae(
+    (C) => {
+      k.current++;
+      const D = {
+        id: String(k.current),
+        text: C,
+        close: _
       };
-      s((P) => [...P, A]);
+      a((w) => [...w, D]);
     },
-    [g]
+    [_]
   );
-  return le(() => {
-    f.current = l;
+  le(() => {
+    v.current = l;
   }, [l]), le(() => {
-    !l && o.length > 0 && S();
-  }, [l, o, S]), le(() => () => {
-    w.current.forEach(window.clearTimeout), j.current && window.clearTimeout(j.current);
+    !l && s.length > 0 && T();
+  }, [l, s, T]), le(() => () => {
+    j.current.forEach(window.clearTimeout), g.current && window.clearTimeout(g.current);
+  }, []);
+  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: Ae(
-      /* @__PURE__ */ d.jsx("div", { className: "fixed w-0 h-0", children: /* @__PURE__ */ d.jsx(
-        Cr,
-        {
-          ...l || {},
-          close: g,
-          closed: a,
-          text: l ? l.text instanceof Function ? l.text({ count: v.current, current: l, queue: o }) : l.text : null
-        }
-      ) }),
-      document.body
-    ),
-    notifications: n,
-    notificate: _,
-    count: v,
-    queue: o,
+    NotificationComponent: n ? R.current ? Ae(I, R.current.body) : null : I,
+    notifications: o,
+    notificate: $,
+    count: k,
+    queue: s,
     current: l,
-    closeAll: R,
-    close: g
+    closeAll: S,
+    close: _
   };
 }, Ar = () => /* @__PURE__ */ d.jsxs("div", { className: "flex flex-col justify-center gap-4", children: [
-  Object.keys(Ze).map((e) => /* @__PURE__ */ d.jsxs(ke, { variant: e, children: [
+  Object.keys(Ke).map((e) => /* @__PURE__ */ d.jsxs(ke, { variant: e, children: [
     "Button ",
     e
   ] }, e)),
@@ -4199,7 +4204,7 @@ export {
   zr as VARIABLES,
   Zr as Wrapper,
   ce as borderRadius,
-  L as cn,
+  G as cn,
   $r as createContext,
   Kr as useNotifications
 };