tvuikit 0.7.0 → 0.8.0

package/dist/tvuikit.es.js

@@ -1,29 +1,29 @@
-import Qe, { Activity as Ke, useState as ye, useRef as le, useEffect as ke, createContext as er, useContext as rr, useCallback as Pe, useLayoutEffect as tr } from "react";
-import { createPortal as ze } from "react-dom";
-const or = {
+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 { createPortal as Ae } from "react-dom";
+const bt = {
   default: "#0A0A0A",
   component: "#00000065",
   smooth: "#111111"
-}, Ie = {
+}, qe = {
   default: "#EDEDED",
   text: "#EDEDED",
   miniText: "#EDEDED40",
   card: "#27272780",
   component: "#272727"
-}, Me = {
-  default: Ie.default,
+}, Ze = {
+  default: qe.default,
   primary: "#2AFF6A",
   danger: "#FF0000",
   secondary: "#000000",
   tetriary: "#000000"
-}, nr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, gt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  BACKGROUND: or,
-  BUTTONS: Me,
-  FOREGROUND: Ie
+  BACKGROUND: bt,
+  BUTTONS: Ze,
+  FOREGROUND: qe
 }, Symbol.toStringTag, { value: "Module" }));
-var B = /* @__PURE__ */ ((e) => (e.h1 = "36px", e.h2 = "32px", e.h3 = "24px", e.h4 = "20px", e.h5 = "18px", e.base = "16px", e.mini = "14px", e))(B || {});
-const sr = {
+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 = {
   h1: "36px",
   h2: "32px",
   h3: "24px",
@@ -32,397 +32,136 @@ const sr = {
   base: "16px",
   mini: "14px"
   /* mini */
-}, ar = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, xt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  FONT_SIZE: sr,
-  FontSize: B
-}, Symbol.toStringTag, { value: "Module" })), ut = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  FONT_SIZE: ht,
+  FontSize: X
+}, Symbol.toStringTag, { value: "Module" })), zr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  COLORS: nr,
-  FONTS: ar
+  COLORS: gt,
+  FONTS: xt
 }, Symbol.toStringTag, { value: "Module" }));
