stp-ui-kit 0.0.63 → 0.0.65

package/dist/stp-ui-kit.es.js

@@ -1,6 +1,6 @@
-import { jsx as l, jsxs as A, Fragment as Ut } from "react/jsx-runtime";
-import p, { useState as xe, useEffect as qe, forwardRef as Ft, createElement as wt, useRef as ze, createContext as To, useContext as Eo, useId as Ao } from "react";
-import Do, { createPortal as zo } from "react-dom";
+import { jsx as l, jsxs as z, Fragment as Ut } from "react/jsx-runtime";
+import p, { useState as xe, useEffect as qe, forwardRef as Ft, createElement as wt, useRef as De, createContext as To, useContext as Eo, useId as zo } from "react";
+import Ao, { createPortal as Do } from "react-dom";
 import { createRoot as Oo } from "react-dom/client";
 var Bo = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
 function Xt(e) {
@@ -99,7 +99,7 @@ var Zt = { exports: {} };
   (function(o, n) {
     e.exports = n();
   })(Bo, function() {
-    var o = 1e3, n = 6e4, a = 36e5, r = "millisecond", i = "second", f = "minute", u = "hour", m = "day", g = "week", s = "month", j = "quarter", M = "year", k = "date", z = "Invalid Date", _ = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/, R = /\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g, Z = { name: "en", weekdays: "Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"), months: "January_February_March_April_May_June_July_August_September_October_November_December".split("_"), ordinal: function(C) {
+    var o = 1e3, n = 6e4, a = 36e5, r = "millisecond", i = "second", f = "minute", u = "hour", m = "day", g = "week", s = "month", j = "quarter", M = "year", k = "date", D = "Invalid Date", _ = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/, R = /\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g, Z = { name: "en", weekdays: "Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"), months: "January_February_March_April_May_June_July_August_September_October_November_December".split("_"), ordinal: function(C) {
       var h = ["th", "st", "nd", "rd"], d = C % 100;
       return "[" + C + (h[(d - 20) % 10] || h[d] || h[0]) + "]";
     } }, V = function(C, h, d) {
@@ -169,7 +169,7 @@ var Zt = { exports: {} };
       }, h.$utils = function() {
         return E;
       }, h.isValid = function() {
-        return this.$d.toString() !== z;
+        return this.$d.toString() !== D;
       }, h.isSame = function(d, b) {
         var c = q(d);
         return this.startOf(b) <= c && c <= this.endOf(b);
@@ -189,15 +189,15 @@ var Zt = { exports: {} };
           return $ ? ie : ie.endOf(m);
         }, T = function(te, U) {
           return E.w(c.toDate()[te].apply(c.toDate("s"), ($ ? [0, 0, 0, 0] : [23, 59, 59, 999]).slice(U)), c);
-        }, x = this.$W, D = this.$M, G = this.$D, P = "set" + (this.$u ? "UTC" : "");
+        }, x = this.$W, A = this.$M, G = this.$D, P = "set" + (this.$u ? "UTC" : "");
         switch (I) {
           case M:
             return $ ? N(1, 0) : N(31, 11);
           case s:
-            return $ ? N(1, D) : N(0, D + 1);
+            return $ ? N(1, A) : N(0, A + 1);
           case g:
             var H = this.$locale().weekStart || 0, ae = (x < H ? x + 7 : x) - H;
-            return N($ ? G - ae : G + (6 - ae), D);
+            return N($ ? G - ae : G + (6 - ae), A);
           case m:
           case k:
             return T(P + "Hours", 0);
@@ -226,9 +226,9 @@ var Zt = { exports: {} };
       }, h.add = function(d, b) {
         var c, $ = this;
         d = Number(d);
-        var I = E.p(b), N = function(D) {
+        var I = E.p(b), N = function(A) {
           var G = q($);
-          return E.w(G.date(G.date() + Math.round(D * d)), $);
+          return E.w(G.date(G.date() + Math.round(A * d)), $);
         };
         if (I === s) return this.set(s, this.$M + d);
         if (I === M) return this.set(M, this.$y + d);
@@ -240,8 +240,8 @@ var Zt = { exports: {} };
         return this.add(-1 * d, b);
       }, h.format = function(d) {
         var b = this, c = this.$locale();
-        if (!this.isValid()) return c.invalidDate || z;
-        var $ = d || "YYYY-MM-DDTHH:mm:ssZ", I = E.z(this), N = this.$H, T = this.$m, x = this.$M, D = c.weekdays, G = c.months, P = c.meridiem, H = function(U, ie, ue, je) {
+        if (!this.isValid()) return c.invalidDate || D;
+        var $ = d || "YYYY-MM-DDTHH:mm:ssZ", I = E.z(this), N = this.$H, T = this.$m, x = this.$M, A = c.weekdays, G = c.months, P = c.meridiem, H = function(U, ie, ue, je) {
           return U && (U[ie] || U(b, $)) || ue[ie].slice(0, je);
         }, ae = function(U) {
           return E.s(N % 12 || 12, U, "0");
@@ -271,11 +271,11 @@ var Zt = { exports: {} };
               case "d":
                 return String(b.$W);
               case "dd":
-                return H(c.weekdaysMin, b.$W, D, 2);
+                return H(c.weekdaysMin, b.$W, A, 2);
               case "ddd":
-                return H(c.weekdaysShort, b.$W, D, 3);
+                return H(c.weekdaysShort, b.$W, A, 3);
               case "dddd":
-                return D[b.$W];
+                return A[b.$W];
               case "H":
                 return String(N);
               case "HH":
@@ -307,7 +307,7 @@ var Zt = { exports: {} };
       }, h.utcOffset = function() {
         return 15 * -Math.round(this.$d.getTimezoneOffset() / 15);
       }, h.diff = function(d, b, c) {
-        var $, I = this, N = E.p(b), T = q(d), x = (T.utcOffset() - this.utcOffset()) * n, D = this - T, G = function() {
+        var $, I = this, N = E.p(b), T = q(d), x = (T.utcOffset() - this.utcOffset()) * n, A = this - T, G = function() {
           return E.m(I, T);
         };
         switch (N) {
@@ -321,22 +321,22 @@ var Zt = { exports: {} };
             $ = G() / 3;
             break;
           case g:
-            $ = (D - x) / 6048e5;
+            $ = (A - x) / 6048e5;
             break;
           case m:
-            $ = (D - x) / 864e5;
+            $ = (A - x) / 864e5;
             break;
           case u:
-            $ = D / a;
+            $ = A / a;
             break;
           case f:
-            $ = D / n;
+            $ = A / n;
             break;
           case i:
-            $ = D / o;
+            $ = A / o;
             break;
           default:
-            $ = D;
+            $ = A;
         }
         return c ? $ : E.a($);
       }, h.daysInMonth = function() {
@@ -403,10 +403,10 @@ const Qo = /* @__PURE__ */ Xt(Jo), en = (e) => {
       R <= 0 ? (u(!0), g({ days: 0, hours: 0, minutes: 0, seconds: 0 })) : g(M(R));
     };
     k();
-    const z = setInterval(k, 1e3);
-    return () => clearInterval(z);
+    const D = setInterval(k, 1e3);
+    return () => clearInterval(D);
   }, [n]);
-  const s = (j, M) => /* @__PURE__ */ A("div", { className: Me.timerCell, children: [
+  const s = (j, M) => /* @__PURE__ */ z("div", { className: Me.timerCell, children: [
     /* @__PURE__ */ l(
       de,
       {
@@ -417,18 +417,18 @@ const Qo = /* @__PURE__ */ Xt(Jo), en = (e) => {
     ),
     M
   ] });
-  return /* @__PURE__ */ A(
+  return /* @__PURE__ */ z(
     "div",
     {
       className: Me.container,
       style: { backgroundColor: e },
       children: [
-        /* @__PURE__ */ A("div", { className: Me.content, children: [
-          /* @__PURE__ */ A("div", { className: Me.title, children: [
+        /* @__PURE__ */ z("div", { className: Me.content, children: [
+          /* @__PURE__ */ z("div", { className: Me.title, children: [
             /* @__PURE__ */ l(de, { variant: "heading-md", children: t }),
             /* @__PURE__ */ l(de, { variant: "body-md", children: en(n) })
           ] }),
-          /* @__PURE__ */ A("div", { className: Me.timer, children: [
+          /* @__PURE__ */ z("div", { className: Me.timer, children: [
             s(m.days, "Days"),
             s(m.hours, "Hours"),
             s(m.minutes, "Minutes"),
@@ -688,7 +688,7 @@ const kn = [
   ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
 ], Ze = Ee("x", kn), $n = "_message_yijnh_29", Pt = {
   message: $n
-}, ct = ({ children: e }) => /* @__PURE__ */ A("div", { className: S(Pt.message), children: [
+}, ct = ({ children: e }) => /* @__PURE__ */ z("div", { className: S(Pt.message), children: [
   /* @__PURE__ */ l(
     to,
     {
@@ -714,7 +714,7 @@ const kn = [
   onChange: i,
   ...f
 }) => {
-  const u = ze(null);
+  const u = De(null);
   qe(() => {
     u.current && (u.current.indeterminate = !!r);
   }, [r]);
@@ -726,7 +726,7 @@ const kn = [
       i == null || i(g);
     }
   };
-  return /* @__PURE__ */ A("div", { className: _e.formItem, children: [
+  return /* @__PURE__ */ z("div", { className: _e.formItem, children: [
     /* @__PURE__ */ l(
       "input",
       {
@@ -740,7 +740,7 @@ const kn = [
         ...f
       }
     ),
-    /* @__PURE__ */ A("div", { className: _e.labelContainer, children: [
+    /* @__PURE__ */ z("div", { className: _e.labelContainer, children: [
       /* @__PURE__ */ l(
         "div",
         {
@@ -771,11 +771,11 @@ const kn = [
       )
     ] })
   ] });
-}, En = "_navigationItem_1epug_29", An = "_container_1epug_45", Dn = "_IconContainer_1epug_51", zn = "_ParentLine_1epug_57", On = "_secondaryIcon_1epug_69", Bn = "_active_1epug_80", Rn = "_collapsed_1epug_88", jn = "_label_1epug_92", $e = {
+}, En = "_navigationItem_1epug_29", zn = "_container_1epug_45", An = "_IconContainer_1epug_51", Dn = "_ParentLine_1epug_57", On = "_secondaryIcon_1epug_69", Bn = "_active_1epug_80", Rn = "_collapsed_1epug_88", jn = "_label_1epug_92", $e = {
   navigationItem: En,
-  container: An,
-  IconContainer: Dn,
-  ParentLine: zn,
+  container: zn,
+  IconContainer: An,
+  ParentLine: Dn,
   secondaryIcon: On,
   active: Bn,
   collapsed: Rn,
@@ -789,7 +789,7 @@ const kn = [
   isParentNode: r = !1,
   onClick: i,
   className: f
-}) => /* @__PURE__ */ A(
+}) => /* @__PURE__ */ z(
   "div",
   {
     className: S(
@@ -799,8 +799,8 @@ const kn = [
     ),
     onClick: i,
     children: [
-      /* @__PURE__ */ A("div", { className: $e.container, children: [
-        /* @__PURE__ */ A("div", { className: $e.IconContainer, children: [
+      /* @__PURE__ */ z("div", { className: $e.container, children: [
+        /* @__PURE__ */ z("div", { className: $e.IconContainer, children: [
           e,
           r && /* @__PURE__ */ l(
             "img",
@@ -844,7 +844,7 @@ const kn = [
   ), [a, r] = xe(n !== -1), i = () => {
     o.children && r(!a), t(o);
   };
-  return /* @__PURE__ */ A("div", { children: [
+  return /* @__PURE__ */ z("div", { children: [
     /* @__PURE__ */ l(
       lt,
       {
@@ -857,7 +857,7 @@ const kn = [
         className: S(a && n === -1 && Xe.isOpen)
       }
     ),
-    /* @__PURE__ */ l("div", { className: Xe.childContainer, children: a && ((u = o.children) == null ? void 0 : u.map((m, g) => /* @__PURE__ */ A(
+    /* @__PURE__ */ l("div", { className: Xe.childContainer, children: a && ((u = o.children) == null ? void 0 : u.map((m, g) => /* @__PURE__ */ z(
       "div",
       {
         className: S(
@@ -866,7 +866,7 @@ const kn = [
         ),
         onClick: () => t(m),
         children: [
-          /* @__PURE__ */ A("div", { className: Xe.arrowBlock, children: [
+          /* @__PURE__ */ z("div", { className: Xe.arrowBlock, children: [
             n === g && /* @__PURE__ */ l(
               "img",
               {
@@ -912,7 +912,7 @@ const kn = [
   ), [a, r] = xe(n !== -1), i = () => {
     o.children && r(!a), t(o);
   };
-  return /* @__PURE__ */ A("div", { children: [
+  return /* @__PURE__ */ z("div", { children: [
     /* @__PURE__ */ l(
       lt,
       {
@@ -925,7 +925,7 @@ const kn = [
         className: S(a && n === -1 && Ve.isOpen)
       }
     ),
-    /* @__PURE__ */ l("div", { className: Ve.childContainer, children: a && ((u = o.children) == null ? void 0 : u.map((m, g) => /* @__PURE__ */ A(
+    /* @__PURE__ */ l("div", { className: Ve.childContainer, children: a && ((u = o.children) == null ? void 0 : u.map((m, g) => /* @__PURE__ */ z(
       "div",
       {
         className: S(
@@ -934,7 +934,7 @@ const kn = [
         ),
         onClick: () => t(m),
         children: [
-          /* @__PURE__ */ A("div", { className: Ve.arrowBlock, children: [
+          /* @__PURE__ */ z("div", { className: Ve.arrowBlock, children: [
             n === g && /* @__PURE__ */ l(
               "img",
               {
@@ -975,12 +975,12 @@ const kn = [
   options: Fn,
   container: Xn,
   option: Kn
-}, Ai = ({
+}, zi = ({
   items: e,
   children: t,
   className: o
 }) => {
-  const [n, a] = xe(!1), r = ze(null);
+  const [n, a] = xe(!1), r = De(null);
   return qe(() => {
     const i = (f) => {
       r.current && !r.current.contains(f.target) && a(!1);
@@ -988,7 +988,7 @@ const kn = [
     return n && document.addEventListener("mousedown", i), () => {
       document.removeEventListener("mousedown", i);
     };
-  }, [n]), /* @__PURE__ */ A(
+  }, [n]), /* @__PURE__ */ z(
     "div",
     {
       className: S(o),
@@ -996,7 +996,7 @@ const kn = [
       style: { position: "relative" },
       children: [
         /* @__PURE__ */ l("div", { onClick: () => a((i) => !i), children: t }),
-        n && /* @__PURE__ */ l("div", { className: pt.options, children: /* @__PURE__ */ l("div", { className: pt.container, children: e.map((i, f) => /* @__PURE__ */ A(
+        n && /* @__PURE__ */ l("div", { className: pt.options, children: /* @__PURE__ */ l("div", { className: pt.container, children: e.map((i, f) => /* @__PURE__ */ z(
           "div",
           {
             className: S(pt.option),
@@ -1022,7 +1022,7 @@ const kn = [
   buttonContent: es,
   mobile: ts,
   desktop: os
-}, ns = ({ children: e, className: t = "" }) => /* @__PURE__ */ l("div", { className: `${Te.emptyContainer} ${t}`, children: e }), ss = ({ children: e, className: t = "" }) => /* @__PURE__ */ A(Ut, { children: [
+}, ns = ({ children: e, className: t = "" }) => /* @__PURE__ */ l("div", { className: `${Te.emptyContainer} ${t}`, children: e }), ss = ({ children: e, className: t = "" }) => /* @__PURE__ */ z(Ut, { children: [
   /* @__PURE__ */ l(
     de,
     {
@@ -1135,7 +1135,7 @@ const us = "_formItem_4e017_29", ms = "_critical_4e017_36", fs = "_message_4e017
 ro.displayName = "FormItem.Input";
 const vs = ({ children: e }) => {
   const { state: t } = Mt();
-  return e ? /* @__PURE__ */ A(
+  return e ? /* @__PURE__ */ z(
     "div",
     {
       className: S(
@@ -1202,14 +1202,14 @@ const ws = "_btn_vv6xf_29", xs = "_small_vv6xf_42", ks = "_medium_vv6xf_45", $s
       children: a
     }
   );
-}, Ss = "_formItem_f27ec_29", Is = "_label_f27ec_36", Ts = "_disabled_f27ec_39", Es = "_readOnly_f27ec_42", As = "_inputContainer_f27ec_46", Ds = "_error_f27ec_76", zs = "_input_f27ec_46", Os = "_message_f27ec_94", he = {
+}, Ss = "_formItem_f27ec_29", Is = "_label_f27ec_36", Ts = "_disabled_f27ec_39", Es = "_readOnly_f27ec_42", zs = "_inputContainer_f27ec_46", As = "_error_f27ec_76", Ds = "_input_f27ec_46", Os = "_message_f27ec_94", he = {
   formItem: Ss,
   label: Is,
   disabled: Ts,
   readOnly: Es,
-  inputContainer: As,
-  error: Ds,
-  input: zs,
+  inputContainer: zs,
+  error: As,
+  input: Ds,
   message: Os
 }, ao = ({
   label: e,
@@ -1220,7 +1220,7 @@ const ws = "_btn_vv6xf_29", xs = "_small_vv6xf_42", ks = "_medium_vv6xf_45", $s
   prefix: r,
   postfix: i,
   children: f
-}) => /* @__PURE__ */ A("div", { className: he.formItem, children: [
+}) => /* @__PURE__ */ z("div", { className: he.formItem, children: [
   e && /* @__PURE__ */ l(
     "label",
     {
@@ -1231,7 +1231,7 @@ const ws = "_btn_vv6xf_29", xs = "_small_vv6xf_42", ks = "_medium_vv6xf_45", $s
       children: e
     }
   ),
-  /* @__PURE__ */ A(
+  /* @__PURE__ */ z(
     "div",
     {
       className: S(he.inputContainer, {
@@ -1273,7 +1273,7 @@ const ws = "_btn_vv6xf_29", xs = "_small_vv6xf_42", ks = "_medium_vv6xf_45", $s
   }, M) => {
     const k = (_) => {
       u && !new RegExp(u).test(_.target.value) ? _.target.setCustomValidity("Неверный формат") : _.target.setCustomValidity(""), g == null || g(_);
-    }, z = (_) => {
+    }, D = (_) => {
       if (m && !_.target.value) {
         const R = m;
         _.target.value = R, _.target.setSelectionRange(R.length, R.length), _.target.dispatchEvent(new Event("input", { bubbles: !0 }));
@@ -1298,7 +1298,7 @@ const ws = "_btn_vv6xf_29", xs = "_small_vv6xf_42", ks = "_medium_vv6xf_45", $s
             disabled: r,
             readOnly: i,
             onChange: k,
-            onFocus: z,
+            onFocus: D,
             ...j
           }
         )
@@ -1595,7 +1595,7 @@ function ar(e) {
 }
 const ir = (e) => {
   var t, o, n, a, r, i, f, u, m;
-  const { invert: g, toast: s, unstyled: j, interacting: M, setHeights: k, visibleToasts: z, heights: _, index: R, toasts: Z, expanded: V, removeToast: J, defaultRichColors: Y, closeButton: W, style: L, cancelButtonStyle: y, actionButtonStyle: F, className: q = "", descriptionClassName: E = "", duration: K, position: re, gap: C, expandByDefault: h, classNames: d, icons: b, closeButtonAriaLabel: c = "Close toast" } = e, [$, I] = p.useState(null), [N, T] = p.useState(null), [x, D] = p.useState(!1), [G, P] = p.useState(!1), [H, ae] = p.useState(!1), [te, U] = p.useState(!1), [ie, ue] = p.useState(!1), [je, dt] = p.useState(0), [yo, Tt] = p.useState(0), Fe = p.useRef(s.duration || K || Ht), Et = p.useRef(null), ke = p.useRef(null), vo = R === 0, wo = R + 1 <= z, me = s.type, Le = s.dismissible !== !1, xo = s.className || "", ko = s.descriptionClassName || "", Qe = p.useMemo(() => _.findIndex((O) => O.toastId === s.id) || 0, [
+  const { invert: g, toast: s, unstyled: j, interacting: M, setHeights: k, visibleToasts: D, heights: _, index: R, toasts: Z, expanded: V, removeToast: J, defaultRichColors: Y, closeButton: W, style: L, cancelButtonStyle: y, actionButtonStyle: F, className: q = "", descriptionClassName: E = "", duration: K, position: re, gap: C, expandByDefault: h, classNames: d, icons: b, closeButtonAriaLabel: c = "Close toast" } = e, [$, I] = p.useState(null), [N, T] = p.useState(null), [x, A] = p.useState(!1), [G, P] = p.useState(!1), [H, ae] = p.useState(!1), [te, U] = p.useState(!1), [ie, ue] = p.useState(!1), [je, dt] = p.useState(0), [yo, Tt] = p.useState(0), Fe = p.useRef(s.duration || K || Ht), Et = p.useRef(null), ke = p.useRef(null), vo = R === 0, wo = R + 1 <= D, me = s.type, Le = s.dismissible !== !1, xo = s.className || "", ko = s.descriptionClassName || "", Qe = p.useMemo(() => _.findIndex((O) => O.toastId === s.id) || 0, [
     _,
     s.id
   ]), $o = p.useMemo(() => {
@@ -1604,22 +1604,22 @@ const ir = (e) => {
   }, [
     s.closeButton,
     W
-  ]), At = p.useMemo(() => s.duration || K || Ht, [
+  ]), zt = p.useMemo(() => s.duration || K || Ht, [
     s.duration,
     K
-  ]), ut = p.useRef(0), Pe = p.useRef(0), Dt = p.useRef(0), He = p.useRef(null), [No, Co] = re.split("-"), zt = p.useMemo(() => _.reduce((O, oe, se) => se >= Qe ? O : O + oe.height, 0), [
+  ]), ut = p.useRef(0), Pe = p.useRef(0), At = p.useRef(0), He = p.useRef(null), [No, Co] = re.split("-"), Dt = p.useMemo(() => _.reduce((O, oe, se) => se >= Qe ? O : O + oe.height, 0), [
     _,
     Qe
   ]), Ot = Gs(), Mo = s.invert || g, mt = me === "loading";
-  Pe.current = p.useMemo(() => Qe * C + zt, [
+  Pe.current = p.useMemo(() => Qe * C + Dt, [
     Qe,
-    zt
+    Dt
   ]), p.useEffect(() => {
-    Fe.current = At;
+    Fe.current = zt;
   }, [
-    At
+    zt
   ]), p.useEffect(() => {
-    D(!0);
+    A(!0);
   }, []), p.useEffect(() => {
     const O = ke.current;
     if (O) {
@@ -1676,11 +1676,11 @@ const ir = (e) => {
     if (s.promise && me === "loading" || s.duration === 1 / 0 || s.type === "loading") return;
     let O;
     return V || M || Ot ? (() => {
-      if (Dt.current < ut.current) {
+      if (At.current < ut.current) {
         const fe = (/* @__PURE__ */ new Date()).getTime() - ut.current;
         Fe.current = Fe.current - fe;
       }
-      Dt.current = (/* @__PURE__ */ new Date()).getTime();
+      At.current = (/* @__PURE__ */ new Date()).getTime();
     })() : (() => {
       Fe.current !== 1 / 0 && (ut.current = (/* @__PURE__ */ new Date()).getTime(), O = setTimeout(() => {
         s.onAutoClose == null || s.onAutoClose.call(s, s), Ce();
@@ -1781,21 +1781,21 @@ const ir = (e) => {
         x: 0,
         y: 0
       };
-      const jt = (Ae) => 1 / (1.5 + Math.abs(Ae) / 20);
+      const jt = (ze) => 1 / (1.5 + Math.abs(ze) / 20);
       if ($ === "y") {
         if (ge.includes("top") || ge.includes("bottom"))
           if (ge.includes("top") && ne < 0 || ge.includes("bottom") && ne > 0)
             be.y = ne;
           else {
-            const Ae = ne * jt(ne);
-            be.y = Math.abs(Ae) < Math.abs(ne) ? Ae : ne;
+            const ze = ne * jt(ne);
+            be.y = Math.abs(ze) < Math.abs(ne) ? ze : ne;
           }
       } else if ($ === "x" && (ge.includes("left") || ge.includes("right")))
         if (ge.includes("left") && pe < 0 || ge.includes("right") && pe > 0)
           be.x = pe;
         else {
-          const Ae = pe * jt(pe);
-          be.x = Math.abs(Ae) < Math.abs(pe) ? Ae : pe;
+          const ze = pe * jt(pe);
+          be.x = Math.abs(ze) < Math.abs(pe) ? ze : pe;
         }
       (Math.abs(be.x) > 0 || Math.abs(be.y) > 0) && ue(!0), (se = ke.current) == null || se.style.setProperty("--swipe-amount-x", `${be.x}px`), (fe = ke.current) == null || fe.style.setProperty("--swipe-amount-y", `${be.y}px`);
     }
@@ -1874,7 +1874,7 @@ const cr = /* @__PURE__ */ p.forwardRef(function(t, o) {
   const { invert: n, position: a = "bottom-right", hotkey: r = [
     "altKey",
     "KeyT"
-  ], expand: i, closeButton: f, className: u, offset: m, mobileOffset: g, theme: s = "light", richColors: j, duration: M, style: k, visibleToasts: z = Qs, toastOptions: _, dir: R = Vt(), gap: Z = nr, icons: V, containerAriaLabel: J = "Notifications" } = t, [Y, W] = p.useState([]), L = p.useMemo(() => Array.from(new Set([
+  ], expand: i, closeButton: f, className: u, offset: m, mobileOffset: g, theme: s = "light", richColors: j, duration: M, style: k, visibleToasts: D = Qs, toastOptions: _, dir: R = Vt(), gap: Z = nr, icons: V, containerAriaLabel: J = "Notifications" } = t, [Y, W] = p.useState([]), L = p.useMemo(() => Array.from(new Set([
     a
   ].concat(Y.filter((N) => N.position).map((N) => N.position)))), [
     Y,
@@ -1882,7 +1882,7 @@ const cr = /* @__PURE__ */ p.forwardRef(function(t, o) {
   ]), [y, F] = p.useState([]), [q, E] = p.useState(!1), [K, re] = p.useState(!1), [C, h] = p.useState(s !== "system" ? s : typeof window < "u" && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light"), d = p.useRef(null), b = r.join("+").replace(/Key/g, "").replace(/Digit/g, ""), c = p.useRef(null), $ = p.useRef(!1), I = p.useCallback((N) => {
     W((T) => {
       var x;
-      return (x = T.find((D) => D.id === N.id)) != null && x.delete || ce.dismiss(N.id), T.filter(({ id: D }) => D !== N.id);
+      return (x = T.find((A) => A.id === N.id)) != null && x.delete || ce.dismiss(N.id), T.filter(({ id: A }) => A !== N.id);
     });
   }, []);
   return p.useEffect(() => ce.subscribe((N) => {
@@ -1896,9 +1896,9 @@ const cr = /* @__PURE__ */ p.forwardRef(function(t, o) {
       return;
     }
     setTimeout(() => {
-      Do.flushSync(() => {
+      Ao.flushSync(() => {
         W((T) => {
-          const x = T.findIndex((D) => D.id === N.id);
+          const x = T.findIndex((A) => A.id === N.id);
           return x !== -1 ? [
             ...T.slice(0, x),
             {
@@ -1930,8 +1930,8 @@ const cr = /* @__PURE__ */ p.forwardRef(function(t, o) {
       N.addListener(({ matches: x }) => {
         try {
           h(x ? "dark" : "light");
-        } catch (D) {
-          console.error(D);
+        } catch (A) {
+          console.error(A);
         }
       });
     }
@@ -1973,7 +1973,7 @@ const cr = /* @__PURE__ */ p.forwardRef(function(t, o) {
     suppressHydrationWarning: !0
   }, L.map((N, T) => {
     var x;
-    const [D, G] = N.split("-");
+    const [A, G] = N.split("-");
     return Y.length ? /* @__PURE__ */ p.createElement("ol", {
       key: N,
       dir: R === "auto" ? Vt() : R,
@@ -1982,7 +1982,7 @@ const cr = /* @__PURE__ */ p.forwardRef(function(t, o) {
       className: u,
       "data-sonner-toaster": !0,
       "data-sonner-theme": C,
-      "data-y-position": D,
+      "data-y-position": A,
       "data-x-position": G,
       style: {
         "--front-toast-height": `${((x = y[0]) == null ? void 0 : x.height) || 0}px`,
@@ -2021,7 +2021,7 @@ const cr = /* @__PURE__ */ p.forwardRef(function(t, o) {
         className: _ == null ? void 0 : _.className,
         descriptionClassName: _ == null ? void 0 : _.descriptionClassName,
         invert: n,
-        visibleToasts: z,
+        visibleToasts: D,
         closeButton: (te = _ == null ? void 0 : _.closeButton) != null ? te : f,
         interacting: K,
         position: N,
@@ -2042,7 +2042,7 @@ const cr = /* @__PURE__ */ p.forwardRef(function(t, o) {
       });
     })) : null;
   }));
-}), Di = (e) => /* @__PURE__ */ l(
+}), Ai = (e) => /* @__PURE__ */ l(
   cr,
   {
     position: "bottom-right",
@@ -2062,9 +2062,9 @@ const cr = /* @__PURE__ */ p.forwardRef(function(t, o) {
   successIcon: gr,
   content: br,
   closeBtn: _r
-}, zi = {
+}, Di = {
   default(e) {
-    Se.custom((t) => /* @__PURE__ */ A("div", { className: `${Q.customToast} ${Q.default}`, children: [
+    Se.custom((t) => /* @__PURE__ */ z("div", { className: `${Q.customToast} ${Q.default}`, children: [
       /* @__PURE__ */ l("div", { className: Q.content, children: e }),
       /* @__PURE__ */ l(
         Je,
@@ -2077,8 +2077,8 @@ const cr = /* @__PURE__ */ p.forwardRef(function(t, o) {
     ] }));
   },
   warning(e) {
-    Se.custom((t) => /* @__PURE__ */ A("div", { className: `${Q.customToast} ${Q.warning}`, children: [
-      /* @__PURE__ */ A("div", { className: Q.content, children: [
+    Se.custom((t) => /* @__PURE__ */ z("div", { className: `${Q.customToast} ${Q.warning}`, children: [
+      /* @__PURE__ */ z("div", { className: Q.content, children: [
         /* @__PURE__ */ l(no, { className: Q.warningIcon }),
         e
       ] }),
@@ -2093,8 +2093,8 @@ const cr = /* @__PURE__ */ p.forwardRef(function(t, o) {
     ] }));
   },
   error(e) {
-    Se.custom((t) => /* @__PURE__ */ A("div", { className: `${Q.customToast} ${Q.error}`, children: [
-      /* @__PURE__ */ A("div", { className: Q.content, children: [
+    Se.custom((t) => /* @__PURE__ */ z("div", { className: `${Q.customToast} ${Q.error}`, children: [
+      /* @__PURE__ */ z("div", { className: Q.content, children: [
         /* @__PURE__ */ l(oo, { className: Q.criticalIcon }),
         e
       ] }),
@@ -2109,8 +2109,8 @@ const cr = /* @__PURE__ */ p.forwardRef(function(t, o) {
     ] }));
   },
   success(e) {
-    Se.custom((t) => /* @__PURE__ */ A("div", { className: `${Q.customToast} ${Q.success}`, children: [
-      /* @__PURE__ */ A("div", { className: Q.content, children: [
+    Se.custom((t) => /* @__PURE__ */ z("div", { className: `${Q.customToast} ${Q.success}`, children: [
+      /* @__PURE__ */ z("div", { className: Q.content, children: [
         /* @__PURE__ */ l(vn, { className: Q.successIcon }),
         e
       ] }),
@@ -2127,14 +2127,14 @@ const cr = /* @__PURE__ */ p.forwardRef(function(t, o) {
   show(e, t = "default") {
     return t === "error" ? this.error(e) : t === "warning" ? this.warning(e) : this.default(e);
   }
-}, yr = "_modalLayout_1hm32_29", vr = "_modalContainer_1hm32_40", wr = "_lg_1hm32_50", xr = "_md_1hm32_53", kr = "_sm_1hm32_56", $r = "_slideUp_1hm32_1", Nr = "_header_1hm32_73", Cr = "_title_1hm32_82", Mr = "_close_1hm32_87", Sr = "_content_1hm32_97", Ir = "_section_1hm32_100", Tr = "_footer_1hm32_108", Er = "_primaryButton_1hm32_138", Ar = "_critical_1hm32_151", Dr = "_warning_1hm32_155", le = {
-  "shadow-0": "_shadow-0_1hm32_1",
-  "shadow-100": "_shadow-100_1hm32_5",
-  "shadow-200": "_shadow-200_1hm32_9",
-  "shadow-300": "_shadow-300_1hm32_13",
-  "shadow-400": "_shadow-400_1hm32_17",
-  "shadow-500": "_shadow-500_1hm32_21",
-  "shadow-600": "_shadow-600_1hm32_25",
+}, yr = "_modalLayout_17u5z_29", vr = "_modalContainer_17u5z_40", wr = "_lg_17u5z_50", xr = "_md_17u5z_53", kr = "_sm_17u5z_56", $r = "_slideUp_17u5z_1", Nr = "_header_17u5z_73", Cr = "_title_17u5z_82", Mr = "_close_17u5z_87", Sr = "_content_17u5z_97", Ir = "_section_17u5z_100", Tr = "_footer_17u5z_108", Er = "_primaryButton_17u5z_138", zr = "_critical_17u5z_151", Ar = "_warning_17u5z_155", le = {
+  "shadow-0": "_shadow-0_17u5z_1",
+  "shadow-100": "_shadow-100_17u5z_5",
+  "shadow-200": "_shadow-200_17u5z_9",
+  "shadow-300": "_shadow-300_17u5z_13",
+  "shadow-400": "_shadow-400_17u5z_17",
+  "shadow-500": "_shadow-500_17u5z_21",
+  "shadow-600": "_shadow-600_17u5z_25",
   modalLayout: yr,
   modalContainer: vr,
   lg: wr,
@@ -2147,12 +2147,12 @@ const cr = /* @__PURE__ */ p.forwardRef(function(t, o) {
   content: Sr,
   section: Ir,
   footer: Tr,
-  "tone-critical": "_tone-critical_1hm32_134",
+  "tone-critical": "_tone-critical_17u5z_134",
   primaryButton: Er,
-  "tone-warning": "_tone-warning_1hm32_142",
-  critical: Ar,
-  warning: Dr
-}, zr = ({
+  "tone-warning": "_tone-warning_17u5z_142",
+  critical: zr,
+  warning: Ar
+}, Dr = ({
   open: e,
   onClose: t,
   title: o,
@@ -2165,8 +2165,8 @@ const cr = /* @__PURE__ */ p.forwardRef(function(t, o) {
 }) => {
   if (!e) return null;
   const m = le[`tone-${r}`] || "";
-  return zo(
-    /* @__PURE__ */ l("div", { className: le.modalLayout, children: /* @__PURE__ */ A(
+  return Do(
+    /* @__PURE__ */ l("div", { className: le.modalLayout, children: /* @__PURE__ */ z(
       "div",
       {
         className: `${le.modalContainer} ${m} ${le[u]}`,
@@ -2175,8 +2175,8 @@ const cr = /* @__PURE__ */ p.forwardRef(function(t, o) {
         "aria-modal": "true",
         "aria-labelledby": "modal-title",
         children: [
-          /* @__PURE__ */ A("div", { className: le.header, children: [
-            /* @__PURE__ */ A("div", { className: le.title, children: [
+          /* @__PURE__ */ z("div", { className: le.header, children: [
+            /* @__PURE__ */ z("div", { className: le.title, children: [
               r === "critical" && /* @__PURE__ */ l(oo, { className: le.critical }),
               r === "warning" && /* @__PURE__ */ l(no, { className: le.warning }),
               /* @__PURE__ */ l(de, { variant: "heading-sm", children: o })
@@ -2202,7 +2202,7 @@ const cr = /* @__PURE__ */ p.forwardRef(function(t, o) {
               children: f
             }
           ),
-          /* @__PURE__ */ A("div", { className: le.footer, children: [
+          /* @__PURE__ */ z("div", { className: le.footer, children: [
             a.map((g, s) => /* @__PURE__ */ l(
               it,
               {
@@ -2228,7 +2228,7 @@ const cr = /* @__PURE__ */ p.forwardRef(function(t, o) {
     ) }),
     document.body
   );
-}, Or = ({ children: e }) => /* @__PURE__ */ l("section", { className: le.section, children: e }), kt = zr;
+}, Or = ({ children: e }) => /* @__PURE__ */ l("section", { className: le.section, children: e }), kt = Dr;
 kt.Section = Or;
 function ht(e) {
   const t = document.createElement("div");
@@ -2283,8 +2283,8 @@ const Oi = {
   isStretched: n = !0
 }) => {
   var a;
-  return /* @__PURE__ */ A("div", { children: [
-    /* @__PURE__ */ l("div", { className: Ye.topBar, children: e.map((r) => /* @__PURE__ */ A(
+  return /* @__PURE__ */ z("div", { children: [
+    /* @__PURE__ */ l("div", { className: Ye.topBar, children: e.map((r) => /* @__PURE__ */ z(
       "div",
       {
         className: S(
@@ -2324,7 +2324,7 @@ const Oi = {
   activeTab: o,
   onTabSelect: n,
   isStretched: a
-}) => /* @__PURE__ */ A(Ut, { children: [
+}) => /* @__PURE__ */ z(Ut, { children: [
   /* @__PURE__ */ l("header", { className: Wr.pageHeader, children: /* @__PURE__ */ l(de, { variant: "heading-xl", children: e }) }),
   t && n && /* @__PURE__ */ l(
     Vr,
@@ -2374,7 +2374,7 @@ const Oi = {
       i(m);
     }
   };
-  return /* @__PURE__ */ A("div", { className: ve.formItem, children: [
+  return /* @__PURE__ */ z("div", { className: ve.formItem, children: [
     /* @__PURE__ */ l(
       "input",
       {
@@ -2386,7 +2386,7 @@ const Oi = {
         ...f
       }
     ),
-    /* @__PURE__ */ A("div", { className: ve.labelContainer, children: [
+    /* @__PURE__ */ z("div", { className: ve.labelContainer, children: [
       /* @__PURE__ */ l(
         "div",
         {
@@ -2421,7 +2421,7 @@ const Oi = {
   container: ta,
   notMobile: oa,
   mobile: na
-}, Li = ({ title: e, extra: t }) => /* @__PURE__ */ A("div", { className: bt.container, children: [
+}, Li = ({ title: e, extra: t }) => /* @__PURE__ */ z("div", { className: bt.container, children: [
   /* @__PURE__ */ l(
     de,
     {
@@ -2471,7 +2471,7 @@ const Oi = {
     onFocus: g,
     onBlur: s
   }, j) => {
-    const [M, k] = xe(!1), [z, _] = xe(-1), R = ze(null), Z = ze([]), V = u.find((L) => L.value === f), J = () => {
+    const [M, k] = xe(!1), [D, _] = xe(-1), R = De(null), Z = De([]), V = u.find((L) => L.value === f), J = () => {
       n || a || (M ? (k(!1), _(-1), s == null || s()) : (k(!0), _(V ? u.indexOf(V) : -1), g == null || g()));
     }, Y = (L) => {
       L.disabled || (m == null || m(L.value), k(!1), _(-1), s == null || s());
@@ -2484,8 +2484,8 @@ const Oi = {
               k(!0), _(
                 V ? u.indexOf(V) : 0
               ), g == null || g();
-            else if (z >= 0) {
-              const y = u[z];
+            else if (D >= 0) {
+              const y = u[D];
               y.disabled || Y(y);
             }
             break;
@@ -2496,7 +2496,7 @@ const Oi = {
             if (L.preventDefault(), !M)
               k(!0), _(0), g == null || g();
             else {
-              const y = z < u.length - 1 ? z + 1 : 0;
+              const y = D < u.length - 1 ? D + 1 : 0;
               _(y);
             }
             break;
@@ -2504,7 +2504,7 @@ const Oi = {
             if (L.preventDefault(), !M)
               k(!0), _(u.length - 1), g == null || g();
             else {
-              const y = z > 0 ? z - 1 : u.length - 1;
+              const y = D > 0 ? D - 1 : u.length - 1;
               _(y);
             }
             break;
@@ -2517,10 +2517,10 @@ const Oi = {
       if (M)
         return document.addEventListener("mousedown", L), () => document.removeEventListener("mousedown", L);
     }, [M, s]), qe(() => {
-      z >= 0 && Z.current[z] && Z.current[z].scrollIntoView({
+      D >= 0 && Z.current[D] && Z.current[D].scrollIntoView({
         block: "nearest"
       });
-    }, [z]), /* @__PURE__ */ A("div", { className: X.formItem, children: [
+    }, [D]), /* @__PURE__ */ z("div", { className: X.formItem, children: [
       e && /* @__PURE__ */ l(
         "label",
         {
@@ -2531,7 +2531,7 @@ const Oi = {
           children: e
         }
       ),
-      /* @__PURE__ */ A(
+      /* @__PURE__ */ z(
         "div",
         {
           ref: R,
@@ -2543,7 +2543,7 @@ const Oi = {
           }),
           onClick: J,
           children: [
-            /* @__PURE__ */ A(
+            /* @__PURE__ */ z(
               "div",
               {
                 ref: j,
@@ -2593,7 +2593,7 @@ const Oi = {
                     ref: (F) => Z.current[y] = F,
                     className: S(X.option, {
                       [X.selected]: L.value === f,
-                      [X.focused]: y === z,
+                      [X.focused]: y === D,
                       [X.disabled]: L.disabled
                     }),
                     onClick: () => Y(L),
@@ -2683,14 +2683,14 @@ function Ta() {
   return n;
 }
 const It = "-", Ea = (e) => {
-  const t = Da(e), {
+  const t = Aa(e), {
     conflictingClassGroups: o,
     conflictingClassGroupModifiers: n
   } = e;
   return {
     getClassGroupId: (i) => {
       const f = i.split(It);
-      return f[0] === "" && f.length !== 1 && f.shift(), lo(f, t) || Aa(i);
+      return f[0] === "" && f.length !== 1 && f.shift(), lo(f, t) || za(i);
     },
     getConflictingClassGroupIds: (i, f) => {
       const u = o[i] || [];
@@ -2710,13 +2710,13 @@ const It = "-", Ea = (e) => {
   return (i = t.validators.find(({
     validator: f
   }) => f(r))) == null ? void 0 : i.classGroupId;
-}, Yt = /^\[(.+)\]$/, Aa = (e) => {
+}, Yt = /^\[(.+)\]$/, za = (e) => {
   if (Yt.test(e)) {
     const t = Yt.exec(e)[1], o = t == null ? void 0 : t.substring(0, t.indexOf(":"));
     if (o)
       return "arbitrary.." + o;
   }
-}, Da = (e) => {
+}, Aa = (e) => {
   const {
     theme: t,
     classGroups: o
@@ -2735,7 +2735,7 @@ const It = "-", Ea = (e) => {
       return;
     }
     if (typeof a == "function") {
-      if (za(a)) {
+      if (Da(a)) {
         $t(a(n), t, o, n);
         return;
       }
@@ -2757,7 +2757,7 @@ const It = "-", Ea = (e) => {
       validators: []
     }), o = o.nextPart.get(n);
   }), o;
-}, za = (e) => e.isThemeGetter, Oa = (e) => {
+}, Da = (e) => e.isThemeGetter, Oa = (e) => {
   if (e < 1)
     return {
       get: () => {
@@ -2790,18 +2790,18 @@ const It = "-", Ea = (e) => {
     const r = [];
     let i = 0, f = 0, u = 0, m;
     for (let k = 0; k < a.length; k++) {
-      let z = a[k];
+      let D = a[k];
       if (i === 0 && f === 0) {
-        if (z === Ct) {
+        if (D === Ct) {
           r.push(a.slice(u, k)), u = k + Ba;
           continue;
         }
-        if (z === "/") {
+        if (D === "/") {
           m = k;
           continue;
         }
       }
-      z === "[" ? i++ : z === "]" ? i-- : z === "(" ? f++ : z === ")" && f--;
+      D === "[" ? i++ : D === "]" ? i-- : D === "(" ? f++ : D === ")" && f--;
     }
     const g = r.length === 0 ? a : a.substring(u), s = ja(g), j = s !== g, M = m && m > u ? m - u : void 0;
     return {
@@ -2859,13 +2859,13 @@ const It = "-", Ea = (e) => {
       modifiers: j,
       hasImportantModifier: M,
       baseClassName: k,
-      maybePostfixModifierPosition: z
+      maybePostfixModifierPosition: D
     } = o(g);
     if (s) {
       u = g + (u.length > 0 ? " " + u : u);
       continue;
     }
-    let _ = !!z, R = n(_ ? k.substring(0, z) : k);
+    let _ = !!D, R = n(_ ? k.substring(0, D) : k);
     if (!R) {
       if (!_) {
         u = g + (u.length > 0 ? " " + u : u);
@@ -2929,14 +2929,14 @@ const ee = (e) => {
   // 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.
   Ua.test(e) && !Fa.test(e)
-), fo = () => !1, Qa = (e) => Xa.test(e), ei = (e) => Ka.test(e), ti = (e) => !v(e) && !w(e), oi = (e) => Ge(e, go, fo), v = (e) => uo.test(e), De = (e) => Ge(e, bo, Ja), yt = (e) => Ge(e, ii, B), qt = (e) => Ge(e, po, fo), ni = (e) => Ge(e, ho, ei), rt = (e) => Ge(e, _o, Qa), w = (e) => mo.test(e), Ke = (e) => Ue(e, bo), si = (e) => Ue(e, li), Gt = (e) => Ue(e, po), ri = (e) => Ue(e, go), ai = (e) => Ue(e, ho), at = (e) => Ue(e, _o, !0), Ge = (e, t, o) => {
+), fo = () => !1, Qa = (e) => Xa.test(e), ei = (e) => Ka.test(e), ti = (e) => !v(e) && !w(e), oi = (e) => Ge(e, go, fo), v = (e) => uo.test(e), Ae = (e) => Ge(e, bo, Ja), yt = (e) => Ge(e, ii, B), qt = (e) => Ge(e, po, fo), ni = (e) => Ge(e, ho, ei), rt = (e) => Ge(e, _o, Qa), w = (e) => mo.test(e), Ke = (e) => Ue(e, bo), si = (e) => Ue(e, li), Gt = (e) => Ue(e, po), ri = (e) => Ue(e, go), ai = (e) => Ue(e, ho), at = (e) => Ue(e, _o, !0), Ge = (e, t, o) => {
   const n = uo.exec(e);
   return n ? n[1] ? t(n[1]) : o(n[2]) : !1;
 }, Ue = (e, t, o = !1) => {
   const n = mo.exec(e);
   return n ? n[1] ? t(n[1]) : o : !1;
 }, po = (e) => e === "position" || e === "percentage", ho = (e) => e === "image" || e === "url", go = (e) => e === "length" || e === "size" || e === "bg-size", bo = (e) => e === "length", ii = (e) => e === "number", li = (e) => e === "family-name", _o = (e) => e === "shadow", ci = () => {
-  const e = ee("color"), t = ee("font"), o = ee("text"), n = ee("font-weight"), a = ee("tracking"), r = ee("leading"), i = ee("breakpoint"), f = ee("container"), u = ee("spacing"), m = ee("radius"), g = ee("shadow"), s = ee("inset-shadow"), j = ee("text-shadow"), M = ee("drop-shadow"), k = ee("blur"), z = ee("perspective"), _ = ee("aspect"), R = ee("ease"), Z = ee("animate"), V = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], J = () => [
+  const e = ee("color"), t = ee("font"), o = ee("text"), n = ee("font-weight"), a = ee("tracking"), r = ee("leading"), i = ee("breakpoint"), f = ee("container"), u = ee("spacing"), m = ee("radius"), g = ee("shadow"), s = ee("inset-shadow"), j = ee("text-shadow"), M = ee("drop-shadow"), k = ee("blur"), D = ee("perspective"), _ = ee("aspect"), R = ee("ease"), Z = ee("animate"), V = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], J = () => [
     "center",
     "top",
     "bottom",
@@ -2962,7 +2962,7 @@ const ee = (e) => {
     repeat: ["", "x", "y", "space", "round"]
   }], N = () => ["auto", "cover", "contain", ri, oi, {
     size: [w, v]
-  }], T = () => [_t, Ke, De], x = () => [
+  }], T = () => [_t, Ke, Ae], x = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
@@ -2970,7 +2970,7 @@ const ee = (e) => {
     m,
     w,
     v
-  ], D = () => ["", B, Ke, De], G = () => ["solid", "dashed", "dotted", "double"], P = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], H = () => [B, _t, Gt, qt], ae = () => [
+  ], A = () => ["", B, Ke, Ae], G = () => ["solid", "dashed", "dotted", "double"], P = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], H = () => [B, _t, Gt, qt], ae = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
@@ -3670,7 +3670,7 @@ const ee = (e) => {
        * @see https://tailwindcss.com/docs/font-size
        */
       "font-size": [{
-        text: ["base", o, Ke, De]
+        text: ["base", o, Ke, Ae]
       }],
       /**
        * Font Smoothing
@@ -3818,7 +3818,7 @@ const ee = (e) => {
        * @see https://tailwindcss.com/docs/text-decoration-thickness
        */
       "text-decoration-thickness": [{
-        decoration: [B, "from-font", "auto", w, De]
+        decoration: [B, "from-font", "auto", w, Ae]
       }],
       /**
        * Text Decoration Color
@@ -4120,70 +4120,70 @@ const ee = (e) => {
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w": [{
-        border: D()
+        border: A()
       }],
       /**
        * Border Width X
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-x": [{
-        "border-x": D()
+        "border-x": A()
       }],
       /**
        * Border Width Y
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-y": [{
-        "border-y": D()
+        "border-y": A()
       }],
       /**
        * Border Width Start
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-s": [{
-        "border-s": D()
+        "border-s": A()
       }],
       /**
        * Border Width End
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-e": [{
-        "border-e": D()
+        "border-e": A()
       }],
       /**
        * Border Width Top
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-t": [{
-        "border-t": D()
+        "border-t": A()
       }],
       /**
        * Border Width Right
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-r": [{
-        "border-r": D()
+        "border-r": A()
       }],
       /**
        * Border Width Bottom
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-b": [{
-        "border-b": D()
+        "border-b": A()
       }],
       /**
        * Border Width Left
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-l": [{
-        "border-l": D()
+        "border-l": A()
       }],
       /**
        * Divide Width X
        * @see https://tailwindcss.com/docs/border-width#between-children
        */
       "divide-x": [{
-        "divide-x": D()
+        "divide-x": A()
       }],
       /**
        * Divide Width X Reverse
@@ -4195,7 +4195,7 @@ const ee = (e) => {
        * @see https://tailwindcss.com/docs/border-width#between-children
        */
       "divide-y": [{
-        "divide-y": D()
+        "divide-y": A()
       }],
       /**
        * Divide Width Y Reverse
@@ -4305,7 +4305,7 @@ const ee = (e) => {
        * @see https://tailwindcss.com/docs/outline-width
        */
       "outline-w": [{
-        outline: ["", B, Ke, De]
+        outline: ["", B, Ke, Ae]
       }],
       /**
        * Outline Color
@@ -4357,7 +4357,7 @@ const ee = (e) => {
        * @see https://tailwindcss.com/docs/box-shadow#adding-a-ring
        */
       "ring-w": [{
-        ring: D()
+        ring: A()
       }],
       /**
        * Ring Width Inset
@@ -4380,7 +4380,7 @@ const ee = (e) => {
        * @see https://github.com/tailwindlabs/tailwindcss/blob/v4.0.0/packages/tailwindcss/src/utilities.ts#L4158
        */
       "ring-offset-w": [{
-        "ring-offset": [B, De]
+        "ring-offset": [B, Ae]
       }],
       /**
        * Ring Offset Color
@@ -4396,7 +4396,7 @@ const ee = (e) => {
        * @see https://tailwindcss.com/docs/box-shadow#adding-an-inset-ring
        */
       "inset-ring-w": [{
-        "inset-ring": D()
+        "inset-ring": A()
       }],
       /**
        * Inset Ring Color
@@ -4910,7 +4910,7 @@ const ee = (e) => {
        * @see https://tailwindcss.com/docs/perspective
        */
       perspective: [{
-        perspective: [z, w, v]
+        perspective: [D, w, v]
       }],
       /**
        * Perspective Origin
@@ -5330,7 +5330,7 @@ const ee = (e) => {
        * @see https://tailwindcss.com/docs/stroke-width
        */
       "stroke-w": [{
-        stroke: [B, Ke, De, yt]
+        stroke: [B, Ke, Ae, yt]
       }],
       /**
        * Stroke
@@ -5596,20 +5596,20 @@ const Wi = (e) => /* @__PURE__ */ l(
   className: f,
   tooltipClassName: u
 }) => {
-  const [m, g] = xe(!1), [s, j] = xe(n), M = ze(null), k = ze(!1), z = ze(null), _ = e !== void 0 ? e : m, R = r === "hover" || r === "both", Z = r === "click" || r === "both", V = Ao(), J = vt[`tooltip-position-${s}`] || "", Y = S(vt.tooltipWrapper, f), W = S(
+  const [m, g] = xe(!1), [s, j] = xe(n), M = De(null), k = De(!1), D = De(null), _ = e !== void 0 ? e : m, R = r === "hover" || r === "both", Z = r === "click" || r === "both", V = zo(), J = vt[`tooltip-position-${s}`] || "", Y = S(vt.tooltipWrapper, f), W = S(
     vt.tooltip,
     J,
     u
   );
-  return /* @__PURE__ */ A(
+  return /* @__PURE__ */ z(
     "span",
     {
-      ref: z,
+      ref: D,
       className: Y,
       onMouseEnter: () => {
         !R || e !== void 0 || (M.current && clearTimeout(M.current), M.current = window.setTimeout(() => {
-          if (n === "mostSpace" && z.current) {
-            const E = z.current.getBoundingClientRect(), K = E.top, re = window.innerHeight - E.bottom;
+          if (n === "mostSpace" && D.current) {
+            const E = D.current.getBoundingClientRect(), K = E.top, re = window.innerHeight - E.bottom;
             j(re >= K ? "below" : "above");
           } else
             j(n);
@@ -5623,8 +5623,8 @@ const Wi = (e) => /* @__PURE__ */ l(
       },
       onClick: () => {
         if (!(!Z || e !== void 0)) {
-          if (k.current = !k.current, n === "mostSpace" && z.current) {
-            const E = z.current.getBoundingClientRect(), K = E.top, re = window.innerHeight - E.bottom;
+          if (k.current = !k.current, n === "mostSpace" && D.current) {
+            const E = D.current.getBoundingClientRect(), K = E.top, re = window.innerHeight - E.bottom;
             j(re >= K ? "below" : "above");
           } else
             j(n);
@@ -5668,13 +5668,13 @@ const Wi = (e) => /* @__PURE__ */ l(
     rows: s = 4,
     ...j
   }, M) => {
-    const k = m !== void 0, [z, _] = xe(
+    const k = m !== void 0, [D, _] = xe(
       (g == null ? void 0 : g.toString()) || ""
     );
     qe(() => {
       !k && g !== void 0 && _(g.toString());
     }, [g]);
-    const R = k ? m : z, Z = (V) => {
+    const R = k ? m : D, Z = (V) => {
       const J = V.target.value;
       k || _(J), u == null || u(V);
     };
@@ -5713,8 +5713,8 @@ export {
   Ii as Checkbox,
   Ti as Collapse,
   Ei as CourseCollapse,
-  Di as CustomToaster,
-  Ai as Dropdown,
+  Ai as CustomToaster,
+  zi as Dropdown,
   Be as Empty,
   St as FormItem,
   Je as IconButton,
@@ -5739,6 +5739,6 @@ export {
   Ui as Tooltip,
   Vr as TopBar,
   de as Typography,
-  zi as message
+  Di as message
 };
 //# sourceMappingURL=stp-ui-kit.es.js.map