stp-ui-kit 0.0.20 → 0.0.21

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

@@ -1,4 +1,4 @@
-import { jsx as i, jsxs as S, Fragment as zt } from "react/jsx-runtime";
+import { jsx as i, jsxs as I, Fragment as zt } from "react/jsx-runtime";
 import St, { useState as ue, useEffect as Ve, forwardRef as rt, createElement as Re, createContext as It, useContext as At, useRef as Te, useId as Tt } from "react";
 import { createRoot as nt } from "react-dom/client";
 var Ot = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
@@ -16,8 +16,8 @@ var at = { exports: {} };
     var t = {}.hasOwnProperty;
     function o() {
       for (var s = "", l = 0; l < arguments.length; l++) {
-        var f = arguments[l];
-        f && (s = a(s, r(f)));
+        var p = arguments[l];
+        p && (s = a(s, r(p)));
       }
       return s;
     }
@@ -31,8 +31,8 @@ var at = { exports: {} };
       if (s.toString !== Object.prototype.toString && !s.toString.toString().includes("[native code]"))
         return s.toString();
       var l = "";
-      for (var f in s)
-        t.call(s, f) && s[f] && (l = a(l, f));
+      for (var p in s)
+        t.call(s, p) && s[p] && (l = a(l, p));
       return l;
     }
     function a(s, l) {
@@ -41,8 +41,8 @@ var at = { exports: {} };
     e.exports ? (o.default = o, e.exports = o) : window.classNames = o;
   })();
 })(at);