-var me = { exports: {} }, se = {};
-var Re;
-function ir() {
-  if (Re) return se;
-  Re = 1;
-  var e = /* @__PURE__ */ Symbol.for("react.transitional.element"), r = /* @__PURE__ */ Symbol.for("react.fragment");
-  function t(o, s, a) {
-    var i = null;
-    if (a !== void 0 && (i = "" + a), s.key !== void 0 && (i = "" + s.key), "key" in s) {
-      a = {};
-      for (var m in s)
-        m !== "key" && (a[m] = s[m]);
-    } else a = s;
-    return s = a.ref, {
-      $$typeof: e,
-      type: o,
-      key: i,
-      ref: s !== void 0 ? s : null,
-      props: a
-    };
-  }
-  return se.Fragment = r, se.jsx = t, se.jsxs = t, se;
-}
-var ae = {};
-var _e;
-function lr() {
-  return _e || (_e = 1, process.env.NODE_ENV !== "production" && (function() {
-    function e(n) {
-      if (n == null) return null;
-      if (typeof n == "function")
-        return n.$$typeof === de ? null : n.displayName || n.name || null;
-      if (typeof n == "string") return n;
-      switch (n) {
-        case E:
-          return "Fragment";
-        case $:
-          return "Profiler";
-        case N:
-          return "StrictMode";
-        case D:
-          return "Suspense";
-        case H:
-          return "SuspenseList";
-        case ce:
-          return "Activity";
-      }
-      if (typeof n == "object")
-        switch (typeof n.tag == "number" && console.error(
-          "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
-        ), n.$$typeof) {
-          case A:
-            return "Portal";
-          case z:
-            return n.displayName || "Context";
-          case P:
-            return (n._context.displayName || "Context") + ".Consumer";
-          case V:
-            var h = n.render;
-            return n = n.displayName, n || (n = h.displayName || h.name || "", n = n !== "" ? "ForwardRef(" + n + ")" : "ForwardRef"), n;
-          case b:
-            return h = n.displayName || null, h !== null ? h : e(n.type) || "Memo";
-          case C:
-            h = n._payload, n = n._init;
-            try {
-              return e(n(h));
-            } catch {
-            }
-        }
-      return null;
-    }
-    function r(n) {
-      return "" + n;
-    }
-    function t(n) {
-      try {
-        r(n);
-        var h = !1;
-      } catch {
-        h = !0;
-      }
-      if (h) {
-        h = console;
-        var w = h.error, j = typeof Symbol == "function" && Symbol.toStringTag && n[Symbol.toStringTag] || n.constructor.name || "Object";
-        return w.call(
-          h,
-          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          j
-        ), r(n);
-      }
-    }
-    function o(n) {
-      if (n === E) return "<>";
-      if (typeof n == "object" && n !== null && n.$$typeof === C)
-        return "<...>";
-      try {
-        var h = e(n);
-        return h ? "<" + h + ">" : "<...>";
-      } catch {
-        return "<...>";
-      }
-    }
-    function s() {
-      var n = W.A;
-      return n === null ? null : n.getOwner();
-    }
-    function a() {
-      return Error("react-stack-top-frame");
-    }
-    function i(n) {
-      if (re.call(n, "key")) {
-        var h = Object.getOwnPropertyDescriptor(n, "key").get;
-        if (h && h.isReactWarning) return !1;
-      }
-      return n.key !== void 0;
-    }
-    function m(n, h) {
-      function w() {
-        O || (O = !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)",
-          h
-        ));
-      }
-      w.isReactWarning = !0, Object.defineProperty(n, "key", {
-        get: w,
-        configurable: !0
-      });
-    }
-    function c() {
-      var n = e(this.type);
-      return M[n] || (M[n] = !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."
-      )), n = this.props.ref, n !== void 0 ? n : null;
-    }
-    function f(n, h, w, j, L, J) {
-      var v = w.ref;
-      return n = {
-        $$typeof: _,
-        type: n,
-        key: h,
-        props: w,
-        _owner: j
-      }, (v !== void 0 ? v : null) !== null ? Object.defineProperty(n, "ref", {
-        enumerable: !1,
-        get: c
-      }) : Object.defineProperty(n, "ref", { enumerable: !1, value: null }), n._store = {}, Object.defineProperty(n._store, "validated", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: 0
-      }), Object.defineProperty(n, "_debugInfo", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: null
-      }), Object.defineProperty(n, "_debugStack", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: L
-      }), Object.defineProperty(n, "_debugTask", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: J
-      }), Object.freeze && (Object.freeze(n.props), Object.freeze(n)), n;
-    }
-    function y(n, h, w, j, L, J) {
-      var v = h.children;
-      if (v !== void 0)
-        if (j)
-          if (te(v)) {
-            for (j = 0; j < v.length; j++)
-              k(v[j]);
-            Object.freeze && Object.freeze(v);
-          } 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(v);
-      if (re.call(h, "key")) {
-        v = e(n);
-        var F = Object.keys(h).filter(function(X) {
-          return X !== "key";
-        });
-        j = 0 < F.length ? "{key: someKey, " + F.join(": ..., ") + ": ...}" : "{key: someKey}", ne[v + j] || (F = 0 < F.length ? "{" + F.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} />`,
-          j,
-          v,
-          F,
-          v
-        ), ne[v + j] = !0);
-      }
-      if (v = null, w !== void 0 && (t(w), v = "" + w), i(h) && (t(h.key), v = "" + h.key), "key" in h) {
-        w = {};
-        for (var Y in h)
-          Y !== "key" && (w[Y] = h[Y]);
-      } else w = h;
-      return v && m(
-        w,
-        typeof n == "function" ? n.displayName || n.name || "Unknown" : n
-      ), f(
-        n,
-        v,
-        w,
-        s(),
-        L,
-        J
-      );
-    }
-    function k(n) {
-      g(n) ? n._store && (n._store.validated = 1) : typeof n == "object" && n !== null && n.$$typeof === C && (n._payload.status === "fulfilled" ? g(n._payload.value) && n._payload.value._store && (n._payload.value._store.validated = 1) : n._store && (n._store.validated = 1));
-    }
-    function g(n) {
-      return typeof n == "object" && n !== null && n.$$typeof === _;
-    }
-    var R = Qe, _ = /* @__PURE__ */ Symbol.for("react.transitional.element"), A = /* @__PURE__ */ Symbol.for("react.portal"), E = /* @__PURE__ */ Symbol.for("react.fragment"), N = /* @__PURE__ */ Symbol.for("react.strict_mode"), $ = /* @__PURE__ */ Symbol.for("react.profiler"), P = /* @__PURE__ */ Symbol.for("react.consumer"), z = /* @__PURE__ */ Symbol.for("react.context"), V = /* @__PURE__ */ Symbol.for("react.forward_ref"), D = /* @__PURE__ */ Symbol.for("react.suspense"), H = /* @__PURE__ */ Symbol.for("react.suspense_list"), b = /* @__PURE__ */ Symbol.for("react.memo"), C = /* @__PURE__ */ Symbol.for("react.lazy"), ce = /* @__PURE__ */ Symbol.for("react.activity"), de = /* @__PURE__ */ Symbol.for("react.client.reference"), W = R.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, re = Object.prototype.hasOwnProperty, te = Array.isArray, I = console.createTask ? console.createTask : function() {
-      return null;
-    };
-    R = {
-      react_stack_bottom_frame: function(n) {
-        return n();
-      }
-    };
-    var O, M = {}, p = R.react_stack_bottom_frame.bind(
-      R,
-      a
-    )(), oe = I(o(a)), ne = {};
-    ae.Fragment = E, ae.jsx = function(n, h, w) {
-      var j = 1e4 > W.recentlyCreatedOwnerStacks++;
-      return y(
-        n,
-        h,
-        w,
-        !1,
-        j ? Error("react-stack-top-frame") : p,
-        j ? I(o(n)) : oe
-      );
-    }, ae.jsxs = function(n, h, w) {
-      var j = 1e4 > W.recentlyCreatedOwnerStacks++;
-      return y(
-        n,
-        h,
-        w,
-        !0,
-        j ? Error("react-stack-top-frame") : p,
-        j ? I(o(n)) : oe
-      );
-    };
-  })()), ae;
-}
-var Ae;
-function cr() {
-  return Ae || (Ae = 1, process.env.NODE_ENV === "production" ? me.exports = ir() : me.exports = lr()), me.exports;
-}
-var l = cr();
-const mt = ({ actived: e, children: r, name: t }) => /* @__PURE__ */ l.jsx(Ke, { name: t, mode: e ? "visible" : "hidden", children: r });
-function $e(e) {
-  var r, t, o = "";
+function Ke(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] && (t = $e(e[r])) && (o && (o += " "), o += t);
-  } else for (t in e) e[t] && (o && (o += " "), o += t);
+    for (r = 0; r < s; r++) e[r] && (n = Ke(e[r])) && (o && (o += " "), o += n);
+  } else for (n in e) e[n] && (o && (o += " "), o += n);
   return o;
 }
-function dr() {
-  for (var e, r, t = 0, o = "", s = arguments.length; t < s; t++) (e = arguments[t]) && (r = $e(e)) && (o && (o += " "), o += r);
+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);
   return o;
 }
-const ur = (e, r) => {
-  const t = new Array(e.length + r.length);
+const wt = (e, r) => {
+  const n = new Array(e.length + r.length);
   for (let o = 0; o < e.length; o++)
-    t[o] = e[o];
+    n[o] = e[o];
   for (let o = 0; o < r.length; o++)
-    t[e.length + o] = r[o];
-  return t;
-}, mr = (e, r) => ({
+    n[e.length + o] = r[o];
+  return n;
+}, vt = (e, r) => ({
   classGroupId: e,
   validator: r
-}), De = (e = /* @__PURE__ */ new Map(), r = null, t) => ({
+}), Qe = (e = /* @__PURE__ */ new Map(), r = null, n) => ({
   nextPart: e,
   validators: r,
-  classGroupId: t
-}), be = "-", Te = [], fr = "arbitrary..", pr = (e) => {
-  const r = gr(e), {
-    conflictingClassGroups: t,
+  classGroupId: n
+}), ve = "-", Pe = [], kt = "arbitrary..", jt = (e) => {
+  const r = Rt(e), {
+    conflictingClassGroups: n,
     conflictingClassGroupModifiers: o
   } = e;
   return {
     getClassGroupId: (i) => {
       if (i.startsWith("[") && i.endsWith("]"))
-        return br(i);
-      const m = i.split(be), c = m[0] === "" && m.length > 1 ? 1 : 0;
-      return Le(m, c, r);
+        return Et(i);
+      const l = i.split(ve), u = l[0] === "" && l.length > 1 ? 1 : 0;
+      return et(l, u, r);
     },
-    getConflictingClassGroupIds: (i, m) => {
-      if (m) {
-        const c = o[i], f = t[i];
-        return c ? f ? ur(f, c) : c : f || Te;
+    getConflictingClassGroupIds: (i, l) => {
+      if (l) {
+        const u = o[i], f = n[i];
+        return u ? f ? wt(f, u) : u : f || Pe;
       }
-      return t[i] || Te;
+      return n[i] || Pe;
     }
   };
-}, Le = (e, r, t) => {
+}, et = (e, r, n) => {
   if (e.length - r === 0)
-    return t.classGroupId;
-  const s = e[r], a = t.nextPart.get(s);
+    return n.classGroupId;
+  const s = e[r], a = n.nextPart.get(s);
   if (a) {
-    const f = Le(e, r + 1, a);
+    const f = et(e, r + 1, a);
     if (f) return f;
   }
-  const i = t.validators;
+  const i = n.validators;
   if (i === null)
     return;
-  const m = r === 0 ? e.join(be) : e.slice(r).join(be), c = i.length;
-  for (let f = 0; f < c; f++) {
-    const y = i[f];
-    if (y.validator(m))
-      return y.classGroupId;
+  const l = r === 0 ? e.join(ve) : e.slice(r).join(ve), u = i.length;
+  for (let f = 0; f < u; f++) {
+    const v = i[f];
+    if (v.validator(l))
+      return v.classGroupId;
   }
-}, br = (e) => e.slice(1, -1).indexOf(":") === -1 ? void 0 : (() => {
-  const r = e.slice(1, -1), t = r.indexOf(":"), o = r.slice(0, t);
-  return o ? fr + o : void 0;
-})(), gr = (e) => {
+}, 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) => {
   const {
     theme: r,
-    classGroups: t
+    classGroups: n
   } = e;
-  return hr(t, r);
-}, hr = (e, r) => {
-  const t = De();
+  return _t(n, r);
+}, _t = (e, r) => {
+  const n = Qe();
   for (const o in e) {
     const s = e[o];
-    je(s, t, o, r);
+    Ne(s, n, o, r);
   }
-  return t;
-}, je = (e, r, t, o) => {
+  return n;
+}, Ne = (e, r, n, o) => {
   const s = e.length;
   for (let a = 0; a < s; a++) {
     const i = e[a];
-    xr(i, r, t, o);
+    St(i, r, n, o);
   }
-}, xr = (e, r, t, o) => {
+}, St = (e, r, n, o) => {
   if (typeof e == "string") {
-    wr(e, r, t);
+    Tt(e, r, n);
     return;
   }
   if (typeof e == "function") {
-    vr(e, r, t, o);
+    Ct(e, r, n, o);
     return;
   }
-  yr(e, r, t, o);
-}, wr = (e, r, t) => {
-  const o = e === "" ? r : Fe(r, e);
-  o.classGroupId = t;
-}, vr = (e, r, t, o) => {
-  if (kr(e)) {
-    je(e(o), r, t, o);
+  At(e, r, n, o);
+}, Tt = (e, r, n) => {
+  const o = e === "" ? r : tt(r, e);
+  o.classGroupId = n;
+}, Ct = (e, r, n, o) => {
+  if (Nt(e)) {
+    Ne(e(o), r, n, o);
     return;
   }
-  r.validators === null && (r.validators = []), r.validators.push(mr(t, e));
-}, yr = (e, r, t, o) => {
+  r.validators === null && (r.validators = []), r.validators.push(vt(n, e));
+}, At = (e, r, n, o) => {
   const s = Object.entries(e), a = s.length;
   for (let i = 0; i < a; i++) {
-    const [m, c] = s[i];
-    je(c, Fe(r, m), t, o);
+    const [l, u] = s[i];
+    Ne(u, tt(r, l), n, o);
   }
-}, Fe = (e, r) => {
-  let t = e;
-  const o = r.split(be), s = o.length;
+}, tt = (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 m = t.nextPart.get(i);
-    m || (m = De(), t.nextPart.set(i, m)), t = m;
+    let l = n.nextPart.get(i);
+    l || (l = Qe(), n.nextPart.set(i, l)), n = l;
   }
-  return t;
-}, kr = (e) => "isThemeGetter" in e && e.isThemeGetter === !0, jr = (e) => {
+  return n;
+}, Nt = (e) => "isThemeGetter" in e && e.isThemeGetter === !0, Ot = (e) => {
   if (e < 1)
     return {
       get: () => {
@@ -430,178 +169,178 @@ const ur = (e, r) => {
       set: () => {
       }
     };
-  let r = 0, t = /* @__PURE__ */ Object.create(null), o = /* @__PURE__ */ Object.create(null);
+  let r = 0, n = /* @__PURE__ */ Object.create(null), o = /* @__PURE__ */ Object.create(null);
   const s = (a, i) => {
-    t[a] = i, r++, r > e && (r = 0, o = t, t = /* @__PURE__ */ Object.create(null));
+    n[a] = i, r++, r > e && (r = 0, o = n, n = /* @__PURE__ */ Object.create(null));
   };
   return {
     get(a) {
-      let i = t[a];
+      let i = n[a];
       if (i !== void 0)
         return i;
       if ((i = o[a]) !== void 0)
         return s(a, i), i;
     },
     set(a, i) {
-      a in t ? t[a] = i : s(a, i);
+      a in n ? n[a] = i : s(a, i);
     }
   };
-}, ve = "!", Ce = ":", Er = [], Se = (e, r, t, o, s) => ({
+}, Ce = "!", ze = ":", Pt = [], $e = (e, r, n, o, s) => ({
   modifiers: e,
   hasImportantModifier: r,
-  baseClassName: t,
+  baseClassName: n,
   maybePostfixModifierPosition: o,
   isExternal: s
-}), Rr = (e) => {
+}), zt = (e) => {
   const {
     prefix: r,
-    experimentalParseClassName: t
+    experimentalParseClassName: n
   } = e;
   let o = (s) => {
     const a = [];
-    let i = 0, m = 0, c = 0, f;
-    const y = s.length;
-    for (let A = 0; A < y; A++) {
-      const E = s[A];
-      if (i === 0 && m === 0) {
-        if (E === Ce) {
-          a.push(s.slice(c, A)), c = A + 1;
+    let i = 0, l = 0, u = 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;
           continue;
         }
-        if (E === "/") {
-          f = A;
+        if (_ === "/") {
+          f = S;
           continue;
         }
       }
-      E === "[" ? i++ : E === "]" ? i-- : E === "(" ? m++ : E === ")" && m--;
+      _ === "[" ? i++ : _ === "]" ? i-- : _ === "(" ? l++ : _ === ")" && l--;
     }
-    const k = a.length === 0 ? s : s.slice(c);
-    let g = k, R = !1;
-    k.endsWith(ve) ? (g = k.slice(0, -1), R = !0) : (
+    const w = a.length === 0 ? s : s.slice(u);
+    let j = w, g = !1;
+    w.endsWith(Ce) ? (j = w.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
        */
-      k.startsWith(ve) && (g = k.slice(1), R = !0)
+      w.startsWith(Ce) && (j = w.slice(1), g = !0)
     );
-    const _ = f && f > c ? f - c : void 0;
-    return Se(a, R, g, _);
+    const R = f && f > u ? f - u : void 0;
+    return $e(a, g, j, R);
   };
   if (r) {
-    const s = r + Ce, a = o;
-    o = (i) => i.startsWith(s) ? a(i.slice(s.length)) : Se(Er, !1, i, void 0, !0);
+    const s = r + ze, a = o;
+    o = (i) => i.startsWith(s) ? a(i.slice(s.length)) : $e(Pt, !1, i, void 0, !0);
   }
-  if (t) {
+  if (n) {
     const s = o;
-    o = (a) => t({
+    o = (a) => n({
       className: a,
       parseClassName: s
     });
   }
   return o;
-}, _r = (e) => {
+}, $t = (e) => {
   const r = /* @__PURE__ */ new Map();
-  return e.orderSensitiveModifiers.forEach((t, o) => {
-    r.set(t, 1e6 + o);
-  }), (t) => {
+  return e.orderSensitiveModifiers.forEach((n, o) => {
+    r.set(n, 1e6 + o);
+  }), (n) => {
     const o = [];
     let s = [];
-    for (let a = 0; a < t.length; a++) {
-      const i = t[a], m = i[0] === "[", c = r.has(i);
-      m || c ? (s.length > 0 && (s.sort(), o.push(...s), s = []), o.push(i)) : s.push(i);
+    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);
     }
     return s.length > 0 && (s.sort(), o.push(...s)), o;
   };
-}, Ar = (e) => ({
-  cache: jr(e.cacheSize),
-  parseClassName: Rr(e),
-  sortModifiers: _r(e),
-  ...pr(e)
-}), Tr = /\s+/, Cr = (e, r) => {
+}, It = (e) => ({
+  cache: Ot(e.cacheSize),
+  parseClassName: zt(e),
+  sortModifiers: $t(e),
+  ...jt(e)
+}), Dt = /\s+/, Mt = (e, r) => {
   const {
-    parseClassName: t,
+    parseClassName: n,
     getClassGroupId: o,
     getConflictingClassGroupIds: s,
     sortModifiers: a
-  } = r, i = [], m = e.trim().split(Tr);
-  let c = "";
-  for (let f = m.length - 1; f >= 0; f -= 1) {
-    const y = m[f], {
-      isExternal: k,
-      modifiers: g,
-      hasImportantModifier: R,
-      baseClassName: _,
-      maybePostfixModifierPosition: A
-    } = t(y);
-    if (k) {
-      c = y + (c.length > 0 ? " " + c : c);
+  } = 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,
+      modifiers: j,
+      hasImportantModifier: g,
+      baseClassName: R,
+      maybePostfixModifierPosition: S
+    } = n(v);
+    if (w) {
+      u = v + (u.length > 0 ? " " + u : u);
       continue;
     }
-    let E = !!A, N = o(E ? _.substring(0, A) : _);
-    if (!N) {
-      if (!E) {
-        c = y + (c.length > 0 ? " " + c : c);
+    let _ = !!S, C = o(_ ? R.substring(0, S) : R);
+    if (!C) {
+      if (!_) {
+        u = v + (u.length > 0 ? " " + u : u);
         continue;
       }
-      if (N = o(_), !N) {
-        c = y + (c.length > 0 ? " " + c : c);
+      if (C = o(R), !C) {
+        u = v + (u.length > 0 ? " " + u : u);
         continue;
       }
-      E = !1;
+      _ = !1;
     }
-    const $ = g.length === 0 ? "" : g.length === 1 ? g[0] : a(g).join(":"), P = R ? $ + ve : $, z = P + N;
-    if (i.indexOf(z) > -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)
       continue;
-    i.push(z);
-    const V = s(N, E);
-    for (let D = 0; D < V.length; ++D) {
-      const H = V[D];
-      i.push(P + H);
+    i.push(A);
+    const P = s(C, _);
+    for (let V = 0; V < P.length; ++V) {
+      const H = P[V];
+      i.push(O + H);
     }
-    c = y + (c.length > 0 ? " " + c : c);
+    u = v + (u.length > 0 ? " " + u : u);
   }
-  return c;
-}, Sr = (...e) => {
-  let r = 0, t, o, s = "";
+  return u;
+}, Lt = (...e) => {
+  let r = 0, n, o, s = "";
   for (; r < e.length; )
-    (t = e[r++]) && (o = Ge(t)) && (s && (s += " "), s += o);
+    (n = e[r++]) && (o = rt(n)) && (s && (s += " "), s += o);
   return s;
-}, Ge = (e) => {
+}, rt = (e) => {
   if (typeof e == "string")
     return e;
-  let r, t = "";
+  let r, n = "";
   for (let o = 0; o < e.length; o++)
-    e[o] && (r = Ge(e[o])) && (t && (t += " "), t += r);
-  return t;
-}, Or = (e, ...r) => {
-  let t, o, s, a;
-  const i = (c) => {
-    const f = r.reduce((y, k) => k(y), e());
-    return t = Ar(f), o = t.cache.get, s = t.cache.set, a = m, m(c);
-  }, m = (c) => {
-    const f = o(c);
+    e[o] && (r = rt(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);
     if (f)
       return f;
-    const y = Cr(c, t);
-    return s(c, y), y;
+    const v = Mt(u, n);
+    return s(u, v), v;
   };
-  return a = i, (...c) => a(Sr(...c));
-}, Nr = [], T = (e) => {
-  const r = (t) => t[e] || Nr;
+  return a = i, (...u) => a(Lt(...u));
+}, Gt = [], N = (e) => {
+  const r = (n) => n[e] || Gt;
   return r.isThemeGetter = !0, r;
-}, Be = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, Ve = /^\((?:(\w[\w-]*):)?(.+)\)$/i, Pr = /^\d+\/\d+$/, zr = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, Ir = /\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$/, Mr = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, $r = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, Dr = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, Z = (e) => Pr.test(e), x = (e) => !!e && !Number.isNaN(Number(e)), U = (e) => !!e && Number.isInteger(Number(e)), xe = (e) => e.endsWith("%") && x(e.slice(0, -1)), G = (e) => zr.test(e), Lr = () => !0, Fr = (e) => (
+}, 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) => (
   // `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.
-  Ir.test(e) && !Mr.test(e)
-), We = () => !1, Gr = (e) => $r.test(e), Br = (e) => Dr.test(e), Vr = (e) => !d(e) && !u(e), Wr = (e) => K(e, He, We), d = (e) => Be.test(e), q = (e) => K(e, qe, Fr), we = (e) => K(e, Jr, x), Oe = (e) => K(e, Ye, We), Yr = (e) => K(e, Ue, Br), fe = (e) => K(e, Je, Gr), u = (e) => Ve.test(e), ie = (e) => ee(e, qe), Ur = (e) => ee(e, Xr), Ne = (e) => ee(e, Ye), Hr = (e) => ee(e, He), qr = (e) => ee(e, Ue), pe = (e) => ee(e, Je, !0), K = (e, r, t) => {
-  const o = Be.exec(e);
-  return o ? o[1] ? r(o[1]) : t(o[2]) : !1;
-}, ee = (e, r, t = !1) => {
-  const o = Ve.exec(e);
-  return o ? o[1] ? r(o[1]) : t : !1;
-}, Ye = (e) => e === "position" || e === "percentage", Ue = (e) => e === "image" || e === "url", He = (e) => e === "length" || e === "size" || e === "bg-size", qe = (e) => e === "length", Jr = (e) => e === "number", Xr = (e) => e === "family-name", Je = (e) => e === "shadow", Zr = () => {
-  const e = T("color"), r = T("font"), t = T("text"), o = T("font-weight"), s = T("tracking"), a = T("leading"), i = T("breakpoint"), m = T("container"), c = T("spacing"), f = T("radius"), y = T("shadow"), k = T("inset-shadow"), g = T("text-shadow"), R = T("drop-shadow"), _ = T("blur"), A = T("perspective"), E = T("aspect"), N = T("ease"), $ = T("animate"), P = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], z = () => [
+  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);
+  return o ? o[1] ? r(o[1]) : n(o[2]) : !1;
+}, ue = (e, r, n = !1) => {
+  const o = nt.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 = () => [
     "center",
     "top",
     "bottom",
@@ -619,51 +358,51 @@ const ur = (e, r) => {
     "bottom-left",
     // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
     "left-bottom"
-  ], V = () => [...z(), u, d], D = () => ["auto", "hidden", "clip", "visible", "scroll"], H = () => ["auto", "contain", "none"], b = () => [u, d, c], C = () => [Z, "full", "auto", ...b()], ce = () => [U, "none", "subgrid", u, d], de = () => ["auto", {
-    span: ["full", U, u, d]
-  }, U, u, d], W = () => [U, "auto", u, d], re = () => ["auto", "min", "max", "fr", u, d], te = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], I = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], O = () => ["auto", ...b()], M = () => [Z, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...b()], p = () => [e, u, d], oe = () => [...z(), Ne, Oe, {
-    position: [u, d]
-  }], ne = () => ["no-repeat", {
+  ], 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", {
+    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, {
+    position: [p, m]
+  }], K = () => ["no-repeat", {
     repeat: ["", "x", "y", "space", "round"]
-  }], n = () => ["auto", "cover", "contain", Hr, Wr, {
-    size: [u, d]
-  }], h = () => [xe, ie, q], w = () => [
+  }], t = () => ["auto", "cover", "contain", rr, Qt, {
+    size: [p, m]
+  }], c = () => [Ee, fe, re], b = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
     "full",
     f,
