stp-ui-kit 0.0.25 → 0.0.28

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

@@ -1,7 +1,7 @@
-import { jsx as i, jsxs as N, Fragment as Lt } from "react/jsx-runtime";
-import Bt, { useState as _e, useEffect as Ze, forwardRef as lt, createElement as Fe, createContext as Dt, useContext as Pt, useRef as Be, useId as Et } from "react";
+import { jsx as i, jsxs as N, Fragment as jt } from "react/jsx-runtime";
+import Bt, { useState as fe, useEffect as Ze, forwardRef as lt, createElement as Fe, createContext as Lt, useContext as Dt, useRef as Be, useId as Pt } from "react";
 import { createRoot as ct } from "react-dom/client";
-var jt = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+var Et = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
 function dt(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
@@ -80,31 +80,31 @@ var ut = { exports: {} };
 (function(e, t) {
   (function(n, o) {
     e.exports = o();
-  })(jt, function() {
-    var n = 1e3, o = 6e4, a = 36e5, r = "millisecond", l = "second", u = "minute", m = "hour", _ = "day", k = "week", S = "month", j = "quarter", T = "year", A = "date", L = "Invalid Date", E = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/, q = /\[([^\]]+)]|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, ie = { 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) {
+  })(Et, function() {
+    var n = 1e3, o = 6e4, a = 36e5, r = "millisecond", l = "second", u = "minute", m = "hour", f = "day", k = "week", S = "month", E = "quarter", T = "year", z = "date", j = "Invalid Date", P = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/, q = /\[([^\]]+)]|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, ie = { 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 f = String(g);
-      return !f || f.length >= d ? g : "" + Array(d + 1 - f.length).join(c) + g;
+      var _ = String(g);
+      return !_ || _.length >= d ? g : "" + Array(d + 1 - _.length).join(c) + g;
     }, X = { s: U, z: function(g) {
-      var d = -g.utcOffset(), c = Math.abs(d), f = Math.floor(c / 60), s = c % 60;
-      return (d <= 0 ? "+" : "-") + U(f, 2, "0") + ":" + U(s, 2, "0");
+      var d = -g.utcOffset(), c = Math.abs(d), _ = Math.floor(c / 60), s = c % 60;
+      return (d <= 0 ? "+" : "-") + U(_, 2, "0") + ":" + U(s, 2, "0");
     }, m: function g(d, c) {
       if (d.date() < c.date()) return -g(c, d);
-      var f = 12 * (c.year() - d.year()) + (c.month() - d.month()), s = d.clone().add(f, S), y = c - s < 0, w = d.clone().add(f + (y ? -1 : 1), S);
-      return +(-(f + (c - s) / (y ? s - w : w - s)) || 0);
+      var _ = 12 * (c.year() - d.year()) + (c.month() - d.month()), s = d.clone().add(_, S), y = c - s < 0, w = d.clone().add(_ + (y ? -1 : 1), S);
+      return +(-(_ + (c - s) / (y ? s - w : w - s)) || 0);
     }, a: function(g) {
       return g < 0 ? Math.ceil(g) || 0 : Math.floor(g);
     }, p: function(g) {
-      return { M: S, y: T, w: k, d: _, D: A, h: m, m: u, s: l, ms: r, Q: j }[g] || String(g || "").toLowerCase().replace(/s$/, "");
+      return { M: S, y: T, w: k, d: f, D: z, h: m, m: u, s: l, ms: r, Q: E }[g] || String(g || "").toLowerCase().replace(/s$/, "");
     }, u: function(g) {
       return g === void 0;
     } }, W = "en", R = {};
     R[W] = ie;
     var te = "$isDayjsObject", b = function(g) {
       return g instanceof V || !(!g || !g[te]);
-    }, H = function g(d, c, f) {
+    }, H = function g(d, c, _) {
       var s;
       if (!d) return W;
       if (typeof d == "string") {
@@ -116,7 +116,7 @@ var ut = { exports: {} };
         var I = d.name;
         R[I] = d, s = I;
       }
-      return !f && s && (W = s), s || !f && W;
+      return !_ && s && (W = s), s || !_ && W;
     }, B = function(g, d) {
       if (b(g)) return g.clone();
       var c = typeof d == "object" ? d : {};
@@ -131,13 +131,13 @@ var ut = { exports: {} };
       }
       var d = g.prototype;
       return d.parse = function(c) {
-        this.$d = function(f) {
-          var s = f.date, y = f.utc;
+        this.$d = function(_) {
+          var s = _.date, y = _.utc;
           if (s === null) return /* @__PURE__ */ new Date(NaN);
           if ($.u(s)) return /* @__PURE__ */ new Date();
           if (s instanceof Date) return new Date(s);
           if (typeof s == "string" && !/Z$/i.test(s)) {
-            var w = s.match(E);
+            var w = s.match(P);
             if (w) {
               var I = w[2] - 1 || 0, O = (w[7] || "0").substring(0, 3);
               return y ? new Date(Date.UTC(w[1], I, w[3] || 1, w[4] || 0, w[5] || 0, w[6] || 0, O)) : new Date(w[1], I, w[3] || 1, w[4] || 0, w[5] || 0, w[6] || 0, O);
@@ -151,26 +151,26 @@ var ut = { exports: {} };
       }, d.$utils = function() {
         return $;
       }, d.isValid = function() {
-        return this.$d.toString() !== L;
-      }, d.isSame = function(c, f) {
+        return this.$d.toString() !== j;
+      }, d.isSame = function(c, _) {
         var s = B(c);
-        return this.startOf(f) <= s && s <= 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, s) {
-        return $.u(c) ? this[f] : this.set(s, c);
+        return this.startOf(_) <= s && s <= this.endOf(_);
+      }, d.isAfter = function(c, _) {
+        return B(c) < this.startOf(_);
+      }, d.isBefore = function(c, _) {
+        return this.endOf(_) < B(c);
+      }, d.$g = function(c, _, s) {
+        return $.u(c) ? this[_] : this.set(s, c);
       }, d.unix = function() {
         return Math.floor(this.valueOf() / 1e3);
       }, d.valueOf = function() {
         return this.$d.getTime();
-      }, d.startOf = function(c, f) {
-        var s = this, y = !!$.u(f) || f, w = $.p(c), I = function(Y, D) {
-          var Z = $.w(s.$u ? Date.UTC(s.$y, D, Y) : new Date(s.$y, D, Y), s);
-          return y ? Z : Z.endOf(_);
-        }, O = function(Y, D) {
-          return $.w(s.toDate()[Y].apply(s.toDate("s"), (y ? [0, 0, 0, 0] : [23, 59, 59, 999]).slice(D)), s);
+      }, d.startOf = function(c, _) {
+        var s = this, y = !!$.u(_) || _, w = $.p(c), I = function(Y, L) {
+          var Z = $.w(s.$u ? Date.UTC(s.$y, L, Y) : new Date(s.$y, L, Y), s);
+          return y ? Z : Z.endOf(f);
+        }, O = function(Y, L) {
+          return $.w(s.toDate()[Y].apply(s.toDate("s"), (y ? [0, 0, 0, 0] : [23, 59, 59, 999]).slice(L)), s);
         }, C = this.$W, M = this.$M, G = this.$D, ne = "set" + (this.$u ? "UTC" : "");
         switch (w) {
           case T:
@@ -178,10 +178,10 @@ var ut = { exports: {} };
           case S:
             return y ? I(1, M) : I(0, M + 1);
           case k:
-            var z = this.$locale().weekStart || 0, le = (C < z ? C + 7 : C) - z;
+            var A = this.$locale().weekStart || 0, le = (C < A ? C + 7 : C) - A;
             return I(y ? G - le : G + (6 - le), M);
-          case _:
-          case A:
+          case f:
+          case z:
             return O(ne + "Hours", 0);
           case m:
             return O(ne + "Minutes", 1);
@@ -194,70 +194,70 @@ var ut = { exports: {} };
         }
       }, d.endOf = function(c) {
         return this.startOf(c, !1);
-      }, d.$set = function(c, f) {
-        var s, y = $.p(c), w = "set" + (this.$u ? "UTC" : ""), I = (s = {}, s[_] = w + "Date", s[A] = w + "Date", s[S] = w + "Month", s[T] = w + "FullYear", s[m] = w + "Hours", s[u] = w + "Minutes", s[l] = w + "Seconds", s[r] = w + "Milliseconds", s)[y], O = y === _ ? this.$D + (f - this.$W) : f;
+      }, d.$set = function(c, _) {
+        var s, y = $.p(c), w = "set" + (this.$u ? "UTC" : ""), I = (s = {}, s[f] = w + "Date", s[z] = w + "Date", s[S] = w + "Month", s[T] = w + "FullYear", s[m] = w + "Hours", s[u] = w + "Minutes", s[l] = w + "Seconds", s[r] = w + "Milliseconds", s)[y], O = y === f ? this.$D + (_ - this.$W) : _;
         if (y === S || y === T) {
-          var C = this.clone().set(A, 1);
-          C.$d[I](O), C.init(), this.$d = C.set(A, Math.min(this.$D, C.daysInMonth())).$d;
+          var C = this.clone().set(z, 1);
+          C.$d[I](O), C.init(), this.$d = C.set(z, Math.min(this.$D, C.daysInMonth())).$d;
         } else I && this.$d[I](O);
         return this.init(), this;
-      }, d.set = function(c, f) {
-        return this.clone().$set(c, f);
+      }, d.set = function(c, _) {
+        return this.clone().$set(c, _);
       }, d.get = function(c) {
         return this[$.p(c)]();
-      }, d.add = function(c, f) {
+      }, d.add = function(c, _) {
         var s, y = this;
         c = Number(c);
-        var w = $.p(f), I = function(M) {
+        var w = $.p(_), I = function(M) {
           var G = B(y);
           return $.w(G.date(G.date() + Math.round(M * c)), y);
         };
         if (w === S) return this.set(S, this.$M + c);
         if (w === T) return this.set(T, this.$y + c);
-        if (w === _) return I(1);
+        if (w === f) return I(1);
         if (w === k) return I(7);
         var O = (s = {}, s[u] = o, s[m] = a, s[l] = n, s)[w] || 1, C = this.$d.getTime() + c * O;
         return $.w(C, this);
-      }, d.subtract = function(c, f) {
-        return this.add(-1 * c, f);
+      }, d.subtract = function(c, _) {
+        return this.add(-1 * c, _);
       }, d.format = function(c) {
-        var f = this, s = this.$locale();
-        if (!this.isValid()) return s.invalidDate || L;
-        var y = c || "YYYY-MM-DDTHH:mm:ssZ", w = $.z(this), I = this.$H, O = this.$m, C = this.$M, M = s.weekdays, G = s.months, ne = s.meridiem, z = function(D, Z, Q, Ie) {
-          return D && (D[Z] || D(f, y)) || Q[Z].slice(0, Ie);
-        }, le = function(D) {
-          return $.s(I % 12 || 12, D, "0");
-        }, Y = ne || function(D, Z, Q) {
-          var Ie = D < 12 ? "AM" : "PM";
+        var _ = this, s = this.$locale();
+        if (!this.isValid()) return s.invalidDate || j;
+        var y = c || "YYYY-MM-DDTHH:mm:ssZ", w = $.z(this), I = this.$H, O = this.$m, C = this.$M, M = s.weekdays, G = s.months, ne = s.meridiem, A = function(L, Z, Q, Ie) {
+          return L && (L[Z] || L(_, y)) || Q[Z].slice(0, Ie);
+        }, le = function(L) {
+          return $.s(I % 12 || 12, L, "0");
+        }, Y = ne || function(L, Z, Q) {
+          var Ie = L < 12 ? "AM" : "PM";
           return Q ? Ie.toLowerCase() : Ie;
         };
-        return y.replace(q, function(D, Z) {
+        return y.replace(q, function(L, Z) {
           return Z || function(Q) {
             switch (Q) {
               case "YY":
-                return String(f.$y).slice(-2);
+                return String(_.$y).slice(-2);
               case "YYYY":
-                return $.s(f.$y, 4, "0");
+                return $.s(_.$y, 4, "0");
               case "M":
                 return C + 1;
               case "MM":
                 return $.s(C + 1, 2, "0");
               case "MMM":
-                return z(s.monthsShort, C, G, 3);
+                return A(s.monthsShort, C, G, 3);
               case "MMMM":
-                return z(G, C);
+                return A(G, C);
               case "D":
-                return f.$D;
+                return _.$D;
               case "DD":
-                return $.s(f.$D, 2, "0");
+                return $.s(_.$D, 2, "0");
               case "d":
-                return String(f.$W);
+                return String(_.$W);
               case "dd":
-                return z(s.weekdaysMin, f.$W, M, 2);
+                return A(s.weekdaysMin, _.$W, M, 2);
               case "ddd":
-                return z(s.weekdaysShort, f.$W, M, 3);
+                return A(s.weekdaysShort, _.$W, M, 3);
               case "dddd":
-                return M[f.$W];
+                return M[_.$W];
               case "H":
                 return String(I);
               case "HH":
@@ -275,21 +275,21 @@ var ut = { exports: {} };
               case "mm":
                 return $.s(O, 2, "0");
               case "s":
-                return String(f.$s);
+                return String(_.$s);
               case "ss":
-                return $.s(f.$s, 2, "0");
+                return $.s(_.$s, 2, "0");
               case "SSS":
-                return $.s(f.$ms, 3, "0");
+                return $.s(_.$ms, 3, "0");
               case "Z":
                 return w;
             }
             return null;
-          }(D) || w.replace(":", "");
+          }(L) || w.replace(":", "");
         });
       }, d.utcOffset = function() {
         return 15 * -Math.round(this.$d.getTimezoneOffset() / 15);
-      }, d.diff = function(c, f, s) {
-        var y, w = this, I = $.p(f), O = B(c), C = (O.utcOffset() - this.utcOffset()) * o, M = this - O, G = function() {
+      }, d.diff = function(c, _, s) {
+        var y, w = this, I = $.p(_), O = B(c), C = (O.utcOffset() - this.utcOffset()) * o, M = this - O, G = function() {
           return $.m(w, O);
         };
         switch (I) {
@@ -299,13 +299,13 @@ var ut = { exports: {} };
           case S:
             y = G();
             break;
-          case j:
+          case E:
             y = G() / 3;
             break;
           case k:
             y = (M - C) / 6048e5;
             break;
-          case _:
+          case f:
             y = (M - C) / 864e5;
             break;
           case m:
@@ -325,9 +325,9 @@ var ut = { exports: {} };
         return this.endOf(S).$D;
       }, d.$locale = function() {
         return R[this.$L];
-      }, d.locale = function(c, f) {
+      }, d.locale = function(c, _) {
         if (!c) return this.$L;
-        var s = this.clone(), y = H(c, f, !0);
+        var s = this.clone(), y = H(c, _, !0);
         return y && (s.$L = y), s;
       }, d.clone = function() {
         return $.w(this.$d, this);
@@ -341,7 +341,7 @@ var ut = { exports: {} };
         return this.$d.toUTCString();
       }, g;
     }(), oe = V.prototype;
-    return B.prototype = oe, [["$ms", r], ["$s", l], ["$m", u], ["$H", m], ["$W", _], ["$M", S], ["$y", T], ["$D", A]].forEach(function(g) {
+    return B.prototype = oe, [["$ms", r], ["$s", l], ["$m", u], ["$H", m], ["$W", f], ["$M", S], ["$y", T], ["$D", z]].forEach(function(g) {
       oe[g[1]] = function(d) {
         return this.$g(d, g[0], g[1]);
       };
@@ -365,33 +365,33 @@ const Kt = /* @__PURE__ */ dt(Jt), Xt = (e) => {
   buttonColor: r,
   onClick: l
 }) => {
-  const [u, m] = _e(!1), [_, k] = _e({
+  const [u, m] = fe(!1), [f, k] = fe({
     days: 0,
     hours: 0,
     minutes: 0,
     seconds: 0
   });
   Ze(() => {
-    const j = new Date(o), T = (E) => ({
-      days: Math.floor(E / (1e3 * 60 * 60 * 24)),
-      hours: Math.floor(E / (1e3 * 60 * 60) % 24),
-      minutes: Math.floor(E / (1e3 * 60) % 60),
-      seconds: Math.floor(E / 1e3 % 60)
-    }), A = () => {
-      const E = Date.now(), q = j.getTime() - E;
+    const E = new Date(o), 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)
+    }), z = () => {
+      const P = Date.now(), q = E.getTime() - P;
       q <= 0 ? (m(!0), k({ days: 0, hours: 0, minutes: 0, seconds: 0 })) : k(T(q));
     };
-    A();
-    const L = setInterval(A, 1e3);
-    return () => clearInterval(L);
+    z();
+    const j = setInterval(z, 1e3);
+    return () => clearInterval(j);
   }, [o]);
-  const S = (j, T) => /* @__PURE__ */ N("div", { className: ce.timerCell, children: [
+  const S = (E, T) => /* @__PURE__ */ N("div", { className: ce.timerCell, children: [
     /* @__PURE__ */ i(
       F,
       {
         variant: "heading-lg",
         className: ce.timerCount,
-        children: j
+        children: E
       }
     ),
     T
@@ -408,10 +408,10 @@ const Kt = /* @__PURE__ */ dt(Jt), Xt = (e) => {
             /* @__PURE__ */ i(F, { variant: "body-md", children: Xt(o) })
           ] }),
           /* @__PURE__ */ N("div", { className: ce.timer, children: [
-            S(_.days, "Days"),
-            S(_.hours, "Hours"),
-            S(_.minutes, "Minutes"),
-            S(_.seconds, "Seconds")
+            S(f.days, "Days"),
+            S(f.hours, "Hours"),
+            S(f.minutes, "Minutes"),
+            S(f.seconds, "Seconds")
           ] })
         ] }),
         /* @__PURE__ */ i(
@@ -551,7 +551,7 @@ const mo = lt(
       ...u
     },
     [
-      ...l.map(([_, k]) => Fe(_, k)),
+      ...l.map(([f, k]) => Fe(f, k)),
       ...Array.isArray(r) ? r : [r]
     ]
   )
@@ -600,18 +600,18 @@ const po = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]], pt = ge("chevron-do
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const fo = [["path", { d: "m18 15-6-6-6 6", key: "153udz" }]], ft = ge("chevron-up", fo);
+const _o = [["path", { d: "m18 15-6-6-6 6", key: "153udz" }]], _t = ge("chevron-up", _o);
 /**
  * @license lucide-react v0.511.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const _o = [
+const fo = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["line", { x1: "12", x2: "12", y1: "8", y2: "12", key: "1pkeuh" }],
   ["line", { x1: "12", x2: "12.01", y1: "16", y2: "16", key: "4dfq90" }]
-], _t = ge("circle-alert", _o);
+], ft = ge("circle-alert", fo);
 /**
  * @license lucide-react v0.511.0 - ISC
  *
@@ -659,7 +659,7 @@ const yo = [
   message: wo
 }, Je = ({ children: e }) => /* @__PURE__ */ N("div", { className: v(ot.message), children: [
   /* @__PURE__ */ i(
-    _t,
+    ft,
     {
       className: ot.critical,
       size: 20
@@ -718,16 +718,16 @@ const yo = [
       }
     )
   ] })
-] }), Io = "_navigationItem_1epug_29", So = "_container_1epug_45", Ao = "_IconContainer_1epug_51", zo = "_ParentLine_1epug_57", To = "_secondaryIcon_1epug_69", Oo = "_active_1epug_80", Lo = "_collapsed_1epug_88", Bo = "_label_1epug_92", se = {
+] }), Io = "_navigationItem_1epug_29", So = "_container_1epug_45", zo = "_IconContainer_1epug_51", Ao = "_ParentLine_1epug_57", To = "_secondaryIcon_1epug_69", Oo = "_active_1epug_80", jo = "_collapsed_1epug_88", Bo = "_label_1epug_92", se = {
   navigationItem: Io,
   container: So,
-  IconContainer: Ao,
-  ParentLine: zo,
+  IconContainer: zo,
+  ParentLine: Ao,
   secondaryIcon: To,
   active: Oo,
-  collapsed: Lo,
+  collapsed: jo,
   label: Bo
-}, Le = ({
+}, je = ({
   icon: e,
   label: t,
   secondaryIcon: n,
@@ -779,39 +779,39 @@ const yo = [
       )
     ]
   }
-), Do = "_ArrowContainer_c31d3_29", Po = "_active_c31d3_44", Eo = "_arrowBlock_c31d3_54", jo = "_isOpen_c31d3_58", Ne = {
-  ArrowContainer: Do,
-  active: Po,
-  arrowBlock: Eo,
-  isOpen: jo
+), Lo = "_ArrowContainer_c31d3_29", Do = "_active_c31d3_44", Po = "_arrowBlock_c31d3_54", Eo = "_isOpen_c31d3_58", Ne = {
+  ArrowContainer: Lo,
+  active: Do,
+  arrowBlock: Po,
+  isOpen: Eo
 }, Is = ({ activeItemId: e, onChange: t, item: n }) => {
   var u, m;
   const o = (u = n.children) == null ? void 0 : u.findIndex(
-    (_) => _.id === e
-  ), [a, r] = _e(o !== -1), l = () => {
+    (f) => f.id === e
+  ), [a, r] = fe(o !== -1), l = () => {
     n.children && r(!a), t(n);
   };
   return /* @__PURE__ */ N("div", { children: [
     /* @__PURE__ */ i(
-      Le,
+      je,
       {
         icon: n.icon,
         label: n.name,
-        secondaryIcon: a ? /* @__PURE__ */ i(ft, { size: 20 }) : /* @__PURE__ */ i(pt, { size: 20 }),
+        secondaryIcon: a ? /* @__PURE__ */ i(_t, { size: 20 }) : /* @__PURE__ */ i(pt, { size: 20 }),
         onClick: l,
         isParentNode: a && o !== -1,
         active: o !== -1 && !a,
         className: v(a && o === -1 && Ne.isOpen)
       }
     ),
-    /* @__PURE__ */ i("div", { className: Ne.childContainer, children: a && ((m = n.children) == null ? void 0 : m.map((_, k) => /* @__PURE__ */ N(
+    /* @__PURE__ */ i("div", { className: Ne.childContainer, children: a && ((m = n.children) == null ? void 0 : m.map((f, k) => /* @__PURE__ */ N(
       "div",
       {
         className: v(
           Ne.ArrowContainer,
-          e === _.id ? Ne.active : ""
+          e === f.id ? Ne.active : ""
         ),
-        onClick: () => t(_),
+        onClick: () => t(f),
         children: [
           /* @__PURE__ */ N("div", { className: Ne.arrowBlock, children: [
             o === k && /* @__PURE__ */ i(
@@ -830,16 +830,16 @@ const yo = [
             )
           ] }),
           /* @__PURE__ */ i(
-            Le,
+            je,
             {
-              icon: _.icon,
-              label: _.name,
-              active: _.id === e
+              icon: f.icon,
+              label: f.name,
+              active: f.id === e
             }
           )
         ]
       },
-      _.id
+      f.id
     ))) })
   ] });
 }, Ro = "_ArrowContainer_uctxv_29", Go = "_iconCheck_uctxv_37", qo = "_active_uctxv_47", Ho = "_arrowBlock_uctxv_57", Fo = "_isOpen_uctxv_61", we = {
@@ -855,31 +855,31 @@ const yo = [
 }) => {
   var u, m;
   const o = (u = n.children) == null ? void 0 : u.findIndex(
-    (_) => _.id === e
-  ), [a, r] = _e(o !== -1), l = () => {
+    (f) => f.id === e
+  ), [a, r] = fe(o !== -1), l = () => {
     n.children && r(!a), t(n);
   };
   return /* @__PURE__ */ N("div", { children: [
     /* @__PURE__ */ i(
-      Le,
+      je,
       {
         icon: n.icon,
         label: n.name,
-        secondaryIcon: a ? /* @__PURE__ */ i(ft, { size: 20 }) : /* @__PURE__ */ i(pt, { size: 20 }),
+        secondaryIcon: a ? /* @__PURE__ */ i(_t, { size: 20 }) : /* @__PURE__ */ i(pt, { size: 20 }),
         onClick: l,
         isParentNode: a && o !== -1,
         active: o !== -1 && !a,
         className: v(a && o === -1 && we.isOpen)
       }
     ),
-    /* @__PURE__ */ i("div", { className: we.childContainer, children: a && ((m = n.children) == null ? void 0 : m.map((_, k) => /* @__PURE__ */ N(
+    /* @__PURE__ */ i("div", { className: we.childContainer, children: a && ((m = n.children) == null ? void 0 : m.map((f, k) => /* @__PURE__ */ N(
       "div",
       {
         className: v(
           we.ArrowContainer,
-          e === _.id ? we.active : ""
+          e === f.id ? we.active : ""
         ),
-        onClick: () => t(_),
+        onClick: () => t(f),
         children: [
           /* @__PURE__ */ N("div", { className: we.arrowBlock, children: [
             o === k && /* @__PURE__ */ i(
@@ -898,12 +898,12 @@ const yo = [
             )
           ] }),
           /* @__PURE__ */ i(
-            Le,
+            je,
             {
-              icon: _.icon,
-              label: _.name,
-              active: _.id === e,
-              secondaryIcon: _.completed && /* @__PURE__ */ i(
+              icon: f.icon,
+              label: f.name,
+              active: f.id === e,
+              secondaryIcon: f.completed && /* @__PURE__ */ i(
                 ho,
                 {
                   size: 20,
@@ -911,11 +911,11 @@ const yo = [
                 }
               )
             },
-            _.id
+            f.id
           )
         ]
       },
-      _.id
+      f.id
     ))) })
   ] });
 }, Wo = "_emptyContainer_12l8u_29", Vo = "_imageContent_12l8u_55", Uo = "_content_12l8u_62", Yo = "_buttonContent_12l8u_69", Zo = "_mobile_12l8u_85", Jo = "_desktop_12l8u_86", ue = {
@@ -925,7 +925,7 @@ const yo = [
   buttonContent: Yo,
   mobile: Zo,
   desktop: Jo
-}, Ko = ({ children: e, className: t = "" }) => /* @__PURE__ */ i("div", { className: `${ue.emptyContainer} ${t}`, children: e }), Xo = ({ children: e, className: t = "" }) => /* @__PURE__ */ N(Lt, { children: [
+}, Ko = ({ children: e, className: t = "" }) => /* @__PURE__ */ i("div", { className: `${ue.emptyContainer} ${t}`, children: e }), Xo = ({ children: e, className: t = "" }) => /* @__PURE__ */ N(jt, { children: [
   /* @__PURE__ */ i(
     F,
     {
@@ -1002,9 +1002,9 @@ const sn = "_formItem_4e017_29", an = "_critical_4e017_36", ln = "_message_4e017
   disabled: mn,
   readOnly: un,
   input: hn
-}, wt = Dt({
+}, wt = Lt({
   state: "default"
-}), Ke = () => Pt(wt), Xe = ({ children: e, error: t, disabled: n, readOnly: o }) => {
+}), Ke = () => Dt(wt), Xe = ({ children: e, error: t, disabled: n, readOnly: o }) => {
   let a = "default";
   return t ? a = "error" : n ? a = "disabled" : o && (a = "readOnly"), /* @__PURE__ */ i(wt.Provider, { value: { state: a }, children: /* @__PURE__ */ i("div", { className: ee.formItem, children: e }) });
 }, pn = ({ children: e }) => {
@@ -1036,7 +1036,7 @@ const sn = "_formItem_4e017_29", an = "_critical_4e017_36", ln = "_message_4e017
   }
 );
 vt.displayName = "FormItem.Input";
-const fn = ({ children: e }) => {
+const _n = ({ children: e }) => {
   const { state: t } = Ke();
   return e ? /* @__PURE__ */ N(
     "div",
@@ -1046,7 +1046,7 @@ const fn = ({ children: e }) => {
         t === "error" ? ee.error : ee.default
       ),
       children: [
-        t === "error" && /* @__PURE__ */ i(_t, { className: ee.critical }),
+        t === "error" && /* @__PURE__ */ i(ft, { className: ee.critical }),
         e
       ]
     }
@@ -1054,8 +1054,8 @@ const fn = ({ children: e }) => {
 };
 Xe.Label = pn;
 Xe.Input = vt;
-Xe.Message = fn;
-const _n = "_btn_vv6xf_29", gn = "_small_vv6xf_42", bn = "_medium_vv6xf_45", yn = "_large_vv6xf_48", wn = "_primary_vv6xf_69", vn = "_tertiary_vv6xf_85", xn = "_plain_vv6xf_100", Ae = {
+Xe.Message = _n;
+const fn = "_btn_vv6xf_29", gn = "_small_vv6xf_42", bn = "_medium_vv6xf_45", yn = "_large_vv6xf_48", wn = "_primary_vv6xf_69", vn = "_tertiary_vv6xf_85", xn = "_plain_vv6xf_100", ze = {
   "shadow-0": "_shadow-0_vv6xf_1",
   "shadow-100": "_shadow-100_vv6xf_5",
   "shadow-200": "_shadow-200_vv6xf_9",
@@ -1063,7 +1063,7 @@ const _n = "_btn_vv6xf_29", gn = "_small_vv6xf_42", bn = "_medium_vv6xf_45", yn
   "shadow-400": "_shadow-400_vv6xf_17",
   "shadow-500": "_shadow-500_vv6xf_21",
   "shadow-600": "_shadow-600_vv6xf_25",
-  btn: _n,
+  btn: fn,
   small: gn,
   medium: bn,
   large: yn,
@@ -1087,11 +1087,11 @@ const _n = "_btn_vv6xf_29", gn = "_small_vv6xf_42", bn = "_medium_vv6xf_45", yn
   ...u
 }) => {
   const m = v(
-    Ae.btn,
-    Ae[e],
-    Ae[t],
+    ze.btn,
+    ze[e],
+    ze[t],
     {
-      [Ae[`${e}-selected`]]: n
+      [ze[`${e}-selected`]]: n
     },
     l
   );
@@ -1105,7 +1105,7 @@ const _n = "_btn_vv6xf_29", gn = "_small_vv6xf_42", bn = "_medium_vv6xf_45", yn
       children: a
     }
   );
-}, kn = "_formItem_syh3n_29", $n = "_label_syh3n_36", Cn = "_disabled_syh3n_39", Nn = "_readOnly_syh3n_42", Mn = "_inputContainer_syh3n_46", In = "_error_syh3n_77", Sn = "_input_syh3n_46", An = "_message_syh3n_92", J = {
+}, kn = "_formItem_syh3n_29", $n = "_label_syh3n_36", Cn = "_disabled_syh3n_39", Nn = "_readOnly_syh3n_42", Mn = "_inputContainer_syh3n_46", In = "_error_syh3n_77", Sn = "_input_syh3n_46", zn = "_message_syh3n_92", J = {
   formItem: kn,
   label: $n,
   disabled: Cn,
@@ -1113,8 +1113,8 @@ const _n = "_btn_vv6xf_29", gn = "_small_vv6xf_42", bn = "_medium_vv6xf_45", yn
   inputContainer: Mn,
   error: In,
   input: Sn,
-  message: An
-}, As = ({
+  message: zn
+}, zs = ({
   label: e,
   error: t,
   helperText: n,
@@ -1124,7 +1124,7 @@ const _n = "_btn_vv6xf_29", gn = "_small_vv6xf_42", bn = "_medium_vv6xf_45", yn
   readOnly: l,
   className: u,
   multiline: m = !1,
-  rows: _ = 4,
+  rows: f = 4,
   ...k
 }) => /* @__PURE__ */ N("div", { className: J.formItem, children: [
   e && /* @__PURE__ */ i(
@@ -1153,7 +1153,7 @@ const _n = "_btn_vv6xf_29", gn = "_small_vv6xf_42", bn = "_medium_vv6xf_45", yn
             className: v(J.input, u),
             disabled: r,
             readOnly: l,
-            rows: _,
+            rows: f,
             ...k
           }
         ) : /* @__PURE__ */ i(
@@ -1178,7 +1178,7 @@ const _n = "_btn_vv6xf_29", gn = "_small_vv6xf_42", bn = "_medium_vv6xf_45", yn
       children: t ? /* @__PURE__ */ i(Je, { children: t }) : n
     }
   )
-] }), zn = "_messageContainer_13r2b_29", Tn = "_message_13r2b_29", On = "_warning_13r2b_54", Ln = "_error_13r2b_59", Bn = "_critical_13r2b_64", Dn = "_content_13r2b_72", pe = {
+] }), An = "_messageContainer_13r2b_29", Tn = "_message_13r2b_29", On = "_warning_13r2b_54", jn = "_error_13r2b_59", Bn = "_critical_13r2b_64", Ln = "_content_13r2b_72", pe = {
   "shadow-0": "_shadow-0_13r2b_1",
   "shadow-100": "_shadow-100_13r2b_5",
   "shadow-200": "_shadow-200_13r2b_9",
@@ -1186,16 +1186,16 @@ const _n = "_btn_vv6xf_29", gn = "_small_vv6xf_42", bn = "_medium_vv6xf_45", yn
   "shadow-400": "_shadow-400_13r2b_17",
   "shadow-500": "_shadow-500_13r2b_21",
   "shadow-600": "_shadow-600_13r2b_25",
-  messageContainer: zn,
+  messageContainer: An,
   message: Tn,
   default: "_default_13r2b_50",
   warning: On,
-  error: Ln,
+  error: jn,
   critical: Bn,
-  content: Dn
+  content: Ln
 };
 let ke = null;
-const Pn = ({
+const Dn = ({
   id: e,
   type: t,
   text: n,
@@ -1217,8 +1217,8 @@ const Pn = ({
       children: /* @__PURE__ */ i(yt, {})
     }
   )
-] })), En = () => {
-  const [e, t] = _e([]);
+] })), Pn = () => {
+  const [e, t] = fe([]);
   Ze(() => (ke = t, () => {
     ke = null;
   }), []);
@@ -1226,7 +1226,7 @@ const Pn = ({
     t((a) => a.filter((r) => r.id !== o));
   };
   return /* @__PURE__ */ i("div", { className: pe.messageContainer, children: e.map((o) => /* @__PURE__ */ i(
-    Pn,
+    Dn,
     {
       ...o,
       onClose: n
@@ -1234,15 +1234,15 @@ const Pn = ({
     o.id
   )) });
 }, nt = "message-root";
-function jn() {
+function En() {
   let e = document.getElementById(nt);
   return e || (e = document.createElement("div"), e.id = nt, document.body.appendChild(e)), e;
 }
-let De = null;
+let Le = null;
 function Rn() {
-  De || (De = ct(jn()), De.render(/* @__PURE__ */ i(En, {})));
+  Le || (Le = ct(En()), Le.render(/* @__PURE__ */ i(Pn, {})));
 }
-const zs = {
+const As = {
   _id: 0,
   show(e, t = "default") {
     if (Rn(), !!ke)
@@ -1325,14 +1325,14 @@ const zs = {
             ] }),
             /* @__PURE__ */ i("div", { className: K.content, children: l }),
             /* @__PURE__ */ N("div", { className: K.footer, children: [
-              a.map((m, _) => /* @__PURE__ */ i(
+              a.map((m, f) => /* @__PURE__ */ i(
                 Oe,
                 {
                   className: K.secondaryButton,
                   ...m,
                   children: m.children
                 },
-                _
+                f
               )),
               o && /* @__PURE__ */ i(
                 Oe,
@@ -1352,7 +1352,7 @@ const zs = {
   );
 }, Qn = ({ children: e }) => /* @__PURE__ */ i("section", { className: K.section, children: e }), We = Xn;
 We.Section = Qn;
-function Pe(e) {
+function De(e) {
   const t = document.createElement("div");
   document.body.appendChild(t);
   const n = ct(t), o = () => {
@@ -1372,14 +1372,14 @@ function Pe(e) {
         title: e.title,
         tone: e.tone,
         onClose: r,
-        primaryAction: {
-          content: e.okText || "OK",
-          onAction: a
+        primaryButtonProps: {
+          children: e.okText || "OK",
+          onClick: a
         },
-        secondaryActions: [
+        secondaryButtonProps: [
           {
-            content: e.cancelText || "Cancel",
-            onAction: r
+            children: e.cancelText || "Cancel",
+            onClick: r
           }
         ],
         children: /* @__PURE__ */ i(We.Section, { children: e.content })
@@ -1388,19 +1388,19 @@ function Pe(e) {
   );
 }
 const Ts = {
-  error: (e) => Pe({ ...e, tone: "critical" }),
-  warning: (e) => Pe({ ...e, tone: "warning" }),
-  info: (e) => Pe({ ...e, tone: "default" })
-}, er = "_pageHeader_oy6lh_29", tr = "_mg_oy6lh_38", or = "_lg_oy6lh_39", Ee = {
+  error: (e) => De({ ...e, tone: "critical" }),
+  warning: (e) => De({ ...e, tone: "warning" }),
+  info: (e) => De({ ...e, tone: "default" })
+}, er = "_pageHeader_oy6lh_29", tr = "_mg_oy6lh_38", or = "_lg_oy6lh_39", Pe = {
   pageHeader: er,
   mg: tr,
   lg: or
-}, Os = ({ children: e }) => /* @__PURE__ */ N("header", { className: Ee.pageHeader, children: [
+}, Os = ({ children: e }) => /* @__PURE__ */ N("header", { className: Pe.pageHeader, children: [
   /* @__PURE__ */ i(
     F,
     {
       variant: "heading-xl",
-      className: Ee.lg,
+      className: Pe.lg,
       children: e
     }
   ),
@@ -1408,18 +1408,18 @@ const Ts = {
     F,
     {
       variant: "heading-md",
-      className: Ee.mg,
+      className: Pe.mg,
       children: e
     }
   )
-] }), nr = "_container_1qf76_29", rr = "_line_1qf76_35", sr = "_progress_1qf76_41", je = {
+] }), nr = "_container_1qf76_29", rr = "_line_1qf76_35", sr = "_progress_1qf76_41", Ee = {
   container: nr,
   line: rr,
   progress: sr
-}, Ls = ({ percent: e }) => /* @__PURE__ */ i("div", { className: je.container, children: /* @__PURE__ */ i("div", { className: je.line, children: /* @__PURE__ */ i(
+}, js = ({ percent: e }) => /* @__PURE__ */ i("div", { className: Ee.container, children: /* @__PURE__ */ i("div", { className: Ee.line, children: /* @__PURE__ */ i(
   "div",
   {
-    className: je.progress,
+    className: Ee.progress,
     style: { width: `${e}%` }
   }
 ) }) }), ar = "_formItem_1bee1_29", ir = "_labelContainer_1bee1_37", lr = "_disabled_1bee1_43", cr = "_inputContainer_1bee1_50", dr = "_error_1bee1_77", mr = "_message_1bee1_91", ur = "_radio_1bee1_95", de = {
@@ -1469,11 +1469,11 @@ const Ts = {
       }
     )
   ] })
-] }), hr = "_container_1sj7i_29", pr = "_notMobile_1sj7i_38", fr = "_mobile_1sj7i_47", Re = {
+] }), hr = "_container_1sj7i_29", pr = "_notMobile_1sj7i_38", _r = "_mobile_1sj7i_47", Re = {
   container: hr,
   notMobile: pr,
-  mobile: fr
-}, Ds = ({ title: e, extra: t }) => /* @__PURE__ */ N("div", { className: Re.container, children: [
+  mobile: _r
+}, Ls = ({ title: e, extra: t }) => /* @__PURE__ */ N("div", { className: Re.container, children: [
   /* @__PURE__ */ i(
     F,
     {
@@ -1491,36 +1491,50 @@ const Ts = {
     }
   ),
   t
-] }), _r = "_td_1lvxr_29", gr = "_bottomBorder_1lvxr_34", br = "_label_1lvxr_38", yr = "_input_1lvxr_42", wr = "_button_1lvxr_49", vr = "_checkbox_1lvxr_57", xr = "_empty_1lvxr_61", kr = "_th_1lvxr_73", $r = "_table_1lvxr_82", fe = {
-  "shadow-0": "_shadow-0_1lvxr_1",
-  "shadow-100": "_shadow-100_1lvxr_5",
-  "shadow-200": "_shadow-200_1lvxr_9",
-  "shadow-300": "_shadow-300_1lvxr_13",
-  "shadow-400": "_shadow-400_1lvxr_17",
-  "shadow-500": "_shadow-500_1lvxr_21",
-  "shadow-600": "_shadow-600_1lvxr_25",
-  td: _r,
+] }), fr = "_td_ju3d3_29", gr = "_bottomBorder_ju3d3_34", br = "_label_ju3d3_38", yr = "_input_ju3d3_42", wr = "_button_ju3d3_49", vr = "_checkbox_ju3d3_57", xr = "_empty_ju3d3_61", kr = "_th_ju3d3_73", $r = "_table_ju3d3_82", _e = {
+  "shadow-0": "_shadow-0_ju3d3_1",
+  "shadow-100": "_shadow-100_ju3d3_5",
+  "shadow-200": "_shadow-200_ju3d3_9",
+  "shadow-300": "_shadow-300_ju3d3_13",
+  "shadow-400": "_shadow-400_ju3d3_17",
+  "shadow-500": "_shadow-500_ju3d3_21",
+  "shadow-600": "_shadow-600_ju3d3_25",
+  td: fr,
   bottomBorder: gr,
   label: br,
   input: yr,
   button: wr,
-  "icon-button": "_icon-button_1lvxr_53",
+  "icon-button": "_icon-button_ju3d3_53",
   checkbox: vr,
   empty: xr,
-  "icon-label": "_icon-label_1lvxr_65",
+  "icon-label": "_icon-label_ju3d3_65",
   th: kr,
-  table: $r
-}, Ps = ({
+  table: $r,
+  "align-top-left": "_align-top-left_ju3d3_89",
+  "align-top": "_align-top_ju3d3_89",
+  "align-top-right": "_align-top-right_ju3d3_101",
+  "align-middle-left": "_align-middle-left_ju3d3_107",
+  "align-middle": "_align-middle_ju3d3_107",
+  "align-middle-right": "_align-middle-right_ju3d3_119",
+  "align-bottom-left": "_align-bottom-left_ju3d3_125",
+  "align-bottom": "_align-bottom_ju3d3_125",
+  "align-bottom-right": "_align-bottom-right_ju3d3_137"
+}, Ds = ({
   children: e,
   cellType: t = "label",
-  ...n
+  align: n = "middle-left",
+  ...o
 }) => {
-  const o = v(fe.td, fe[t]);
+  const a = v(
+    _e.td,
+    _e[t],
+    _e[`align-${n}`]
+  );
   return /* @__PURE__ */ i(
     "div",
     {
-      ...n,
-      className: o,
+      ...o,
+      className: a,
       children: e
     }
   );
@@ -1613,7 +1627,7 @@ const Qe = "-", Nr = (e) => {
       validators: []
     }), n = n.nextPart.get(o);
   }), n;
-}, Sr = (e) => e.isThemeGetter, Ar = (e) => {
+}, Sr = (e) => e.isThemeGetter, zr = (e) => {
   if (e < 1)
     return {
       get: () => {
@@ -1637,32 +1651,32 @@ const Qe = "-", Nr = (e) => {
       n.has(r) ? n.set(r, l) : a(r, l);
     }
   };
-}, Ue = "!", Ye = ":", zr = Ye.length, Tr = (e) => {
+}, Ue = "!", Ye = ":", Ar = Ye.length, Tr = (e) => {
   const {
     prefix: t,
     experimentalParseClassName: n
   } = e;
   let o = (a) => {
     const r = [];
-    let l = 0, u = 0, m = 0, _;
-    for (let A = 0; A < a.length; A++) {
-      let L = a[A];
+    let l = 0, u = 0, m = 0, f;
+    for (let z = 0; z < a.length; z++) {
+      let j = a[z];
       if (l === 0 && u === 0) {
-        if (L === Ye) {
-          r.push(a.slice(m, A)), m = A + zr;
+        if (j === Ye) {
+          r.push(a.slice(m, z)), m = z + Ar;
           continue;
         }
-        if (L === "/") {
-          _ = A;
+        if (j === "/") {
+          f = z;
           continue;
         }
       }
-      L === "[" ? l++ : L === "]" ? l-- : L === "(" ? u++ : L === ")" && u--;
+      j === "[" ? l++ : j === "]" ? l-- : j === "(" ? u++ : j === ")" && u--;
     }
-    const k = r.length === 0 ? a : a.substring(m), S = Or(k), j = S !== k, T = _ && _ > m ? _ - m : void 0;
+    const k = r.length === 0 ? a : a.substring(m), S = Or(k), E = S !== k, T = f && f > m ? f - m : void 0;
     return {
       modifiers: r,
-      hasImportantModifier: j,
+      hasImportantModifier: E,
       baseClassName: S,
       maybePostfixModifierPosition: T
     };
@@ -1685,7 +1699,7 @@ const Qe = "-", Nr = (e) => {
     });
   }
   return o;
-}, Or = (e) => e.endsWith(Ue) ? e.substring(0, e.length - 1) : e.startsWith(Ue) ? e.substring(1) : e, Lr = (e) => {
+}, Or = (e) => e.endsWith(Ue) ? e.substring(0, e.length - 1) : e.startsWith(Ue) ? e.substring(1) : e, jr = (e) => {
   const t = Object.fromEntries(e.orderSensitiveModifiers.map((o) => [o, !0]));
   return (o) => {
     if (o.length <= 1)
@@ -1697,47 +1711,47 @@ const Qe = "-", Nr = (e) => {
     }), a.push(...r.sort()), a;
   };
 }, Br = (e) => ({
-  cache: Ar(e.cacheSize),
+  cache: zr(e.cacheSize),
   parseClassName: Tr(e),
-  sortModifiers: Lr(e),
+  sortModifiers: jr(e),
   ...Nr(e)
-}), Dr = /\s+/, Pr = (e, t) => {
+}), Lr = /\s+/, Dr = (e, t) => {
   const {
     parseClassName: n,
     getClassGroupId: o,
     getConflictingClassGroupIds: a,
     sortModifiers: r
-  } = t, l = [], u = e.trim().split(Dr);
+  } = t, l = [], u = e.trim().split(Lr);
   let m = "";
-  for (let _ = u.length - 1; _ >= 0; _ -= 1) {
-    const k = u[_], {
+  for (let f = u.length - 1; f >= 0; f -= 1) {
+    const k = u[f], {
       isExternal: S,
-      modifiers: j,
+      modifiers: E,
       hasImportantModifier: T,
-      baseClassName: A,
-      maybePostfixModifierPosition: L
+      baseClassName: z,
+      maybePostfixModifierPosition: j
     } = n(k);
     if (S) {
       m = k + (m.length > 0 ? " " + m : m);
       continue;
     }
-    let E = !!L, q = o(E ? A.substring(0, L) : A);
+    let P = !!j, q = o(P ? z.substring(0, j) : z);
     if (!q) {
-      if (!E) {
+      if (!P) {
         m = k + (m.length > 0 ? " " + m : m);
         continue;
       }
-      if (q = o(A), !q) {
+      if (q = o(z), !q) {
         m = k + (m.length > 0 ? " " + m : m);
         continue;
       }
-      E = !1;
+      P = !1;
     }
-    const ie = r(j).join(":"), U = T ? ie + Ue : ie, X = U + q;
+    const ie = r(E).join(":"), U = T ? ie + Ue : ie, X = U + q;
     if (l.includes(X))
       continue;
     l.push(X);
-    const W = a(q, E);
+    const W = a(q, P);
     for (let R = 0; R < W.length; ++R) {
       const te = W[R];
       l.push(U + te);
@@ -1746,7 +1760,7 @@ const Qe = "-", Nr = (e) => {
   }
   return m;
 };
-function Er() {
+function Pr() {
   let e = 0, t, n, o = "";
   for (; e < arguments.length; )
     (t = arguments[e++]) && (n = Ct(t)) && (o && (o += " "), o += n);
@@ -1760,24 +1774,24 @@ const Ct = (e) => {
     e[o] && (t = Ct(e[o])) && (n && (n += " "), n += t);
   return n;
 };
-function jr(e, ...t) {
+function Er(e, ...t) {
   let n, o, a, r = l;
   function l(m) {
-    const _ = t.reduce((k, S) => S(k), e());
-    return n = Br(_), o = n.cache.get, a = n.cache.set, r = u, u(m);
+    const f = t.reduce((k, S) => S(k), e());
+    return n = Br(f), o = n.cache.get, a = n.cache.set, r = u, u(m);
   }
   function u(m) {
-    const _ = o(m);
-    if (_)
-      return _;
-    const k = Pr(m, n);
+    const f = o(m);
+    if (f)
+      return f;
+    const k = Dr(m, n);
     return a(m, k), k;
   }
   return function() {
-    return r(Er.apply(null, arguments));
+    return r(Pr.apply(null, arguments));
   };
 }
-const P = (e) => {
+const D = (e) => {
   const t = (n) => n[e] || [];
   return t.isThemeGetter = !0, t;
 }, Nt = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, Mt = /^\((?:(\w[\w-]*):)?(.+)\)$/i, Rr = /^\d+\/\d+$/, Gr = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, qr = /\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$/, Hr = /^(rgba?|hsla?|hwb|(ok)?(lab|lch))\(.+\)$/, Fr = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, Wr = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, ve = (e) => Rr.test(e), x = (e) => !!e && !Number.isNaN(Number(e)), me = (e) => !!e && Number.isInteger(Number(e)), Ge = (e) => e.endsWith("%") && x(e.slice(0, -1)), ae = (e) => Gr.test(e), Vr = () => !0, Ur = (e) => (
@@ -1785,14 +1799,14 @@ const P = (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.
   qr.test(e) && !Hr.test(e)
-), It = () => !1, Yr = (e) => Fr.test(e), Zr = (e) => Wr.test(e), Jr = (e) => !h(e) && !p(e), Kr = (e) => $e(e, zt, It), h = (e) => Nt.test(e), he = (e) => $e(e, Tt, Ur), qe = (e) => $e(e, os, x), at = (e) => $e(e, St, It), Xr = (e) => $e(e, At, Zr), ze = (e) => $e(e, Ot, Yr), p = (e) => Mt.test(e), Me = (e) => Ce(e, Tt), Qr = (e) => Ce(e, ns), it = (e) => Ce(e, St), es = (e) => Ce(e, zt), ts = (e) => Ce(e, At), Te = (e) => Ce(e, Ot, !0), $e = (e, t, n) => {
+), It = () => !1, Yr = (e) => Fr.test(e), Zr = (e) => Wr.test(e), Jr = (e) => !h(e) && !p(e), Kr = (e) => $e(e, At, It), h = (e) => Nt.test(e), he = (e) => $e(e, Tt, Ur), qe = (e) => $e(e, os, x), at = (e) => $e(e, St, It), Xr = (e) => $e(e, zt, Zr), Ae = (e) => $e(e, Ot, Yr), p = (e) => Mt.test(e), Me = (e) => Ce(e, Tt), Qr = (e) => Ce(e, ns), it = (e) => Ce(e, St), es = (e) => Ce(e, At), ts = (e) => Ce(e, zt), Te = (e) => Ce(e, Ot, !0), $e = (e, t, n) => {
   const o = Nt.exec(e);
   return o ? o[1] ? t(o[1]) : n(o[2]) : !1;
 }, Ce = (e, t, n = !1) => {
   const o = Mt.exec(e);
   return o ? o[1] ? t(o[1]) : n : !1;
-}, St = (e) => e === "position" || e === "percentage", At = (e) => e === "image" || e === "url", zt = (e) => e === "length" || e === "size" || e === "bg-size", Tt = (e) => e === "length", os = (e) => e === "number", ns = (e) => e === "family-name", Ot = (e) => e === "shadow", rs = () => {
-  const e = P("color"), t = P("font"), n = P("text"), o = P("font-weight"), a = P("tracking"), r = P("leading"), l = P("breakpoint"), u = P("container"), m = P("spacing"), _ = P("radius"), k = P("shadow"), S = P("inset-shadow"), j = P("text-shadow"), T = P("drop-shadow"), A = P("blur"), L = P("perspective"), E = P("aspect"), q = P("ease"), ie = P("animate"), U = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], X = () => [
+}, St = (e) => e === "position" || e === "percentage", zt = (e) => e === "image" || e === "url", At = (e) => e === "length" || e === "size" || e === "bg-size", Tt = (e) => e === "length", os = (e) => e === "number", ns = (e) => e === "family-name", Ot = (e) => e === "shadow", rs = () => {
+  const e = D("color"), t = D("font"), n = D("text"), o = D("font-weight"), a = D("tracking"), r = D("leading"), l = D("breakpoint"), u = D("container"), m = D("spacing"), f = D("radius"), k = D("shadow"), S = D("inset-shadow"), E = D("text-shadow"), T = D("drop-shadow"), z = D("blur"), j = D("perspective"), P = D("aspect"), q = D("ease"), ie = D("animate"), U = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], X = () => [
     "center",
     "top",
     "bottom",
@@ -1812,7 +1826,7 @@ const P = (e) => {
     "left-bottom"
   ], W = () => [...X(), p, h], R = () => ["auto", "hidden", "clip", "visible", "scroll"], te = () => ["auto", "contain", "none"], b = () => [p, h, m], H = () => [ve, "full", "auto", ...b()], B = () => [me, "none", "subgrid", p, h], $ = () => ["auto", {
     span: ["full", me, p, h]
-  }, me, p, h], V = () => [me, "auto", p, h], oe = () => ["auto", "min", "max", "fr", p, h], 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 = () => [ve, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...b()], s = () => [e, p, h], y = () => [...X(), it, at, {
+  }, me, p, h], V = () => [me, "auto", p, h], oe = () => ["auto", "min", "max", "fr", p, h], 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()], _ = () => [ve, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...b()], s = () => [e, p, h], y = () => [...X(), it, at, {
     position: [p, h]
   }], w = () => ["no-repeat", {
     repeat: ["", "x", "y", "space", "round"]
@@ -1823,17 +1837,17 @@ const P = (e) => {
     "",
     "none",
     "full",
-    _,
+    f,
     p,
     h
-  ], M = () => ["", x, Me, he], G = () => ["solid", "dashed", "dotted", "double"], ne = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], z = () => [x, Ge, it, at], le = () => [
+  ], M = () => ["", x, Me, he], G = () => ["solid", "dashed", "dotted", "double"], ne = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], A = () => [x, Ge, it, at], le = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
-    A,
+    z,
     p,
     h
-  ], Y = () => ["none", x, p, h], D = () => ["none", x, p, h], Z = () => [x, p, h], Q = () => [ve, "full", ...b()];
+  ], Y = () => ["none", x, p, h], L = () => ["none", x, p, h], Z = () => [x, p, h], Q = () => [ve, "full", ...b()];
   return {
     cacheSize: 500,
     theme: {
@@ -1866,7 +1880,7 @@ const P = (e) => {
        * @see https://tailwindcss.com/docs/aspect-ratio
        */
       aspect: [{
-        aspect: ["auto", "square", ve, h, p, E]
+        aspect: ["auto", "square", ve, h, p, P]
       }],
       /**
        * Container
@@ -2457,14 +2471,14 @@ const P = (e) => {
        * @see https://tailwindcss.com/docs/width#setting-both-width-and-height
        */
       size: [{
-        size: f()
+        size: _()
       }],
       /**
        * Width
        * @see https://tailwindcss.com/docs/width
        */
       w: [{
-        w: [u, "screen", ...f()]
+        w: [u, "screen", ..._()]
       }],
       /**
        * Min-Width
@@ -2476,7 +2490,7 @@ const P = (e) => {
           "screen",
           /** Deprecated. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
           "none",
-          ...f()
+          ..._()
         ]
       }],
       /**
@@ -2494,7 +2508,7 @@ const P = (e) => {
           {
             screen: [l]
           },
-          ...f()
+          ..._()
         ]
       }],
       /**
@@ -2502,21 +2516,21 @@ const P = (e) => {
        * @see https://tailwindcss.com/docs/height
        */
       h: [{
-        h: ["screen", "lh", ...f()]
+        h: ["screen", "lh", ..._()]
       }],
       /**
        * Min-Height
        * @see https://tailwindcss.com/docs/min-height
        */
       "min-h": [{
-        "min-h": ["screen", "lh", "none", ...f()]
+        "min-h": ["screen", "lh", "none", ..._()]
       }],
       /**
        * Max-Height
        * @see https://tailwindcss.com/docs/max-height
        */
       "max-h": [{
-        "max-h": ["screen", "lh", ...f()]
+        "max-h": ["screen", "lh", ..._()]
       }],
       // ------------------
       // --- Typography ---
@@ -3184,7 +3198,7 @@ const P = (e) => {
           "none",
           k,
           Te,
-          ze
+          Ae
         ]
       }],
       /**
@@ -3199,7 +3213,7 @@ const P = (e) => {
        * @see https://tailwindcss.com/docs/box-shadow#adding-an-inset-shadow
        */
       "inset-shadow": [{
-        "inset-shadow": ["none", S, Te, ze]
+        "inset-shadow": ["none", S, Te, Ae]
       }],
       /**
        * Inset Box Shadow Color
@@ -3266,7 +3280,7 @@ const P = (e) => {
        * @see https://tailwindcss.com/docs/text-shadow
        */
       "text-shadow": [{
-        "text-shadow": ["none", j, Te, ze]
+        "text-shadow": ["none", E, Te, Ae]
       }],
       /**
        * Text Shadow Color
@@ -3318,10 +3332,10 @@ const P = (e) => {
         "mask-linear": [x]
       }],
       "mask-image-linear-from-pos": [{
-        "mask-linear-from": z()
+        "mask-linear-from": A()
       }],
       "mask-image-linear-to-pos": [{
-        "mask-linear-to": z()
+        "mask-linear-to": A()
       }],
       "mask-image-linear-from-color": [{
         "mask-linear-from": s()
@@ -3330,10 +3344,10 @@ const P = (e) => {
         "mask-linear-to": s()
       }],
       "mask-image-t-from-pos": [{
-        "mask-t-from": z()
+        "mask-t-from": A()
       }],
       "mask-image-t-to-pos": [{
-        "mask-t-to": z()
+        "mask-t-to": A()
       }],
       "mask-image-t-from-color": [{
         "mask-t-from": s()
@@ -3342,10 +3356,10 @@ const P = (e) => {
         "mask-t-to": s()
       }],
       "mask-image-r-from-pos": [{
-        "mask-r-from": z()
+        "mask-r-from": A()
       }],
       "mask-image-r-to-pos": [{
-        "mask-r-to": z()
+        "mask-r-to": A()
       }],
       "mask-image-r-from-color": [{
         "mask-r-from": s()
@@ -3354,10 +3368,10 @@ const P = (e) => {
         "mask-r-to": s()
       }],
       "mask-image-b-from-pos": [{
-        "mask-b-from": z()
+        "mask-b-from": A()
       }],
       "mask-image-b-to-pos": [{
-        "mask-b-to": z()
+        "mask-b-to": A()
       }],
       "mask-image-b-from-color": [{
         "mask-b-from": s()
@@ -3366,10 +3380,10 @@ const P = (e) => {
         "mask-b-to": s()
       }],
       "mask-image-l-from-pos": [{
-        "mask-l-from": z()
+        "mask-l-from": A()
       }],
       "mask-image-l-to-pos": [{
-        "mask-l-to": z()
+        "mask-l-to": A()
       }],
       "mask-image-l-from-color": [{
         "mask-l-from": s()
@@ -3378,10 +3392,10 @@ const P = (e) => {
         "mask-l-to": s()
       }],
       "mask-image-x-from-pos": [{
-        "mask-x-from": z()
+        "mask-x-from": A()
       }],
       "mask-image-x-to-pos": [{
-        "mask-x-to": z()
+        "mask-x-to": A()
       }],
       "mask-image-x-from-color": [{
         "mask-x-from": s()
@@ -3390,10 +3404,10 @@ const P = (e) => {
         "mask-x-to": s()
       }],
       "mask-image-y-from-pos": [{
-        "mask-y-from": z()
+        "mask-y-from": A()
       }],
       "mask-image-y-to-pos": [{
-        "mask-y-to": z()
+        "mask-y-to": A()
       }],
       "mask-image-y-from-color": [{
         "mask-y-from": s()
@@ -3405,10 +3419,10 @@ const P = (e) => {
         "mask-radial": [p, h]
       }],
       "mask-image-radial-from-pos": [{
-        "mask-radial-from": z()
+        "mask-radial-from": A()
       }],
       "mask-image-radial-to-pos": [{
-        "mask-radial-to": z()
+        "mask-radial-to": A()
       }],
       "mask-image-radial-from-color": [{
         "mask-radial-from": s()
@@ -3432,10 +3446,10 @@ const P = (e) => {
         "mask-conic": [x]
       }],
       "mask-image-conic-from-pos": [{
-        "mask-conic-from": z()
+        "mask-conic-from": A()
       }],
       "mask-image-conic-to-pos": [{
-        "mask-conic-to": z()
+        "mask-conic-to": A()
       }],
       "mask-image-conic-from-color": [{
         "mask-conic-from": s()
@@ -3540,7 +3554,7 @@ const P = (e) => {
           "none",
           T,
           Te,
-          ze
+          Ae
         ]
       }],
       /**
@@ -3766,7 +3780,7 @@ const P = (e) => {
        * @see https://tailwindcss.com/docs/perspective
        */
       perspective: [{
-        perspective: [L, p, h]
+        perspective: [j, p, h]
       }],
       /**
        * Perspective Origin
@@ -3808,28 +3822,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
@@ -4261,7 +4275,7 @@ const P = (e) => {
     },
     orderSensitiveModifiers: ["*", "**", "after", "backdrop", "before", "details-content", "file", "first-letter", "first-line", "marker", "placeholder", "selection"]
   };
-}, ss = /* @__PURE__ */ jr(rs);
+}, ss = /* @__PURE__ */ Er(rs);
 function ye(...e) {
   return ss(Cr(e));
 }
@@ -4270,7 +4284,7 @@ function as({ className: e, ...t }) {
     "div",
     {
       "data-slot": "table-container",
-      className: "relative w-full border border-border rounded-[4px] overflow-hidden",
+      className: "relative w-full border border-[#dee1e7] rounded-[4px] overflow-hidden bg-[#ffffff]",
       children: /* @__PURE__ */ i(
         "table",
         {
@@ -4350,13 +4364,13 @@ function us({
     }
   );
 }
-const Es = (e) => /* @__PURE__ */ i(
+const Ps = (e) => /* @__PURE__ */ i(
   as,
   {
     ...e,
-    className: v(e.className, "custom-table", fe.table)
+    className: v(e.className)
   }
-), js = (e) => /* @__PURE__ */ i(
+), Es = (e) => /* @__PURE__ */ i(
   ls,
   {
     ...e,
@@ -4399,11 +4413,11 @@ const Gs = (e) => /* @__PURE__ */ i(
   ...a
 }) => {
   const r = v(
-    fe.th,
+    _e.th,
     t,
     {
-      [fe.primary]: e === "primary",
-      [fe.secondary]: e === "secondary"
+      [_e.primary]: e === "primary",
+      [_e.secondary]: e === "secondary"
     },
     "custom-table-header"
   );
@@ -4424,10 +4438,10 @@ const Gs = (e) => /* @__PURE__ */ i(
       e.className,
       "custom-table-row",
       "align-top",
-      fe.bottomBorder
+      _e.bottomBorder
     )
   }
-), ps = "_tooltipWrapper_k0y48_29", fs = "_underline_k0y48_34", _s = "_tooltip_k0y48_29", He = {
+), ps = "_tooltipWrapper_k0y48_29", _s = "_underline_k0y48_34", fs = "_tooltip_k0y48_29", He = {
   "shadow-0": "_shadow-0_k0y48_1",
   "shadow-100": "_shadow-100_k0y48_5",
   "shadow-200": "_shadow-200_k0y48_9",
@@ -4436,8 +4450,8 @@ const Gs = (e) => /* @__PURE__ */ i(
   "shadow-500": "_shadow-500_k0y48_21",
   "shadow-600": "_shadow-600_k0y48_25",
   tooltipWrapper: ps,
-  underline: fs,
-  tooltip: _s,
+  underline: _s,
+  tooltip: fs,
   "tooltip-position-above": "_tooltip-position-above_k0y48_58",
   "tooltip-position-below": "_tooltip-position-below_k0y48_68",
   "tooltip-position-cover": "_tooltip-position-cover_k0y48_78"
@@ -4452,7 +4466,7 @@ const Gs = (e) => /* @__PURE__ */ i(
   className: u,
   tooltipClassName: m
 }) => {
-  const [_, k] = _e(!1), [S, j] = _e(o), T = Be(null), A = Be(!1), L = Be(null), E = e !== void 0 ? e : _, q = r === "hover" || r === "both", ie = r === "click" || r === "both", U = Et(), X = He[`tooltip-position-${S}`] || "", W = v(He.tooltipWrapper, u), R = v(
+  const [f, k] = fe(!1), [S, E] = fe(o), T = Be(null), z = Be(!1), j = Be(null), P = e !== void 0 ? e : f, q = r === "hover" || r === "both", ie = r === "click" || r === "both", U = Pt(), X = He[`tooltip-position-${S}`] || "", W = v(He.tooltipWrapper, u), R = v(
     He.tooltip,
     X,
     m
@@ -4460,39 +4474,39 @@ const Gs = (e) => /* @__PURE__ */ i(
   return /* @__PURE__ */ N(
     "span",
     {
-      ref: L,
+      ref: j,
       className: W,
       onMouseEnter: () => {
         !q || e !== void 0 || (T.current && clearTimeout(T.current), T.current = window.setTimeout(() => {
-          if (o === "mostSpace" && L.current) {
-            const $ = L.current.getBoundingClientRect(), V = $.top, oe = window.innerHeight - $.bottom;
-            j(oe >= V ? "below" : "above");
+          if (o === "mostSpace" && j.current) {
+            const $ = j.current.getBoundingClientRect(), V = $.top, oe = window.innerHeight - $.bottom;
+            E(oe >= V ? "below" : "above");
           } else
-            j(o);
+            E(o);
           k(!0);
         }, n));
       },
       onMouseLeave: () => {
         !q || e !== void 0 || (T.current && clearTimeout(T.current), T.current = window.setTimeout(() => {
-          A.current || k(!1);
+          z.current || k(!1);
         }, 50));
       },
       onClick: () => {
         if (!(!ie || e !== void 0)) {
-          if (A.current = !A.current, o === "mostSpace" && L.current) {
-            const $ = L.current.getBoundingClientRect(), V = $.top, oe = window.innerHeight - $.bottom;
-            j(oe >= V ? "below" : "above");
+          if (z.current = !z.current, o === "mostSpace" && j.current) {
+            const $ = j.current.getBoundingClientRect(), V = $.top, oe = window.innerHeight - $.bottom;
+            E(oe >= V ? "below" : "above");
           } else
-            j(o);
-          k(A.current);
+            E(o);
+          k(z.current);
         }
       },
-      "aria-describedby": E ? U : void 0,
+      "aria-describedby": P ? U : void 0,
       tabIndex: 0,
       style: { display: "inline-block", position: "relative" },
       children: [
         l,
-        E && /* @__PURE__ */ i(
+        P && /* @__PURE__ */ i(
           "div",
           {
             id: U,
@@ -4559,7 +4573,7 @@ const Gs = (e) => /* @__PURE__ */ i(
 export {
   Ns as Banner,
   Oe as Button,
-  Ps as Cell,
+  Ds as Cell,
   Ms as Checkbox,
   Is as Collapse,
   Ss as CourseCollapse,
@@ -4567,17 +4581,17 @@ export {
   Xe as FormItem,
   xt as IconButton,
   Je as InlineError,
-  As as Input,
-  Pn as Message,
+  zs as Input,
+  Dn as Message,
   We as Modal,
   Ts as ModalAPI,
-  Le as NavigationItem,
+  je as NavigationItem,
   Os as PageHeader,
-  Ls as ProgressLine,
+  js as ProgressLine,
   Bs as RadioButton,
-  Ds as SectionHeader,
-  Es as Table,
-  js as TableBody,
+  Ls as SectionHeader,
+  Ps as Table,
+  Es as TableBody,
   Rs as TableCaption,
   hs as TableCell,
   qs as TableHead,
@@ -4586,6 +4600,6 @@ export {
   Fs as Tooltip,
   Ws as TopBar,
   F as Typography,
-  zs as message
+  As as message
 };
 //# sourceMappingURL=stp-ui-kit.es.js.map