npm - tvuikit - Versions diffs - 0.7.0 → 0.7.1 - Mend

tvuikit 0.7.0 → 0.7.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (7) hide show

package/dist/components/dropdown/dropdown.context.d.ts +1 -0
package/dist/components/dropdown/dropdown.d.ts +2 -1
package/dist/tvuikit.es.js +581 -585
package/dist/tvuikit.es.js.map +1 -1
package/dist/tvuikit.umd.js +3 -3
package/dist/tvuikit.umd.js.map +1 -1
package/package.json +1 -1

package/dist/tvuikit.es.js CHANGED Viewed

@@ -1,6 +1,6 @@
-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 Qe, { Activity as Ke, useState as ye, useRef as le, useEffect as ke, createContext as et, useContext as tt, useCallback as Pe, useLayoutEffect as rt } from "react";
 import { createPortal as ze } from "react-dom";
-const or = {
+const ot = {
   default: "#0A0A0A",
   component: "#00000065",
   smooth: "#111111"
@@ -16,14 +16,14 @@ const or = {
   danger: "#FF0000",
   secondary: "#000000",
   tetriary: "#000000"
-}, nr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, nt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  BACKGROUND: or,
+  BACKGROUND: ot,
   BUTTONS: Me,
   FOREGROUND: Ie
 }, 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 V = /* @__PURE__ */ ((e) => (e.h1 = "36px", e.h2 = "32px", e.h3 = "24px", e.h4 = "20px", e.h5 = "18px", e.base = "16px", e.mini = "14px", e))(V || {});
+const st = {
   h1: "36px",
   h2: "32px",
   h3: "24px",
@@ -32,22 +32,22 @@ const sr = {
   base: "16px",
   mini: "14px"
   /* mini */
-}, ar = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, at = /* @__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: st,
+  FontSize: V
+}, Symbol.toStringTag, { value: "Module" })), ur = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  COLORS: nr,
-  FONTS: ar
+  COLORS: nt,
+  FONTS: at
 }, Symbol.toStringTag, { value: "Module" }));
 var me = { exports: {} }, se = {};
 var Re;
-function ir() {
+function it() {
   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 e = /* @__PURE__ */ Symbol.for("react.transitional.element"), t = /* @__PURE__ */ Symbol.for("react.fragment");
+  function r(o, s, a) {
     var i = null;
     if (a !== void 0 && (i = "" + a), s.key !== void 0 && (i = "" + s.key), "key" in s) {
       a = {};
@@ -62,11 +62,11 @@ function ir() {
       props: a
     };
   }
-  return se.Fragment = r, se.jsx = t, se.jsxs = t, se;
+  return se.Fragment = t, se.jsx = r, se.jsxs = r, se;
 }
 var ae = {};
 var _e;
-function lr() {
+function lt() {
   return _e || (_e = 1, process.env.NODE_ENV !== "production" && (function() {
     function e(n) {
       if (n == null) return null;
@@ -76,11 +76,11 @@ function lr() {
       switch (n) {
         case E:
           return "Fragment";
-        case $:
+        case P:
           return "Profiler";
-        case N:
+        case T:
           return "StrictMode";
-        case D:
+        case L:
           return "Suspense";
         case H:
           return "SuspenseList";
@@ -95,49 +95,49 @@ function lr() {
             return "Portal";
           case z:
             return n.displayName || "Context";
-          case P:
+          case I:
             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 M:
+            var g = n.render;
+            return n = n.displayName, n || (n = g.displayName || g.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;
+            return g = n.displayName || null, g !== null ? g : e(n.type) || "Memo";
+          case S:
+            g = n._payload, n = n._init;
             try {
-              return e(n(h));
+              return e(n(g));
             } catch {
             }
         }
       return null;
     }
-    function r(n) {
+    function t(n) {
       return "" + n;
     }
-    function t(n) {
+    function r(n) {
       try {
-        r(n);
-        var h = !1;
+        t(n);
+        var g = !1;
       } catch {
-        h = !0;
+        g = !0;
       }
-      if (h) {
-        h = console;
-        var w = h.error, j = typeof Symbol == "function" && Symbol.toStringTag && n[Symbol.toStringTag] || n.constructor.name || "Object";
+      if (g) {
+        g = console;
+        var w = g.error, j = typeof Symbol == "function" && Symbol.toStringTag && n[Symbol.toStringTag] || n.constructor.name || "Object";
         return w.call(
-          h,
+          g,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
           j
-        ), r(n);
+        ), t(n);
       }
     }
     function o(n) {
       if (n === E) return "<>";
-      if (typeof n == "object" && n !== null && n.$$typeof === C)
+      if (typeof n == "object" && n !== null && n.$$typeof === S)
         return "<...>";
       try {
-        var h = e(n);
-        return h ? "<" + h + ">" : "<...>";
+        var g = e(n);
+        return g ? "<" + g + ">" : "<...>";
       } catch {
         return "<...>";
       }
@@ -150,17 +150,17 @@ function lr() {
       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;
+      if (te.call(n, "key")) {
+        var g = Object.getOwnPropertyDescriptor(n, "key").get;
+        if (g && g.isReactWarning) return !1;
       }
       return n.key !== void 0;
     }
-    function m(n, h) {
+    function m(n, g) {
       function w() {
-        O || (O = !0, console.error(
+        N || (N = !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
+          g
         ));
       }
       w.isReactWarning = !0, Object.defineProperty(n, "key", {
@@ -168,23 +168,23 @@ function lr() {
         configurable: !0
       });
     }
-    function c() {
+    function u() {
       var n = e(this.type);
-      return M[n] || (M[n] = !0, console.error(
+      return D[n] || (D[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) {
+    function f(n, g, w, j, F, J) {
       var v = w.ref;
       return n = {
-        $$typeof: _,
+        $$typeof: R,
         type: n,
-        key: h,
+        key: g,
         props: w,
         _owner: j
       }, (v !== void 0 ? v : null) !== null ? Object.defineProperty(n, "ref", {
         enumerable: !1,
-        get: c
+        get: u
       }) : Object.defineProperty(n, "ref", { enumerable: !1, value: null }), n._store = {}, Object.defineProperty(n._store, "validated", {
         configurable: !1,
         enumerable: !1,
@@ -199,7 +199,7 @@ function lr() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: L
+        value: F
       }), Object.defineProperty(n, "_debugTask", {
         configurable: !1,
         enumerable: !1,
@@ -207,11 +207,11 @@ function lr() {
         value: J
       }), Object.freeze && (Object.freeze(n.props), Object.freeze(n)), n;
     }
-    function y(n, h, w, j, L, J) {
-      var v = h.children;
+    function y(n, g, w, j, F, J) {
+      var v = g.children;
       if (v !== void 0)
         if (j)
-          if (te(v)) {
+          if (re(v)) {
             for (j = 0; j < v.length; j++)
               k(v[j]);
             Object.freeze && Object.freeze(v);
@@ -220,12 +220,12 @@ function lr() {
               "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")) {
+      if (te.call(g, "key")) {
         v = e(n);
-        var F = Object.keys(h).filter(function(X) {
+        var G = Object.keys(g).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(
+        j = 0 < G.length ? "{key: someKey, " + G.join(": ..., ") + ": ...}" : "{key: someKey}", ne[v + j] || (G = 0 < G.length ? "{" + G.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
@@ -234,15 +234,15 @@ React keys must be passed directly to JSX without using spread:
   <%s key={someKey} {...props} />`,
           j,
           v,
-          F,
+          G,
           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) {
+      if (v = null, w !== void 0 && (r(w), v = "" + w), i(g) && (r(g.key), v = "" + g.key), "key" in g) {
         w = {};
-        for (var Y in h)
-          Y !== "key" && (w[Y] = h[Y]);
-      } else w = h;
+        for (var Y in g)
+          Y !== "key" && (w[Y] = g[Y]);
+      } else w = g;
       return v && m(
         w,
         typeof n == "function" ? n.displayName || n.name || "Unknown" : n
@@ -251,178 +251,178 @@ React keys must be passed directly to JSX without using spread:
         v,
         w,
         s(),
-        L,
+        F,
         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));
+      _(n) ? n._store && (n._store.validated = 1) : typeof n == "object" && n !== null && n.$$typeof === S && (n._payload.status === "fulfilled" ? _(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 === _;
+    function _(n) {
+      return typeof n == "object" && n !== null && n.$$typeof === R;
     }
-    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() {
+    var h = Qe, R = /* @__PURE__ */ Symbol.for("react.transitional.element"), A = /* @__PURE__ */ Symbol.for("react.portal"), E = /* @__PURE__ */ Symbol.for("react.fragment"), T = /* @__PURE__ */ Symbol.for("react.strict_mode"), P = /* @__PURE__ */ Symbol.for("react.profiler"), I = /* @__PURE__ */ Symbol.for("react.consumer"), z = /* @__PURE__ */ Symbol.for("react.context"), M = /* @__PURE__ */ Symbol.for("react.forward_ref"), L = /* @__PURE__ */ Symbol.for("react.suspense"), H = /* @__PURE__ */ Symbol.for("react.suspense_list"), b = /* @__PURE__ */ Symbol.for("react.memo"), S = /* @__PURE__ */ Symbol.for("react.lazy"), ce = /* @__PURE__ */ Symbol.for("react.activity"), de = /* @__PURE__ */ Symbol.for("react.client.reference"), W = h.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, te = Object.prototype.hasOwnProperty, re = Array.isArray, $ = console.createTask ? console.createTask : function() {
       return null;
     };
-    R = {
+    h = {
       react_stack_bottom_frame: function(n) {
         return n();
       }
     };
-    var O, M = {}, p = R.react_stack_bottom_frame.bind(
-      R,
+    var N, D = {}, p = h.react_stack_bottom_frame.bind(
+      h,
       a
-    )(), oe = I(o(a)), ne = {};
-    ae.Fragment = E, ae.jsx = function(n, h, w) {
+    )(), oe = $(o(a)), ne = {};
+    ae.Fragment = E, ae.jsx = function(n, g, w) {
       var j = 1e4 > W.recentlyCreatedOwnerStacks++;
       return y(
         n,
-        h,
+        g,
         w,
         !1,
         j ? Error("react-stack-top-frame") : p,
-        j ? I(o(n)) : oe
+        j ? $(o(n)) : oe
       );
-    }, ae.jsxs = function(n, h, w) {
+    }, ae.jsxs = function(n, g, w) {
       var j = 1e4 > W.recentlyCreatedOwnerStacks++;
       return y(
         n,
-        h,
+        g,
         w,
         !0,
         j ? Error("react-stack-top-frame") : p,
-        j ? I(o(n)) : oe
+        j ? $(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;
+function ct() {
+  return Ae || (Ae = 1, process.env.NODE_ENV === "production" ? me.exports = it() : me.exports = lt()), 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 });
+var l = ct();
+const mr = ({ actived: e, children: t, name: r }) => /* @__PURE__ */ l.jsx(Ke, { name: r, mode: e ? "visible" : "hidden", children: t });
 function $e(e) {
-  var r, t, o = "";
+  var t, r, 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 (t = 0; t < s; t++) e[t] && (r = $e(e[t])) && (o && (o += " "), o += r);
+  } else for (r in e) e[r] && (o && (o += " "), o += r);
   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 dt() {
+  for (var e, t, r = 0, o = "", s = arguments.length; r < s; r++) (e = arguments[r]) && (t = $e(e)) && (o && (o += " "), o += t);
   return o;
 }
-const ur = (e, r) => {
-  const t = new Array(e.length + r.length);
+const ut = (e, t) => {
+  const r = new Array(e.length + t.length);
   for (let o = 0; o < e.length; o++)
-    t[o] = e[o];
-  for (let o = 0; o < r.length; o++)
-    t[e.length + o] = r[o];
-  return t;
-}, mr = (e, r) => ({
+    r[o] = e[o];
+  for (let o = 0; o < t.length; o++)
+    r[e.length + o] = t[o];
+  return r;
+}, mt = (e, t) => ({
   classGroupId: e,
-  validator: r
-}), De = (e = /* @__PURE__ */ new Map(), r = null, t) => ({
+  validator: t
+}), De = (e = /* @__PURE__ */ new Map(), t = null, r) => ({
   nextPart: e,
-  validators: r,
-  classGroupId: t
-}), be = "-", Te = [], fr = "arbitrary..", pr = (e) => {
-  const r = gr(e), {
-    conflictingClassGroups: t,
+  validators: t,
+  classGroupId: r
+}), be = "-", Te = [], ft = "arbitrary..", pt = (e) => {
+  const t = gt(e), {
+    conflictingClassGroups: r,
     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 bt(i);
+      const m = i.split(be), u = m[0] === "" && m.length > 1 ? 1 : 0;
+      return Le(m, u, t);
     },
     getConflictingClassGroupIds: (i, m) => {
       if (m) {
-        const c = o[i], f = t[i];
-        return c ? f ? ur(f, c) : c : f || Te;
+        const u = o[i], f = r[i];
+        return u ? f ? ut(f, u) : u : f || Te;
       }
-      return t[i] || Te;
+      return r[i] || Te;
     }
   };
-}, Le = (e, r, t) => {
-  if (e.length - r === 0)
-    return t.classGroupId;
-  const s = e[r], a = t.nextPart.get(s);
+}, Le = (e, t, r) => {
+  if (e.length - t === 0)
+    return r.classGroupId;
+  const s = e[t], a = r.nextPart.get(s);
   if (a) {
-    const f = Le(e, r + 1, a);
+    const f = Le(e, t + 1, a);
     if (f) return f;
   }
-  const i = t.validators;
+  const i = r.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 m = t === 0 ? e.join(be) : e.slice(t).join(be), u = i.length;
+  for (let f = 0; f < u; f++) {
     const y = i[f];
     if (y.validator(m))
       return y.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) => {
+}, bt = (e) => e.slice(1, -1).indexOf(":") === -1 ? void 0 : (() => {
+  const t = e.slice(1, -1), r = t.indexOf(":"), o = t.slice(0, r);
+  return o ? ft + o : void 0;
+})(), gt = (e) => {
   const {
-    theme: r,
-    classGroups: t
+    theme: t,
+    classGroups: r
   } = e;
-  return hr(t, r);
-}, hr = (e, r) => {
-  const t = De();
+  return ht(r, t);
+}, ht = (e, t) => {
+  const r = De();
   for (const o in e) {
     const s = e[o];
-    je(s, t, o, r);
+    je(s, r, o, t);
   }
-  return t;
-}, je = (e, r, t, o) => {
+  return r;
+}, je = (e, t, r, o) => {
   const s = e.length;
   for (let a = 0; a < s; a++) {
     const i = e[a];
-    xr(i, r, t, o);
+    xt(i, t, r, o);
   }
-}, xr = (e, r, t, o) => {
+}, xt = (e, t, r, o) => {
   if (typeof e == "string") {
-    wr(e, r, t);
+    wt(e, t, r);
     return;
   }
   if (typeof e == "function") {
-    vr(e, r, t, o);
+    vt(e, t, r, 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);
+  yt(e, t, r, o);
+}, wt = (e, t, r) => {
+  const o = e === "" ? t : Fe(t, e);
+  o.classGroupId = r;
+}, vt = (e, t, r, o) => {
+  if (kt(e)) {
+    je(e(o), t, r, o);
     return;
   }
-  r.validators === null && (r.validators = []), r.validators.push(mr(t, e));
-}, yr = (e, r, t, o) => {
+  t.validators === null && (t.validators = []), t.validators.push(mt(r, e));
+}, yt = (e, t, r, 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 [m, u] = s[i];
+    je(u, Fe(t, m), r, o);
   }
-}, Fe = (e, r) => {
-  let t = e;
-  const o = r.split(be), s = o.length;
+}, Fe = (e, t) => {
+  let r = e;
+  const o = t.split(be), 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 m = r.nextPart.get(i);
+    m || (m = De(), r.nextPart.set(i, m)), r = m;
   }
-  return t;
-}, kr = (e) => "isThemeGetter" in e && e.isThemeGetter === !0, jr = (e) => {
+  return r;
+}, kt = (e) => "isThemeGetter" in e && e.isThemeGetter === !0, jt = (e) => {
   if (e < 1)
     return {
       get: () => {
@@ -430,42 +430,42 @@ const ur = (e, r) => {
       set: () => {
       }
     };
-  let r = 0, t = /* @__PURE__ */ Object.create(null), o = /* @__PURE__ */ Object.create(null);
+  let t = 0, r = /* @__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));
+    r[a] = i, t++, t > e && (t = 0, o = r, r = /* @__PURE__ */ Object.create(null));
   };
   return {
     get(a) {
-      let i = t[a];
+      let i = r[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 r ? r[a] = i : s(a, i);
     }
   };
-}, ve = "!", Ce = ":", Er = [], Se = (e, r, t, o, s) => ({
+}, ve = "!", Ce = ":", Et = [], Se = (e, t, r, o, s) => ({
   modifiers: e,
-  hasImportantModifier: r,
-  baseClassName: t,
+  hasImportantModifier: t,
+  baseClassName: r,
   maybePostfixModifierPosition: o,
   isExternal: s
-}), Rr = (e) => {
+}), Rt = (e) => {
   const {
-    prefix: r,
-    experimentalParseClassName: t
+    prefix: t,
+    experimentalParseClassName: r
   } = e;
   let o = (s) => {
     const a = [];
-    let i = 0, m = 0, c = 0, f;
+    let i = 0, m = 0, u = 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;
+          a.push(s.slice(u, A)), u = A + 1;
           continue;
         }
         if (E === "/") {
@@ -475,133 +475,133 @@ const ur = (e, r) => {
       }
       E === "[" ? i++ : E === "]" ? i-- : E === "(" ? m++ : E === ")" && m--;
     }
-    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 k = a.length === 0 ? s : s.slice(u);
+    let _ = k, h = !1;
+    k.endsWith(ve) ? (_ = k.slice(0, -1), h = !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)
+      k.startsWith(ve) && (_ = k.slice(1), h = !0)
     );
-    const _ = f && f > c ? f - c : void 0;
-    return Se(a, R, g, _);
+    const R = f && f > u ? f - u : void 0;
+    return Se(a, h, _, 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);
-  }
   if (t) {
+    const s = t + Ce, a = o;
+    o = (i) => i.startsWith(s) ? a(i.slice(s.length)) : Se(Et, !1, i, void 0, !0);
+  }
+  if (r) {
     const s = o;
-    o = (a) => t({
+    o = (a) => r({
       className: a,
       parseClassName: s
     });
   }
   return o;
-}, _r = (e) => {
-  const r = /* @__PURE__ */ new Map();
-  return e.orderSensitiveModifiers.forEach((t, o) => {
-    r.set(t, 1e6 + o);
-  }), (t) => {
+}, _t = (e) => {
+  const t = /* @__PURE__ */ new Map();
+  return e.orderSensitiveModifiers.forEach((r, o) => {
+    t.set(r, 1e6 + o);
+  }), (r) => {
     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 < r.length; a++) {
+      const i = r[a], m = i[0] === "[", u = t.has(i);
+      m || 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) => {
+}, At = (e) => ({
+  cache: jt(e.cacheSize),
+  parseClassName: Rt(e),
+  sortModifiers: _t(e),
+  ...pt(e)
+}), Tt = /\s+/, Ct = (e, t) => {
   const {
-    parseClassName: t,
+    parseClassName: r,
     getClassGroupId: o,
     getConflictingClassGroupIds: s,
     sortModifiers: a
-  } = r, i = [], m = e.trim().split(Tr);
-  let c = "";
+  } = t, i = [], m = e.trim().split(Tt);
+  let u = "";
   for (let f = m.length - 1; f >= 0; f -= 1) {
     const y = m[f], {
       isExternal: k,
-      modifiers: g,
-      hasImportantModifier: R,
-      baseClassName: _,
+      modifiers: _,
+      hasImportantModifier: h,
+      baseClassName: R,
       maybePostfixModifierPosition: A
-    } = t(y);
+    } = r(y);
     if (k) {
-      c = y + (c.length > 0 ? " " + c : c);
+      u = y + (u.length > 0 ? " " + u : u);
       continue;
     }
-    let E = !!A, N = o(E ? _.substring(0, A) : _);
-    if (!N) {
+    let E = !!A, T = o(E ? R.substring(0, A) : R);
+    if (!T) {
       if (!E) {
-        c = y + (c.length > 0 ? " " + c : c);
+        u = y + (u.length > 0 ? " " + u : u);
         continue;
       }
-      if (N = o(_), !N) {
-        c = y + (c.length > 0 ? " " + c : c);
+      if (T = o(R), !T) {
+        u = y + (u.length > 0 ? " " + u : u);
         continue;
       }
       E = !1;
     }
-    const $ = g.length === 0 ? "" : g.length === 1 ? g[0] : a(g).join(":"), P = R ? $ + ve : $, z = P + N;
+    const P = _.length === 0 ? "" : _.length === 1 ? _[0] : a(_).join(":"), I = h ? P + ve : P, z = I + T;
     if (i.indexOf(z) > -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);
+    const M = s(T, E);
+    for (let L = 0; L < M.length; ++L) {
+      const H = M[L];
+      i.push(I + H);
     }
-    c = y + (c.length > 0 ? " " + c : c);
+    u = y + (u.length > 0 ? " " + u : u);
   }
-  return c;
-}, Sr = (...e) => {
-  let r = 0, t, o, s = "";
-  for (; r < e.length; )
-    (t = e[r++]) && (o = Ge(t)) && (s && (s += " "), s += o);
+  return u;
+}, St = (...e) => {
+  let t = 0, r, o, s = "";
+  for (; t < e.length; )
+    (r = e[t++]) && (o = Ge(r)) && (s && (s += " "), s += o);
   return s;
 }, Ge = (e) => {
   if (typeof e == "string")
     return e;
-  let r, t = "";
+  let t, r = "";
   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] && (t = Ge(e[o])) && (r && (r += " "), r += t);
+  return r;
+}, Ot = (e, ...t) => {
+  let r, o, s, a;
+  const i = (u) => {
+    const f = t.reduce((y, k) => k(y), e());
+    return r = At(f), o = r.cache.get, s = r.cache.set, a = m, m(u);
+  }, m = (u) => {
+    const f = o(u);
     if (f)
       return f;
-    const y = Cr(c, t);
-    return s(c, y), y;
+    const y = Ct(u, r);
+    return s(u, y), y;
   };
-  return a = i, (...c) => a(Sr(...c));
-}, Nr = [], T = (e) => {
-  const r = (t) => t[e] || Nr;
-  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) => (
+  return a = i, (...u) => a(St(...u));
+}, Nt = [], C = (e) => {
+  const t = (r) => r[e] || Nt;
+  return t.isThemeGetter = !0, t;
+}, Be = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, Ve = /^\((?:(\w[\w-]*):)?(.+)\)$/i, Pt = /^\d+\/\d+$/, zt = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, It = /\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$/, Mt = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, $t = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, Dt = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, Z = (e) => Pt.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)), B = (e) => zt.test(e), Lt = () => !0, Ft = (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) => {
+  It.test(e) && !Mt.test(e)
+), We = () => !1, Gt = (e) => $t.test(e), Bt = (e) => Dt.test(e), Vt = (e) => !c(e) && !d(e), Wt = (e) => K(e, He, We), c = (e) => Be.test(e), q = (e) => K(e, qe, Ft), we = (e) => K(e, Jt, x), Oe = (e) => K(e, Ye, We), Yt = (e) => K(e, Ue, Bt), fe = (e) => K(e, Je, Gt), d = (e) => Ve.test(e), ie = (e) => ee(e, qe), Ut = (e) => ee(e, Xt), Ne = (e) => ee(e, Ye), Ht = (e) => ee(e, He), qt = (e) => ee(e, Ue), pe = (e) => ee(e, Je, !0), K = (e, t, r) => {
   const o = Be.exec(e);
-  return o ? o[1] ? r(o[1]) : t(o[2]) : !1;
-}, ee = (e, r, t = !1) => {
+  return o ? o[1] ? t(o[1]) : r(o[2]) : !1;
+}, ee = (e, t, r = !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 = () => [
+  return o ? o[1] ? t(o[1]) : r : !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", Jt = (e) => e === "number", Xt = (e) => e === "family-name", Je = (e) => e === "shadow", Zt = () => {
+  const e = C("color"), t = C("font"), r = C("text"), o = C("font-weight"), s = C("tracking"), a = C("leading"), i = C("breakpoint"), m = C("container"), u = C("spacing"), f = C("radius"), y = C("shadow"), k = C("inset-shadow"), _ = C("text-shadow"), h = C("drop-shadow"), R = C("blur"), A = C("perspective"), E = C("aspect"), T = C("ease"), P = C("animate"), I = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], z = () => [
     "center",
     "top",
     "bottom",
@@ -619,51 +619,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]
+  ], M = () => [...z(), d, c], L = () => ["auto", "hidden", "clip", "visible", "scroll"], H = () => ["auto", "contain", "none"], b = () => [d, c, u], S = () => [Z, "full", "auto", ...b()], ce = () => [U, "none", "subgrid", d, c], de = () => ["auto", {
+    span: ["full", U, d, c]
+  }, U, d, c], W = () => [U, "auto", d, c], te = () => ["auto", "min", "max", "fr", d, c], re = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], $ = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], N = () => ["auto", ...b()], D = () => [Z, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...b()], p = () => [e, d, c], oe = () => [...z(), Ne, Oe, {
+    position: [d, c]
   }], ne = () => ["no-repeat", {
     repeat: ["", "x", "y", "space", "round"]
-  }], n = () => ["auto", "cover", "contain", Hr, Wr, {
-    size: [u, d]
-  }], h = () => [xe, ie, q], w = () => [
+  }], n = () => ["auto", "cover", "contain", Ht, Wt, {
+    size: [d, c]
+  }], g = () => [xe, ie, q], w = () => [
     // 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 = () => [
+    d,
+    c
+  ], j = () => ["", x, ie, q], F = () => ["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], G = () => [
     // 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,
+    d,
+    c
+  ], Y = () => ["none", x, d, c], X = () => ["none", x, d, c], he = () => [x, d, c], ue = () => [Z, "full", ...b()];
   return {
     cacheSize: 500,
     theme: {
       animate: ["spin", "ping", "pulse", "bounce"],
       aspect: ["video"],
-      blur: [G],
-      breakpoint: [G],
-      color: [Lr],
-      container: [G],
-      "drop-shadow": [G],
+      blur: [B],
+      breakpoint: [B],
+      color: [Lt],
+      container: [B],
+      "drop-shadow": [B],
       ease: ["in", "out", "in-out"],
-      font: [Vr],
+      font: [Vt],
       "font-weight": ["thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black"],
-      "inset-shadow": [G],
+      "inset-shadow": [B],
       leading: ["none", "tight", "snug", "normal", "relaxed", "loose"],
       perspective: ["dramatic", "near", "normal", "midrange", "distant", "none"],
-      radius: [G],
-      shadow: [G],
+      radius: [B],
+      shadow: [B],
       spacing: ["px", x],
-      text: [G],
-      "text-shadow": [G],
+      text: [B],
+      "text-shadow": [B],
       tracking: ["tighter", "tight", "normal", "wide", "wider", "widest"]
     },
     classGroups: {
@@ -675,7 +675,7 @@ const ur = (e, r) => {
        * @see https://tailwindcss.com/docs/aspect-ratio
        */
       aspect: [{
-        aspect: ["auto", "square", Z, d, u, E]
+        aspect: ["auto", "square", Z, c, d, E]
       }],
       /**
        * Container
@@ -688,21 +688,21 @@ const ur = (e, r) => {
        * @see https://tailwindcss.com/docs/columns
        */
       columns: [{
-        columns: [x, d, u, m]
+        columns: [x, c, d, m]
       }],
       /**
        * Break After
        * @see https://tailwindcss.com/docs/break-after
        */
       "break-after": [{
-        "break-after": P()
+        "break-after": I()
       }],
       /**
        * Break Before
        * @see https://tailwindcss.com/docs/break-before
        */
       "break-before": [{
-        "break-before": P()
+        "break-before": I()
       }],
       /**
        * Break Inside
@@ -766,28 +766,28 @@ const ur = (e, r) => {
        * @see https://tailwindcss.com/docs/object-position
        */
       "object-position": [{
-        object: V()
+        object: M()
       }],
       /**
        * Overflow
        * @see https://tailwindcss.com/docs/overflow
        */
       overflow: [{
-        overflow: D()
+        overflow: L()
       }],
       /**
        * Overflow X
        * @see https://tailwindcss.com/docs/overflow
        */
       "overflow-x": [{
-        "overflow-x": D()
+        "overflow-x": L()
       }],
       /**
        * Overflow Y
        * @see https://tailwindcss.com/docs/overflow
        */
       "overflow-y": [{
-        "overflow-y": D()
+        "overflow-y": L()
       }],
       /**
        * Overscroll Behavior
@@ -820,63 +820,63 @@ const ur = (e, r) => {
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       inset: [{
-        inset: C()
+        inset: S()
       }],
       /**
        * Right / Left
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-x": [{
-        "inset-x": C()
+        "inset-x": S()
       }],
       /**
        * Top / Bottom
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-y": [{
-        "inset-y": C()
+        "inset-y": S()
       }],
       /**
        * Start
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       start: [{
-        start: C()
+        start: S()
       }],
       /**
        * End
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       end: [{
-        end: C()
+        end: S()
       }],
       /**
        * Top
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       top: [{
-        top: C()
+        top: S()
       }],
       /**
        * Right
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       right: [{
-        right: C()
+        right: S()
       }],
       /**
        * Bottom
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       bottom: [{
-        bottom: C()
+        bottom: S()
       }],
       /**
        * Left
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       left: [{
-        left: C()
+        left: S()
       }],
       /**
        * Visibility
@@ -888,7 +888,7 @@ const ur = (e, r) => {
        * @see https://tailwindcss.com/docs/z-index
        */
       z: [{
-        z: [U, "auto", u, d]
+        z: [U, "auto", d, c]
       }],
       // ------------------------
       // --- Flexbox and Grid ---
@@ -919,28 +919,28 @@ const ur = (e, r) => {
        * @see https://tailwindcss.com/docs/flex
        */
       flex: [{
-        flex: [x, Z, "auto", "initial", "none", d]
+        flex: [x, Z, "auto", "initial", "none", c]
       }],
       /**
        * Flex Grow
        * @see https://tailwindcss.com/docs/flex-grow
        */
       grow: [{
-        grow: ["", x, u, d]
+        grow: ["", x, d, c]
       }],
       /**
        * Flex Shrink
        * @see https://tailwindcss.com/docs/flex-shrink
        */
       shrink: [{
-        shrink: ["", x, u, d]
+        shrink: ["", x, d, c]
       }],
       /**
        * Order
        * @see https://tailwindcss.com/docs/order
        */
       order: [{
-        order: [U, "first", "last", "none", u, d]
+        order: [U, "first", "last", "none", d, c]
       }],
       /**
        * Grid Template Columns
@@ -1010,14 +1010,14 @@ const ur = (e, r) => {
        * @see https://tailwindcss.com/docs/grid-auto-columns
        */
       "auto-cols": [{
-        "auto-cols": re()
+        "auto-cols": te()
       }],
       /**
        * Grid Auto Rows
        * @see https://tailwindcss.com/docs/grid-auto-rows
        */
       "auto-rows": [{
-        "auto-rows": re()
+        "auto-rows": te()
       }],
       /**
        * Gap
@@ -1045,35 +1045,35 @@ const ur = (e, r) => {
        * @see https://tailwindcss.com/docs/justify-content
        */
       "justify-content": [{
-        justify: [...te(), "normal"]
+        justify: [...re(), "normal"]
       }],
       /**
        * Justify Items
        * @see https://tailwindcss.com/docs/justify-items
        */
       "justify-items": [{
-        "justify-items": [...I(), "normal"]
+        "justify-items": [...$(), "normal"]
       }],
       /**
        * Justify Self
        * @see https://tailwindcss.com/docs/justify-self
        */
       "justify-self": [{
-        "justify-self": ["auto", ...I()]
+        "justify-self": ["auto", ...$()]
       }],
       /**
        * Align Content
        * @see https://tailwindcss.com/docs/align-content
        */
       "align-content": [{
-        content: ["normal", ...te()]
+        content: ["normal", ...re()]
       }],
       /**
        * Align Items
        * @see https://tailwindcss.com/docs/align-items
        */
       "align-items": [{
-        items: [...I(), {
+        items: [...$(), {
           baseline: ["", "last"]
         }]
       }],
@@ -1082,7 +1082,7 @@ const ur = (e, r) => {
        * @see https://tailwindcss.com/docs/align-self
        */
       "align-self": [{
-        self: ["auto", ...I(), {
+        self: ["auto", ...$(), {
           baseline: ["", "last"]
         }]
       }],
@@ -1091,21 +1091,21 @@ const ur = (e, r) => {
        * @see https://tailwindcss.com/docs/place-content
        */
       "place-content": [{
-        "place-content": te()
+        "place-content": re()
       }],
       /**
        * Place Items
        * @see https://tailwindcss.com/docs/place-items
        */
       "place-items": [{
-        "place-items": [...I(), "baseline"]
+        "place-items": [...$(), "baseline"]
       }],
       /**
        * Place Self
        * @see https://tailwindcss.com/docs/place-self
        */
       "place-self": [{
-        "place-self": ["auto", ...I()]
+        "place-self": ["auto", ...$()]
       }],
       // Spacing
       /**
@@ -1176,63 +1176,63 @@ const ur = (e, r) => {
        * @see https://tailwindcss.com/docs/margin
        */
       m: [{
-        m: O()
+        m: N()
       }],
       /**
        * Margin X
        * @see https://tailwindcss.com/docs/margin
        */
       mx: [{
-        mx: O()
+        mx: N()
       }],
       /**
        * Margin Y
        * @see https://tailwindcss.com/docs/margin
        */
       my: [{
-        my: O()
+        my: N()
       }],
       /**
        * Margin Start
        * @see https://tailwindcss.com/docs/margin
        */
       ms: [{
-        ms: O()
+        ms: N()
       }],
       /**
        * Margin End
        * @see https://tailwindcss.com/docs/margin
        */
       me: [{
-        me: O()
+        me: N()
       }],
       /**
        * Margin Top
        * @see https://tailwindcss.com/docs/margin
        */
       mt: [{
-        mt: O()
+        mt: N()
       }],
       /**
        * Margin Right
        * @see https://tailwindcss.com/docs/margin
        */
       mr: [{
-        mr: O()
+        mr: N()
       }],
       /**
        * Margin Bottom
        * @see https://tailwindcss.com/docs/margin
        */
       mb: [{
-        mb: O()
+        mb: N()
       }],
       /**
        * Margin Left
        * @see https://tailwindcss.com/docs/margin
        */
       ml: [{
-        ml: O()
+        ml: N()
       }],
       /**
        * Space Between X
@@ -1266,14 +1266,14 @@ const ur = (e, r) => {
        * @see https://tailwindcss.com/docs/width#setting-both-width-and-height
        */
       size: [{
-        size: M()
+        size: D()
       }],
       /**
        * Width
        * @see https://tailwindcss.com/docs/width
        */
       w: [{
-        w: [m, "screen", ...M()]
+        w: [m, "screen", ...D()]
       }],
       /**
        * Min-Width
@@ -1285,7 +1285,7 @@ const ur = (e, r) => {
           "screen",
           /** Deprecated. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
           "none",
-          ...M()
+          ...D()
         ]
       }],
       /**
@@ -1303,7 +1303,7 @@ const ur = (e, r) => {
           {
             screen: [i]
           },
-          ...M()
+          ...D()
         ]
       }],
       /**
@@ -1311,21 +1311,21 @@ const ur = (e, r) => {
        * @see https://tailwindcss.com/docs/height
        */
       h: [{
-        h: ["screen", "lh", ...M()]
+        h: ["screen", "lh", ...D()]
       }],
       /**
        * Min-Height
        * @see https://tailwindcss.com/docs/min-height
        */
       "min-h": [{
-        "min-h": ["screen", "lh", "none", ...M()]
+        "min-h": ["screen", "lh", "none", ...D()]
       }],
       /**
        * Max-Height
        * @see https://tailwindcss.com/docs/max-height
        */
       "max-h": [{
-        "max-h": ["screen", "lh", ...M()]
+        "max-h": ["screen", "lh", ...D()]
       }],
       // ------------------
       // --- Typography ---
@@ -1335,7 +1335,7 @@ const ur = (e, r) => {
        * @see https://tailwindcss.com/docs/font-size
        */
       "font-size": [{
-        text: ["base", t, ie, q]
+        text: ["base", r, ie, q]
       }],
       /**
        * Font Smoothing
@@ -1352,21 +1352,21 @@ const ur = (e, r) => {
        * @see https://tailwindcss.com/docs/font-weight
        */
       "font-weight": [{
-        font: [o, u, we]
+        font: [o, d, we]
       }],
       /**
        * 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", xe, c]
       }],
       /**
        * Font Family
        * @see https://tailwindcss.com/docs/font-family
        */
       "font-family": [{
-        font: [Ur, d, r]
+        font: [Ut, c, t]
       }],
       /**
        * Font Variant Numeric
@@ -1403,14 +1403,14 @@ const ur = (e, r) => {
        * @see https://tailwindcss.com/docs/letter-spacing
        */
       tracking: [{
-        tracking: [s, u, d]
+        tracking: [s, d, c]
       }],
       /**
        * Line Clamp
        * @see https://tailwindcss.com/docs/line-clamp
        */
       "line-clamp": [{
-        "line-clamp": [x, "none", u, we]
+        "line-clamp": [x, "none", d, we]
       }],
       /**
        * Line Height
@@ -1428,7 +1428,7 @@ const ur = (e, r) => {
        * @see https://tailwindcss.com/docs/list-style-image
        */
       "list-image": [{
-        "list-image": ["none", u, d]
+        "list-image": ["none", d, c]
       }],
       /**
        * List Style Position
@@ -1442,7 +1442,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", d, c]
       }],
       /**
        * Text Alignment
@@ -1476,14 +1476,14 @@ const ur = (e, r) => {
        * @see https://tailwindcss.com/docs/text-decoration-style
        */
       "text-decoration-style": [{
-        decoration: [...L(), "wavy"]
+        decoration: [...F(), "wavy"]
       }],
       /**
        * Text Decoration Thickness
        * @see https://tailwindcss.com/docs/text-decoration-thickness
        */
       "text-decoration-thickness": [{
-        decoration: [x, "from-font", "auto", u, q]
+        decoration: [x, "from-font", "auto", d, q]
       }],
       /**
        * Text Decoration Color
@@ -1497,7 +1497,7 @@ const ur = (e, r) => {
        * @see https://tailwindcss.com/docs/text-underline-offset
        */
       "underline-offset": [{
-        "underline-offset": [x, "auto", u, d]
+        "underline-offset": [x, "auto", d, c]
       }],
       /**
        * Text Transform
@@ -1528,7 +1528,7 @@ const ur = (e, r) => {
        * @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", d, c]
       }],
       /**
        * Whitespace
@@ -1563,7 +1563,7 @@ const ur = (e, r) => {
        * @see https://tailwindcss.com/docs/content
        */
       content: [{
-        content: ["none", u, d]
+        content: ["none", d, c]
       }],
       // -------------------
       // --- Backgrounds ---
@@ -1618,10 +1618,10 @@ 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]
+          }, U, d, c],
+          radial: ["", d, c],
+          conic: [U, d, c]
+        }, qt, Yt]
       }],
       /**
        * Background Color
@@ -1635,21 +1635,21 @@ const ur = (e, r) => {
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-from-pos": [{
-        from: h()
+        from: g()
       }],
       /**
        * Gradient Color Stops Via Position
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-via-pos": [{
-        via: h()
+        via: g()
       }],
       /**
        * Gradient Color Stops To Position
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-to-pos": [{
-        to: h()
+        to: g()
       }],
       /**
        * Gradient Color Stops From
@@ -1872,14 +1872,14 @@ const ur = (e, r) => {
        * @see https://tailwindcss.com/docs/border-style
        */
       "border-style": [{
-        border: [...L(), "hidden", "none"]
+        border: [...F(), "hidden", "none"]
       }],
       /**
        * Divide Style
        * @see https://tailwindcss.com/docs/border-style#setting-the-divider-style
        */
       "divide-style": [{
-        divide: [...L(), "hidden", "none"]
+        divide: [...F(), "hidden", "none"]
       }],
       /**
        * Border Color
@@ -1956,14 +1956,14 @@ const ur = (e, r) => {
        * @see https://tailwindcss.com/docs/outline-style
        */
       "outline-style": [{
-        outline: [...L(), "none", "hidden"]
+        outline: [...F(), "none", "hidden"]
       }],
       /**
        * Outline Offset
        * @see https://tailwindcss.com/docs/outline-offset
        */
       "outline-offset": [{
-        "outline-offset": [x, u, d]
+        "outline-offset": [x, d, c]
       }],
       /**
        * Outline Width
@@ -2075,7 +2075,7 @@ const ur = (e, r) => {
        * @see https://tailwindcss.com/docs/text-shadow
        */
       "text-shadow": [{
-        "text-shadow": ["none", g, pe, fe]
+        "text-shadow": ["none", _, pe, fe]
       }],
       /**
        * Text Shadow Color
@@ -2089,7 +2089,7 @@ const ur = (e, r) => {
        * @see https://tailwindcss.com/docs/opacity
        */
       opacity: [{
-        opacity: [x, u, d]
+        opacity: [x, d, c]
       }],
       /**
        * Mix Blend Mode
@@ -2211,7 +2211,7 @@ const ur = (e, r) => {
         "mask-y-to": p()
       }],
       "mask-image-radial": [{
-        "mask-radial": [u, d]
+        "mask-radial": [d, c]
       }],
       "mask-image-radial-from-pos": [{
         "mask-radial-from": v()
@@ -2299,7 +2299,7 @@ const ur = (e, r) => {
        * @see https://tailwindcss.com/docs/mask-image
        */
       "mask-image": [{
-        mask: ["none", u, d]
+        mask: ["none", d, c]
       }],
       // ---------------
       // --- Filters ---
@@ -2313,8 +2313,8 @@ const ur = (e, r) => {
           // Deprecated since Tailwind CSS v3.0.0
           "",
           "none",
-          u,
-          d
+          d,
+          c
         ]
       }],
       /**
@@ -2322,21 +2322,21 @@ const ur = (e, r) => {
        * @see https://tailwindcss.com/docs/blur
        */
       blur: [{
-        blur: F()
+        blur: G()
       }],
       /**
        * Brightness
        * @see https://tailwindcss.com/docs/brightness
        */
       brightness: [{
-        brightness: [x, u, d]
+        brightness: [x, d, c]
       }],
       /**
        * Contrast
        * @see https://tailwindcss.com/docs/contrast
        */
       contrast: [{
-        contrast: [x, u, d]
+        contrast: [x, d, c]
       }],
       /**
        * Drop Shadow
@@ -2347,7 +2347,7 @@ const ur = (e, r) => {
           // Deprecated since Tailwind CSS v4.0.0
           "",
           "none",
-          R,
+          h,
           pe,
           fe
         ]
@@ -2364,35 +2364,35 @@ const ur = (e, r) => {
        * @see https://tailwindcss.com/docs/grayscale
        */
       grayscale: [{
-        grayscale: ["", x, u, d]
+        grayscale: ["", x, d, c]
       }],
       /**
        * Hue Rotate
        * @see https://tailwindcss.com/docs/hue-rotate
        */
       "hue-rotate": [{
-        "hue-rotate": [x, u, d]
+        "hue-rotate": [x, d, c]
       }],
       /**
        * Invert
        * @see https://tailwindcss.com/docs/invert
        */
       invert: [{
-        invert: ["", x, u, d]
+        invert: ["", x, d, c]
       }],
       /**
        * Saturate
        * @see https://tailwindcss.com/docs/saturate
        */
       saturate: [{
-        saturate: [x, u, d]
+        saturate: [x, d, c]
       }],
       /**
        * Sepia
        * @see https://tailwindcss.com/docs/sepia
        */
       sepia: [{
-        sepia: ["", x, u, d]
+        sepia: ["", x, d, c]
       }],
       /**
        * Backdrop Filter
@@ -2403,8 +2403,8 @@ const ur = (e, r) => {
           // Deprecated since Tailwind CSS v3.0.0
           "",
           "none",
-          u,
-          d
+          d,
+          c
         ]
       }],
       /**
@@ -2412,63 +2412,63 @@ const ur = (e, r) => {
        * @see https://tailwindcss.com/docs/backdrop-blur
        */
       "backdrop-blur": [{
-        "backdrop-blur": F()
+        "backdrop-blur": G()
       }],
       /**
        * Backdrop Brightness
        * @see https://tailwindcss.com/docs/backdrop-brightness
        */
       "backdrop-brightness": [{
-        "backdrop-brightness": [x, u, d]
+        "backdrop-brightness": [x, d, c]
       }],
       /**
        * Backdrop Contrast
        * @see https://tailwindcss.com/docs/backdrop-contrast
        */
       "backdrop-contrast": [{
-        "backdrop-contrast": [x, u, d]
+        "backdrop-contrast": [x, d, c]
       }],
       /**
        * Backdrop Grayscale
        * @see https://tailwindcss.com/docs/backdrop-grayscale
        */
       "backdrop-grayscale": [{
-        "backdrop-grayscale": ["", x, u, d]
+        "backdrop-grayscale": ["", x, d, c]
       }],
       /**
        * Backdrop Hue Rotate
        * @see https://tailwindcss.com/docs/backdrop-hue-rotate
        */
       "backdrop-hue-rotate": [{
-        "backdrop-hue-rotate": [x, u, d]
+        "backdrop-hue-rotate": [x, d, c]
       }],
       /**
        * Backdrop Invert
        * @see https://tailwindcss.com/docs/backdrop-invert
        */
       "backdrop-invert": [{
-        "backdrop-invert": ["", x, u, d]
+        "backdrop-invert": ["", x, d, c]
       }],
       /**
        * Backdrop Opacity
        * @see https://tailwindcss.com/docs/backdrop-opacity
        */
       "backdrop-opacity": [{
-        "backdrop-opacity": [x, u, d]
+        "backdrop-opacity": [x, d, c]
       }],
       /**
        * Backdrop Saturate
        * @see https://tailwindcss.com/docs/backdrop-saturate
        */
       "backdrop-saturate": [{
-        "backdrop-saturate": [x, u, d]
+        "backdrop-saturate": [x, d, c]
       }],
       /**
        * Backdrop Sepia
        * @see https://tailwindcss.com/docs/backdrop-sepia
        */
       "backdrop-sepia": [{
-        "backdrop-sepia": ["", x, u, d]
+        "backdrop-sepia": ["", x, d, c]
       }],
       // --------------
       // --- Tables ---
@@ -2523,7 +2523,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", d, c]
       }],
       /**
        * Transition Behavior
@@ -2537,28 +2537,28 @@ const ur = (e, r) => {
        * @see https://tailwindcss.com/docs/transition-duration
        */
       duration: [{
-        duration: [x, "initial", u, d]
+        duration: [x, "initial", d, c]
       }],
       /**
        * Transition Timing Function
        * @see https://tailwindcss.com/docs/transition-timing-function
        */
       ease: [{
-        ease: ["linear", "initial", N, u, d]
+        ease: ["linear", "initial", T, d, c]
       }],
       /**
        * Transition Delay
        * @see https://tailwindcss.com/docs/transition-delay
        */
       delay: [{
-        delay: [x, u, d]
+        delay: [x, d, c]
       }],
       /**
        * Animation
        * @see https://tailwindcss.com/docs/animation
        */
       animate: [{
-        animate: ["none", $, u, d]
+        animate: ["none", P, d, c]
       }],
       // ------------------
       // --- Transforms ---
@@ -2575,14 +2575,14 @@ const ur = (e, r) => {
        * @see https://tailwindcss.com/docs/perspective
        */
       perspective: [{
-        perspective: [A, u, d]
+        perspective: [A, d, c]
       }],
       /**
        * Perspective Origin
        * @see https://tailwindcss.com/docs/perspective-origin
        */
       "perspective-origin": [{
-        "perspective-origin": V()
+        "perspective-origin": M()
       }],
       /**
        * Rotate
@@ -2671,14 +2671,14 @@ const ur = (e, r) => {
        * @see https://tailwindcss.com/docs/transform
        */
       transform: [{
-        transform: [u, d, "", "none", "gpu", "cpu"]
+        transform: [d, c, "", "none", "gpu", "cpu"]
       }],
       /**
        * Transform Origin
        * @see https://tailwindcss.com/docs/transform-origin
        */
       "transform-origin": [{
-        origin: V()
+        origin: M()
       }],
       /**
        * Transform Style
@@ -2756,7 +2756,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", d, c]
       }],
       /**
        * Field Sizing
@@ -2978,7 +2978,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", d, c]
       }],
       // -----------
       // --- SVG ---
@@ -3070,18 +3070,18 @@ 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 = ({
+}, Qt = /* @__PURE__ */ Ot(Zt), O = (...e) => Qt(dt(e)), fr = ({
   style: e,
-  imageVar: r,
-  className: t = "",
+  imageVar: t,
+  className: r = "",
   ...o
 }) => {
-  const s = `bg-(image:${r})`;
+  const s = `bg-(image:${t})`;
   return /* @__PURE__ */ l.jsx(
     "div",
     {
       ...o,
-      className: S(t, s),
+      className: O(r, s),
       style: {
         ...e,
         backgroundSize: "cover",
@@ -3091,8 +3091,8 @@ const ur = (e, r) => {
   );
 }, ge = ({
   variant: e = "default",
-  children: r,
-  className: t,
+  children: t,
+  className: r,
   overwriteClassName: o = !1,
   ...s
 }) => {
@@ -3100,23 +3100,23 @@ 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 ? r : O(
     "px-4 py-2 w-fit rounded-lg page duration-200",
     a.diabled,
     a["hover:disabled"],
     a["active:disabled"],
-    t
+    r
   );
-  return /* @__PURE__ */ l.jsx("button", { className: i, ...s, children: r });
-}, Kr = ({ size: e, ref: r, className: t }) => /* @__PURE__ */ l.jsx(
+  return /* @__PURE__ */ l.jsx("button", { className: i, ...s, children: t });
+}, Kt = ({ size: e, ref: t, className: r }) => /* @__PURE__ */ l.jsx(
   "svg",
   {
-    ref: r,
+    ref: t,
     width: e,
     height: e,
     viewBox: "0 0 24 24",
     fill: "none",
-    className: t,
+    className: r,
     xmlns: "http://www.w3.org/2000/svg",
     children: /* @__PURE__ */ l.jsx("g", { transform: "translate(4 6)", children: /* @__PURE__ */ l.jsx(
       "path",
@@ -3131,37 +3131,37 @@ const ur = (e, r) => {
   }
 ), Xe = ({
   size: e,
-  ref: r,
-  className: t,
+  ref: t,
+  className: r,
   fill: o = "#EDEDED",
   ...s
 }) => /* @__PURE__ */ l.jsx(
   "svg",
   {
-    ref: r,
+    ref: t,
     width: e,
     height: e,
     viewBox: "0 0 12 12",
     fill: "none",
-    className: t,
+    className: r,
     xmlns: "http://www.w3.org/2000/svg",
     ...s,
     children: /* @__PURE__ */ l.jsx("circle", { cx: "6", cy: "6", r: "6", fill: o })
   }
-), et = 8, rt = 1, tt = (et + rt) * 2, ot = ({
+), er = 8, tr = 1, rr = (er + tr) * 2, or = ({
   inputName: e,
-  inputId: r,
-  className: t,
+  inputId: t,
+  className: r,
   style: o,
   onClick: s,
   size: a = 24,
   checked: i = !1,
   type: m,
-  ...c
+  ...u
 }) => {
-  const [f, y] = ye(i), k = le(null), g = le(null), R = `${a + tt}px`;
+  const [f, y] = ye(i), k = le(null), _ = le(null), h = `${a + rr}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 && (_.current && (_.current.checked = f), f ? k.current.style.display = o?.display || "block" : k.current.style.opacity = "0", setTimeout(() => {
       k.current && (f ? k.current.style.opacity = "1" : k.current.style.display = "none");
     }, 100));
   }, [f, o?.display]), /* @__PURE__ */ l.jsxs(
@@ -3171,25 +3171,25 @@ const ur = (e, r) => {
         "bg-(--bg-card) border-(--fg-mini-text) border-1 p-[8px] cursor-pointer duration-300",
         m === "checkbox" ? "rounded-[20%]" : "rounded-[100%]",
         "hover:bg-(--fg-card)",
-        t
+        r
       ].join(" "),
       style: {
-        height: R,
-        width: R,
+        height: h,
+        width: h,
         ...o
       },
-      onClick: (_) => {
-        s?.(_), y(!f);
+      onClick: (R) => {
+        s?.(R), y(!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 }),
+        m === "checkbox" ? /* @__PURE__ */ l.jsx(Kt, { className: "duration-300", ref: k, size: a }) : /* @__PURE__ */ l.jsx(Xe, { className: "duration-300", ref: k, size: a }),
         /* @__PURE__ */ l.jsx(
           "input",
           {
-            ref: g,
+            ref: _,
             name: e,
-            id: r,
+            id: t,
             type: "checkbox",
             style: { display: "none" }
           }
@@ -3197,80 +3197,82 @@ const ur = (e, r) => {
       ]
     }
   );
-}, pt = (e) => /* @__PURE__ */ l.jsx(ot, { type: "checkbox", ...e }), Ze = er(null), Ee = () => {
-  const e = rr(Ze);
+}, pr = (e) => /* @__PURE__ */ l.jsx(or, { type: "checkbox", ...e }), Ze = et(null), Ee = () => {
+  const e = tt(Ze);
   if (!e)
     throw new Error("useDropdown must be used within DropdownProvider");
   return e;
-}, nt = (e, r) => {
+}, nr = (e, t) => {
   ke(() => {
-    const t = (o) => {
-      e.current && (e.current.contains(o.target) || r(o));
+    const r = (o) => {
+      e.current && (e.current.contains(o.target) || t(o));
     };
-    return document.addEventListener("mousedown", t), document.addEventListener("touchstart", t), () => {
-      document.removeEventListener("mousedown", t), document.removeEventListener("touchstart", t);
+    return document.addEventListener("mousedown", r), document.addEventListener("touchstart", r), () => {
+      document.removeEventListener("mousedown", r), document.removeEventListener("touchstart", r);
     };
-  }, [e, r]);
-}, bt = ({
+  }, [e, t]);
+}, br = ({
   children: e,
-  onChangeState: r,
-  closeOnClickOutside: t = !0,
+  onChangeState: t,
+  closeOnClickOutside: r = !0,
   openToOtherSide: o = !0,
   defaultHorizontalPosition: s = "right",
   defaultVertialPosition: a = "bottom",
-  className: i,
-  ...m
+  menuAlign: i = "center",
+  className: m,
+  ...u
 }) => {
-  const [c, f] = ye(!1), y = le(null), k = le(null), g = le(null), R = Pe(
-    (_) => {
-      if (_) {
-        f(_), r?.(_);
+  const [f, y] = ye(!1), k = le(null), _ = le(null), h = le(null), R = Pe(
+    (A) => {
+      if (A) {
+        y(A), t?.(A);
         return;
       }
-      f((A) => {
-        const E = !A;
-        return r?.(E), E;
+      y((E) => {
+        const T = !E;
+        return t?.(T), T;
       });
     },
-    [f, r]
+    [y, t]
   );
-  return nt(k, () => {
-    t && c && R(!1);
+  return nr(_, () => {
+    r && f && R(!1);
   }), ke(() => {
-    const _ = (A) => {
-      c && A.key === "Escape" && R(!1);
+    const A = (E) => {
+      f && E.key === "Escape" && R(!1);
     };
-    return document.addEventListener("keydown", _), () => {
-      document.removeEventListener("keydown", _);
+    return document.addEventListener("keydown", A), () => {
+      document.removeEventListener("keydown", A);
     };
-  }, [c, R]), /* @__PURE__ */ l.jsx(
+  }, [f, R]), /* @__PURE__ */ l.jsx(
     Ze.Provider,
     {
       value: {
-        opened: c,
+        opened: f,
         toggle: R,
-        dropdownRef: y,
-        menuRef: k,
-        triggerRef: g,
+        dropdownRef: k,
+        menuRef: _,
+        triggerRef: h,
         openToOtherSide: o,
         defaultHorizontalPosition: s,
-        defaultVertialPosition: a
+        defaultVertialPosition: a,
+        menuAlign: i
       },
       children: /* @__PURE__ */ l.jsx(
         "div",
         {
-          ref: y,
-          className: S("relative inline-block", i),
-          ...m,
+          ref: k,
+          className: O("relative inline-block", m),
+          ...u,
           children: e
         }
       )
     }
   );
-}, gt = ({
+}, gr = ({
   children: e,
-  className: r,
-  style: t,
+  className: t,
+  style: r,
   ...o
 }) => {
   const {
@@ -3278,57 +3280,51 @@ const ur = (e, r) => {
     menuRef: a,
     triggerRef: i,
     defaultHorizontalPosition: m,
-    defaultVertialPosition: c,
-    openToOtherSide: f
-  } = Ee(), y = Pe(
-    (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])
+    defaultVertialPosition: u,
+    openToOtherSide: f,
+    menuAlign: y
+  } = Ee(), k = Pe(
+    (h) => {
+      const R = h === "x" ? "innerWidth" : "innerHeight", A = h === "x" ? "width" : "height", E = h === "x" ? "right" : "bottom";
+      return (T, P) => {
+        if (!a.current || T[E] < window[R])
           return;
-        const $ = E[A] - window[R];
+        const I = T[E] - window[R];
         if (f) {
-          const z = g === "y" ? N : 0;
-          a.current.style[g] = `${E[g] - $ - z}px`;
+          const M = h === "y" ? P : 0;
+          a.current.style[h] = `${T[h] - I - M}px`;
           return;
         }
-        const P = E[g] - E[_];
-        if (P >= 0) {
-          a.current.style[g] = `${P}px`;
+        const z = T[h] - T[A];
+        if (z >= 0) {
+          a.current.style[h] = `${z}px`;
           return;
         }
-        a.current.style[g] = `${E[g] - $}px`;
+        a.current.style[h] = `${T[h] - I}px`;
       };
     },
     [a, f]
   );
-  if (tr(() => {
+  if (rt(() => {
     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);
-  }, [
-    s,
-    y,
-    a,
-    i,
-    m,
-    c
-  ]), !s)
+    const h = i.current.getBoundingClientRect(), R = a.current.getBoundingClientRect(), A = y === "center" ? h.width / 2 : y === "right" ? h.width : 0, E = h.left + window.scrollX + A, T = h.top + h.height + window.scrollY;
+    m === "right" ? a.current.style.left = `${E}px` : a.current.style.left = `${E - R.width}px`, u === "bottom" ? a.current.style.top = `${T}px` : a.current.style.top = `${T - R.height - h.height}px`;
+    const P = a.current.getBoundingClientRect();
+    k("x")(P, h.height), k("y")(P, h.height);
+  }, [s, k, a, i, m, u, y]), !s)
     return null;
-  const k = /* @__PURE__ */ l.jsx(
+  const _ = /* @__PURE__ */ l.jsx(
     "div",
     {
       ref: a,
-      className: S(
+      className: O(
         "bg-(--bg-smooth-light) absolute z-100 rounded-lg shadow-lg",
         "flex flex-col min-w-40",
-        r
+        t
       ),
       style: {
-        ...t
+        ...r
       },
       role: "menu",
       "aria-orientation": "vertical",
@@ -3336,26 +3332,26 @@ const ur = (e, r) => {
       children: e
     }
   );
-  return ze(k, document.body);
-}, ht = ({
+  return ze(_, document.body);
+}, hr = ({
   children: e,
-  onClick: r,
-  className: t,
+  onClick: t,
+  className: r,
   variant: o,
   ...s
 }) => {
   const { toggle: a } = Ee(), i = (m) => {
-    s.disabled || (r?.(m), a(!1));
+    s.disabled || (t?.(m), a(!1));
   };
   return /* @__PURE__ */ l.jsx(
     ge,
     {
       onClick: i,
-      className: S(
+      className: O(
         "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
+        r
       ),
       overwriteClassName: !0,
       role: "menuitem",
@@ -3363,10 +3359,10 @@ const ur = (e, r) => {
       children: e
     }
   );
-}, xt = ({
+}, xr = ({
   children: e,
-  className: r,
-  ...t
+  className: t,
+  ...r
 }) => {
   const { toggle: o, opened: s, triggerRef: a } = Ee(), i = () => {
     o();
@@ -3378,42 +3374,42 @@ const ur = (e, r) => {
       onClick: i,
       "aria-expanded": s,
       "aria-haspopup": "true",
-      className: r,
-      ...t,
+      className: t,
+      ...r,
       children: e
     }
   );
-}, wt = ({
+}, wr = ({
   className: e,
-  overwriteClassName: r,
-  ...t
+  overwriteClassName: t,
+  ...r
 }) => {
-  const o = r ? e : S(
+  const o = t ? e : O(
     "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__ */ l.jsx("input", { placeholder: "input here...", ...r, className: o });
+}, vr = ({
   className: e,
-  overwriteClassName: r = !1,
-  minimalRowsHeight: t = 1,
+  overwriteClassName: t = !1,
+  minimalRowsHeight: r = 1,
   maximalRowsHeight: o = 10,
   onChange: s,
   ...a
 }) => {
-  const i = r ? e : S(
+  const i = t ? e : O(
     "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;
+  ), m = (u) => {
+    const f = u.currentTarget;
     f.style.height = "auto";
     const y = parseInt(getComputedStyle(f).lineHeight), k = Math.min(
-      Math.max(f.scrollHeight, t * y),
+      Math.max(f.scrollHeight, r * y),
       o * y
     );
-    f.style.height = `${k}px`, s?.(c);
+    f.style.height = `${k}px`, s?.(u);
   };
   return /* @__PURE__ */ l.jsx(
     "textarea",
@@ -3424,10 +3420,10 @@ const ur = (e, r) => {
       ...a
     }
   );
-}, yt = ({
+}, yr = ({
   container: e,
-  children: r,
-  portalKey: t,
+  children: t,
+  portalKey: r,
   className: o = "",
   zIndex: s,
   style: a,
@@ -3438,22 +3434,22 @@ const ur = (e, r) => {
     /* @__PURE__ */ l.jsx(
       "div",
       {
-        className: S("fixed top-0 h-screen w-screen", m, o),
+        className: O("fixed top-0 h-screen w-screen", m, o),
         ...i,
         style: {
           zIndex: s,
           ...a
         },
-        children: r
+        children: t
       }
     ),
     e,
-    t
+    r
   );
-}, kt = ({ size: e = 48, className: r = "" }) => /* @__PURE__ */ l.jsxs(
+}, kr = ({ size: e = 48, className: t = "" }) => /* @__PURE__ */ l.jsxs(
   "svg",
   {
-    className: S("animate-spin text-(--bg-smooth-light)", r),
+    className: O("animate-spin text-(--bg-smooth-light)", t),
     style: {
       height: e + "px",
       width: e + "px"
@@ -3472,24 +3468,24 @@ const ur = (e, r) => {
       )
     ]
   }
-), Q = 8, jt = ({
+), Q = 8, jr = ({
   value: e,
-  height: r = 24,
-  showPercentage: t = !1,
+  height: t = 24,
+  showPercentage: r = !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: [
+  return /* @__PURE__ */ l.jsx("div", { className: O("w-full", o), children: /* @__PURE__ */ l.jsxs("div", { className: "relative w-full", style: { height: t }, children: [
     /* @__PURE__ */ l.jsx(
       "svg",
       {
         width: "100%",
-        height: r,
+        height: t,
         style: { borderRadius: Q },
-        viewBox: `0 0 100 ${r}`,
+        viewBox: `0 0 100 ${t}`,
         preserveAspectRatio: "none",
         className: "absolute top-0 left-0",
-        children: /* @__PURE__ */ l.jsx("rect", { width: "100", height: r, fill: "var(--bg-smooth-ce)" })
+        children: /* @__PURE__ */ l.jsx("rect", { width: "100", height: t, fill: "var(--bg-smooth-ce)" })
       }
     ),
     /* @__PURE__ */ l.jsx(
@@ -3504,14 +3500,14 @@ const ur = (e, r) => {
           "svg",
           {
             width: "100%",
-            height: r,
-            viewBox: `0 0 100 ${r}`,
+            height: t,
+            viewBox: `0 0 100 ${t}`,
             preserveAspectRatio: "none",
             children: /* @__PURE__ */ l.jsx(
               "rect",
               {
                 width: "100",
-                height: r,
+                height: t,
                 fill: "var(--fg-text)",
                 style: { borderRadius: Q }
               }
@@ -3520,25 +3516,25 @@ const ur = (e, r) => {
         )
       }
     ),
-    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: [
+    r && /* @__PURE__ */ l.jsx("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ l.jsxs("span", { className: "bg-(--fg-card) py-1 px-3 rounded text-(--fg-text)", children: [
       s,
       "%"
     ] }) })
   ] }) });
-}, Et = ({
+}, Er = ({
   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: [
+  height: t
+}) => /* @__PURE__ */ l.jsx("div", { className: O("w-full", e), children: /* @__PURE__ */ l.jsxs("div", { className: "relative w-full", style: { height: t }, children: [
   /* @__PURE__ */ l.jsx(
     "svg",
     {
       width: "100%",
-      height: r,
+      height: t,
       style: { borderRadius: Q },
-      viewBox: `0 0 100 ${r}`,
+      viewBox: `0 0 100 ${t}`,
       preserveAspectRatio: "none",
       className: "absolute top-0 left-0",
-      children: /* @__PURE__ */ l.jsx("rect", { width: "100", height: r, fill: "var(--bg-smooth-ce)" })
+      children: /* @__PURE__ */ l.jsx("rect", { width: "100", height: t, fill: "var(--bg-smooth-ce)" })
     }
   ),
   /* @__PURE__ */ l.jsx(
@@ -3553,14 +3549,14 @@ const ur = (e, r) => {
         "svg",
         {
           width: "100%",
-          height: r,
-          viewBox: `0 0 100 ${r}`,
+          height: t,
+          viewBox: `0 0 100 ${t}`,
           preserveAspectRatio: "none",
           children: /* @__PURE__ */ l.jsx(
             "rect",
             {
               width: "100",
-              height: r,
+              height: t,
               fill: "var(--fg-text)",
               style: { borderRadius: Q }
             }
@@ -3569,53 +3565,53 @@ const ur = (e, r) => {
       )
     }
   )
-] }) }), Rt = ({
+] }) }), Rr = ({
   type: e = "pulse",
-  size: r = 6,
-  elements: t = 3,
+  size: t = 6,
+  elements: r = 3,
   duration: o = 1,
   color: s = "var(--bg-smooth)",
   animation: a,
   delay: i = 0.1,
   container: m,
-  autoPaddingDisabled: c = !1
+  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" : "", y = u ? {} : { padding: t * 2 }, k = a ? `var(${a})` : `var(--animate-ellipse-${e})`;
+  if (r <= 0)
     throw new Error("Elements can not be zero");
-  if (t > 12)
+  if (r > 12)
     throw new Error("Element can not be more than 12");
-  const g = new Array(t).fill(t).map((R, _) => /* @__PURE__ */ l.jsx(
+  const _ = new Array(r).fill(r).map((h, R) => /* @__PURE__ */ l.jsx(
     Xe,
     {
-      size: r,
+      size: t,
       fill: s,
       style: {
         animation: k,
         animationDuration: o + "s",
-        animationDelay: `${i * _}s`
+        animationDelay: `${i * R}s`
       },
       className: f
     },
-    R + _
+    h + 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 m ? /* @__PURE__ */ l.jsx(m, { children: _ }) : /* @__PURE__ */ l.jsx("div", { className: "flex flex-row gap-2 w-fit h-fit", style: y, children: _ });
+}, sr = 12, ar = 8, _r = ({
   inputId: e,
-  inputName: r,
-  dangerousDisableError: t = !1,
+  inputName: t,
+  dangerousDisableError: r = !1,
   style: o,
   className: s,
   onClick: a,
   radioSize: i = 24,
   checked: m = !1,
-  ...c
+  ...u
 }) => {
   const [f, y] = ye(m);
-  i < st && !t && console.error(
+  i < sr && !r && 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;
+  const k = i * 4, _ = k - ar * 2 - i, h = f ? "bg-(--bg-card)" : "bg-(--bg-section)", R = f ? "bg-(--fg-default)" : "bg-(--fg-mini-text)", A = f ? _ : 0;
   return /* @__PURE__ */ l.jsxs(
     "div",
     {
@@ -3623,23 +3619,23 @@ const ur = (e, r) => {
         width: `${k}px`,
         ...o
       },
-      className: S(
+      className: O(
         "rounded-[200px] py-[6px] px-[8px] cursor-pointer duration-300",
-        R,
+        h,
         "hover:bg-(--fg-card)",
         s
       ),
       onClick: (E) => {
         y(!f), a?.(E);
       },
-      ...c,
+      ...u,
       children: [
         /* @__PURE__ */ l.jsx(
           "div",
           {
             className: [
               "relative duration-300 rounded-[100%]",
-              _
+              R
             ].join(" "),
             style: {
               height: `${i}px`,
@@ -3651,7 +3647,7 @@ const ur = (e, r) => {
         /* @__PURE__ */ l.jsx(
           "input",
           {
-            name: r,
+            name: t,
             id: e,
             type: "checkbox",
             style: { display: "none" }
@@ -3660,104 +3656,104 @@ const ur = (e, r) => {
       ]
     }
   );
-}, At = ({
+}, Ar = ({
   flexDirection: e = "row",
-  className: r,
-  ...t
+  className: t,
+  ...r
 }) => {
   const o = e === "col" ? "flex-col" : "flex-row";
   return /* @__PURE__ */ l.jsx(
     "div",
     {
-      ...t,
-      className: S(
+      ...r,
+      className: O(
         "bg-(image:--image-bg) flex gap-8 px-12 py-4 rounded-lg page",
         o,
-        r
+        t
       )
     }
   );
-}, it = () => /* @__PURE__ */ l.jsxs("div", { className: "flex flex-col justify-center gap-4", children: [
+}, ir = () => /* @__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: [
     "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: [
+] }), lr = () => /* @__PURE__ */ l.jsxs("div", { className: "flex flex-col gap-2 rounded-lg", children: [
   /* @__PURE__ */ l.jsxs("div", { children: [
     /* @__PURE__ */ l.jsxs("h1", { children: [
       "H1 text, ",
-      B.h1
+      V.h1
     ] }),
     /* @__PURE__ */ l.jsx("span", { children: "Пока не знаю" })
   ] }),
   /* @__PURE__ */ l.jsxs("div", { children: [
     /* @__PURE__ */ l.jsxs("h2", { children: [
       "H2 text, ",
-      B.h2
+      V.h2
     ] }),
     /* @__PURE__ */ l.jsx("span", { children: "Пока не знаю" })
   ] }),
   /* @__PURE__ */ l.jsxs("div", { children: [
     /* @__PURE__ */ l.jsxs("h3", { children: [
       "H3 text, ",
-      B.h3
+      V.h3
     ] }),
     /* @__PURE__ */ l.jsx("span", { children: "Пока не знаю" })
   ] }),
   /* @__PURE__ */ l.jsxs("div", { children: [
     /* @__PURE__ */ l.jsxs("h4", { children: [
       "H4 text, ",
-      B.h4
+      V.h4
     ] }),
     /* @__PURE__ */ l.jsx("span", { children: "Пока не знаю" })
   ] }),
   /* @__PURE__ */ l.jsxs("div", { children: [
     /* @__PURE__ */ l.jsxs("h5", { children: [
       "H5 text, ",
-      B.h5
+      V.h5
     ] }),
     /* @__PURE__ */ l.jsx("span", { children: "Пока не знаю" })
   ] }),
   /* @__PURE__ */ l.jsxs("div", { className: "flex flex-col", children: [
     /* @__PURE__ */ l.jsxs("span", { children: [
       "Base text, ",
-      B.base
+      V.base
     ] }),
     /* @__PURE__ */ l.jsx("span", { children: "Пока не знаю" })
   ] }),
   /* @__PURE__ */ l.jsxs("div", { className: "flex flex-col", children: [
     /* @__PURE__ */ l.jsxs("span", { className: "text-mini", children: [
       "Mini text, ",
-      B.mini
+      V.mini
     ] }),
     /* @__PURE__ */ l.jsx("span", { children: "Пока не знаю" })
   ] })
-] }), Tt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+] }), Tr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  Button: it,
-  Text: lt
+  Button: ir,
+  Text: lr
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  mt as Active,
-  ft as Background,
+  mr as Active,
+  fr 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,
+  pr as Checkbox,
+  kr as CircleProgress,
+  br as Dropdown,
+  hr as DropdownItem,
+  gr as DropdownMenu,
+  xr as DropdownTrigger,
+  Rr as EllipsisProgress,
+  Tr as Guildline,
+  Er as IndeterminateLinearProgress,
+  wr as Input,
+  jr as LinearProgress,
+  yr as Modal,
+  _r as Switch,
+  vr as Textarea,
+  ur as VARIABLES,
+  Ar as Wrapper,
   Q as borderRadius
 };
 //# sourceMappingURL=tvuikit.es.js.map