-    u,
-    d
-  ], j = () => ["", x, ie, q], L = () => ["solid", "dashed", "dotted", "double"], J = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], v = () => [x, xe, Ne, Oe], 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 = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
-    _,
-    u,
-    d
-  ], Y = () => ["none", x, u, d], X = () => ["none", x, u, d], he = () => [x, u, d], ue = () => [Z, "full", ...b()];
+    R,
+    p,
+    m
+  ], U = () => ["none", E, p, m], Q = () => ["none", E, p, m], je = () => [E, p, m], ge = () => [se, "full", ...k()];
   return {
     cacheSize: 500,
     theme: {
       animate: ["spin", "ping", "pulse", "bounce"],
       aspect: ["video"],
-      blur: [G],
-      breakpoint: [G],
-      color: [Lr],
-      container: [G],
-      "drop-shadow": [G],
+      blur: [J],
+      breakpoint: [J],
+      color: [Jt],
+      container: [J],
+      "drop-shadow": [J],
       ease: ["in", "out", "in-out"],
-      font: [Vr],
+      font: [Kt],
       "font-weight": ["thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black"],
-      "inset-shadow": [G],
+      "inset-shadow": [J],
       leading: ["none", "tight", "snug", "normal", "relaxed", "loose"],
       perspective: ["dramatic", "near", "normal", "midrange", "distant", "none"],
-      radius: [G],
-      shadow: [G],
-      spacing: ["px", x],
-      text: [G],
-      "text-shadow": [G],
+      radius: [J],
+      shadow: [J],
+      spacing: ["px", E],
+      text: [J],
+      "text-shadow": [J],
       tracking: ["tighter", "tight", "normal", "wide", "wider", "widest"]
     },
     classGroups: {
@@ -675,7 +414,7 @@ const ur = (e, r) => {
        * @see https://tailwindcss.com/docs/aspect-ratio
        */
       aspect: [{
-        aspect: ["auto", "square", Z, d, u, E]
+        aspect: ["auto", "square", se, m, p, _]
       }],
       /**
        * Container
@@ -688,21 +427,21 @@ const ur = (e, r) => {
        * @see https://tailwindcss.com/docs/columns
        */
       columns: [{
-        columns: [x, d, u, m]
+        columns: [E, m, p, l]
       }],
       /**
        * Break After
        * @see https://tailwindcss.com/docs/break-after
        */
       "break-after": [{
-        "break-after": P()
+        "break-after": O()
       }],
       /**
        * Break Before
        * @see https://tailwindcss.com/docs/break-before
        */
       "break-before": [{
-        "break-before": P()
+        "break-before": O()
       }],
       /**
        * Break Inside
@@ -766,28 +505,28 @@ const ur = (e, r) => {
        * @see https://tailwindcss.com/docs/object-position
        */
       "object-position": [{
-        object: V()
+        object: P()
       }],
       /**
        * Overflow
        * @see https://tailwindcss.com/docs/overflow
        */
       overflow: [{
-        overflow: D()
+        overflow: V()
       }],
       /**
        * Overflow X
        * @see https://tailwindcss.com/docs/overflow
        */
       "overflow-x": [{
-        "overflow-x": D()
+        "overflow-x": V()
       }],
       /**
        * Overflow Y
        * @see https://tailwindcss.com/docs/overflow
        */
       "overflow-y": [{
-        "overflow-y": D()
+        "overflow-y": V()
       }],
       /**
        * Overscroll Behavior
@@ -820,63 +559,63 @@ const ur = (e, r) => {
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       inset: [{
-        inset: C()
+        inset: z()
       }],
       /**
        * Right / Left
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-x": [{
-        "inset-x": C()
+        "inset-x": z()
       }],
       /**
        * Top / Bottom
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-y": [{
-        "inset-y": C()
+        "inset-y": z()
       }],
       /**
        * Start
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       start: [{
-        start: C()
+        start: z()
       }],
       /**
        * End
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       end: [{
-        end: C()
+        end: z()
       }],
       /**
        * Top
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       top: [{
-        top: C()
+        top: z()
       }],
       /**
        * Right
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       right: [{
-        right: C()
+        right: z()
       }],
       /**
        * Bottom
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       bottom: [{
-        bottom: C()
+        bottom: z()
       }],
       /**
        * Left
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       left: [{
-        left: C()
+        left: z()
       }],
       /**
        * Visibility
@@ -888,7 +627,7 @@ const ur = (e, r) => {
        * @see https://tailwindcss.com/docs/z-index
        */
       z: [{
-        z: [U, "auto", u, d]
+        z: [ee, "auto", p, m]
       }],
       // ------------------------
       // --- Flexbox and Grid ---
@@ -898,7 +637,7 @@ const ur = (e, r) => {
        * @see https://tailwindcss.com/docs/flex-basis
        */
       basis: [{
-        basis: [Z, "full", "auto", m, ...b()]
+        basis: [se, "full", "auto", l, ...k()]
       }],
       /**
        * Flex Direction
@@ -919,84 +658,84 @@ const ur = (e, r) => {
        * @see https://tailwindcss.com/docs/flex
        */
       flex: [{
-        flex: [x, Z, "auto", "initial", "none", d]
+        flex: [E, se, "auto", "initial", "none", m]
       }],
       /**
        * Flex Grow
        * @see https://tailwindcss.com/docs/flex-grow
        */
       grow: [{
-        grow: ["", x, u, d]
+        grow: ["", E, p, m]
       }],
       /**
        * Flex Shrink
        * @see https://tailwindcss.com/docs/flex-shrink
        */
       shrink: [{
-        shrink: ["", x, u, d]
+        shrink: ["", E, p, m]
       }],
       /**
        * Order
        * @see https://tailwindcss.com/docs/order
        */
       order: [{
-        order: [U, "first", "last", "none", u, d]
+        order: [ee, "first", "last", "none", p, m]
       }],
       /**
        * Grid Template Columns
        * @see https://tailwindcss.com/docs/grid-template-columns
        */
       "grid-cols": [{
-        "grid-cols": ce()
+        "grid-cols": oe()
       }],
       /**
        * Grid Column Start / End
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-start-end": [{
-        col: de()
+        col: ne()
       }],
       /**
        * Grid Column Start
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-start": [{
-        "col-start": W()
+        "col-start": B()
       }],
       /**
        * Grid Column End
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-end": [{
-        "col-end": W()
+        "col-end": B()
       }],
       /**
        * Grid Template Rows
        * @see https://tailwindcss.com/docs/grid-template-rows
        */
       "grid-rows": [{
-        "grid-rows": ce()
+        "grid-rows": oe()
       }],
       /**
        * Grid Row Start / End
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-start-end": [{
-        row: de()
+        row: ne()
       }],
       /**
        * Grid Row Start
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-start": [{
-        "row-start": W()
+        "row-start": B()
       }],
       /**
        * Grid Row End
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-end": [{
-        "row-end": W()
+        "row-end": B()
       }],
       /**
        * Grid Auto Flow
@@ -1010,35 +749,35 @@ const ur = (e, r) => {
        * @see https://tailwindcss.com/docs/grid-auto-columns
        */
       "auto-cols": [{
-        "auto-cols": re()
+        "auto-cols": q()
       }],
       /**
        * Grid Auto Rows
        * @see https://tailwindcss.com/docs/grid-auto-rows
        */
       "auto-rows": [{
-        "auto-rows": re()
+        "auto-rows": q()
       }],
       /**
        * Gap
        * @see https://tailwindcss.com/docs/gap
        */
       gap: [{
-        gap: b()
+        gap: k()
       }],
       /**
        * Gap X
        * @see https://tailwindcss.com/docs/gap
        */
       "gap-x": [{
-        "gap-x": b()
+        "gap-x": k()
       }],
       /**
        * Gap Y
        * @see https://tailwindcss.com/docs/gap
        */
       "gap-y": [{
-        "gap-y": b()
+        "gap-y": k()
       }],
       /**
        * Justify Content
@@ -1052,14 +791,14 @@ const ur = (e, r) => {
        * @see https://tailwindcss.com/docs/justify-items
        */
       "justify-items": [{
-        "justify-items": [...I(), "normal"]
+        "justify-items": [...M(), "normal"]
       }],
       /**
        * Justify Self
        * @see https://tailwindcss.com/docs/justify-self
        */
       "justify-self": [{
-        "justify-self": ["auto", ...I()]
+        "justify-self": ["auto", ...M()]
       }],
       /**
        * Align Content
@@ -1073,7 +812,7 @@ const ur = (e, r) => {
        * @see https://tailwindcss.com/docs/align-items
        */
       "align-items": [{
-        items: [...I(), {
+        items: [...M(), {
           baseline: ["", "last"]
         }]
       }],
@@ -1082,7 +821,7 @@ const ur = (e, r) => {
        * @see https://tailwindcss.com/docs/align-self
        */
       "align-self": [{
-        self: ["auto", ...I(), {
+        self: ["auto", ...M(), {
           baseline: ["", "last"]
         }]
       }],
@@ -1098,14 +837,14 @@ const ur = (e, r) => {
        * @see https://tailwindcss.com/docs/place-items
        */
       "place-items": [{
-        "place-items": [...I(), "baseline"]
+        "place-items": [...M(), "baseline"]
       }],
       /**
        * Place Self
        * @see https://tailwindcss.com/docs/place-self
        */
       "place-self": [{
-        "place-self": ["auto", ...I()]
+        "place-self": ["auto", ...M()]
       }],
       // Spacing
       /**
@@ -1113,133 +852,133 @@ const ur = (e, r) => {
        * @see https://tailwindcss.com/docs/padding
        */
       p: [{
-        p: b()
+        p: k()
       }],
       /**
        * Padding X
        * @see https://tailwindcss.com/docs/padding
        */
       px: [{
-        px: b()
+        px: k()
       }],
       /**
        * Padding Y
        * @see https://tailwindcss.com/docs/padding
        */
       py: [{
-        py: b()
+        py: k()
       }],
       /**
        * Padding Start
        * @see https://tailwindcss.com/docs/padding
        */
       ps: [{
-        ps: b()
+        ps: k()
       }],
       /**
        * Padding End
        * @see https://tailwindcss.com/docs/padding
        */
       pe: [{
-        pe: b()
+        pe: k()
       }],
       /**
        * Padding Top
        * @see https://tailwindcss.com/docs/padding
        */
       pt: [{
-        pt: b()
+        pt: k()
       }],
       /**
        * Padding Right
        * @see https://tailwindcss.com/docs/padding
        */
       pr: [{
-        pr: b()
+        pr: k()
       }],
       /**
        * Padding Bottom
        * @see https://tailwindcss.com/docs/padding
        */
       pb: [{
-        pb: b()
+        pb: k()
       }],
       /**
        * Padding Left
        * @see https://tailwindcss.com/docs/padding
        */
       pl: [{
-        pl: b()
+        pl: k()
       }],
       /**
        * Margin
        * @see https://tailwindcss.com/docs/margin
        */
       m: [{
-        m: O()
+        m: D()
       }],
       /**
        * Margin X
        * @see https://tailwindcss.com/docs/margin
        */
       mx: [{
-        mx: O()
+        mx: D()
       }],
       /**
        * Margin Y
        * @see https://tailwindcss.com/docs/margin
        */
       my: [{
-        my: O()
+        my: D()
       }],
       /**
        * Margin Start
        * @see https://tailwindcss.com/docs/margin
        */
       ms: [{
-        ms: O()
+        ms: D()
       }],
       /**
        * Margin End
        * @see https://tailwindcss.com/docs/margin
        */
       me: [{
-        me: O()
+        me: D()
       }],
       /**
        * Margin Top
        * @see https://tailwindcss.com/docs/margin
        */
       mt: [{
-        mt: O()
+        mt: D()
       }],
       /**
        * Margin Right
        * @see https://tailwindcss.com/docs/margin
        */
       mr: [{
-        mr: O()
+        mr: D()
       }],
       /**
        * Margin Bottom
        * @see https://tailwindcss.com/docs/margin
        */
       mb: [{
-        mb: O()
+        mb: D()
       }],
       /**
        * Margin Left
        * @see https://tailwindcss.com/docs/margin
        */
       ml: [{
-        ml: O()
+        ml: D()
       }],
       /**
        * Space Between X
        * @see https://tailwindcss.com/docs/margin#adding-space-between-children
        */
       "space-x": [{
-        "space-x": b()
+        "space-x": k()
       }],
       /**
        * Space Between X Reverse
@@ -1251,7 +990,7 @@ const ur = (e, r) => {
        * @see https://tailwindcss.com/docs/margin#adding-space-between-children
        */
       "space-y": [{
-        "space-y": b()
+        "space-y": k()
       }],
       /**
        * Space Between Y Reverse
@@ -1266,14 +1005,14 @@ const ur = (e, r) => {
        * @see https://tailwindcss.com/docs/width#setting-both-width-and-height
        */
       size: [{
-        size: M()
+        size: F()
       }],
       /**
        * Width
        * @see https://tailwindcss.com/docs/width
        */
       w: [{
-        w: [m, "screen", ...M()]
+        w: [l, "screen", ...F()]
       }],
       /**
        * Min-Width
@@ -1281,11 +1020,11 @@ const ur = (e, r) => {
        */
       "min-w": [{
         "min-w": [
-          m,
+          l,
           "screen",
           /** Deprecated. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
           "none",
-          ...M()
+          ...F()
         ]
       }],
       /**
@@ -1294,7 +1033,7 @@ const ur = (e, r) => {
        */
       "max-w": [{
         "max-w": [
-          m,
+          l,
           "screen",
           "none",
           /** Deprecated since Tailwind CSS v4.0.0. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
@@ -1303,7 +1042,7 @@ const ur = (e, r) => {
           {
             screen: [i]
           },
-          ...M()
+          ...F()
         ]
       }],
       /**
@@ -1311,21 +1050,21 @@ const ur = (e, r) => {
        * @see https://tailwindcss.com/docs/height
        */
       h: [{
-        h: ["screen", "lh", ...M()]
+        h: ["screen", "lh", ...F()]
       }],
       /**
        * Min-Height
        * @see https://tailwindcss.com/docs/min-height
        */
       "min-h": [{
-        "min-h": ["screen", "lh", "none", ...M()]
+        "min-h": ["screen", "lh", "none", ...F()]
       }],
       /**
        * Max-Height
        * @see https://tailwindcss.com/docs/max-height
        */
       "max-h": [{
-        "max-h": ["screen", "lh", ...M()]
+        "max-h": ["screen", "lh", ...F()]
       }],
       // ------------------
       // --- Typography ---
@@ -1335,7 +1074,7 @@ const ur = (e, r) => {
        * @see https://tailwindcss.com/docs/font-size
        */
       "font-size": [{
-        text: ["base", t, ie, q]
+        text: ["base", n, fe, re]
       }],
       /**
        * Font Smoothing
@@ -1352,21 +1091,21 @@ const ur = (e, r) => {
        * @see https://tailwindcss.com/docs/font-weight
        */
       "font-weight": [{
-        font: [o, u, we]
+        font: [o, p, 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", xe, d]
+        "font-stretch": ["ultra-condensed", "extra-condensed", "condensed", "semi-condensed", "normal", "semi-expanded", "expanded", "extra-expanded", "ultra-expanded", Ee, m]
       }],
       /**
        * Font Family
        * @see https://tailwindcss.com/docs/font-family
        */
       "font-family": [{
-        font: [Ur, d, r]
+        font: [tr, m, r]
       }],
       /**
        * Font Variant Numeric
@@ -1403,14 +1142,14 @@ const ur = (e, r) => {
        * @see https://tailwindcss.com/docs/letter-spacing
        */
       tracking: [{
-        tracking: [s, u, d]
+        tracking: [s, p, m]
       }],
       /**
        * Line Clamp
        * @see https://tailwindcss.com/docs/line-clamp
        */
       "line-clamp": [{
-        "line-clamp": [x, "none", u, we]
+        "line-clamp": [E, "none", p, Re]
       }],
       /**
        * Line Height
@@ -1420,7 +1159,7 @@ const ur = (e, r) => {
         leading: [
           /** Deprecated since Tailwind CSS v4.0.0. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
           a,
-          ...b()
+          ...k()
         ]
       }],
       /**
@@ -1428,7 +1167,7 @@ const ur = (e, r) => {
        * @see https://tailwindcss.com/docs/list-style-image
        */
       "list-image": [{
-        "list-image": ["none", u, d]
+        "list-image": ["none", p, m]
       }],
       /**
        * List Style Position
@@ -1442,7 +1181,7 @@ const ur = (e, r) => {
        * @see https://tailwindcss.com/docs/list-style-type
        */
       "list-style-type": [{
-        list: ["disc", "decimal", "none", u, d]
+        list: ["disc", "decimal", "none", p, m]
       }],
       /**
        * Text Alignment
@@ -1457,14 +1196,14 @@ const ur = (e, r) => {
        * @see https://v3.tailwindcss.com/docs/placeholder-color
        */
       "placeholder-color": [{
-        placeholder: p()
+        placeholder: x()
       }],
       /**
        * Text Color
        * @see https://tailwindcss.com/docs/text-color
        */
       "text-color": [{
-        text: p()
+        text: x()
       }],
       /**
        * Text Decoration
@@ -1476,28 +1215,28 @@ const ur = (e, r) => {
        * @see https://tailwindcss.com/docs/text-decoration-style
        */
       "text-decoration-style": [{
-        decoration: [...L(), "wavy"]
+        decoration: [...G(), "wavy"]
       }],
       /**
        * Text Decoration Thickness
        * @see https://tailwindcss.com/docs/text-decoration-thickness
        */
       "text-decoration-thickness": [{
-        decoration: [x, "from-font", "auto", u, q]
+        decoration: [E, "from-font", "auto", p, re]
       }],
       /**
        * Text Decoration Color
        * @see https://tailwindcss.com/docs/text-decoration-color
        */
       "text-decoration-color": [{
-        decoration: p()
+        decoration: x()
       }],
       /**
        * Text Underline Offset
        * @see https://tailwindcss.com/docs/text-underline-offset
        */
       "underline-offset": [{
-        "underline-offset": [x, "auto", u, d]
+        "underline-offset": [E, "auto", p, m]
       }],
       /**
        * Text Transform
@@ -1521,14 +1260,14 @@ const ur = (e, r) => {
        * @see https://tailwindcss.com/docs/text-indent
        */
       indent: [{
-        indent: b()
+        indent: k()
       }],
       /**
        * Vertical Alignment
        * @see https://tailwindcss.com/docs/vertical-align
        */
       "vertical-align": [{
-        align: ["baseline", "top", "middle", "bottom", "text-top", "text-bottom", "sub", "super", u, d]
+        align: ["baseline", "top", "middle", "bottom", "text-top", "text-bottom", "sub", "super", p, m]
       }],
       /**
        * Whitespace
@@ -1563,7 +1302,7 @@ const ur = (e, r) => {
        * @see https://tailwindcss.com/docs/content
        */
       content: [{
-        content: ["none", u, d]
+        content: ["none", p, m]
       }],
       // -------------------
       // --- Backgrounds ---
@@ -1594,21 +1333,21 @@ const ur = (e, r) => {
        * @see https://tailwindcss.com/docs/background-position
        */
       "bg-position": [{
-        bg: oe()
+        bg: Z()
       }],
       /**
        * Background Repeat
        * @see https://tailwindcss.com/docs/background-repeat
        */
       "bg-repeat": [{
-        bg: ne()
+        bg: K()
       }],
       /**
        * Background Size
        * @see https://tailwindcss.com/docs/background-size
        */
       "bg-size": [{
-        bg: n()
+        bg: t()
       }],
       /**
        * Background Image
@@ -1618,59 +1357,59 @@ const ur = (e, r) => {
         bg: ["none", {
           linear: [{
             to: ["t", "tr", "r", "br", "b", "bl", "l", "tl"]
-          }, U, u, d],
-          radial: ["", u, d],
-          conic: [U, u, d]
-        }, qr, Yr]
+          }, ee, p, m],
+          radial: ["", p, m],
+          conic: [ee, p, m]
+        }, or, er]
       }],
       /**
        * Background Color
        * @see https://tailwindcss.com/docs/background-color
        */
       "bg-color": [{
-        bg: p()
+        bg: x()
       }],
       /**
        * Gradient Color Stops From Position
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-from-pos": [{
-        from: h()
+        from: c()
       }],
       /**
        * Gradient Color Stops Via Position
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-via-pos": [{
-        via: h()
+        via: c()
       }],
       /**
        * Gradient Color Stops To Position
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-to-pos": [{
-        to: h()
+        to: c()
       }],
       /**
        * Gradient Color Stops From
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-from": [{
-        from: p()
+        from: x()
       }],
       /**
        * Gradient Color Stops Via
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-via": [{
-        via: p()
+        via: x()
       }],
       /**
        * Gradient Color Stops To
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-to": [{
-        to: p()
+        to: x()
       }],
       // ---------------
       // --- Borders ---
@@ -1680,175 +1419,175 @@ const ur = (e, r) => {
        * @see https://tailwindcss.com/docs/border-radius
        */
       rounded: [{
-        rounded: w()
+        rounded: b()
       }],
       /**
        * Border Radius Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-s": [{
-        "rounded-s": w()
+        "rounded-s": b()
       }],
       /**
        * Border Radius End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-e": [{
-        "rounded-e": w()
+        "rounded-e": b()
       }],
       /**
        * Border Radius Top
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-t": [{
-        "rounded-t": w()
+        "rounded-t": b()
       }],
       /**
        * Border Radius Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-r": [{
-        "rounded-r": w()
+        "rounded-r": b()
       }],
       /**
        * Border Radius Bottom
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-b": [{
-        "rounded-b": w()
+        "rounded-b": b()
       }],
       /**
        * Border Radius Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-l": [{
-        "rounded-l": w()
+        "rounded-l": b()
       }],
       /**
        * Border Radius Start Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-ss": [{
-        "rounded-ss": w()
+        "rounded-ss": b()
       }],
       /**
        * Border Radius Start End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-se": [{
-        "rounded-se": w()
+        "rounded-se": b()
       }],
       /**
        * Border Radius End End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-ee": [{
-        "rounded-ee": w()
+        "rounded-ee": b()
       }],
       /**
        * Border Radius End Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-es": [{
-        "rounded-es": w()
+        "rounded-es": b()
       }],
       /**
        * Border Radius Top Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-tl": [{
-        "rounded-tl": w()
+        "rounded-tl": b()
       }],
       /**
        * Border Radius Top Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-tr": [{
-        "rounded-tr": w()
+        "rounded-tr": b()
       }],
       /**
        * Border Radius Bottom Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-br": [{
-        "rounded-br": w()
+        "rounded-br": b()
       }],
       /**
        * Border Radius Bottom Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-bl": [{
-        "rounded-bl": w()
+        "rounded-bl": b()
       }],
       /**
        * Border Width
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w": [{
-        border: j()
+        border: y()
       }],
       /**
        * Border Width X
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-x": [{
-        "border-x": j()
+        "border-x": y()
       }],
       /**
        * Border Width Y
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-y": [{
-        "border-y": j()
+        "border-y": y()
       }],
       /**
        * Border Width Start
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-s": [{
-        "border-s": j()
+        "border-s": y()
       }],
       /**
        * Border Width End
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-e": [{
-        "border-e": j()
+        "border-e": y()
       }],
       /**
        * Border Width Top
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-t": [{
-        "border-t": j()
+        "border-t": y()
       }],
       /**
        * Border Width Right
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-r": [{
-        "border-r": j()
+        "border-r": y()
       }],
       /**
        * Border Width Bottom
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-b": [{
-        "border-b": j()
+        "border-b": y()
       }],
       /**
        * Border Width Left
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-l": [{
-        "border-l": j()
+        "border-l": y()
       }],
       /**
        * Divide Width X
        * @see https://tailwindcss.com/docs/border-width#between-children
        */
       "divide-x": [{
-        "divide-x": j()
+        "divide-x": y()
       }],
       /**
        * Divide Width X Reverse
@@ -1860,7 +1599,7 @@ const ur = (e, r) => {
        * @see https://tailwindcss.com/docs/border-width#between-children
        */
       "divide-y": [{
-        "divide-y": j()
+        "divide-y": y()
       }],
       /**
        * Divide Width Y Reverse
@@ -1872,112 +1611,112 @@ const ur = (e, r) => {
        * @see https://tailwindcss.com/docs/border-style
        */
       "border-style": [{
-        border: [...L(), "hidden", "none"]
+        border: [...G(), "hidden", "none"]
       }],
       /**
        * Divide Style
        * @see https://tailwindcss.com/docs/border-style#setting-the-divider-style
        */
       "divide-style": [{
-        divide: [...L(), "hidden", "none"]
+        divide: [...G(), "hidden", "none"]
       }],
       /**
        * Border Color
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color": [{
-        border: p()
+        border: x()
       }],
       /**
        * Border Color X
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-x": [{
-        "border-x": p()
+        "border-x": x()
       }],
       /**
        * Border Color Y
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-y": [{
-        "border-y": p()
+        "border-y": x()
       }],
       /**
        * Border Color S
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-s": [{
-        "border-s": p()
+        "border-s": x()
       }],
       /**
        * Border Color E
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-e": [{
-        "border-e": p()
+        "border-e": x()
       }],
       /**
        * Border Color Top
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-t": [{
-        "border-t": p()
+        "border-t": x()
       }],
       /**
        * Border Color Right
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-r": [{
-        "border-r": p()
+        "border-r": x()
       }],
       /**
        * Border Color Bottom
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-b": [{
-        "border-b": p()
+        "border-b": x()
       }],
       /**
        * Border Color Left
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-l": [{
-        "border-l": p()
+        "border-l": x()
       }],
       /**
        * Divide Color
        * @see https://tailwindcss.com/docs/divide-color
        */
       "divide-color": [{
-        divide: p()
+        divide: x()
       }],
       /**
        * Outline Style
        * @see https://tailwindcss.com/docs/outline-style
        */
       "outline-style": [{
-        outline: [...L(), "none", "hidden"]
+        outline: [...G(), "none", "hidden"]
       }],
       /**
        * Outline Offset
        * @see https://tailwindcss.com/docs/outline-offset
        */
       "outline-offset": [{
-        "outline-offset": [x, u, d]
+        "outline-offset": [E, p, m]
       }],
       /**
        * Outline Width
        * @see https://tailwindcss.com/docs/outline-width
        */
       "outline-w": [{
-        outline: ["", x, ie, q]
+        outline: ["", E, fe, re]
       }],
       /**
        * Outline Color
        * @see https://tailwindcss.com/docs/outline-color
        */
       "outline-color": [{
-        outline: p()
+        outline: x()
       }],
       // ---------------
       // --- Effects ---
@@ -1991,9 +1730,9 @@ const ur = (e, r) => {
           // Deprecated since Tailwind CSS v4.0.0
           "",
           "none",
-          y,
-          pe,
-          fe
+          v,
+          xe,
+          he
         ]
       }],
       /**
@@ -2001,28 +1740,28 @@ const ur = (e, r) => {
        * @see https://tailwindcss.com/docs/box-shadow#setting-the-shadow-color
        */
       "shadow-color": [{
-        shadow: p()
+        shadow: x()
       }],
       /**
        * Inset Box Shadow
        * @see https://tailwindcss.com/docs/box-shadow#adding-an-inset-shadow
        */
       "inset-shadow": [{
-        "inset-shadow": ["none", k, pe, fe]
+        "inset-shadow": ["none", w, xe, he]
       }],
       /**
        * Inset Box Shadow Color
        * @see https://tailwindcss.com/docs/box-shadow#setting-the-inset-shadow-color
        */
       "inset-shadow-color": [{
-        "inset-shadow": p()
+        "inset-shadow": x()
       }],
       /**
        * Ring Width
        * @see https://tailwindcss.com/docs/box-shadow#adding-a-ring
        */
       "ring-w": [{
-        ring: j()
+        ring: y()
       }],
       /**
        * Ring Width Inset
@@ -2036,7 +1775,7 @@ const ur = (e, r) => {
        * @see https://tailwindcss.com/docs/box-shadow#setting-the-ring-color
        */
       "ring-color": [{
-        ring: p()
+        ring: x()
       }],
       /**
        * Ring Offset Width
@@ -2045,7 +1784,7 @@ const ur = (e, r) => {
        * @see https://github.com/tailwindlabs/tailwindcss/blob/v4.0.0/packages/tailwindcss/src/utilities.ts#L4158
        */
       "ring-offset-w": [{
-        "ring-offset": [x, q]
+        "ring-offset": [E, re]
       }],
       /**
        * Ring Offset Color
@@ -2054,56 +1793,56 @@ const ur = (e, r) => {
        * @see https://github.com/tailwindlabs/tailwindcss/blob/v4.0.0/packages/tailwindcss/src/utilities.ts#L4158
        */
       "ring-offset-color": [{
-        "ring-offset": p()
+        "ring-offset": x()
       }],
       /**
        * Inset Ring Width
        * @see https://tailwindcss.com/docs/box-shadow#adding-an-inset-ring
        */
       "inset-ring-w": [{
-        "inset-ring": j()
+        "inset-ring": y()
       }],
       /**
        * Inset Ring Color
        * @see https://tailwindcss.com/docs/box-shadow#setting-the-inset-ring-color
        */
       "inset-ring-color": [{
-        "inset-ring": p()
+        "inset-ring": x()
       }],
       /**
        * Text Shadow
        * @see https://tailwindcss.com/docs/text-shadow
        */
       "text-shadow": [{
-        "text-shadow": ["none", g, pe, fe]
+        "text-shadow": ["none", j, xe, he]
       }],
       /**
        * Text Shadow Color
        * @see https://tailwindcss.com/docs/text-shadow#setting-the-shadow-color
        */
       "text-shadow-color": [{
-        "text-shadow": p()
+        "text-shadow": x()
       }],
       /**
        * Opacity
        * @see https://tailwindcss.com/docs/opacity
        */
       opacity: [{
-        opacity: [x, u, d]
+        opacity: [E, p, m]
       }],
       /**
        * Mix Blend Mode
        * @see https://tailwindcss.com/docs/mix-blend-mode
        */
       "mix-blend": [{
-        "mix-blend": [...J(), "plus-darker", "plus-lighter"]
+        "mix-blend": [...W(), "plus-darker", "plus-lighter"]
       }],
       /**
        * Background Blend Mode
        * @see https://tailwindcss.com/docs/background-blend-mode
        */
       "bg-blend": [{
-        "bg-blend": J()
+        "bg-blend": W()
       }],
       /**
        * Mask Clip
@@ -2124,106 +1863,106 @@ const ur = (e, r) => {
        * @see https://tailwindcss.com/docs/mask-image
        */
       "mask-image-linear-pos": [{
-        "mask-linear": [x]
+        "mask-linear": [E]
       }],
       "mask-image-linear-from-pos": [{
-        "mask-linear-from": v()
+        "mask-linear-from": h()
       }],
       "mask-image-linear-to-pos": [{
-        "mask-linear-to": v()
+        "mask-linear-to": h()
       }],
       "mask-image-linear-from-color": [{
-        "mask-linear-from": p()
+        "mask-linear-from": x()
       }],
       "mask-image-linear-to-color": [{
-        "mask-linear-to": p()
+        "mask-linear-to": x()
       }],
       "mask-image-t-from-pos": [{
-        "mask-t-from": v()
+        "mask-t-from": h()
       }],
       "mask-image-t-to-pos": [{
-        "mask-t-to": v()
+        "mask-t-to": h()
       }],
       "mask-image-t-from-color": [{
-        "mask-t-from": p()
+        "mask-t-from": x()
       }],
       "mask-image-t-to-color": [{
-        "mask-t-to": p()
+        "mask-t-to": x()
       }],
       "mask-image-r-from-pos": [{
-        "mask-r-from": v()
+        "mask-r-from": h()
       }],
       "mask-image-r-to-pos": [{
-        "mask-r-to": v()
+        "mask-r-to": h()
       }],
       "mask-image-r-from-color": [{
-        "mask-r-from": p()
+        "mask-r-from": x()
       }],
       "mask-image-r-to-color": [{
-        "mask-r-to": p()
+        "mask-r-to": x()
       }],
       "mask-image-b-from-pos": [{
-        "mask-b-from": v()
+        "mask-b-from": h()
       }],
       "mask-image-b-to-pos": [{
-        "mask-b-to": v()
+        "mask-b-to": h()
       }],
       "mask-image-b-from-color": [{
-        "mask-b-from": p()
+        "mask-b-from": x()
       }],
       "mask-image-b-to-color": [{
-        "mask-b-to": p()
+        "mask-b-to": x()
       }],
       "mask-image-l-from-pos": [{
-        "mask-l-from": v()
+        "mask-l-from": h()
       }],
       "mask-image-l-to-pos": [{
-        "mask-l-to": v()
+        "mask-l-to": h()
       }],
       "mask-image-l-from-color": [{
-        "mask-l-from": p()
+        "mask-l-from": x()
       }],
       "mask-image-l-to-color": [{
-        "mask-l-to": p()
+        "mask-l-to": x()
       }],
       "mask-image-x-from-pos": [{
-        "mask-x-from": v()
+        "mask-x-from": h()
       }],
       "mask-image-x-to-pos": [{
-        "mask-x-to": v()
+        "mask-x-to": h()
       }],
       "mask-image-x-from-color": [{
-        "mask-x-from": p()
+        "mask-x-from": x()
       }],
       "mask-image-x-to-color": [{
-        "mask-x-to": p()
+        "mask-x-to": x()
       }],
       "mask-image-y-from-pos": [{
-        "mask-y-from": v()
+        "mask-y-from": h()
       }],
       "mask-image-y-to-pos": [{
-        "mask-y-to": v()
+        "mask-y-to": h()
       }],
       "mask-image-y-from-color": [{
-        "mask-y-from": p()
+        "mask-y-from": x()
       }],
       "mask-image-y-to-color": [{
-        "mask-y-to": p()
+        "mask-y-to": x()
       }],
       "mask-image-radial": [{
-        "mask-radial": [u, d]
+        "mask-radial": [p, m]
       }],
       "mask-image-radial-from-pos": [{
-        "mask-radial-from": v()
+        "mask-radial-from": h()
       }],
       "mask-image-radial-to-pos": [{
-        "mask-radial-to": v()
+        "mask-radial-to": h()
       }],
       "mask-image-radial-from-color": [{
-        "mask-radial-from": p()
+        "mask-radial-from": x()
       }],
       "mask-image-radial-to-color": [{
-        "mask-radial-to": p()
+        "mask-radial-to": x()
       }],
       "mask-image-radial-shape": [{
         "mask-radial": ["circle", "ellipse"]
@@ -2235,22 +1974,22 @@ const ur = (e, r) => {
         }]
       }],
       "mask-image-radial-pos": [{
-        "mask-radial-at": z()
+        "mask-radial-at": A()
       }],
       "mask-image-conic-pos": [{
-        "mask-conic": [x]
+        "mask-conic": [E]
       }],
       "mask-image-conic-from-pos": [{
-        "mask-conic-from": v()
+        "mask-conic-from": h()
       }],
       "mask-image-conic-to-pos": [{
-        "mask-conic-to": v()
+        "mask-conic-to": h()
       }],
       "mask-image-conic-from-color": [{
-        "mask-conic-from": p()
+        "mask-conic-from": x()
       }],
       "mask-image-conic-to-color": [{
-        "mask-conic-to": p()
+        "mask-conic-to": x()
       }],
       /**
        * Mask Mode
@@ -2271,21 +2010,21 @@ const ur = (e, r) => {
        * @see https://tailwindcss.com/docs/mask-position
        */
       "mask-position": [{
-        mask: oe()
+        mask: Z()
       }],
       /**
        * Mask Repeat
        * @see https://tailwindcss.com/docs/mask-repeat
        */
       "mask-repeat": [{
-        mask: ne()
+        mask: K()
       }],
       /**
        * Mask Size
        * @see https://tailwindcss.com/docs/mask-size
        */
       "mask-size": [{
-        mask: n()
+        mask: t()
       }],
       /**
        * Mask Type
@@ -2299,7 +2038,7 @@ const ur = (e, r) => {
        * @see https://tailwindcss.com/docs/mask-image
        */
       "mask-image": [{
-        mask: ["none", u, d]
+        mask: ["none", p, m]
       }],
       // ---------------
       // --- Filters ---
@@ -2313,8 +2052,8 @@ const ur = (e, r) => {
           // Deprecated since Tailwind CSS v3.0.0
           "",
           "none",
-          u,
-          d
+          p,
+          m
         ]
       }],
       /**
@@ -2322,21 +2061,21 @@ const ur = (e, r) => {
        * @see https://tailwindcss.com/docs/blur
        */
       blur: [{
-        blur: F()
+        blur: I()
       }],
       /**
        * Brightness
        * @see https://tailwindcss.com/docs/brightness
        */
       brightness: [{
-        brightness: [x, u, d]
+        brightness: [E, p, m]
       }],
       /**
        * Contrast
        * @see https://tailwindcss.com/docs/contrast
        */
       contrast: [{
-        contrast: [x, u, d]
+        contrast: [E, p, m]
       }],
       /**
        * Drop Shadow
@@ -2347,9 +2086,9 @@ const ur = (e, r) => {
           // Deprecated since Tailwind CSS v4.0.0
           "",
           "none",
-          R,
-          pe,
-          fe
+          g,
+          xe,
+          he
         ]
       }],
       /**
@@ -2357,42 +2096,42 @@ const ur = (e, r) => {
        * @see https://tailwindcss.com/docs/filter-drop-shadow#setting-the-shadow-color
        */
       "drop-shadow-color": [{
-        "drop-shadow": p()
+        "drop-shadow": x()
       }],
       /**
        * Grayscale
        * @see https://tailwindcss.com/docs/grayscale
        */
       grayscale: [{
-        grayscale: ["", x, u, d]
+        grayscale: ["", E, p, m]
       }],
       /**
        * Hue Rotate
        * @see https://tailwindcss.com/docs/hue-rotate
        */
       "hue-rotate": [{
-        "hue-rotate": [x, u, d]
+        "hue-rotate": [E, p, m]
       }],
       /**
        * Invert
        * @see https://tailwindcss.com/docs/invert
        */
       invert: [{
-        invert: ["", x, u, d]
+        invert: ["", E, p, m]
       }],
       /**
        * Saturate
        * @see https://tailwindcss.com/docs/saturate
        */
       saturate: [{
-        saturate: [x, u, d]
+        saturate: [E, p, m]
       }],
       /**
        * Sepia
        * @see https://tailwindcss.com/docs/sepia
        */
       sepia: [{
-        sepia: ["", x, u, d]
+        sepia: ["", E, p, m]
       }],
       /**
        * Backdrop Filter
@@ -2403,8 +2142,8 @@ const ur = (e, r) => {
           // Deprecated since Tailwind CSS v3.0.0
           "",
           "none",
-          u,
-          d
+          p,
+          m
         ]
       }],
       /**
@@ -2412,63 +2151,63 @@ const ur = (e, r) => {
        * @see https://tailwindcss.com/docs/backdrop-blur
        */
       "backdrop-blur": [{
-        "backdrop-blur": F()
+        "backdrop-blur": I()
       }],
       /**
        * Backdrop Brightness
        * @see https://tailwindcss.com/docs/backdrop-brightness
        */
       "backdrop-brightness": [{
-        "backdrop-brightness": [x, u, d]
+        "backdrop-brightness": [E, p, m]
       }],
       /**
        * Backdrop Contrast
        * @see https://tailwindcss.com/docs/backdrop-contrast
        */
       "backdrop-contrast": [{
-        "backdrop-contrast": [x, u, d]
+        "backdrop-contrast": [E, p, m]
       }],
       /**
        * Backdrop Grayscale
        * @see https://tailwindcss.com/docs/backdrop-grayscale
        */
       "backdrop-grayscale": [{
-        "backdrop-grayscale": ["", x, u, d]
+        "backdrop-grayscale": ["", E, p, m]
       }],
       /**
        * Backdrop Hue Rotate
        * @see https://tailwindcss.com/docs/backdrop-hue-rotate
        */
       "backdrop-hue-rotate": [{
-        "backdrop-hue-rotate": [x, u, d]
+        "backdrop-hue-rotate": [E, p, m]
       }],
       /**
        * Backdrop Invert
        * @see https://tailwindcss.com/docs/backdrop-invert
        */
       "backdrop-invert": [{
-        "backdrop-invert": ["", x, u, d]
+        "backdrop-invert": ["", E, p, m]
       }],
       /**
        * Backdrop Opacity
        * @see https://tailwindcss.com/docs/backdrop-opacity
        */
       "backdrop-opacity": [{
-        "backdrop-opacity": [x, u, d]
+        "backdrop-opacity": [E, p, m]
       }],
       /**
        * Backdrop Saturate
        * @see https://tailwindcss.com/docs/backdrop-saturate
        */
       "backdrop-saturate": [{
-        "backdrop-saturate": [x, u, d]
+        "backdrop-saturate": [E, p, m]
       }],
       /**
        * Backdrop Sepia
        * @see https://tailwindcss.com/docs/backdrop-sepia
        */
       "backdrop-sepia": [{
-        "backdrop-sepia": ["", x, u, d]
+        "backdrop-sepia": ["", E, p, m]
       }],
       // --------------
       // --- Tables ---
@@ -2485,21 +2224,21 @@ const ur = (e, r) => {
        * @see https://tailwindcss.com/docs/border-spacing
        */
       "border-spacing": [{
-        "border-spacing": b()
+        "border-spacing": k()
       }],
       /**
        * Border Spacing X
        * @see https://tailwindcss.com/docs/border-spacing
        */
       "border-spacing-x": [{
-        "border-spacing-x": b()
+        "border-spacing-x": k()
       }],
       /**
        * Border Spacing Y
        * @see https://tailwindcss.com/docs/border-spacing
        */
       "border-spacing-y": [{
-        "border-spacing-y": b()
+        "border-spacing-y": k()
       }],
       /**
        * Table Layout
@@ -2523,7 +2262,7 @@ const ur = (e, r) => {
        * @see https://tailwindcss.com/docs/transition-property
        */
       transition: [{
-        transition: ["", "all", "colors", "opacity", "shadow", "transform", "none", u, d]
+        transition: ["", "all", "colors", "opacity", "shadow", "transform", "none", p, m]
       }],
       /**
        * Transition Behavior
@@ -2537,28 +2276,28 @@ const ur = (e, r) => {
        * @see https://tailwindcss.com/docs/transition-duration
        */
       duration: [{
-        duration: [x, "initial", u, d]
+        duration: [E, "initial", p, m]
       }],
       /**
        * Transition Timing Function
        * @see https://tailwindcss.com/docs/transition-timing-function
        */
       ease: [{
-        ease: ["linear", "initial", N, u, d]
+        ease: ["linear", "initial", C, p, m]
       }],
       /**
        * Transition Delay
        * @see https://tailwindcss.com/docs/transition-delay
        */
       delay: [{
-        delay: [x, u, d]
+        delay: [E, p, m]
       }],
       /**
        * Animation
        * @see https://tailwindcss.com/docs/animation
        */
       animate: [{
-        animate: ["none", $, u, d]
+        animate: ["none", T, p, m]
       }],
       // ------------------
       // --- Transforms ---
@@ -2575,70 +2314,70 @@ const ur = (e, r) => {
        * @see https://tailwindcss.com/docs/perspective
        */
       perspective: [{
-        perspective: [A, u, d]
+        perspective: [S, p, m]
       }],
       /**
        * Perspective Origin
        * @see https://tailwindcss.com/docs/perspective-origin
        */
       "perspective-origin": [{
-        "perspective-origin": V()
+        "perspective-origin": P()
       }],
       /**
        * Rotate
        * @see https://tailwindcss.com/docs/rotate
        */
       rotate: [{
-        rotate: Y()
+        rotate: U()
       }],
       /**
        * Rotate X
        * @see https://tailwindcss.com/docs/rotate
        */
       "rotate-x": [{
-        "rotate-x": Y()
+        "rotate-x": U()
       }],
       /**
        * Rotate Y
        * @see https://tailwindcss.com/docs/rotate
        */
       "rotate-y": [{
-        "rotate-y": Y()
+        "rotate-y": U()
       }],
       /**
        * Rotate Z
        * @see https://tailwindcss.com/docs/rotate
        */
       "rotate-z": [{
-        "rotate-z": Y()
+        "rotate-z": U()
       }],
       /**
        * Scale
        * @see https://tailwindcss.com/docs/scale
        */
       scale: [{
-        scale: X()
+        scale: Q()
       }],
       /**
        * Scale X
        * @see https://tailwindcss.com/docs/scale
        */
       "scale-x": [{
-        "scale-x": X()
+        "scale-x": Q()
       }],
       /**
        * Scale Y
        * @see https://tailwindcss.com/docs/scale
        */
       "scale-y": [{
-        "scale-y": X()
+        "scale-y": Q()
       }],
       /**
        * Scale Z
        * @see https://tailwindcss.com/docs/scale
        */
       "scale-z": [{
-        "scale-z": X()
+        "scale-z": Q()
       }],
       /**
        * Scale 3D
@@ -2650,35 +2389,35 @@ const ur = (e, r) => {
        * @see https://tailwindcss.com/docs/skew
        */
       skew: [{
-        skew: he()
+        skew: je()
       }],
       /**
        * Skew X
        * @see https://tailwindcss.com/docs/skew
        */
       "skew-x": [{
-        "skew-x": he()
+        "skew-x": je()
       }],
       /**
        * Skew Y
        * @see https://tailwindcss.com/docs/skew
        */
       "skew-y": [{
-        "skew-y": he()
+        "skew-y": je()
       }],
       /**
        * Transform
        * @see https://tailwindcss.com/docs/transform
        */
       transform: [{
-        transform: [u, d, "", "none", "gpu", "cpu"]
+        transform: [p, m, "", "none", "gpu", "cpu"]
       }],
       /**
        * Transform Origin
        * @see https://tailwindcss.com/docs/transform-origin
        */
       "transform-origin": [{
-        origin: V()
+        origin: P()
       }],
       /**
        * Transform Style
@@ -2692,28 +2431,28 @@ const ur = (e, r) => {
        * @see https://tailwindcss.com/docs/translate
        */
       translate: [{
-        translate: ue()
+        translate: ge()
       }],
       /**
        * Translate X
        * @see https://tailwindcss.com/docs/translate
        */
       "translate-x": [{
-        "translate-x": ue()
+        "translate-x": ge()
       }],
       /**
        * Translate Y
        * @see https://tailwindcss.com/docs/translate
        */
       "translate-y": [{
-        "translate-y": ue()
+        "translate-y": ge()
       }],
       /**
        * Translate Z
        * @see https://tailwindcss.com/docs/translate
        */
       "translate-z": [{
-        "translate-z": ue()
+        "translate-z": ge()
       }],
       /**
        * Translate None
@@ -2728,7 +2467,7 @@ const ur = (e, r) => {
        * @see https://tailwindcss.com/docs/accent-color
        */
       accent: [{
-        accent: p()
+        accent: x()
       }],
       /**
        * Appearance
@@ -2742,7 +2481,7 @@ const ur = (e, r) => {
        * @see https://tailwindcss.com/docs/just-in-time-mode#caret-color-utilities
        */
       "caret-color": [{
-        caret: p()
+        caret: x()
       }],
       /**
        * Color Scheme
@@ -2756,7 +2495,7 @@ const ur = (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", u, d]
+        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]
       }],
       /**
        * Field Sizing
@@ -2791,126 +2530,126 @@ const ur = (e, r) => {
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-m": [{
-        "scroll-m": b()
+        "scroll-m": k()
       }],
       /**
        * Scroll Margin X
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mx": [{
-        "scroll-mx": b()
+        "scroll-mx": k()
       }],
       /**
        * Scroll Margin Y
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-my": [{
-        "scroll-my": b()
+        "scroll-my": k()
       }],
       /**
        * Scroll Margin Start
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-ms": [{
-        "scroll-ms": b()
+        "scroll-ms": k()
       }],
       /**
        * Scroll Margin End
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-me": [{
-        "scroll-me": b()
+        "scroll-me": k()
       }],
       /**
        * Scroll Margin Top
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mt": [{
-        "scroll-mt": b()
+        "scroll-mt": k()
       }],
       /**
        * Scroll Margin Right
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mr": [{
-        "scroll-mr": b()
+        "scroll-mr": k()
       }],
       /**
        * Scroll Margin Bottom
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mb": [{
-        "scroll-mb": b()
+        "scroll-mb": k()
       }],
       /**
        * Scroll Margin Left
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-ml": [{
-        "scroll-ml": b()
+        "scroll-ml": k()
       }],
       /**
        * Scroll Padding
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-p": [{
-        "scroll-p": b()
+        "scroll-p": k()
       }],
       /**
        * Scroll Padding X
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-px": [{
-        "scroll-px": b()
+        "scroll-px": k()
       }],
       /**
        * Scroll Padding Y
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-py": [{
-        "scroll-py": b()
+        "scroll-py": k()
       }],
       /**
        * Scroll Padding Start
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-ps": [{
-        "scroll-ps": b()
+        "scroll-ps": k()
       }],
       /**
        * Scroll Padding End
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pe": [{
-        "scroll-pe": b()
+        "scroll-pe": k()
       }],
       /**
        * Scroll Padding Top
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pt": [{
-        "scroll-pt": b()
+        "scroll-pt": k()
       }],
       /**
        * Scroll Padding Right
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pr": [{
-        "scroll-pr": b()
+        "scroll-pr": k()
       }],
       /**
        * Scroll Padding Bottom
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pb": [{
-        "scroll-pb": b()
+        "scroll-pb": k()
       }],
       /**
        * Scroll Padding Left
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pl": [{
-        "scroll-pl": b()
+        "scroll-pl": k()
       }],
       /**
        * Scroll Snap Align
@@ -2978,7 +2717,7 @@ const ur = (e, r) => {
        * @see https://tailwindcss.com/docs/will-change
        */
       "will-change": [{
-        "will-change": ["auto", "scroll", "contents", "transform", u, d]
+        "will-change": ["auto", "scroll", "contents", "transform", p, m]
       }],
       // -----------
       // --- SVG ---
@@ -2988,21 +2727,21 @@ const ur = (e, r) => {
        * @see https://tailwindcss.com/docs/fill
        */
       fill: [{
-        fill: ["none", ...p()]
+        fill: ["none", ...x()]
       }],
       /**
        * Stroke Width
        * @see https://tailwindcss.com/docs/stroke-width
        */
       "stroke-w": [{
-        stroke: [x, ie, q, we]
+        stroke: [E, fe, re, Re]
       }],
       /**
        * Stroke
        * @see https://tailwindcss.com/docs/stroke
        */
       stroke: [{
-        stroke: ["none", ...p()]
+        stroke: ["none", ...x()]
       }],
       // ---------------------
       // --- Accessibility ---
@@ -3070,18 +2809,287 @@ const ur = (e, r) => {
     },
     orderSensitiveModifiers: ["*", "**", "after", "backdrop", "before", "details-content", "file", "first-letter", "first-line", "marker", "placeholder", "selection"]
   };
-}, Qr = /* @__PURE__ */ Or(Zr), S = (...e) => Qr(dr(e)), ft = ({
+}, ir = /* @__PURE__ */ Ft(ar), L = (...e) => ir(yt(e)), $r = (e = "context") => {
+  const r = Je(null);
+  return [r, () => {
+    const o = Xe(r);
+    if (!o)
+      throw new Error(e + " must be used within ChatProvider");
+    return o;
+  }];
+};
+var ye = { exports: {} }, me = {};
+var Me;
+function lr() {
+  if (Me) return me;
+  Me = 1;
+  var e = /* @__PURE__ */ Symbol.for("react.transitional.element"), r = /* @__PURE__ */ Symbol.for("react.fragment");
+  function n(o, s, a) {
+    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]);
+    } else a = s;
+    return s = a.ref, {
+      $$typeof: e,
+      type: o,
+      key: i,
+      ref: s !== void 0 ? s : null,
+      props: a
+    };
+  }
+  return me.Fragment = r, me.jsx = n, me.jsxs = n, me;
+}
+var pe = {};
+var Le;
+function cr() {
+  return Le || (Le = 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;
+      if (typeof t == "string") return t;
+      switch (t) {
+        case _:
+          return "Fragment";
+        case T:
+          return "Profiler";
+        case C:
+          return "StrictMode";
+        case V:
+          return "Suspense";
+        case H:
+          return "SuspenseList";
+        case oe:
+          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 S:
+            return "Portal";
+          case A:
+            return t.displayName || "Context";
+          case O:
+            return (t._context.displayName || "Context") + ".Consumer";
+          case P:
+            var c = t.render;
+            return t = t.displayName, t || (t = c.displayName || c.name || "", t = t !== "" ? "ForwardRef(" + t + ")" : "ForwardRef"), t;
+          case k:
+            return c = t.displayName || null, c !== null ? c : e(t.type) || "Memo";
+          case z:
+            c = t._payload, t = t._init;
+            try {
+              return e(t(c));
+            } catch {
+            }
+        }
+      return null;
+    }
+    function r(t) {
+      return "" + t;
+    }
+    function n(t) {
+      try {
+        r(t);
+        var c = !1;
+      } catch {
+        c = !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,
+          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
+          y
+        ), r(t);
+      }
+    }
+    function o(t) {
+      if (t === _) return "<>";
+      if (typeof t == "object" && t !== null && t.$$typeof === z)
+        return "<...>";
+      try {
+        var c = e(t);
+        return c ? "<" + c + ">" : "<...>";
+      } catch {
+        return "<...>";
+      }
+    }
+    function s() {
+      var t = B.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;
+      }
+      return t.key !== void 0;
+    }
+    function l(t, c) {
+      function b() {
+        D || (D = !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
+        ));
+      }
+      b.isReactWarning = !0, Object.defineProperty(t, "key", {
+        get: b,
+        configurable: !0
+      });
+    }
+    function u() {
+      var t = e(this.type);
+      return F[t] || (F[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) {
+      var h = b.ref;
+      return t = {
+        $$typeof: R,
+        type: t,
+        key: c,
+        props: b,
+        _owner: y
+      }, (h !== void 0 ? h : null) !== null ? Object.defineProperty(t, "ref", {
+        enumerable: !1,
+        get: u
+      }) : Object.defineProperty(t, "ref", { enumerable: !1, value: null }), t._store = {}, Object.defineProperty(t._store, "validated", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: 0
+      }), Object.defineProperty(t, "_debugInfo", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: null
+      }), Object.defineProperty(t, "_debugStack", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: G
+      }), Object.defineProperty(t, "_debugTask", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: W
+      }), Object.freeze && (Object.freeze(t.props), Object.freeze(t)), t;
+    }
+    function v(t, c, b, y, G, W) {
+      var h = c.children;
+      if (h !== void 0)
+        if (y)
+          if (te(h)) {
+            for (y = 0; y < h.length; y++)
+              w(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);
+      if (q.call(c, "key")) {
+        h = e(t);
+        var I = 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(
+          `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,
+          I,
+          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]);
+      } else b = c;
+      return h && l(
+        b,
+        typeof t == "function" ? t.displayName || t.name || "Unknown" : t
+      ), f(
+        t,
+        h,
+        b,
+        s(),
+        G,
+        W
+      );
+    }
+    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 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() {
+      return null;
+    };
+    g = {
+      react_stack_bottom_frame: function(t) {
+        return t();
+      }
+    };
+    var D, F = {}, 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++;
+      return v(
+        t,
+        c,
+        b,
+        !1,
+        y ? Error("react-stack-top-frame") : x,
+        y ? M(o(t)) : Z
+      );
+    }, pe.jsxs = function(t, c, b) {
+      var y = 1e4 > B.recentlyCreatedOwnerStacks++;
+      return v(
+        t,
+        c,
+        b,
+        !0,
+        y ? Error("react-stack-top-frame") : x,
+        y ? M(o(t)) : Z
+      );
+    };
+  })()), pe;
+}
+var Fe;
+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 = ({
   style: e,
   imageVar: r,
-  className: t = "",
+  className: n = "",
   ...o
 }) => {
   const s = `bg-(image:${r})`;
-  return /* @__PURE__ */ l.jsx(
+  return /* @__PURE__ */ d.jsx(
     "div",
     {
       ...o,
-      className: S(t, s),
+      className: L(n, s),
       style: {
         ...e,
         backgroundSize: "cover",
@@ -3089,10 +3097,10 @@ const ur = (e, r) => {
       }
     }
   );
-}, ge = ({
+}, ke = ({
   variant: e = "default",
   children: r,
-  className: t,
+  className: n,
   overwriteClassName: o = !1,
   ...s
 }) => {
@@ -3100,15 +3108,15 @@ const ur = (e, r) => {
     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 ? t : S(
+  }, i = o ? n : L(
     "px-4 py-2 w-fit rounded-lg page duration-200",
     a.diabled,
     a["hover:disabled"],
     a["active:disabled"],
-    t
+    n
   );
-  return /* @__PURE__ */ l.jsx("button", { className: i, ...s, children: r });
-}, Kr = ({ size: e, ref: r, className: t }) => /* @__PURE__ */ l.jsx(
+  return /* @__PURE__ */ d.jsx("button", { className: i, ...s, children: r });
+}, ur = ({ size: e, ref: r, className: n }) => /* @__PURE__ */ d.jsx(
   "svg",
   {
     ref: r,
@@ -3116,9 +3124,9 @@ const ur = (e, r) => {
     height: e,
     viewBox: "0 0 24 24",
     fill: "none",
-    className: t,
+    className: n,
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ l.jsx("g", { transform: "translate(4 6)", children: /* @__PURE__ */ l.jsx(
+    children: /* @__PURE__ */ d.jsx("g", { transform: "translate(4 6)", children: /* @__PURE__ */ d.jsx(
       "path",
       {
         d: "M1 6L6 11L16 1",
@@ -3129,13 +3137,13 @@ const ur = (e, r) => {
       }
     ) })
   }
-), Xe = ({
+), ut = ({
   size: e,
   ref: r,
-  className: t,
+  className: n,
   fill: o = "#EDEDED",
   ...s
-}) => /* @__PURE__ */ l.jsx(
+}) => /* @__PURE__ */ d.jsx(
   "svg",
   {
     ref: r,
@@ -3143,51 +3151,51 @@ const ur = (e, r) => {
     height: e,
     viewBox: "0 0 12 12",
     fill: "none",
-    className: t,
+    className: n,
     xmlns: "http://www.w3.org/2000/svg",
     ...s,
-    children: /* @__PURE__ */ l.jsx("circle", { cx: "6", cy: "6", r: "6", fill: o })
+    children: /* @__PURE__ */ d.jsx("circle", { cx: "6", cy: "6", r: "6", fill: o })
   }
-), et = 8, rt = 1, tt = (et + rt) * 2, ot = ({
+), fr = 8, mr = 1, pr = (fr + mr) * 2, br = ({
   inputName: e,
   inputId: r,
-  className: t,
+  className: n,
   style: o,
   onClick: s,
   size: a = 24,
   checked: i = !1,
-  type: m,
-  ...c
+  type: l,
+  ...u
 }) => {
-  const [f, y] = ye(i), k = le(null), g = le(null), R = `${a + tt}px`;
-  return ke(() => {
-    k.current && (g.current && (g.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");
+  const [f, v] = ie(i), w = 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");
     }, 100));
-  }, [f, o?.display]), /* @__PURE__ */ l.jsxs(
+  }, [f, o?.display]), /* @__PURE__ */ d.jsxs(
     "div",
     {
       className: [
         "bg-(--bg-card) border-(--fg-mini-text) border-1 p-[8px] cursor-pointer duration-300",
-        m === "checkbox" ? "rounded-[20%]" : "rounded-[100%]",
+        l === "checkbox" ? "rounded-[20%]" : "rounded-[100%]",
         "hover:bg-(--fg-card)",
-        t
+        n
       ].join(" "),
       style: {
-        height: R,
-        width: R,
+        height: g,
+        width: g,
         ...o
       },
-      onClick: (_) => {
-        s?.(_), y(!f);
+      onClick: (R) => {
+        s?.(R), v(!f);
       },
-      ...c,
+      ...u,
       children: [
-        m === "checkbox" ? /* @__PURE__ */ l.jsx(Kr, { className: "duration-300", ref: k, size: a }) : /* @__PURE__ */ l.jsx(Xe, { className: "duration-300", ref: k, size: a }),
-        /* @__PURE__ */ l.jsx(
+        l === "checkbox" ? /* @__PURE__ */ d.jsx(ur, { className: "duration-300", ref: w, size: a }) : /* @__PURE__ */ d.jsx(ut, { className: "duration-300", ref: w, size: a }),
+        /* @__PURE__ */ d.jsx(
           "input",
           {
-            ref: g,
+            ref: j,
             name: e,
             id: r,
             type: "checkbox",
@@ -3197,138 +3205,142 @@ const ur = (e, r) => {
       ]
     }
   );
-}, pt = (e) => /* @__PURE__ */ l.jsx(ot, { type: "checkbox", ...e }), Ze = er(null), Ee = () => {
-  const e = rr(Ze);
+}, Mr = (e) => /* @__PURE__ */ d.jsx(br, { type: "checkbox", ...e }), ft = Je(null), Oe = () => {
+  const e = Xe(ft);
   if (!e)
     throw new Error("useDropdown must be used within DropdownProvider");
   return e;
-}, nt = (e, r) => {
-  ke(() => {
-    const t = (o) => {
+}, gr = (e, r) => {
+  le(() => {
+    const n = (o) => {
       e.current && (e.current.contains(o.target) || r(o));
     };
-    return document.addEventListener("mousedown", t), document.addEventListener("touchstart", t), () => {
-      document.removeEventListener("mousedown", t), document.removeEventListener("touchstart", t);
+    return document.addEventListener("mousedown", n), document.addEventListener("touchstart", n), () => {
+      document.removeEventListener("mousedown", n), document.removeEventListener("touchstart", n);
     };
   }, [e, r]);
-}, bt = ({
+}, Lr = ({
   children: e,
   onChangeState: r,
-  closeOnClickOutside: t = !0,
+  closeOnClickOutside: n = !0,
   openToOtherSide: o = !0,
   defaultHorizontalPosition: s = "right",
   defaultVertialPosition: a = "bottom",
-  className: i,
-  ...m
+  menuAlign: i = "center",
+  className: l,
+  ...u
 }) => {
-  const [c, f] = ye(!1), y = le(null), k = le(null), g = le(null), R = Pe(
-    (_) => {
-      if (_) {
-        f(_), r?.(_);
+  const [f, v] = ie(!1), w = Y(null), j = Y(null), g = Y(null), R = ae(
+    (S) => {
+      if (S) {
+        v(S), r?.(S);
         return;
       }
-      f((A) => {
-        const E = !A;
-        return r?.(E), E;
+      v((_) => {
+        const C = !_;
+        return r?.(C), C;
       });
     },
-    [f, r]
+    [v, r]
   );
-  return nt(k, () => {
-    t && c && R(!1);
-  }), ke(() => {
-    const _ = (A) => {
-      c && A.key === "Escape" && R(!1);
+  return gr(j, () => {
+    n && f && R(!1);
+  }), le(() => {
+    const S = (_) => {
+      f && _.key === "Escape" && R(!1);
     };
-    return document.addEventListener("keydown", _), () => {
-      document.removeEventListener("keydown", _);
+    return document.addEventListener("keydown", S), () => {
+      document.removeEventListener("keydown", S);
     };
-  }, [c, R]), /* @__PURE__ */ l.jsx(
-    Ze.Provider,
+  }, [f, R]), /* @__PURE__ */ d.jsx(
+    ft.Provider,
     {
       value: {
-        opened: c,
+        opened: f,
         toggle: R,
-        dropdownRef: y,
-        menuRef: k,
+        dropdownRef: w,
+        menuRef: j,
         triggerRef: g,
         openToOtherSide: o,
         defaultHorizontalPosition: s,
-        defaultVertialPosition: a
+        defaultVertialPosition: a,
+        menuAlign: i
       },
-      children: /* @__PURE__ */ l.jsx(
+      children: /* @__PURE__ */ d.jsx(
         "div",
         {
-          ref: y,
-          className: S("relative inline-block", i),
-          ...m,
+          ref: w,
+          className: L("relative inline-block", l),
+          ...u,
           children: e
         }
       )
     }
   );
-}, gt = ({
+}, Fr = ({
   children: e,
   className: r,
-  style: t,
+  style: n,
   ...o
 }) => {
   const {
     opened: s,
     menuRef: a,
     triggerRef: i,
-    defaultHorizontalPosition: m,
-    defaultVertialPosition: c,
-    openToOtherSide: f
-  } = Ee(), y = Pe(
+    defaultHorizontalPosition: l,
+    defaultVertialPosition: u,
+    openToOtherSide: f,
+    menuAlign: v
+  } = Oe(), w = ae(
     (g) => {
-      const R = g === "x" ? "innerWidth" : "innerHeight", _ = g === "x" ? "width" : "height", A = g === "x" ? "right" : "bottom";
-      return (E, N) => {
-        if (!a.current || E[A] < window[R])
+      const R = g === "x" ? "innerWidth" : "innerHeight", S = g === "x" ? "width" : "height", _ = g === "x" ? "right" : "bottom";
+      return (C, T) => {
+        if (!a.current || C[_] < window[R])
           return;
-        const $ = E[A] - window[R];
+        const O = C[_] - window[R];
         if (f) {
-          const z = g === "y" ? N : 0;
-          a.current.style[g] = `${E[g] - $ - z}px`;
+          const P = g === "y" ? T : 0;
+          a.current.style[g] = `${C[g] - O - P}px`;
           return;
         }
-        const P = E[g] - E[_];
-        if (P >= 0) {
-          a.current.style[g] = `${P}px`;
+        const A = C[g] - C[S];
+        if (A >= 0) {
+          a.current.style[g] = `${A}px`;
           return;
         }
-        a.current.style[g] = `${E[g] - $}px`;
+        a.current.style[g] = `${C[g] - O}px`;
       };
     },
     [a, f]
   );
-  if (tr(() => {
+  if (pt(() => {
     if (!a.current || !i.current || !s)
       return;
-    const g = i.current.getBoundingClientRect(), R = a.current.getBoundingClientRect(), _ = g.left + g.width / 2 + window.scrollX, A = g.top + g.height + window.scrollY;
-    m === "right" ? a.current.style.left = `${_}px` : a.current.style.left = `${_ - R.width}px`, c === "bottom" ? a.current.style.top = `${A}px` : a.current.style.top = `${A - R.height - g.height}px`;
-    const E = a.current.getBoundingClientRect();
-    y("x")(E, g.height), y("y")(E, g.height);
+    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);
   }, [
     s,
-    y,
+    w,
     a,
     i,
-    m,
-    c
+    l,
+    u,
+    v
   ]), !s)
     return null;
-  const k = /* @__PURE__ */ l.jsx(
+  const j = /* @__PURE__ */ d.jsx(
     "div",
     {
       ref: a,
-      className: S(
+      className: L(
         "bg-(--bg-smooth-light) absolute z-100 rounded-lg shadow-lg",
         "flex flex-col min-w-40",
         r
       ),
       style: {
-        ...t
+        ...n
       },
       role: "menu",
       "aria-orientation": "vertical",
@@ -3336,26 +3348,26 @@ const ur = (e, r) => {
       children: e
     }
   );
-  return ze(k, document.body);
-}, ht = ({
+  return Ae(j, document.body);
+}, Gr = ({
   children: e,
   onClick: r,
-  className: t,
+  className: n,
   variant: o,
   ...s
 }) => {
-  const { toggle: a } = Ee(), i = (m) => {
-    s.disabled || (r?.(m), a(!1));
+  const { toggle: a } = Oe(), i = (l) => {
+    s.disabled || (r?.(l), a(!1));
   };
-  return /* @__PURE__ */ l.jsx(
-    ge,
+  return /* @__PURE__ */ d.jsx(
+    ke,
     {
       onClick: i,
-      className: S(
+      className: L(
         "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)",
-        t
+        n
       ),
       overwriteClassName: !0,
       role: "menuitem",
@@ -3363,82 +3375,82 @@ const ur = (e, r) => {
       children: e
     }
   );
-}, xt = ({
+}, Br = ({
   children: e,
   className: r,
-  ...t
+  ...n
 }) => {
-  const { toggle: o, opened: s, triggerRef: a } = Ee(), i = () => {
+  const { toggle: o, opened: s, triggerRef: a } = Oe(), i = () => {
     o();
   };
-  return /* @__PURE__ */ l.jsx(
-    ge,
+  return /* @__PURE__ */ d.jsx(
+    ke,
     {
       ref: a,
       onClick: i,
       "aria-expanded": s,
       "aria-haspopup": "true",
       className: r,
-      ...t,
+      ...n,
       children: e
     }
   );
-}, wt = ({
+}, Ur = ({
   className: e,
   overwriteClassName: r,
-  ...t
+  ...n
 }) => {
-  const o = r ? e : S(
+  const o = r ? e : L(
     "bg-(--bg-card) px-4 py-2 rounded-lg min-w-30 max-w-60",
     "focus:outline-0",
     e
   );
-  return /* @__PURE__ */ l.jsx("input", { placeholder: "input here...", ...t, className: o });
-}, vt = ({
+  return /* @__PURE__ */ d.jsx("input", { placeholder: "input here...", ...n, className: o });
+}, Vr = ({
   className: e,
   overwriteClassName: r = !1,
-  minimalRowsHeight: t = 1,
+  minimalRowsHeight: n = 1,
   maximalRowsHeight: o = 10,
   onChange: s,
   ...a
 }) => {
-  const i = r ? e : S(
+  const i = r ? e : L(
     "bg-(--bg-card) px-4 py-2 rounded-lg min-w-30 max-w-150 min-h-10 resize",
     "focus:outline-0",
     e
-  ), m = (c) => {
-    const f = c.currentTarget;
+  ), l = (u) => {
+    const f = u.currentTarget;
     f.style.height = "auto";
-    const y = parseInt(getComputedStyle(f).lineHeight), k = Math.min(
-      Math.max(f.scrollHeight, t * y),
-      o * y
+    const v = parseInt(getComputedStyle(f).lineHeight), w = Math.min(
+      Math.max(f.scrollHeight, n * v),
+      o * v
     );
-    f.style.height = `${k}px`, s?.(c);
+    f.style.height = `${w}px`, s?.(u);
   };
-  return /* @__PURE__ */ l.jsx(
+  return /* @__PURE__ */ d.jsx(
     "textarea",
     {
       placeholder: "write here...",
       className: i,
-      onChange: m,
+      onChange: l,
       ...a
     }
   );
-}, yt = ({
+}, Wr = ({
   container: e,
   children: r,
-  portalKey: t,
+  portalKey: n,
   className: o = "",
   zIndex: s,
   style: a,
   ...i
 }) => {
-  const m = s ? "" : "z-100";
-  return ze(
-    /* @__PURE__ */ l.jsx(
+  const l = s ? "" : "z-100";
+  return Ae(
+    /* @__PURE__ */ d.jsx(
       "div",
       {
-        className: S("fixed top-0 h-screen w-screen", m, o),
+        className: L("fixed top-0 h-screen w-screen", l, o),
         ...i,
         style: {
           zIndex: s,
@@ -3448,12 +3460,12 @@ const ur = (e, r) => {
       }
     ),
     e,
-    t
+    n
   );
-}, kt = ({ size: e = 48, className: r = "" }) => /* @__PURE__ */ l.jsxs(
+}, Yr = ({ size: e = 48, className: r = "" }) => /* @__PURE__ */ d.jsxs(
   "svg",
   {
-    className: S("animate-spin text-(--bg-smooth-light)", r),
+    className: L("animate-spin text-(--bg-smooth-light)", r),
     style: {
       height: e + "px",
       width: e + "px"
@@ -3462,8 +3474,8 @@ const ur = (e, r) => {
     fill: "none",
     viewBox: "0 0 24 24",
     children: [
-      /* @__PURE__ */ l.jsx("circle", { cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }),
-      /* @__PURE__ */ l.jsx(
+      /* @__PURE__ */ d.jsx("circle", { cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }),
+      /* @__PURE__ */ d.jsx(
         "path",
         {
           fill: "var(--fg-text)",
@@ -3472,183 +3484,183 @@ const ur = (e, r) => {
       )
     ]
   }
-), Q = 8, jt = ({
+), ce = 8, Hr = ({
   value: e,
   height: r = 24,
-  showPercentage: t = !1,
+  showPercentage: n = !1,
   className: o
 }) => {
   const s = Math.round(e);
-  return /* @__PURE__ */ l.jsx("div", { className: S("w-full", o), children: /* @__PURE__ */ l.jsxs("div", { className: "relative w-full", style: { height: r }, children: [
-    /* @__PURE__ */ l.jsx(
+  return /* @__PURE__ */ d.jsx("div", { className: L("w-full", o), children: /* @__PURE__ */ d.jsxs("div", { className: "relative w-full", style: { height: r }, children: [
+    /* @__PURE__ */ d.jsx(
       "svg",
       {
         width: "100%",
         height: r,
-        style: { borderRadius: Q },
+        style: { borderRadius: ce },
         viewBox: `0 0 100 ${r}`,
         preserveAspectRatio: "none",
         className: "absolute top-0 left-0",
-        children: /* @__PURE__ */ l.jsx("rect", { width: "100", height: r, fill: "var(--bg-smooth-ce)" })
+        children: /* @__PURE__ */ d.jsx("rect", { width: "100", height: r, fill: "var(--bg-smooth-ce)" })
       }
     ),
-    /* @__PURE__ */ l.jsx(
+    /* @__PURE__ */ d.jsx(
       "div",
       {
         className: "absolute top-0 left-0 h-full overflow-hidden transition-all duration-300",
         style: {
           width: `${e}%`,
-          borderRadius: Q
+          borderRadius: ce
         },
-        children: /* @__PURE__ */ l.jsx(
+        children: /* @__PURE__ */ d.jsx(
           "svg",
           {
             width: "100%",
             height: r,
             viewBox: `0 0 100 ${r}`,
             preserveAspectRatio: "none",
-            children: /* @__PURE__ */ l.jsx(
+            children: /* @__PURE__ */ d.jsx(
               "rect",
               {
                 width: "100",
                 height: r,
                 fill: "var(--fg-text)",
-                style: { borderRadius: Q }
+                style: { borderRadius: ce }
               }
             )
           }
         )
       }
     ),
-    t && /* @__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: [
+    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: [
       s,
       "%"
     ] }) })
   ] }) });
-}, Et = ({
+}, Jr = ({
   className: e,
   height: r
-}) => /* @__PURE__ */ l.jsx("div", { className: S("w-full", e), children: /* @__PURE__ */ l.jsxs("div", { className: "relative w-full", style: { height: r }, children: [
-  /* @__PURE__ */ l.jsx(
+}) => /* @__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(
     "svg",
     {
       width: "100%",
       height: r,
-      style: { borderRadius: Q },
+      style: { borderRadius: ce },
       viewBox: `0 0 100 ${r}`,
       preserveAspectRatio: "none",
       className: "absolute top-0 left-0",
-      children: /* @__PURE__ */ l.jsx("rect", { width: "100", height: r, fill: "var(--bg-smooth-ce)" })
+      children: /* @__PURE__ */ d.jsx("rect", { width: "100", height: r, fill: "var(--bg-smooth-ce)" })
     }
   ),
-  /* @__PURE__ */ l.jsx(
+  /* @__PURE__ */ d.jsx(
     "div",
     {
       className: "animate-(--animate-indeterminate-3s) h-full overflow-hidden transition-all duration-300",
       style: {
         width: "20%",
-        borderRadius: Q
+        borderRadius: ce
       },
-      children: /* @__PURE__ */ l.jsx(
+      children: /* @__PURE__ */ d.jsx(
         "svg",
         {
           width: "100%",
           height: r,
           viewBox: `0 0 100 ${r}`,
           preserveAspectRatio: "none",
-          children: /* @__PURE__ */ l.jsx(
+          children: /* @__PURE__ */ d.jsx(
             "rect",
             {
               width: "100",
               height: r,
               fill: "var(--fg-text)",
-              style: { borderRadius: Q }
+              style: { borderRadius: ce }
             }
           )
         }
       )
     }
   )
-] }) }), Rt = ({
+] }) }), Xr = ({
   type: e = "pulse",
   size: r = 6,
-  elements: t = 3,
+  elements: n = 3,
   duration: o = 1,
   color: s = "var(--bg-smooth)",
   animation: a,
   delay: i = 0.1,
-  container: m,
-  autoPaddingDisabled: c = !1
+  container: l,
+  autoPaddingDisabled: u = !1
 }) => {
-  const f = e === "orbit" ? "absolute" : "", y = c ? {} : { padding: r * 2 }, k = a ? `var(${a})` : `var(--animate-ellipse-${e})`;
-  if (t <= 0)
+  const f = e === "orbit" ? "absolute" : "", v = u ? {} : { padding: r * 2 }, w = a ? `var(${a})` : `var(--animate-ellipse-${e})`;
+  if (n <= 0)
     throw new Error("Elements can not be zero");
-  if (t > 12)
+  if (n > 12)
     throw new Error("Element can not be more than 12");
-  const g = new Array(t).fill(t).map((R, _) => /* @__PURE__ */ l.jsx(
-    Xe,
+  const j = new Array(n).fill(n).map((g, R) => /* @__PURE__ */ d.jsx(
+    ut,
     {
       size: r,
       fill: s,
       style: {
-        animation: k,
+        animation: w,
         animationDuration: o + "s",
-        animationDelay: `${i * _}s`
+        animationDelay: `${i * R}s`
       },
       className: f
     },
-    R + _
+    g + R
   ));
-  return m ? /* @__PURE__ */ l.jsx(m, { children: g }) : /* @__PURE__ */ l.jsx("div", { className: "flex flex-row gap-2 w-fit h-fit", style: y, children: g });
-}, st = 12, at = 8, _t = ({
+  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 });
+}, hr = 12, xr = 8, qr = ({
   inputId: e,
   inputName: r,
-  dangerousDisableError: t = !1,
+  dangerousDisableError: n = !1,
   style: o,
   className: s,
   onClick: a,
   radioSize: i = 24,
-  checked: m = !1,
-  ...c
+  checked: l = !1,
+  ...u
 }) => {
-  const [f, y] = ye(m);
-  i < st && !t && console.error(
+  const [f, v] = ie(l);
+  i < hr && !n && console.error(
     "radio size less than minimal, set radioSize = 12 or more too resolve"
   );
-  const k = i * 4, g = k - at * 2 - i, R = f ? "bg-(--bg-card)" : "bg-(--bg-section)", _ = f ? "bg-(--fg-default)" : "bg-(--fg-mini-text)", A = f ? g : 0;
-  return /* @__PURE__ */ l.jsxs(
+  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;
+  return /* @__PURE__ */ d.jsxs(
     "div",
     {
       style: {
-        width: `${k}px`,
+        width: `${w}px`,
         ...o
       },
-      className: S(
+      className: L(
         "rounded-[200px] py-[6px] px-[8px] cursor-pointer duration-300",
-        R,
+        g,
         "hover:bg-(--fg-card)",
         s
       ),
-      onClick: (E) => {
-        y(!f), a?.(E);
+      onClick: (_) => {
+        v(!f), a?.(_);
       },
-      ...c,
+      ...u,
       children: [
-        /* @__PURE__ */ l.jsx(
+        /* @__PURE__ */ d.jsx(
           "div",
           {
             className: [
               "relative duration-300 rounded-[100%]",
-              _
+              R
             ].join(" "),
             style: {
               height: `${i}px`,
               width: `${i}px`,
-              left: `${A}px`
+              left: `${S}px`
             }
           }
         ),
-        /* @__PURE__ */ l.jsx(
+        /* @__PURE__ */ d.jsx(
           "input",
           {
             name: r,
@@ -3660,104 +3672,535 @@ const ur = (e, r) => {
       ]
     }
   );
-}, At = ({
+}, Zr = ({
   flexDirection: e = "row",
   className: r,
-  ...t
+  ...n
 }) => {
   const o = e === "col" ? "flex-col" : "flex-row";
-  return /* @__PURE__ */ l.jsx(
+  return /* @__PURE__ */ d.jsx(
     "div",
     {
-      ...t,
-      className: S(
+      ...n,
+      className: L(
         "bg-(image:--image-bg) flex gap-8 px-12 py-4 rounded-lg page",
         o,
         r
       )
     }
   );
-}, it = () => /* @__PURE__ */ l.jsxs("div", { className: "flex flex-col justify-center gap-4", children: [
-  Object.keys(Me).map((e) => /* @__PURE__ */ l.jsxs(ge, { variant: e, children: [
+}, $ = [];
+for (let e = 0; e < 256; ++e)
+  $.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();
+}
+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;
+function Rr() {
+  if (Be) return be;
+  Be = 1;
+  var e = /* @__PURE__ */ Symbol.for("react.transitional.element"), r = /* @__PURE__ */ Symbol.for("react.fragment");
+  function n(o, s, a) {
+    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]);
+    } else a = s;
+    return s = a.ref, {
+      $$typeof: e,
+      type: o,
+      key: i,
+      ref: s !== void 0 ? s : null,
+      props: a
+    };
+  }
+  return be.Fragment = r, be.jsx = n, be.jsxs = n, be;
+}
+var we = {}, Ue;
+function _r() {
+  return Ue || (Ue = 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;
+      if (typeof t == "string") return t;
+      switch (t) {
+        case _:
+          return "Fragment";
+        case T:
+          return "Profiler";
+        case C:
+          return "StrictMode";
+        case V:
+          return "Suspense";
+        case H:
+          return "SuspenseList";
+        case oe:
+          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 S:
+            return "Portal";
+          case A:
+            return t.displayName || "Context";
+          case O:
+            return (t._context.displayName || "Context") + ".Consumer";
+          case P:
+            var c = t.render;
+            return t = t.displayName, t || (t = c.displayName || c.name || "", t = t !== "" ? "ForwardRef(" + t + ")" : "ForwardRef"), t;
+          case k:
+            return c = t.displayName || null, c !== null ? c : e(t.type) || "Memo";
+          case z:
+            c = t._payload, t = t._init;
+            try {
+              return e(t(c));
+            } catch {
+            }
+        }
+      return null;
+    }
+    function r(t) {
+      return "" + t;
+    }
+    function n(t) {
+      try {
+        r(t);
+        var c = !1;
+      } catch {
+        c = !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,
+          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
+          y
+        ), r(t);
+      }
+    }
+    function o(t) {
+      if (t === _) return "<>";
+      if (typeof t == "object" && t !== null && t.$$typeof === z)
+        return "<...>";
+      try {
+        var c = e(t);
+        return c ? "<" + c + ">" : "<...>";
+      } catch {
+        return "<...>";
+      }
+    }
+    function s() {
+      var t = B.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;
+      }
+      return t.key !== void 0;
+    }
+    function l(t, c) {
+      function b() {
+        D || (D = !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
+        ));
+      }
+      b.isReactWarning = !0, Object.defineProperty(t, "key", {
+        get: b,
+        configurable: !0
+      });
+    }
+    function u() {
+      var t = e(this.type);
+      return F[t] || (F[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) {
+      var h = b.ref;
+      return t = {
+        $$typeof: R,
+        type: t,
+        key: c,
+        props: b,
+        _owner: y
+      }, (h !== void 0 ? h : null) !== null ? Object.defineProperty(t, "ref", {
+        enumerable: !1,
+        get: u
+      }) : Object.defineProperty(t, "ref", { enumerable: !1, value: null }), t._store = {}, Object.defineProperty(t._store, "validated", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: 0
+      }), Object.defineProperty(t, "_debugInfo", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: null
+      }), Object.defineProperty(t, "_debugStack", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: G
+      }), Object.defineProperty(t, "_debugTask", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: W
+      }), Object.freeze && (Object.freeze(t.props), Object.freeze(t)), t;
+    }
+    function v(t, c, b, y, G, W) {
+      var h = c.children;
+      if (h !== void 0)
+        if (y)
+          if (te(h)) {
+            for (y = 0; y < h.length; y++)
+              w(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);
+      if (q.call(c, "key")) {
+        h = e(t);
+        var I = 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(
+          `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,
+          I,
+          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]);
+      } else b = c;
+      return h && l(
+        b,
+        typeof t == "function" ? t.displayName || t.name || "Unknown" : t
+      ), f(
+        t,
+        h,
+        b,
+        s(),
+        G,
+        W
+      );
+    }
+    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 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() {
+      return null;
+    };
+    g = {
+      react_stack_bottom_frame: function(t) {
+        return t();
+      }
+    };
+    var D, F = {}, 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++;
+      return v(
+        t,
+        c,
+        b,
+        !1,
+        y ? Error("react-stack-top-frame") : x,
+        y ? M(o(t)) : Z
+      );
+    }, we.jsxs = function(t, c, b) {
+      var y = 1e4 > B.recentlyCreatedOwnerStacks++;
+      return v(
+        t,
+        c,
+        b,
+        !0,
+        y ? Error("react-stack-top-frame") : x,
+        y ? M(o(t)) : Z
+      );
+    };
+  })()), we;
+}
+var Ve;
+function Sr() {
+  return Ve || (Ve = 1, process.env.NODE_ENV === "production" ? Se.exports = Rr() : Se.exports = _r()), Se.exports;
+}
+var Te = Sr();
+const We = 2, Ye = 2, Tr = ({
+  size: e = 24,
+  color: r = "#D9D9D9",
+  constantStrokeWidth: n = !1,
+  dangerousIgnoreError: o = !1,
+  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;
+  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,
+      y: j,
+      width: i,
+      height: f,
+      rx: f / 2,
+      transform: `rotate(${R} ${u} ${u})`,
+      fill: r
+    }
+  );
+  return /* @__PURE__ */ Te.jsx(
+    "div",
+    {
+      className: [
+        "block h-fit w-fit",
+        s
+      ].join(" "),
+      ...a,
+      children: /* @__PURE__ */ Te.jsxs(
+        "svg",
+        {
+          width: l,
+          height: l,
+          viewBox: `0 0 ${l} ${l}`,
+          fill: "none",
+          xmlns: "http://www.w3.org/2000/svg",
+          children: [
+            g(45),
+            g(-45)
+          ]
+        }
+      )
+    }
+  );
+}, Cr = ({
+  text: e,
+  closed: r = !1,
+  className: n = "",
+  disablePositionAndInset: o = !1,
+  id: s = Er(),
+  close: a,
+  ...i
+}) => /* @__PURE__ */ d.jsxs(
+  "div",
+  {
+    className: L(
+      !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
+    ),
+    ...i,
+    children: [
+      typeof e == "string" ? /* @__PURE__ */ d.jsx("span", { children: e }) : e,
+      /* @__PURE__ */ d.jsx(
+        Tr,
+        {
+          className: "cursor-pointer hover:opacity-70 transition-opacity",
+          onClick: () => a(s)
+        }
+      )
+    ]
+  }
+), 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)
+        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;
+      }, 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);
+    }, e);
+    w.current.set(T.id, O);
+  }, [g, e, o]), _ = ae(
+    (T) => {
+      v.current++;
+      const A = {
+        id: String(v.current),
+        text: T,
+        close: g
+      };
+      s((P) => [...P, A]);
+    },
+    [g]
+  );
+  return le(() => {
+    f.current = l;
+  }, [l]), le(() => {
+    !l && o.length > 0 && S();
+  }, [l, o, S]), le(() => () => {
+    w.current.forEach(window.clearTimeout), j.current && window.clearTimeout(j.current);
+  }, []), {
+    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,
+    current: l,
+    closeAll: R,
+    close: g
+  };
+}, 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: [
     "Button ",
     e
   ] }, e)),