-var Bt = at.exports;
-const I = /* @__PURE__ */ st(Bt), Lt = "_typography_1eofx_29", Je = {
+var qt = at.exports;
+const N = /* @__PURE__ */ st(qt), Bt = "_typography_1eofx_29", Je = {
   "shadow-0": "_shadow-0_1eofx_1",
   "shadow-100": "_shadow-100_1eofx_5",
   "shadow-200": "_shadow-200_1eofx_9",
@@ -50,7 +50,7 @@ const I = /* @__PURE__ */ st(Bt), Lt = "_typography_1eofx_29", Je = {
   "shadow-400": "_shadow-400_1eofx_17",
   "shadow-500": "_shadow-500_1eofx_21",
   "shadow-600": "_shadow-600_1eofx_25",
-  typography: Lt,
+  typography: Bt,
   "heading-xl": "_heading-xl_1eofx_34",
   "heading-lg": "_heading-lg_1eofx_43",
   "heading-md": "_heading-md_1eofx_52",
@@ -65,11 +65,11 @@ const I = /* @__PURE__ */ st(Bt), Lt = "_typography_1eofx_29", Je = {
   children: o
 }) => {
   const r = Je[e] || "";
-  return /* @__PURE__ */ i("div", { className: I(Je.typography, r, t), children: o });
-}, Dt = "_container_1t90t_29", Pt = "_content_1t90t_40", qt = "_title_1t90t_57", Et = "_timer_1t90t_68", jt = "_timerCell_1t90t_80", Rt = "_timerCount_1t90t_87", Gt = "_pattern_1t90t_102", Ht = "_button_1t90t_129", ie = {
-  container: Dt,
-  content: Pt,
-  title: qt,
+  return /* @__PURE__ */ i("div", { className: N(Je.typography, r, t), children: o });
+}, Lt = "_container_1t90t_29", Dt = "_content_1t90t_40", Pt = "_title_1t90t_57", Et = "_timer_1t90t_68", jt = "_timerCell_1t90t_80", Rt = "_timerCount_1t90t_87", Gt = "_pattern_1t90t_102", Ht = "_button_1t90t_129", ie = {
+  container: Lt,
+  content: Dt,
+  title: Pt,
   timer: Et,
   timerCell: jt,
   timerCount: Rt,
@@ -81,30 +81,30 @@ var it = { exports: {} };
   (function(o, r) {
     e.exports = r();
   })(Ot, function() {
-    var o = 1e3, r = 6e4, a = 36e5, s = "millisecond", l = "second", f = "minute", h = "hour", _ = "day", k = "week", N = "month", E = "quarter", T = "year", z = "date", B = "Invalid Date", q = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/, G = /\[([^\]]+)]|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, se = { 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(g) {
+    var o = 1e3, r = 6e4, a = 36e5, s = "millisecond", l = "second", p = "minute", h = "hour", _ = "day", k = "week", z = "month", E = "quarter", T = "year", S = "date", q = "Invalid Date", P = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/, G = /\[([^\]]+)]|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, se = { 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(g) {
       var d = ["th", "st", "nd", "rd"], c = g % 100;
       return "[" + g + (d[(c - 20) % 10] || d[c] || d[0]) + "]";
     } }, U = function(g, d, c) {
-      var p = String(g);
-      return !p || p.length >= d ? g : "" + Array(d + 1 - p.length).join(c) + g;
+      var f = String(g);
+      return !f || f.length >= d ? g : "" + Array(d + 1 - f.length).join(c) + g;
     }, K = { s: U, z: function(g) {
-      var d = -g.utcOffset(), c = Math.abs(d), p = Math.floor(c / 60), n = c % 60;
-      return (d <= 0 ? "+" : "-") + U(p, 2, "0") + ":" + U(n, 2, "0");
+      var d = -g.utcOffset(), c = Math.abs(d), f = Math.floor(c / 60), n = c % 60;
+      return (d <= 0 ? "+" : "-") + U(f, 2, "0") + ":" + U(n, 2, "0");
     }, m: function g(d, c) {
       if (d.date() < c.date()) return -g(c, d);
-      var p = 12 * (c.year() - d.year()) + (c.month() - d.month()), n = d.clone().add(p, N), w = c - n < 0, y = d.clone().add(p + (w ? -1 : 1), N);
-      return +(-(p + (c - n) / (w ? n - y : y - n)) || 0);
+      var f = 12 * (c.year() - d.year()) + (c.month() - d.month()), n = d.clone().add(f, z), w = c - n < 0, y = d.clone().add(f + (w ? -1 : 1), z);
+      return +(-(f + (c - n) / (w ? n - y : y - n)) || 0);
     }, a: function(g) {
       return g < 0 ? Math.ceil(g) || 0 : Math.floor(g);
     }, p: function(g) {
-      return { M: N, y: T, w: k, d: _, D: z, h, m: f, s: l, ms: s, Q: E }[g] || String(g || "").toLowerCase().replace(/s$/, "");
+      return { M: z, y: T, w: k, d: _, D: S, h, m: p, s: l, ms: s, Q: E }[g] || String(g || "").toLowerCase().replace(/s$/, "");
     }, u: function(g) {
       return g === void 0;
     } }, W = "en", j = {};
     j[W] = se;
     var ee = "$isDayjsObject", b = function(g) {
       return g instanceof V || !(!g || !g[ee]);
-    }, H = function g(d, c, p) {
+    }, H = function g(d, c, f) {
       var n;
       if (!d) return W;
       if (typeof d == "string") {
@@ -116,14 +116,14 @@ var it = { exports: {} };
         var M = d.name;
         j[M] = d, n = M;
       }
-      return !p && n && (W = n), n || !p && W;
-    }, L = function(g, d) {
+      return !f && n && (W = n), n || !f && W;
+    }, B = function(g, d) {
       if (b(g)) return g.clone();
       var c = typeof d == "object" ? d : {};
       return c.date = g, c.args = arguments, new V(c);
     }, x = K;
     x.l = H, x.i = b, x.w = function(g, d) {
-      return L(g, { locale: d.$L, utc: d.$u, x: d.$x, $offset: d.$offset });
+      return B(g, { locale: d.$L, utc: d.$u, x: d.$x, $offset: d.$offset });
     };
     var V = function() {
       function g(c) {
@@ -131,13 +131,13 @@ var it = { exports: {} };
       }
       var d = g.prototype;
       return d.parse = function(c) {
-        this.$d = function(p) {
-          var n = p.date, w = p.utc;
+        this.$d = function(f) {
+          var n = f.date, w = f.utc;
           if (n === null) return /* @__PURE__ */ new Date(NaN);
           if (x.u(n)) return /* @__PURE__ */ new Date();
           if (n instanceof Date) return new Date(n);
           if (typeof n == "string" && !/Z$/i.test(n)) {
-            var y = n.match(q);
+            var y = n.match(P);
             if (y) {
               var M = y[2] - 1 || 0, O = (y[7] || "0").substring(0, 3);
               return w ? new Date(Date.UTC(y[1], M, y[3] || 1, y[4] || 0, y[5] || 0, y[6] || 0, O)) : new Date(y[1], M, y[3] || 1, y[4] || 0, y[5] || 0, y[6] || 0, O);
@@ -151,41 +151,41 @@ var it = { exports: {} };
       }, d.$utils = function() {
         return x;
       }, d.isValid = function() {
-        return this.$d.toString() !== B;
-      }, d.isSame = function(c, p) {
-        var n = L(c);
-        return this.startOf(p) <= n && n <= this.endOf(p);
-      }, d.isAfter = function(c, p) {
-        return L(c) < this.startOf(p);
-      }, d.isBefore = function(c, p) {
-        return this.endOf(p) < L(c);
-      }, d.$g = function(c, p, n) {
-        return x.u(c) ? this[p] : this.set(n, c);
+        return this.$d.toString() !== q;
+      }, d.isSame = function(c, f) {
+        var n = B(c);
+        return this.startOf(f) <= n && n <= this.endOf(f);
+      }, d.isAfter = function(c, f) {
+        return B(c) < this.startOf(f);
+      }, d.isBefore = function(c, f) {
+        return this.endOf(f) < B(c);
+      }, d.$g = function(c, f, n) {
+        return x.u(c) ? this[f] : this.set(n, c);
       }, d.unix = function() {
         return Math.floor(this.valueOf() / 1e3);
       }, d.valueOf = function() {
         return this.$d.getTime();
-      }, d.startOf = function(c, p) {
-        var n = this, w = !!x.u(p) || p, y = x.p(c), M = function(Y, D) {
-          var Z = x.w(n.$u ? Date.UTC(n.$y, D, Y) : new Date(n.$y, D, Y), n);
+      }, d.startOf = function(c, f) {
+        var n = this, w = !!x.u(f) || f, y = x.p(c), M = function(Y, L) {
+          var Z = x.w(n.$u ? Date.UTC(n.$y, L, Y) : new Date(n.$y, L, Y), n);
           return w ? Z : Z.endOf(_);
-        }, O = function(Y, D) {
-          return x.w(n.toDate()[Y].apply(n.toDate("s"), (w ? [0, 0, 0, 0] : [23, 59, 59, 999]).slice(D)), n);
+        }, O = function(Y, L) {
+          return x.w(n.toDate()[Y].apply(n.toDate("s"), (w ? [0, 0, 0, 0] : [23, 59, 59, 999]).slice(L)), n);
         }, $ = this.$W, C = this.$M, R = this.$D, oe = "set" + (this.$u ? "UTC" : "");
         switch (y) {
           case T:
             return w ? M(1, 0) : M(31, 11);
-          case N:
+          case z:
             return w ? M(1, C) : M(0, C + 1);
           case k:
             var A = this.$locale().weekStart || 0, ae = ($ < A ? $ + 7 : $) - A;
             return M(w ? R - ae : R + (6 - ae), C);
           case _:
-          case z:
+          case S:
             return O(oe + "Hours", 0);
           case h:
             return O(oe + "Minutes", 1);
-          case f:
+          case p:
             return O(oe + "Seconds", 2);
           case l:
             return O(oe + "Milliseconds", 3);
@@ -194,50 +194,50 @@ var it = { exports: {} };
         }
       }, d.endOf = function(c) {
         return this.startOf(c, !1);
-      }, d.$set = function(c, p) {
-        var n, w = x.p(c), y = "set" + (this.$u ? "UTC" : ""), M = (n = {}, n[_] = y + "Date", n[z] = y + "Date", n[N] = y + "Month", n[T] = y + "FullYear", n[h] = y + "Hours", n[f] = y + "Minutes", n[l] = y + "Seconds", n[s] = y + "Milliseconds", n)[w], O = w === _ ? this.$D + (p - this.$W) : p;
-        if (w === N || w === T) {
-          var $ = this.clone().set(z, 1);
-          $.$d[M](O), $.init(), this.$d = $.set(z, Math.min(this.$D, $.daysInMonth())).$d;
+      }, d.$set = function(c, f) {
+        var n, w = x.p(c), y = "set" + (this.$u ? "UTC" : ""), M = (n = {}, n[_] = y + "Date", n[S] = y + "Date", n[z] = y + "Month", n[T] = y + "FullYear", n[h] = y + "Hours", n[p] = y + "Minutes", n[l] = y + "Seconds", n[s] = y + "Milliseconds", n)[w], O = w === _ ? this.$D + (f - this.$W) : f;
+        if (w === z || w === T) {
+          var $ = this.clone().set(S, 1);
+          $.$d[M](O), $.init(), this.$d = $.set(S, Math.min(this.$D, $.daysInMonth())).$d;
         } else M && this.$d[M](O);
         return this.init(), this;
-      }, d.set = function(c, p) {
-        return this.clone().$set(c, p);
+      }, d.set = function(c, f) {
+        return this.clone().$set(c, f);
       }, d.get = function(c) {
         return this[x.p(c)]();
-      }, d.add = function(c, p) {
+      }, d.add = function(c, f) {
         var n, w = this;
         c = Number(c);
-        var y = x.p(p), M = function(C) {
-          var R = L(w);
+        var y = x.p(f), M = function(C) {
+          var R = B(w);
           return x.w(R.date(R.date() + Math.round(C * c)), w);
         };
-        if (y === N) return this.set(N, this.$M + c);
+        if (y === z) return this.set(z, this.$M + c);
         if (y === T) return this.set(T, this.$y + c);
         if (y === _) return M(1);
         if (y === k) return M(7);
-        var O = (n = {}, n[f] = r, n[h] = a, n[l] = o, n)[y] || 1, $ = this.$d.getTime() + c * O;
+        var O = (n = {}, n[p] = r, n[h] = a, n[l] = o, n)[y] || 1, $ = this.$d.getTime() + c * O;
         return x.w($, this);
-      }, d.subtract = function(c, p) {
-        return this.add(-1 * c, p);
+      }, d.subtract = function(c, f) {
+        return this.add(-1 * c, f);
       }, d.format = function(c) {
-        var p = this, n = this.$locale();
-        if (!this.isValid()) return n.invalidDate || B;
-        var w = c || "YYYY-MM-DDTHH:mm:ssZ", y = x.z(this), M = this.$H, O = this.$m, $ = this.$M, C = n.weekdays, R = n.months, oe = n.meridiem, A = function(D, Z, X, Ce) {
-          return D && (D[Z] || D(p, w)) || X[Z].slice(0, Ce);
-        }, ae = function(D) {
-          return x.s(M % 12 || 12, D, "0");
-        }, Y = oe || function(D, Z, X) {
-          var Ce = D < 12 ? "AM" : "PM";
+        var f = this, n = this.$locale();
+        if (!this.isValid()) return n.invalidDate || q;
+        var w = c || "YYYY-MM-DDTHH:mm:ssZ", y = x.z(this), M = this.$H, O = this.$m, $ = this.$M, C = n.weekdays, R = n.months, oe = n.meridiem, A = function(L, Z, X, Ce) {
+          return L && (L[Z] || L(f, w)) || X[Z].slice(0, Ce);
+        }, ae = function(L) {
+          return x.s(M % 12 || 12, L, "0");
+        }, Y = oe || function(L, Z, X) {
+          var Ce = L < 12 ? "AM" : "PM";
           return X ? Ce.toLowerCase() : Ce;
         };
-        return w.replace(G, function(D, Z) {
+        return w.replace(G, function(L, Z) {
           return Z || function(X) {
             switch (X) {
               case "YY":
-                return String(p.$y).slice(-2);
+                return String(f.$y).slice(-2);
               case "YYYY":
-                return x.s(p.$y, 4, "0");
+                return x.s(f.$y, 4, "0");
               case "M":
                 return $ + 1;
               case "MM":
@@ -247,17 +247,17 @@ var it = { exports: {} };
               case "MMMM":
                 return A(R, $);
               case "D":
-                return p.$D;
+                return f.$D;
               case "DD":
-                return x.s(p.$D, 2, "0");
+                return x.s(f.$D, 2, "0");
               case "d":
-                return String(p.$W);
+                return String(f.$W);
               case "dd":
-                return A(n.weekdaysMin, p.$W, C, 2);
+                return A(n.weekdaysMin, f.$W, C, 2);
               case "ddd":
-                return A(n.weekdaysShort, p.$W, C, 3);
+                return A(n.weekdaysShort, f.$W, C, 3);
               case "dddd":
-                return C[p.$W];
+                return C[f.$W];
               case "H":
                 return String(M);
               case "HH":
@@ -275,28 +275,28 @@ var it = { exports: {} };
               case "mm":
                 return x.s(O, 2, "0");
               case "s":
-                return String(p.$s);
+                return String(f.$s);
               case "ss":
-                return x.s(p.$s, 2, "0");
+                return x.s(f.$s, 2, "0");
               case "SSS":
-                return x.s(p.$ms, 3, "0");
+                return x.s(f.$ms, 3, "0");
               case "Z":
                 return y;
             }
             return null;
-          }(D) || y.replace(":", "");
+          }(L) || y.replace(":", "");
         });
       }, d.utcOffset = function() {
         return 15 * -Math.round(this.$d.getTimezoneOffset() / 15);
-      }, d.diff = function(c, p, n) {
-        var w, y = this, M = x.p(p), O = L(c), $ = (O.utcOffset() - this.utcOffset()) * r, C = this - O, R = function() {
+      }, d.diff = function(c, f, n) {
+        var w, y = this, M = x.p(f), O = B(c), $ = (O.utcOffset() - this.utcOffset()) * r, C = this - O, R = function() {
           return x.m(y, O);
         };
         switch (M) {
           case T:
             w = R() / 12;
             break;
-          case N:
+          case z:
             w = R();
             break;
           case E:
@@ -311,7 +311,7 @@ var it = { exports: {} };
           case h:
             w = C / a;
             break;
-          case f:
+          case p:
             w = C / r;
             break;
           case l:
@@ -322,12 +322,12 @@ var it = { exports: {} };
         }
         return n ? w : x.a(w);
       }, d.daysInMonth = function() {
-        return this.endOf(N).$D;
+        return this.endOf(z).$D;
       }, d.$locale = function() {
         return j[this.$L];
-      }, d.locale = function(c, p) {
+      }, d.locale = function(c, f) {
         if (!c) return this.$L;
-        var n = this.clone(), w = H(c, p, !0);
+        var n = this.clone(), w = H(c, f, !0);
         return w && (n.$L = w), n;
       }, d.clone = function() {
         return x.w(this.$d, this);
@@ -341,15 +341,15 @@ var it = { exports: {} };
         return this.$d.toUTCString();
       }, g;
     }(), te = V.prototype;
-    return L.prototype = te, [["$ms", s], ["$s", l], ["$m", f], ["$H", h], ["$W", _], ["$M", N], ["$y", T], ["$D", z]].forEach(function(g) {
+    return B.prototype = te, [["$ms", s], ["$s", l], ["$m", p], ["$H", h], ["$W", _], ["$M", z], ["$y", T], ["$D", S]].forEach(function(g) {
       te[g[1]] = function(d) {
         return this.$g(d, g[0], g[1]);
       };
-    }), L.extend = function(g, d) {
-      return g.$i || (g(d, V, L), g.$i = !0), L;
-    }, L.locale = H, L.isDayjs = b, L.unix = function(g) {
-      return L(1e3 * g);
-    }, L.en = j[W], L.Ls = j, L.p = {}, L;
+    }), B.extend = function(g, d) {
+      return g.$i || (g(d, V, B), g.$i = !0), B;
+    }, B.locale = H, B.isDayjs = b, B.unix = function(g) {
+      return B(1e3 * g);
+    }, B.en = j[W], B.Ls = j, B.p = {}, B;
   });
 })(it);
 var Ft = it.exports;
@@ -365,27 +365,27 @@ const Wt = /* @__PURE__ */ st(Ft), Vt = (e) => {
   buttonColor: s,
   onClick: l
 }) => {
-  const [f, h] = ue(!1), [_, k] = ue({
+  const [p, h] = ue(!1), [_, k] = ue({
     days: 0,
     hours: 0,
     minutes: 0,
     seconds: 0
   });
   Ve(() => {
-    const E = new Date(r), T = (q) => ({
-      days: Math.floor(q / (1e3 * 60 * 60 * 24)),
-      hours: Math.floor(q / (1e3 * 60 * 60) % 24),
-      minutes: Math.floor(q / (1e3 * 60) % 60),
-      seconds: Math.floor(q / 1e3 % 60)
-    }), z = () => {
-      const q = Date.now(), G = E.getTime() - q;
+    const E = new Date(r), T = (P) => ({
+      days: Math.floor(P / (1e3 * 60 * 60 * 24)),
+      hours: Math.floor(P / (1e3 * 60 * 60) % 24),
+      minutes: Math.floor(P / (1e3 * 60) % 60),
+      seconds: Math.floor(P / 1e3 % 60)
+    }), S = () => {
+      const P = Date.now(), G = E.getTime() - P;
       G <= 0 ? (h(!0), k({ days: 0, hours: 0, minutes: 0, seconds: 0 })) : k(T(G));
     };
-    z();
-    const B = setInterval(z, 1e3);
-    return () => clearInterval(B);
+    S();
+    const q = setInterval(S, 1e3);
+    return () => clearInterval(q);
   }, [r]);
-  const N = (E, T) => /* @__PURE__ */ S("div", { className: ie.timerCell, children: [
+  const z = (E, T) => /* @__PURE__ */ I("div", { className: ie.timerCell, children: [
     /* @__PURE__ */ i(
       F,
       {
@@ -396,22 +396,22 @@ const Wt = /* @__PURE__ */ st(Ft), Vt = (e) => {
     ),
     T
   ] });
-  return /* @__PURE__ */ S(
+  return /* @__PURE__ */ I(
     "div",
     {
       className: ie.container,
       style: { backgroundColor: e },
       children: [
-        /* @__PURE__ */ S("div", { className: ie.content, children: [
-          /* @__PURE__ */ S("div", { className: ie.title, children: [
+        /* @__PURE__ */ I("div", { className: ie.content, children: [
+          /* @__PURE__ */ I("div", { className: ie.title, children: [
             /* @__PURE__ */ i(F, { variant: "heading-md", children: t }),
             /* @__PURE__ */ i(F, { variant: "body-md", children: Vt(r) })
           ] }),
-          /* @__PURE__ */ S("div", { className: ie.timer, children: [
-            N(_.days, "Days"),
-            N(_.hours, "Hours"),
-            N(_.minutes, "Minutes"),
-            N(_.seconds, "Seconds")
+          /* @__PURE__ */ I("div", { className: ie.timer, children: [
+            z(_.days, "Days"),
+            z(_.hours, "Hours"),
+            z(_.minutes, "Minutes"),
+            z(_.seconds, "Seconds")
           ] })
         ] }),
         /* @__PURE__ */ i(
@@ -420,9 +420,9 @@ const Wt = /* @__PURE__ */ st(Ft), Vt = (e) => {
             className: ie.pattern,
             style: {
               "--pattern-color": e,
-              "--pattern-url": `url(${f ? a ?? o : o})`
+              "--pattern-url": `url(${p ? a ?? o : o})`
             },
-            children: f && /* @__PURE__ */ i(
+            children: p && /* @__PURE__ */ i(
               "button",
               {
                 className: ie.button,
@@ -465,9 +465,9 @@ const Wt = /* @__PURE__ */ st(Ft), Vt = (e) => {
   onClick: s = () => {
   },
   className: l = "",
-  ...f
+  ...p
 }) => {
-  const h = I(
+  const h = N(
     Me.btn,
     Me[e],
     Me[t],
@@ -482,7 +482,7 @@ const Wt = /* @__PURE__ */ st(Ft), Vt = (e) => {
       className: h,
       onClick: s,
       disabled: r,
-      ...f,
+      ...p,
       children: a
     }
   );
@@ -536,7 +536,7 @@ const no = rt(
     className: a = "",
     children: s,
     iconNode: l,
-    ...f
+    ...p
   }, h) => Re(
     "svg",
     {
@@ -547,8 +547,8 @@ const no = rt(
       stroke: e,
       strokeWidth: r ? Number(o) * 24 / Number(t) : o,
       className: lt("lucide", a),
-      ...!s && !oo(f) && { "aria-hidden": "true" },
-      ...f
+      ...!s && !oo(p) && { "aria-hidden": "true" },
+      ...p
     },
     [
       ...l.map(([_, k]) => Re(_, k)),
@@ -652,11 +652,11 @@ const ho = [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const fo = [
+const po = [
   ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
   ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
-], ht = he("x", fo), po = "_navigationItem_1epug_29", _o = "_container_1epug_45", go = "_IconContainer_1epug_51", bo = "_ParentLine_1epug_57", wo = "_secondaryIcon_1epug_69", yo = "_active_1epug_80", vo = "_collapsed_1epug_88", ko = "_label_1epug_92", re = {
-  navigationItem: po,
+], ht = he("x", po), fo = "_navigationItem_1epug_29", _o = "_container_1epug_45", go = "_IconContainer_1epug_51", bo = "_ParentLine_1epug_57", wo = "_secondaryIcon_1epug_69", yo = "_active_1epug_80", vo = "_collapsed_1epug_88", ko = "_label_1epug_92", re = {
+  navigationItem: fo,
   container: _o,
   IconContainer: go,
   ParentLine: bo,
@@ -672,19 +672,19 @@ const fo = [
   active: a = !1,
   isParentNode: s = !1,
   onClick: l,
-  className: f
-}) => /* @__PURE__ */ S(
+  className: p
+}) => /* @__PURE__ */ I(
   "div",
   {
-    className: I(
+    className: N(
       re.navigationItem,
       a && re.active,
-      f
+      p
     ),
     onClick: l,
     children: [
-      /* @__PURE__ */ S("div", { className: re.container, children: [
-        /* @__PURE__ */ S("div", { className: re.IconContainer, children: [
+      /* @__PURE__ */ I("div", { className: re.container, children: [
+        /* @__PURE__ */ I("div", { className: re.IconContainer, children: [
           e,
           s && /* @__PURE__ */ i(
             "img",
@@ -699,7 +699,7 @@ const fo = [
           F,
           {
             variant: "body-md",
-            className: I(r && re.collapsed, re.label),
+            className: N(r && re.collapsed, re.label),
             children: t
           }
         )
@@ -707,7 +707,7 @@ const fo = [
       o && /* @__PURE__ */ i(
         "div",
         {
-          className: I(
+          className: N(
             re.secondaryIcon,
             r && re.collapsed
           ),
@@ -722,13 +722,13 @@ const fo = [
   arrowBlock: Co,
   isOpen: Mo
 }, Xn = ({ activeItemId: e, onChange: t, item: o }) => {
-  var f, h;
-  const r = (f = o.children) == null ? void 0 : f.findIndex(
+  var p, h;
+  const r = (p = o.children) == null ? void 0 : p.findIndex(
     (_) => _.id === e
   ), [a, s] = ue(r !== -1), l = () => {
     o.children && s(!a), t(o);
   };
-  return /* @__PURE__ */ S("div", { children: [
+  return /* @__PURE__ */ I("div", { children: [
     /* @__PURE__ */ i(
       Ae,
       {
@@ -738,19 +738,19 @@ const fo = [
         onClick: l,
         isParentNode: a && r !== -1,
         active: r !== -1 && !a,
-        className: I(a && r === -1 && xe.isOpen)
+        className: N(a && r === -1 && xe.isOpen)
       }
     ),
-    /* @__PURE__ */ i("div", { className: xe.childContainer, children: a && ((h = o.children) == null ? void 0 : h.map((_, k) => /* @__PURE__ */ S(
+    /* @__PURE__ */ i("div", { className: xe.childContainer, children: a && ((h = o.children) == null ? void 0 : h.map((_, k) => /* @__PURE__ */ I(
       "div",
       {
-        className: I(
+        className: N(
           xe.ArrowContainer,
           e === _.id ? xe.active : ""
         ),
         onClick: () => t(_),
         children: [
-          /* @__PURE__ */ S("div", { className: xe.arrowBlock, children: [
+          /* @__PURE__ */ I("div", { className: xe.arrowBlock, children: [
             r === k && /* @__PURE__ */ i(
               "img",
               {
@@ -790,13 +790,13 @@ const fo = [
   onChange: t,
   item: o
 }) => {
-  var f, h;
-  const r = (f = o.children) == null ? void 0 : f.findIndex(
+  var p, h;
+  const r = (p = o.children) == null ? void 0 : p.findIndex(
     (_) => _.id === e
   ), [a, s] = ue(r !== -1), l = () => {
     o.children && s(!a), t(o);
   };
-  return /* @__PURE__ */ S("div", { children: [
+  return /* @__PURE__ */ I("div", { children: [
     /* @__PURE__ */ i(
       Ae,
       {
@@ -806,19 +806,19 @@ const fo = [
         onClick: l,
         isParentNode: a && r !== -1,
         active: r !== -1 && !a,
-        className: I(a && r === -1 && _e.isOpen)
+        className: N(a && r === -1 && _e.isOpen)
       }
     ),
-    /* @__PURE__ */ i("div", { className: _e.childContainer, children: a && ((h = o.children) == null ? void 0 : h.map((_, k) => /* @__PURE__ */ S(
+    /* @__PURE__ */ i("div", { className: _e.childContainer, children: a && ((h = o.children) == null ? void 0 : h.map((_, k) => /* @__PURE__ */ I(
       "div",
       {
-        className: I(
+        className: N(
           _e.ArrowContainer,
           e === _.id ? _e.active : ""
         ),
         onClick: () => t(_),
         children: [
-          /* @__PURE__ */ S("div", { className: _e.arrowBlock, children: [
+          /* @__PURE__ */ I("div", { className: _e.arrowBlock, children: [
             r === k && /* @__PURE__ */ i(
               "img",
               {
@@ -855,18 +855,18 @@ const fo = [
       _.id
     ))) })
   ] });
-}, To = "_emptyContainer_12l8u_29", Oo = "_imageContent_12l8u_55", Bo = "_content_12l8u_62", Lo = "_buttonContent_12l8u_69", Do = "_mobile_12l8u_85", Po = "_desktop_12l8u_86", ce = {
+}, To = "_emptyContainer_12l8u_29", Oo = "_imageContent_12l8u_55", qo = "_content_12l8u_62", Bo = "_buttonContent_12l8u_69", Lo = "_mobile_12l8u_85", Do = "_desktop_12l8u_86", ce = {
   emptyContainer: To,
   imageContent: Oo,
-  content: Bo,
-  buttonContent: Lo,
-  mobile: Do,
-  desktop: Po
-}, qo = ({ children: e, className: t = "" }) => /* @__PURE__ */ i("div", { className: `${ce.emptyContainer} ${t}`, children: e }), Eo = ({ children: e, className: t = "" }) => /* @__PURE__ */ S(zt, { children: [
+  content: qo,
+  buttonContent: Bo,
+  mobile: Lo,
+  desktop: Do
+}, Po = ({ children: e, className: t = "" }) => /* @__PURE__ */ i("div", { className: `${ce.emptyContainer} ${t}`, children: e }), Eo = ({ children: e, className: t = "" }) => /* @__PURE__ */ I(zt, { children: [
   /* @__PURE__ */ i(
     F,
     {
-      className: I(t, ce.desktop),
+      className: N(t, ce.desktop),
       variant: "heading-md",
       children: e
     }
@@ -874,12 +874,12 @@ const fo = [
   /* @__PURE__ */ i(
     F,
     {
-      className: I(t, ce.mobile),
+      className: N(t, ce.mobile),
       variant: "heading-sm",
       children: e
     }
   )
-] }), jo = ({ children: e, className: t = "" }) => /* @__PURE__ */ i("div", { className: I(t), children: e }), Ro = ({ children: e, className: t = "" }) => /* @__PURE__ */ i("div", { className: `${ce.content} ${t}`, children: e }), Go = ({ children: e, className: t = "" }) => /* @__PURE__ */ i("div", { className: `${ce.buttonContent} ${t}`, children: e }), Ho = ({
+] }), jo = ({ children: e, className: t = "" }) => /* @__PURE__ */ i("div", { className: N(t), children: e }), Ro = ({ children: e, className: t = "" }) => /* @__PURE__ */ i("div", { className: `${ce.content} ${t}`, children: e }), Go = ({ children: e, className: t = "" }) => /* @__PURE__ */ i("div", { className: `${ce.buttonContent} ${t}`, children: e }), Ho = ({
   children: e,
   onClick: t,
   className: o = ""
@@ -911,18 +911,18 @@ const fo = [
 }) => /* @__PURE__ */ i(
   "img",
   {
-    className: I(ce.imageContent, t),
+    className: N(ce.imageContent, t),
     src: e,
     alt: o
   }
-), fe = qo;
-fe.Title = Eo;
-fe.Context = jo;
-fe.Content = Ro;
-fe.ButtonContent = Go;
-fe.PrimaryButton = Ho;
-fe.SecondaryButton = Fo;
-fe.Image = Wo;
+), pe = Po;
+pe.Title = Eo;
+pe.Context = jo;
+pe.Content = Ro;
+pe.ButtonContent = Go;
+pe.PrimaryButton = Ho;
+pe.SecondaryButton = Fo;
+pe.Image = Wo;
 const Vo = "_formItem_znkaq_29", Uo = "_critical_znkaq_36", Yo = "_message_znkaq_40", Zo = "_error_znkaq_46", Jo = "_label_znkaq_50", Ko = "_disabled_znkaq_53", Xo = "_readOnly_znkaq_56", Qo = "_input_znkaq_60", Q = {
   "shadow-0": "_shadow-0_znkaq_1",
   "shadow-100": "_shadow-100_znkaq_5",
@@ -939,17 +939,17 @@ const Vo = "_formItem_znkaq_29", Uo = "_critical_znkaq_36", Yo = "_message_znkaq
   disabled: Ko,
   readOnly: Xo,
   input: Qo
-}, ft = It({
+}, pt = It({
   state: "default"
-}), Ue = () => At(ft), Ye = ({ children: e, error: t, disabled: o, readOnly: r }) => {
+}), Ue = () => At(pt), Ye = ({ children: e, error: t, disabled: o, readOnly: r }) => {
   let a = "default";
-  return t ? a = "error" : o ? a = "disabled" : r && (a = "readOnly"), /* @__PURE__ */ i(ft.Provider, { value: { state: a }, children: /* @__PURE__ */ i("div", { className: Q.formItem, children: e }) });
+  return t ? a = "error" : o ? a = "disabled" : r && (a = "readOnly"), /* @__PURE__ */ i(pt.Provider, { value: { state: a }, children: /* @__PURE__ */ i("div", { className: Q.formItem, children: e }) });
 }, er = ({ children: e }) => {
   const { state: t } = Ue();
   return /* @__PURE__ */ i(
     "label",
     {
-      className: I(
+      className: N(
         Q.label,
         t === "disabled" && Q.disabled,
         t === "readOnly" && Q.readOnly
@@ -957,14 +957,14 @@ const Vo = "_formItem_znkaq_29", Uo = "_critical_znkaq_36", Yo = "_message_znkaq
       children: e
     }
   );
-}, pt = St.forwardRef(
+}, ft = St.forwardRef(
   ({ as: e = "input", className: t, ...o }, r) => {
     const { state: a } = Ue();
     return /* @__PURE__ */ i(
       e,
       {
         ref: r,
-        className: I(Q.input, Q[a], t),
+        className: N(Q.input, Q[a], t),
         disabled: a === "disabled",
         readOnly: a === "readOnly",
         ...o
@@ -972,13 +972,13 @@ const Vo = "_formItem_znkaq_29", Uo = "_critical_znkaq_36", Yo = "_message_znkaq
     );
   }
 );
-pt.displayName = "FormItem.Input";
+ft.displayName = "FormItem.Input";
 const tr = ({ children: e }) => {
   const { state: t } = Ue();
-  return e ? /* @__PURE__ */ S(
+  return e ? /* @__PURE__ */ I(
     "div",
     {
-      className: I(
+      className: N(
         Q.message,
         t === "error" ? Q.error : Q.default
       ),
@@ -990,7 +990,7 @@ const tr = ({ children: e }) => {
   ) : null;
 };
 Ye.Label = er;
-Ye.Input = pt;
+Ye.Input = ft;
 Ye.Message = tr;
 const or = "_btn_vv6xf_29", rr = "_small_vv6xf_42", nr = "_medium_vv6xf_45", sr = "_large_vv6xf_48", ar = "_primary_vv6xf_69", ir = "_tertiary_vv6xf_85", lr = "_plain_vv6xf_100", Ne = {
   "shadow-0": "_shadow-0_vv6xf_1",
@@ -1021,9 +1021,9 @@ const or = "_btn_vv6xf_29", rr = "_small_vv6xf_42", nr = "_medium_vv6xf_45", sr
   onClick: s = () => {
   },
   className: l = "",
-  ...f
+  ...p
 }) => {
-  const h = I(
+  const h = N(
     Ne.btn,
     Ne[e],
     Ne[t],
@@ -1038,11 +1038,11 @@ const or = "_btn_vv6xf_29", rr = "_small_vv6xf_42", nr = "_medium_vv6xf_45", sr
       className: h,
       onClick: s,
       disabled: r,
-      ...f,
+      ...p,
       children: a
     }
   );
-}, cr = "_messageContainer_13r2b_29", dr = "_message_13r2b_29", mr = "_warning_13r2b_54", ur = "_error_13r2b_59", hr = "_critical_13r2b_64", fr = "_content_13r2b_72", me = {
+}, cr = "_messageContainer_13r2b_29", dr = "_message_13r2b_29", mr = "_warning_13r2b_54", ur = "_error_13r2b_59", hr = "_critical_13r2b_64", pr = "_content_13r2b_72", me = {
   "shadow-0": "_shadow-0_13r2b_1",
   "shadow-100": "_shadow-100_13r2b_5",
   "shadow-200": "_shadow-200_13r2b_9",
@@ -1056,10 +1056,10 @@ const or = "_btn_vv6xf_29", rr = "_small_vv6xf_42", nr = "_medium_vv6xf_45", sr
   warning: mr,
   error: ur,
   critical: hr,
-  content: fr
+  content: pr
 };
 let we = null;
-const pr = ({
+const fr = ({
   id: e,
   type: t,
   text: o,
@@ -1067,8 +1067,8 @@ const pr = ({
 }) => (Ve(() => {
   const a = setTimeout(() => r(e), 3e3);
   return () => clearTimeout(a);
-}, [e, r]), /* @__PURE__ */ S("div", { className: `${me.message} ${me[t]}`, children: [
-  /* @__PURE__ */ S("div", { className: me.content, children: [
+}, [e, r]), /* @__PURE__ */ I("div", { className: `${me.message} ${me[t]}`, children: [
+  /* @__PURE__ */ I("div", { className: me.content, children: [
     t === "error" && /* @__PURE__ */ i(mt, { className: me.critical }),
     t === "warning" && /* @__PURE__ */ i(ut, { className: me.warning }),
     o
@@ -1090,7 +1090,7 @@ const pr = ({
     t((a) => a.filter((s) => s.id !== r));
   };
   return /* @__PURE__ */ i("div", { className: me.messageContainer, children: e.map((r) => /* @__PURE__ */ i(
-    pr,
+    fr,
     {
       ...r,
       onClose: o
@@ -1155,23 +1155,23 @@ const es = {
   children: l
 }) => {
   if (!e) return null;
-  const f = J[`tone-${s}`] || "";
+  const p = J[`tone-${s}`] || "";
   return /* @__PURE__ */ i(
     "div",
     {
       className: J.modalLayout,
       onClick: t,
-      children: /* @__PURE__ */ S(
+      children: /* @__PURE__ */ I(
         "div",
         {
-          className: `${J.modalContainer} ${f}`,
+          className: `${J.modalContainer} ${p}`,
           onClick: (h) => h.stopPropagation(),
           role: "dialog",
           "aria-modal": "true",
           "aria-labelledby": "modal-title",
           children: [
-            /* @__PURE__ */ S("div", { className: J.header, children: [
-              /* @__PURE__ */ S("div", { className: J.title, children: [
+            /* @__PURE__ */ I("div", { className: J.header, children: [
+              /* @__PURE__ */ I("div", { className: J.title, children: [
                 s == "critical" && /* @__PURE__ */ i(mt, { className: J.critical }),
                 s == "warning" && /* @__PURE__ */ i(ut, { className: J.warning }),
                 /* @__PURE__ */ i(F, { variant: "heading-sm", children: o })
@@ -1188,7 +1188,7 @@ const es = {
               )
             ] }),
             /* @__PURE__ */ i("div", { className: J.content, children: l }),
-            /* @__PURE__ */ S("div", { className: J.footer, children: [
+            /* @__PURE__ */ I("div", { className: J.footer, children: [
               a.map(({ content: h, onAction: _ }, k) => /* @__PURE__ */ i(
                 Ie,
                 {
@@ -1216,7 +1216,7 @@ const es = {
   );
 }, Ar = ({ children: e }) => /* @__PURE__ */ i("section", { className: J.section, children: e }), Ge = Ir;
 Ge.Section = Ar;
-function Be(e) {
+function qe(e) {
   const t = document.createElement("div");
   document.body.appendChild(t);
   const o = nt(t), r = () => {
@@ -1252,19 +1252,19 @@ function Be(e) {
   );
 }
 const ts = {
-  error: (e) => Be({ ...e, tone: "critical" }),
-  warning: (e) => Be({ ...e, tone: "warning" }),
-  info: (e) => Be({ ...e, tone: "default" })
-}, Tr = "_pageHeader_oy6lh_29", Or = "_mg_oy6lh_38", Br = "_lg_oy6lh_39", Le = {
+  error: (e) => qe({ ...e, tone: "critical" }),
+  warning: (e) => qe({ ...e, tone: "warning" }),
+  info: (e) => qe({ ...e, tone: "default" })
+}, Tr = "_pageHeader_oy6lh_29", Or = "_mg_oy6lh_38", qr = "_lg_oy6lh_39", Be = {
   pageHeader: Tr,
   mg: Or,
-  lg: Br
-}, os = ({ children: e }) => /* @__PURE__ */ S("header", { className: Le.pageHeader, children: [
+  lg: qr
+}, os = ({ children: e }) => /* @__PURE__ */ I("header", { className: Be.pageHeader, children: [
   /* @__PURE__ */ i(
     F,
     {
       variant: "heading-xl",
-      className: Le.lg,
+      className: Be.lg,
       children: e
     }
   ),
@@ -1272,30 +1272,30 @@ const ts = {
     F,
     {
       variant: "heading-md",
-      className: Le.mg,
+      className: Be.mg,
       children: e
     }
   )
-] }), Lr = "_container_1qf76_29", Dr = "_line_1qf76_35", Pr = "_progress_1qf76_41", De = {
-  container: Lr,
-  line: Dr,
-  progress: Pr
-}, rs = ({ percent: e }) => /* @__PURE__ */ i("div", { className: De.container, children: /* @__PURE__ */ i("div", { className: De.line, children: /* @__PURE__ */ i(
+] }), Br = "_container_1qf76_29", Lr = "_line_1qf76_35", Dr = "_progress_1qf76_41", Le = {
+  container: Br,
+  line: Lr,
+  progress: Dr
+}, rs = ({ percent: e }) => /* @__PURE__ */ i("div", { className: Le.container, children: /* @__PURE__ */ i("div", { className: Le.line, children: /* @__PURE__ */ i(
   "div",
   {
-    className: De.progress,
+    className: Le.progress,
     style: { width: `${e}%` }
   }
-) }) }), qr = "_container_1sj7i_29", Er = "_notMobile_1sj7i_38", jr = "_mobile_1sj7i_47", Pe = {
-  container: qr,
+) }) }), Pr = "_container_1sj7i_29", Er = "_notMobile_1sj7i_38", jr = "_mobile_1sj7i_47", De = {
+  container: Pr,
   notMobile: Er,
   mobile: jr
-}, ns = ({ title: e, extra: t }) => /* @__PURE__ */ S("div", { className: Pe.container, children: [
+}, ns = ({ title: e, extra: t }) => /* @__PURE__ */ I("div", { className: De.container, children: [
   /* @__PURE__ */ i(
     F,
     {
       variant: "heading-md",
-      className: Pe.notMobile,
+      className: De.notMobile,
       children: e
     }
   ),
@@ -1303,35 +1303,35 @@ const ts = {
     F,
     {
       variant: "heading-sm",
-      className: Pe.mobile,
+      className: De.mobile,
       children: e
     }
   ),
   t
-] }), Rr = "_td_9hffm_29", Gr = "_bottomBorder_9hffm_34", Hr = "_label_9hffm_38", Fr = "_input_9hffm_42", Wr = "_button_9hffm_50", Vr = "_checkbox_9hffm_58", Ur = "_empty_9hffm_62", Yr = "_th_9hffm_74", ye = {
-  "shadow-0": "_shadow-0_9hffm_1",
-  "shadow-100": "_shadow-100_9hffm_5",
-  "shadow-200": "_shadow-200_9hffm_9",
-  "shadow-300": "_shadow-300_9hffm_13",
-  "shadow-400": "_shadow-400_9hffm_17",
-  "shadow-500": "_shadow-500_9hffm_21",
-  "shadow-600": "_shadow-600_9hffm_25",
+] }), Rr = "_td_1qgyv_29", Gr = "_bottomBorder_1qgyv_34", Hr = "_label_1qgyv_38", Fr = "_input_1qgyv_42", Wr = "_button_1qgyv_49", Vr = "_checkbox_1qgyv_57", Ur = "_empty_1qgyv_61", Yr = "_th_1qgyv_73", ye = {
+  "shadow-0": "_shadow-0_1qgyv_1",
+  "shadow-100": "_shadow-100_1qgyv_5",
+  "shadow-200": "_shadow-200_1qgyv_9",
+  "shadow-300": "_shadow-300_1qgyv_13",
+  "shadow-400": "_shadow-400_1qgyv_17",
+  "shadow-500": "_shadow-500_1qgyv_21",
+  "shadow-600": "_shadow-600_1qgyv_25",
   td: Rr,
   bottomBorder: Gr,
   label: Hr,
   input: Fr,
   button: Wr,
-  "icon-button": "_icon-button_9hffm_54",
+  "icon-button": "_icon-button_1qgyv_53",
   checkbox: Vr,
   empty: Ur,
-  "icon-label": "_icon-label_9hffm_66",
+  "icon-label": "_icon-label_1qgyv_65",
   th: Yr
 }, ss = ({
   children: e,
   cellType: t = "label",
   ...o
 }) => {
-  const r = I(ye.td, ye[t]);
+  const r = N(ye.td, ye[t]);
   return /* @__PURE__ */ i(
     "div",
     {
@@ -1361,12 +1361,12 @@ const Ze = "-", Jr = (e) => {
   } = e;
   return {
     getClassGroupId: (l) => {
-      const f = l.split(Ze);
-      return f[0] === "" && f.length !== 1 && f.shift(), bt(f, t) || Kr(l);
+      const p = l.split(Ze);
+      return p[0] === "" && p.length !== 1 && p.shift(), bt(p, t) || Kr(l);
     },
-    getConflictingClassGroupIds: (l, f) => {
+    getConflictingClassGroupIds: (l, p) => {
       const h = o[l] || [];
-      return f && r[l] ? [...h, ...r[l]] : h;
+      return p && r[l] ? [...h, ...r[l]] : h;
     }
   };
 }, bt = (e, t) => {
@@ -1380,8 +1380,8 @@ const Ze = "-", Jr = (e) => {
     return;
   const s = e.join(Ze);
   return (l = t.validators.find(({
-    validator: f
-  }) => f(s))) == null ? void 0 : l.classGroupId;
+    validator: p
+  }) => p(s))) == null ? void 0 : l.classGroupId;
 }, Qe = /^\[(.+)\]$/, Kr = (e) => {
   if (Qe.test(e)) {
     const t = Qe.exec(e)[1], o = t == null ? void 0 : t.substring(0, t.indexOf(":"));
@@ -1460,26 +1460,26 @@ const Ze = "-", Jr = (e) => {
   } = e;
   let r = (a) => {
     const s = [];
-    let l = 0, f = 0, h = 0, _;
-    for (let z = 0; z < a.length; z++) {
-      let B = a[z];
-      if (l === 0 && f === 0) {
-        if (B === We) {
-          s.push(a.slice(h, z)), h = z + tn;
+    let l = 0, p = 0, h = 0, _;
+    for (let S = 0; S < a.length; S++) {
+      let q = a[S];
+      if (l === 0 && p === 0) {
+        if (q === We) {
+          s.push(a.slice(h, S)), h = S + tn;
           continue;
         }
-        if (B === "/") {
-          _ = z;
+        if (q === "/") {
+          _ = S;
           continue;
         }
       }
-      B === "[" ? l++ : B === "]" ? l-- : B === "(" ? f++ : B === ")" && f--;
+      q === "[" ? l++ : q === "]" ? l-- : q === "(" ? p++ : q === ")" && p--;
     }
-    const k = s.length === 0 ? a : a.substring(h), N = rn(k), E = N !== k, T = _ && _ > h ? _ - h : void 0;
+    const k = s.length === 0 ? a : a.substring(h), z = rn(k), E = z !== k, T = _ && _ > h ? _ - h : void 0;
     return {
       modifiers: s,
       hasImportantModifier: E,
-      baseClassName: N,
+      baseClassName: z,
       maybePostfixModifierPosition: T
     };
   };
@@ -1523,37 +1523,37 @@ const Ze = "-", Jr = (e) => {
     getClassGroupId: r,
     getConflictingClassGroupIds: a,
     sortModifiers: s
-  } = t, l = [], f = e.trim().split(an);
+  } = t, l = [], p = e.trim().split(an);
   let h = "";
-  for (let _ = f.length - 1; _ >= 0; _ -= 1) {
-    const k = f[_], {
-      isExternal: N,
+  for (let _ = p.length - 1; _ >= 0; _ -= 1) {
+    const k = p[_], {
+      isExternal: z,
       modifiers: E,
       hasImportantModifier: T,
-      baseClassName: z,
-      maybePostfixModifierPosition: B
+      baseClassName: S,
+      maybePostfixModifierPosition: q
     } = o(k);
-    if (N) {
+    if (z) {
       h = k + (h.length > 0 ? " " + h : h);
       continue;
     }
-    let q = !!B, G = r(q ? z.substring(0, B) : z);
+    let P = !!q, G = r(P ? S.substring(0, q) : S);
     if (!G) {
-      if (!q) {
+      if (!P) {
         h = k + (h.length > 0 ? " " + h : h);
         continue;
       }
-      if (G = r(z), !G) {
+      if (G = r(S), !G) {
         h = k + (h.length > 0 ? " " + h : h);
         continue;
       }
-      q = !1;
+      P = !1;
     }
     const se = s(E).join(":"), U = T ? se + Fe : se, K = U + G;
     if (l.includes(K))
       continue;
     l.push(K);
-    const W = a(G, q);
+    const W = a(G, P);
     for (let j = 0; j < W.length; ++j) {
       const ee = W[j];
       l.push(U + ee);
@@ -1579,10 +1579,10 @@ const wt = (e) => {
 function dn(e, ...t) {
   let o, r, a, s = l;
   function l(h) {
-    const _ = t.reduce((k, N) => N(k), e());
-    return o = sn(_), r = o.cache.get, a = o.cache.set, s = f, f(h);
+    const _ = t.reduce((k, z) => z(k), e());
+    return o = sn(_), r = o.cache.get, a = o.cache.set, s = p, p(h);
   }
-  function f(h) {
+  function p(h) {
     const _ = r(h);
     if (_)
       return _;
@@ -1593,22 +1593,22 @@ function dn(e, ...t) {
     return s(cn.apply(null, arguments));
   };
 }
-const P = (e) => {
+const D = (e) => {
   const t = (o) => o[e] || [];
   return t.isThemeGetter = !0, t;
-}, yt = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, vt = /^\((?:(\w[\w-]*):)?(.+)\)$/i, mn = /^\d+\/\d+$/, un = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, hn = /\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$/, fn = /^(rgba?|hsla?|hwb|(ok)?(lab|lch))\(.+\)$/, pn = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, _n = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, ge = (e) => mn.test(e), v = (e) => !!e && !Number.isNaN(Number(e)), le = (e) => !!e && Number.isInteger(Number(e)), qe = (e) => e.endsWith("%") && v(e.slice(0, -1)), ne = (e) => un.test(e), gn = () => !0, bn = (e) => (
+}, yt = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, vt = /^\((?:(\w[\w-]*):)?(.+)\)$/i, mn = /^\d+\/\d+$/, un = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, hn = /\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$/, pn = /^(rgba?|hsla?|hwb|(ok)?(lab|lch))\(.+\)$/, fn = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, _n = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, ge = (e) => mn.test(e), v = (e) => !!e && !Number.isNaN(Number(e)), le = (e) => !!e && Number.isInteger(Number(e)), Pe = (e) => e.endsWith("%") && v(e.slice(0, -1)), ne = (e) => un.test(e), gn = () => !0, bn = (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.
-  hn.test(e) && !fn.test(e)
-), kt = () => !1, wn = (e) => pn.test(e), yn = (e) => _n.test(e), vn = (e) => !m(e) && !u(e), kn = (e) => ve(e, Ct, kt), m = (e) => yt.test(e), de = (e) => ve(e, Mt, bn), Ee = (e) => ve(e, Nn, v), tt = (e) => ve(e, xt, kt), xn = (e) => ve(e, $t, yn), ze = (e) => ve(e, Nt, wn), u = (e) => vt.test(e), $e = (e) => ke(e, Mt), $n = (e) => ke(e, zn), ot = (e) => ke(e, xt), Cn = (e) => ke(e, Ct), Mn = (e) => ke(e, $t), Se = (e) => ke(e, Nt, !0), ve = (e, t, o) => {
+  hn.test(e) && !pn.test(e)
+), kt = () => !1, wn = (e) => fn.test(e), yn = (e) => _n.test(e), vn = (e) => !m(e) && !u(e), kn = (e) => ve(e, Ct, kt), m = (e) => yt.test(e), de = (e) => ve(e, Mt, bn), Ee = (e) => ve(e, Nn, v), tt = (e) => ve(e, xt, kt), xn = (e) => ve(e, $t, yn), ze = (e) => ve(e, Nt, wn), u = (e) => vt.test(e), $e = (e) => ke(e, Mt), $n = (e) => ke(e, zn), ot = (e) => ke(e, xt), Cn = (e) => ke(e, Ct), Mn = (e) => ke(e, $t), Se = (e) => ke(e, Nt, !0), ve = (e, t, o) => {
   const r = yt.exec(e);
   return r ? r[1] ? t(r[1]) : o(r[2]) : !1;
 }, ke = (e, t, o = !1) => {
   const r = vt.exec(e);
   return r ? r[1] ? t(r[1]) : o : !1;
 }, xt = (e) => e === "position" || e === "percentage", $t = (e) => e === "image" || e === "url", Ct = (e) => e === "length" || e === "size" || e === "bg-size", Mt = (e) => e === "length", Nn = (e) => e === "number", zn = (e) => e === "family-name", Nt = (e) => e === "shadow", Sn = () => {
-  const e = P("color"), t = P("font"), o = P("text"), r = P("font-weight"), a = P("tracking"), s = P("leading"), l = P("breakpoint"), f = P("container"), h = P("spacing"), _ = P("radius"), k = P("shadow"), N = P("inset-shadow"), E = P("text-shadow"), T = P("drop-shadow"), z = P("blur"), B = P("perspective"), q = P("aspect"), G = P("ease"), se = P("animate"), U = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], K = () => [
+  const e = D("color"), t = D("font"), o = D("text"), r = D("font-weight"), a = D("tracking"), s = D("leading"), l = D("breakpoint"), p = D("container"), h = D("spacing"), _ = D("radius"), k = D("shadow"), z = D("inset-shadow"), E = D("text-shadow"), T = D("drop-shadow"), S = D("blur"), q = D("perspective"), P = D("aspect"), G = D("ease"), se = D("animate"), U = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], K = () => [
     "center",
     "top",
     "bottom",
@@ -1626,15 +1626,15 @@ const P = (e) => {
     "bottom-left",
     // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
     "left-bottom"
-  ], W = () => [...K(), u, m], j = () => ["auto", "hidden", "clip", "visible", "scroll"], ee = () => ["auto", "contain", "none"], b = () => [u, m, h], H = () => [ge, "full", "auto", ...b()], L = () => [le, "none", "subgrid", u, m], x = () => ["auto", {
+  ], W = () => [...K(), u, m], j = () => ["auto", "hidden", "clip", "visible", "scroll"], ee = () => ["auto", "contain", "none"], b = () => [u, m, h], H = () => [ge, "full", "auto", ...b()], B = () => [le, "none", "subgrid", u, m], x = () => ["auto", {
     span: ["full", le, u, m]
-  }, le, u, m], V = () => [le, "auto", u, m], te = () => ["auto", "min", "max", "fr", u, m], g = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], d = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], c = () => ["auto", ...b()], p = () => [ge, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...b()], n = () => [e, u, m], w = () => [...K(), ot, tt, {
+  }, le, u, m], V = () => [le, "auto", u, m], te = () => ["auto", "min", "max", "fr", u, m], g = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], d = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], c = () => ["auto", ...b()], f = () => [ge, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...b()], n = () => [e, u, m], w = () => [...K(), ot, tt, {
     position: [u, m]
   }], y = () => ["no-repeat", {
     repeat: ["", "x", "y", "space", "round"]
   }], M = () => ["auto", "cover", "contain", Cn, kn, {
     size: [u, m]
-  }], O = () => [qe, $e, de], $ = () => [
+  }], O = () => [Pe, $e, de], $ = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
@@ -1642,14 +1642,14 @@ const P = (e) => {
     _,
     u,
     m
-  ], C = () => ["", v, $e, de], R = () => ["solid", "dashed", "dotted", "double"], oe = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], A = () => [v, qe, ot, tt], ae = () => [
+  ], C = () => ["", v, $e, de], R = () => ["solid", "dashed", "dotted", "double"], oe = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], A = () => [v, Pe, ot, tt], ae = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
-    z,
+    S,
     u,
     m
-  ], Y = () => ["none", v, u, m], D = () => ["none", v, u, m], Z = () => [v, u, m], X = () => [ge, "full", ...b()];
+  ], Y = () => ["none", v, u, m], L = () => ["none", v, u, m], Z = () => [v, u, m], X = () => [ge, "full", ...b()];
   return {
     cacheSize: 500,
     theme: {
@@ -1682,7 +1682,7 @@ const P = (e) => {
        * @see https://tailwindcss.com/docs/aspect-ratio
        */
       aspect: [{
-        aspect: ["auto", "square", ge, m, u, q]
+        aspect: ["auto", "square", ge, m, u, P]
       }],
       /**
        * Container
@@ -1695,7 +1695,7 @@ const P = (e) => {
        * @see https://tailwindcss.com/docs/columns
        */
       columns: [{
-        columns: [v, m, u, f]
+        columns: [v, m, u, p]
       }],
       /**
        * Break After
@@ -1905,7 +1905,7 @@ const P = (e) => {
        * @see https://tailwindcss.com/docs/flex-basis
        */
       basis: [{
-        basis: [ge, "full", "auto", f, ...b()]
+        basis: [ge, "full", "auto", p, ...b()]
       }],
       /**
        * Flex Direction
@@ -1954,7 +1954,7 @@ const P = (e) => {
        * @see https://tailwindcss.com/docs/grid-template-columns
        */
       "grid-cols": [{
-        "grid-cols": L()
+        "grid-cols": B()
       }],
       /**
        * Grid Column Start / End
@@ -1982,7 +1982,7 @@ const P = (e) => {
        * @see https://tailwindcss.com/docs/grid-template-rows
        */
       "grid-rows": [{
-        "grid-rows": L()
+        "grid-rows": B()
       }],
       /**
        * Grid Row Start / End
@@ -2273,14 +2273,14 @@ const P = (e) => {
        * @see https://tailwindcss.com/docs/width#setting-both-width-and-height
        */
       size: [{
-        size: p()
+        size: f()
       }],
       /**
        * Width
        * @see https://tailwindcss.com/docs/width
        */
       w: [{
-        w: [f, "screen", ...p()]
+        w: [p, "screen", ...f()]
       }],
       /**
        * Min-Width
@@ -2288,11 +2288,11 @@ const P = (e) => {
        */
       "min-w": [{
         "min-w": [
-          f,
+          p,
           "screen",
           /** Deprecated. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
           "none",
-          ...p()
+          ...f()
         ]
       }],
       /**
@@ -2301,7 +2301,7 @@ const P = (e) => {
        */
       "max-w": [{
         "max-w": [
-          f,
+          p,
           "screen",
           "none",
           /** Deprecated since Tailwind CSS v4.0.0. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
@@ -2310,7 +2310,7 @@ const P = (e) => {
           {
             screen: [l]
           },
-          ...p()
+          ...f()
         ]
       }],
       /**
@@ -2318,21 +2318,21 @@ const P = (e) => {
        * @see https://tailwindcss.com/docs/height
        */
       h: [{
-        h: ["screen", "lh", ...p()]
+        h: ["screen", "lh", ...f()]
       }],
       /**
        * Min-Height
        * @see https://tailwindcss.com/docs/min-height
        */
       "min-h": [{
-        "min-h": ["screen", "lh", "none", ...p()]
+        "min-h": ["screen", "lh", "none", ...f()]
       }],
       /**
        * Max-Height
        * @see https://tailwindcss.com/docs/max-height
        */
       "max-h": [{
-        "max-h": ["screen", "lh", ...p()]
+        "max-h": ["screen", "lh", ...f()]
       }],
       // ------------------
       // --- Typography ---
@@ -2366,7 +2366,7 @@ const P = (e) => {
        * @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", qe, m]
+        "font-stretch": ["ultra-condensed", "extra-condensed", "condensed", "semi-condensed", "normal", "semi-expanded", "expanded", "extra-expanded", "ultra-expanded", Pe, m]
       }],
       /**
        * Font Family
@@ -3015,7 +3015,7 @@ const P = (e) => {
        * @see https://tailwindcss.com/docs/box-shadow#adding-an-inset-shadow
        */
       "inset-shadow": [{
-        "inset-shadow": ["none", N, Se, ze]
+        "inset-shadow": ["none", z, Se, ze]
       }],
       /**
        * Inset Box Shadow Color
@@ -3582,7 +3582,7 @@ const P = (e) => {
        * @see https://tailwindcss.com/docs/perspective
        */
       perspective: [{
-        perspective: [B, u, m]
+        perspective: [q, u, m]
       }],
       /**
        * Perspective Origin
@@ -3624,28 +3624,28 @@ const P = (e) => {
        * @see https://tailwindcss.com/docs/scale
        */
       scale: [{
-        scale: D()
+        scale: L()
       }],
       /**
        * Scale X
        * @see https://tailwindcss.com/docs/scale
        */
       "scale-x": [{
-        "scale-x": D()
+        "scale-x": L()
       }],
       /**
        * Scale Y
        * @see https://tailwindcss.com/docs/scale
        */
       "scale-y": [{
-        "scale-y": D()
+        "scale-y": L()
       }],
       /**
        * Scale Z
        * @see https://tailwindcss.com/docs/scale
        */
       "scale-z": [{
-        "scale-z": D()
+        "scale-z": L()
       }],
       /**
        * Scale 3D
@@ -4078,7 +4078,7 @@ const P = (e) => {
     orderSensitiveModifiers: ["*", "**", "after", "backdrop", "before", "details-content", "file", "first-letter", "first-line", "marker", "placeholder", "selection"]
   };
 }, In = /* @__PURE__ */ dn(Sn);
-function pe(...e) {
+function fe(...e) {
   return In(Zr(e));
 }
 function An({ className: e, ...t }) {
@@ -4091,7 +4091,7 @@ function An({ className: e, ...t }) {
         "table",
         {
           "data-slot": "table",
-          className: pe("w-full caption-bottom text-sm", e),
+          className: fe("w-full caption-bottom", e),
           ...t
         }
       )
@@ -4103,7 +4103,7 @@ function Tn({ className: e, ...t }) {
     "thead",
     {
       "data-slot": "table-header",
-      className: pe("[&_tr]:border-b", e),
+      className: fe("[&_tr]:border-b", e),
       ...t
     }
   );
@@ -4113,17 +4113,17 @@ function On({ className: e, ...t }) {
     "tbody",
     {
       "data-slot": "table-body",
-      className: pe("[&_tr:last-child]:border-0", e),
+      className: fe("[&_tr:last-child]:border-0", e),
       ...t
     }
   );
 }
-function Bn({ className: e, ...t }) {
+function qn({ className: e, ...t }) {
   return /* @__PURE__ */ i(
     "tr",
     {
       "data-slot": "table-row",
-      className: pe(
+      className: fe(
         "hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors",
         e
       ),
@@ -4131,12 +4131,12 @@ function Bn({ className: e, ...t }) {
     }
   );
 }
-function Ln({ className: e, ...t }) {
+function Bn({ className: e, ...t }) {
   return /* @__PURE__ */ i(
     "th",
     {
       "data-slot": "table-head",
-      className: pe(
+      className: fe(
         "text-left align-middle font-medium whitespace-nowrap",
         e
       ),
@@ -4144,17 +4144,16 @@ function Ln({ className: e, ...t }) {
     }
   );
 }
-function Dn({ className: e, ...t }) {
+function Ln({ className: e, ...t }) {
   return /* @__PURE__ */ i(
     "td",
     {
-      "data-slot": "table-cell",
-      className: pe("align-top whitespace-nowrap ", e),
+      className: fe("whitespace-nowrap ", e),
       ...t
     }
   );
 }
-function Pn({
+function Dn({
   className: e,
   ...t
 }) {
@@ -4162,7 +4161,7 @@ function Pn({
     "caption",
     {
       "data-slot": "table-caption",
-      className: pe("text-muted-foreground mt-4 text-sm", e),
+      className: fe("text-muted-foreground mt-4 text-sm", e),
       ...t
     }
   );
@@ -4171,36 +4170,42 @@ const as = (e) => /* @__PURE__ */ i(
   An,
   {
     ...e,
-    className: I(e.className, "custom-table")
+    className: N(e.className, "custom-table")
   }
 ), is = (e) => /* @__PURE__ */ i(
   On,
   {
     ...e,
-    className: I(e.className, "custom-table-body")
+    className: N(e.className, "custom-table-body")
   }
 ), ls = (e) => /* @__PURE__ */ i(
-  Pn,
+  Dn,
   {
     ...e,
-    className: I(e.className, "custom-table-caption")
+    className: N(e.className, "custom-table-caption")
   }
-), qn = (e) => {
-  const { colSpan: t, ...o } = e;
+), Pn = ({
+  colSpan: e,
+  align: t,
+  className: o,
+  ...r
+}) => {
+  const a = t ? `align-${t}` : "";
   return /* @__PURE__ */ i(
-    Dn,
+    Ln,
     {
-      ...o,
-      colSpan: t
+      ...r,
+      colSpan: e,
+      className: N(o, a)
     }
   );
 };
-qn.displayName = "CustomTableCell";
+Pn.displayName = "CustomTableCell";
 const cs = (e) => /* @__PURE__ */ i(
   Tn,
   {
     ...e,
-    className: I(e.className, "custom-table-head")
+    className: N(e.className, "custom-table-head")
   }
 ), ds = ({
   variant: e = "primary",
@@ -4209,7 +4214,7 @@ const cs = (e) => /* @__PURE__ */ i(
   children: r,
   ...a
 }) => {
-  const s = I(
+  const s = N(
     ye.th,
     t,
     {
@@ -4219,7 +4224,7 @@ const cs = (e) => /* @__PURE__ */ i(
     "custom-table-header"
   );
   return /* @__PURE__ */ i(
-    Ln,
+    Bn,
     {
       ...a,
       className: s,
@@ -4228,10 +4233,10 @@ const cs = (e) => /* @__PURE__ */ i(
     }
   );
 }, ms = (e) => /* @__PURE__ */ i(
-  Bn,
+  qn,
   {
     ...e,
-    className: I(
+    className: N(
       e.className,
       "custom-table-row",
       "align-top",
@@ -4260,23 +4265,23 @@ const cs = (e) => /* @__PURE__ */ i(
   zIndexOverride: a,
   trigger: s = "hover",
   children: l,
-  className: f,
+  className: p,
   tooltipClassName: h
 }) => {
-  const [_, k] = ue(!1), [N, E] = ue(r), T = Te(null), z = Te(!1), B = Te(null), q = e !== void 0 ? e : _, G = s === "hover" || s === "both", se = s === "click" || s === "both", U = Tt(), K = je[`tooltip-position-${N}`] || "", W = I(je.tooltipWrapper, f), j = I(
+  const [_, k] = ue(!1), [z, E] = ue(r), T = Te(null), S = Te(!1), q = Te(null), P = e !== void 0 ? e : _, G = s === "hover" || s === "both", se = s === "click" || s === "both", U = Tt(), K = je[`tooltip-position-${z}`] || "", W = N(je.tooltipWrapper, p), j = N(
     je.tooltip,
     K,
     h
   );
-  return /* @__PURE__ */ S(
+  return /* @__PURE__ */ I(
     "span",
     {
-      ref: B,
+      ref: q,
       className: W,
       onMouseEnter: () => {
         !G || e !== void 0 || (T.current && clearTimeout(T.current), T.current = window.setTimeout(() => {
-          if (r === "mostSpace" && B.current) {
-            const x = B.current.getBoundingClientRect(), V = x.top, te = window.innerHeight - x.bottom;
+          if (r === "mostSpace" && q.current) {
+            const x = q.current.getBoundingClientRect(), V = x.top, te = window.innerHeight - x.bottom;
             E(te >= V ? "below" : "above");
           } else
             E(r);
@@ -4285,25 +4290,25 @@ const cs = (e) => /* @__PURE__ */ i(
       },
       onMouseLeave: () => {
         !G || e !== void 0 || (T.current && clearTimeout(T.current), T.current = window.setTimeout(() => {
-          z.current || k(!1);
+          S.current || k(!1);
         }, 50));
       },
       onClick: () => {
         if (!(!se || e !== void 0)) {
-          if (z.current = !z.current, r === "mostSpace" && B.current) {
-            const x = B.current.getBoundingClientRect(), V = x.top, te = window.innerHeight - x.bottom;
+          if (S.current = !S.current, r === "mostSpace" && q.current) {
+            const x = q.current.getBoundingClientRect(), V = x.top, te = window.innerHeight - x.bottom;
             E(te >= V ? "below" : "above");
           } else
             E(r);
-          k(z.current);
+          k(S.current);
         }
       },
-      "aria-describedby": q ? U : void 0,
+      "aria-describedby": P ? U : void 0,
       tabIndex: 0,
       style: { display: "inline-block", position: "relative" },
       children: [
         l,
-        q && /* @__PURE__ */ i(
+        P && /* @__PURE__ */ i(
           "div",
           {
             id: U,
@@ -4333,11 +4338,11 @@ const cs = (e) => /* @__PURE__ */ i(
   isStretched: r = !0
 }) => {
   var a;
-  return /* @__PURE__ */ S("div", { children: [
-    /* @__PURE__ */ i("div", { className: be.topBar, children: e.map((s) => /* @__PURE__ */ S(
+  return /* @__PURE__ */ I("div", { children: [
+    /* @__PURE__ */ i("div", { className: be.topBar, children: e.map((s) => /* @__PURE__ */ I(
       "div",
       {
-        className: I(
+        className: N(
           be.section,
           r && be.scretched,
           t === s.id && be.active
@@ -4373,10 +4378,10 @@ export {
   ss as Cell,
   Xn as Collapse,
   Qn as CourseCollapse,
-  fe as Empty,
+  pe as Empty,
   Ye as FormItem,
   _t as IconButton,
-  pr as Message,
+  fr as Message,
   Ge as Modal,
   ts as ModalAPI,
   Ae as NavigationItem,
@@ -4386,7 +4391,7 @@ export {
   as as Table,
   is as TableBody,
   ls as TableCaption,
-  qn as TableCell,
+  Pn as TableCell,
   ds as TableHead,
   cs as TableHeader,
   ms as TableRow,