-  /* @__PURE__ */ l.jsx(ge, { disabled: !0, children: "Button Disabled" })
-] }), lt = () => /* @__PURE__ */ l.jsxs("div", { className: "flex flex-col gap-2 rounded-lg", children: [
-  /* @__PURE__ */ l.jsxs("div", { children: [
-    /* @__PURE__ */ l.jsxs("h1", { children: [
+  /* @__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: [
       "H1 text, ",
-      B.h1
+      X.h1
     ] }),
-    /* @__PURE__ */ l.jsx("span", { children: "Пока не знаю" })
+    /* @__PURE__ */ d.jsx("span", { children: "Пока не знаю" })
   ] }),
-  /* @__PURE__ */ l.jsxs("div", { children: [
-    /* @__PURE__ */ l.jsxs("h2", { children: [
+  /* @__PURE__ */ d.jsxs("div", { children: [
+    /* @__PURE__ */ d.jsxs("h2", { children: [
       "H2 text, ",
-      B.h2
+      X.h2
     ] }),
-    /* @__PURE__ */ l.jsx("span", { children: "Пока не знаю" })
+    /* @__PURE__ */ d.jsx("span", { children: "Пока не знаю" })
   ] }),
-  /* @__PURE__ */ l.jsxs("div", { children: [
-    /* @__PURE__ */ l.jsxs("h3", { children: [
+  /* @__PURE__ */ d.jsxs("div", { children: [
+    /* @__PURE__ */ d.jsxs("h3", { children: [
       "H3 text, ",
-      B.h3
+      X.h3
     ] }),
-    /* @__PURE__ */ l.jsx("span", { children: "Пока не знаю" })
+    /* @__PURE__ */ d.jsx("span", { children: "Пока не знаю" })
   ] }),
-  /* @__PURE__ */ l.jsxs("div", { children: [
-    /* @__PURE__ */ l.jsxs("h4", { children: [
+  /* @__PURE__ */ d.jsxs("div", { children: [
+    /* @__PURE__ */ d.jsxs("h4", { children: [
       "H4 text, ",
-      B.h4
+      X.h4
     ] }),
-    /* @__PURE__ */ l.jsx("span", { children: "Пока не знаю" })
+    /* @__PURE__ */ d.jsx("span", { children: "Пока не знаю" })
   ] }),
-  /* @__PURE__ */ l.jsxs("div", { children: [
-    /* @__PURE__ */ l.jsxs("h5", { children: [
+  /* @__PURE__ */ d.jsxs("div", { children: [
+    /* @__PURE__ */ d.jsxs("h5", { children: [
       "H5 text, ",
-      B.h5
+      X.h5
     ] }),
-    /* @__PURE__ */ l.jsx("span", { children: "Пока не знаю" })
+    /* @__PURE__ */ d.jsx("span", { children: "Пока не знаю" })
   ] }),
-  /* @__PURE__ */ l.jsxs("div", { className: "flex flex-col", children: [
-    /* @__PURE__ */ l.jsxs("span", { children: [
+  /* @__PURE__ */ d.jsxs("div", { className: "flex flex-col", children: [
+    /* @__PURE__ */ d.jsxs("span", { children: [
       "Base text, ",
-      B.base
+      X.base
     ] }),
-    /* @__PURE__ */ l.jsx("span", { children: "Пока не знаю" })
+    /* @__PURE__ */ d.jsx("span", { children: "Пока не знаю" })
   ] }),
-  /* @__PURE__ */ l.jsxs("div", { className: "flex flex-col", children: [
-    /* @__PURE__ */ l.jsxs("span", { className: "text-mini", children: [
+  /* @__PURE__ */ d.jsxs("div", { className: "flex flex-col", children: [
+    /* @__PURE__ */ d.jsxs("span", { className: "text-mini", children: [
       "Mini text, ",
-      B.mini
+      X.mini
     ] }),
-    /* @__PURE__ */ l.jsx("span", { children: "Пока не знаю" })
+    /* @__PURE__ */ d.jsx("span", { children: "Пока не знаю" })
   ] })
-] }), Tt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+] }), Qr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  Button: it,
-  Text: lt
+  Button: Ar,
+  Text: Nr
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  mt as Active,
-  ft as Background,
-  ge as Button,
-  pt as Checkbox,
-  kt as CircleProgress,
-  bt as Dropdown,
-  ht as DropdownItem,
-  gt as DropdownMenu,
-  xt as DropdownTrigger,
-  Rt as EllipsisProgress,
-  Tt as Guildline,
-  Et as IndeterminateLinearProgress,
-  wt as Input,
-  jt as LinearProgress,
-  yt as Modal,
-  _t as Switch,
-  vt as Textarea,
-  ut as VARIABLES,
-  At as Wrapper,
-  Q as borderRadius
+  Ir as Active,
+  Dr 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,
+  ce as borderRadius,
+  L as cn,
+  $r as createContext,
+  Kr as useNotifications
 };
 //# sourceMappingURL=tvuikit.es.js.map