stp-ui-kit 0.0.23 → 0.0.25

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

@@ -1,5 +1,5 @@
-import { jsx as i, jsxs as N, Fragment as Bt } from "react/jsx-runtime";
-import Lt, { useState as _e, useEffect as Ze, forwardRef as lt, createElement as Fe, createContext as Dt, useContext as Pt, useRef as Le, useId as Et } from "react";
+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 { 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 : {};
 function dt(e) {
@@ -16,8 +16,8 @@ var mt = { exports: {} };
     var t = {}.hasOwnProperty;
     function n() {
       for (var r = "", l = 0; l < arguments.length; l++) {
-        var p = arguments[l];
-        p && (r = a(r, o(p)));
+        var u = arguments[l];
+        u && (r = a(r, o(u)));
       }
       return r;
     }
@@ -31,8 +31,8 @@ var mt = { exports: {} };
       if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
         return r.toString();
       var l = "";
-      for (var p in r)
-        t.call(r, p) && r[p] && (l = a(l, p));
+      for (var u in r)
+        t.call(r, u) && r[u] && (l = a(l, u));
       return l;
     }
     function a(r, l) {
@@ -42,7 +42,7 @@ var mt = { exports: {} };
   })();
 })(mt);
 var Rt = mt.exports;
-const x = /* @__PURE__ */ dt(Rt), Gt = "_typography_1eofx_29", et = {
+const v = /* @__PURE__ */ dt(Rt), Gt = "_typography_1eofx_29", et = {
   "shadow-0": "_shadow-0_1eofx_1",
   "shadow-100": "_shadow-100_1eofx_5",
   "shadow-200": "_shadow-200_1eofx_9",
@@ -65,7 +65,7 @@ const x = /* @__PURE__ */ dt(Rt), Gt = "_typography_1eofx_29", et = {
   children: n
 }) => {
   const o = et[e] || "";
-  return /* @__PURE__ */ i("div", { className: x(et.typography, o, t), children: n });
+  return /* @__PURE__ */ i("div", { className: v(et.typography, o, t), children: n });
 }, qt = "_container_1t90t_29", Ht = "_content_1t90t_40", Ft = "_title_1t90t_57", Wt = "_timer_1t90t_68", Vt = "_timerCell_1t90t_80", Ut = "_timerCount_1t90t_87", Yt = "_pattern_1t90t_102", Zt = "_button_1t90t_129", ce = {
   container: qt,
   content: Ht,
@@ -81,7 +81,7 @@ var ut = { exports: {} };
   (function(n, o) {
     e.exports = o();
   })(jt, function() {
-    var n = 1e3, o = 6e4, a = 36e5, r = "millisecond", l = "second", p = "minute", m = "hour", _ = "day", k = "week", S = "month", j = "quarter", T = "year", A = "date", B = "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) {
+    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) {
       var d = ["th", "st", "nd", "rd"], c = g % 100;
       return "[" + g + (d[(c - 20) % 10] || d[c] || d[0]) + "]";
     } }, U = function(g, d, c) {
@@ -97,7 +97,7 @@ var ut = { exports: {} };
     }, 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: p, s: l, ms: r, Q: j }[g] || String(g || "").toLowerCase().replace(/s$/, "");
+      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$/, "");
     }, u: function(g) {
       return g === void 0;
     } }, W = "en", R = {};
@@ -117,13 +117,13 @@ var ut = { exports: {} };
         R[I] = d, s = I;
       }
       return !f && s && (W = s), s || !f && W;
-    }, L = function(g, d) {
+    }, 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;
     $.l = H, $.i = b, $.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) {
@@ -151,14 +151,14 @@ var ut = { exports: {} };
       }, d.$utils = function() {
         return $;
       }, d.isValid = function() {
-        return this.$d.toString() !== B;
+        return this.$d.toString() !== L;
       }, d.isSame = function(c, f) {
-        var s = L(c);
+        var s = B(c);
         return this.startOf(f) <= s && s <= this.endOf(f);
       }, d.isAfter = function(c, f) {
-        return L(c) < this.startOf(f);
+        return B(c) < this.startOf(f);
       }, d.isBefore = function(c, f) {
-        return this.endOf(f) < L(c);
+        return this.endOf(f) < B(c);
       }, d.$g = function(c, f, s) {
         return $.u(c) ? this[f] : this.set(s, c);
       }, d.unix = function() {
@@ -185,7 +185,7 @@ var ut = { exports: {} };
             return O(ne + "Hours", 0);
           case m:
             return O(ne + "Minutes", 1);
-          case p:
+          case u:
             return O(ne + "Seconds", 2);
           case l:
             return O(ne + "Milliseconds", 3);
@@ -195,7 +195,7 @@ 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[p] = w + "Minutes", s[l] = w + "Seconds", s[r] = w + "Milliseconds", s)[y], O = y === _ ? this.$D + (f - this.$W) : 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;
         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;
@@ -209,20 +209,20 @@ var ut = { exports: {} };
         var s, y = this;
         c = Number(c);
         var w = $.p(f), I = function(M) {
-          var G = L(y);
+          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 === k) return I(7);
-        var O = (s = {}, s[p] = o, s[m] = a, s[l] = n, s)[w] || 1, C = this.$d.getTime() + c * O;
+        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.format = function(c) {
         var f = this, s = this.$locale();
-        if (!this.isValid()) return s.invalidDate || B;
+        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) {
@@ -289,7 +289,7 @@ var ut = { exports: {} };
       }, 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 = L(c), C = (O.utcOffset() - this.utcOffset()) * o, M = this - O, G = function() {
+        var y, w = this, I = $.p(f), O = B(c), C = (O.utcOffset() - this.utcOffset()) * o, M = this - O, G = function() {
           return $.m(w, O);
         };
         switch (I) {
@@ -311,7 +311,7 @@ var ut = { exports: {} };
           case m:
             y = M / a;
             break;
-          case p:
+          case u:
             y = M / o;
             break;
           case l:
@@ -341,15 +341,15 @@ var ut = { exports: {} };
         return this.$d.toUTCString();
       }, g;
     }(), oe = V.prototype;
-    return L.prototype = oe, [["$ms", r], ["$s", l], ["$m", p], ["$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", _], ["$M", S], ["$y", T], ["$D", A]].forEach(function(g) {
       oe[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 = R[W], L.Ls = R, 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 = R[W], B.Ls = R, B.p = {}, B;
   });
 })(ut);
 var Jt = ut.exports;
@@ -365,7 +365,7 @@ const Kt = /* @__PURE__ */ dt(Jt), Xt = (e) => {
   buttonColor: r,
   onClick: l
 }) => {
-  const [p, m] = _e(!1), [_, k] = _e({
+  const [u, m] = _e(!1), [_, k] = _e({
     days: 0,
     hours: 0,
     minutes: 0,
@@ -382,8 +382,8 @@ const Kt = /* @__PURE__ */ dt(Jt), Xt = (e) => {
       q <= 0 ? (m(!0), k({ days: 0, hours: 0, minutes: 0, seconds: 0 })) : k(T(q));
     };
     A();
-    const B = setInterval(A, 1e3);
-    return () => clearInterval(B);
+    const L = setInterval(A, 1e3);
+    return () => clearInterval(L);
   }, [o]);
   const S = (j, T) => /* @__PURE__ */ N("div", { className: ce.timerCell, children: [
     /* @__PURE__ */ i(
@@ -420,9 +420,9 @@ const Kt = /* @__PURE__ */ dt(Jt), Xt = (e) => {
             className: ce.pattern,
             style: {
               "--pattern-color": e,
-              "--pattern-url": `url(${p ? a ?? n : n})`
+              "--pattern-url": `url(${u ? a ?? n : n})`
             },
-            children: p && /* @__PURE__ */ i(
+            children: u && /* @__PURE__ */ i(
               "button",
               {
                 className: ce.button,
@@ -465,9 +465,9 @@ const Kt = /* @__PURE__ */ dt(Jt), Xt = (e) => {
   onClick: r = () => {
   },
   className: l = "",
-  ...p
+  ...u
 }) => {
-  const m = x(
+  const m = v(
     Se.btn,
     Se[e],
     Se[t],
@@ -482,7 +482,7 @@ const Kt = /* @__PURE__ */ dt(Jt), Xt = (e) => {
       className: m,
       onClick: r,
       disabled: o,
-      ...p,
+      ...u,
       children: a
     }
   );
@@ -536,7 +536,7 @@ const mo = lt(
     className: a = "",
     children: r,
     iconNode: l,
-    ...p
+    ...u
   }, m) => Fe(
     "svg",
     {
@@ -547,8 +547,8 @@ const mo = lt(
       stroke: e,
       strokeWidth: o ? Number(n) * 24 / Number(t) : n,
       className: ht("lucide", a),
-      ...!r && !lo(p) && { "aria-hidden": "true" },
-      ...p
+      ...!r && !lo(u) && { "aria-hidden": "true" },
+      ...u
     },
     [
       ...l.map(([_, k]) => Fe(_, k)),
@@ -657,7 +657,7 @@ const yo = [
   ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
 ], yt = ge("x", yo), wo = "_message_yijnh_29", ot = {
   message: wo
-}, Je = ({ children: e }) => /* @__PURE__ */ N("div", { className: x(ot.message), children: [
+}, Je = ({ children: e }) => /* @__PURE__ */ N("div", { className: v(ot.message), children: [
   /* @__PURE__ */ i(
     _t,
     {
@@ -686,7 +686,7 @@ const yo = [
     "input",
     {
       type: "checkbox",
-      className: x(
+      className: v(
         a,
         re.inputContainer,
         re.checkbox,
@@ -702,7 +702,7 @@ const yo = [
     /* @__PURE__ */ i(
       "div",
       {
-        className: x(re.label, {
+        className: v(re.label, {
           [re.disabled]: o
         }),
         children: e
@@ -711,23 +711,23 @@ const yo = [
     /* @__PURE__ */ i(
       "div",
       {
-        className: x(re.message, {
+        className: v(re.message, {
           [re.error]: !!t
         }),
         children: t ? /* @__PURE__ */ i(Je, { children: t }) : n
       }
     )
   ] })
-] }), Io = "_navigationItem_1epug_29", So = "_container_1epug_45", Ao = "_IconContainer_1epug_51", zo = "_ParentLine_1epug_57", To = "_secondaryIcon_1epug_69", Oo = "_active_1epug_80", Bo = "_collapsed_1epug_88", Lo = "_label_1epug_92", se = {
+] }), 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 = {
   navigationItem: Io,
   container: So,
   IconContainer: Ao,
   ParentLine: zo,
   secondaryIcon: To,
   active: Oo,
-  collapsed: Bo,
-  label: Lo
-}, Be = ({
+  collapsed: Lo,
+  label: Bo
+}, Le = ({
   icon: e,
   label: t,
   secondaryIcon: n,
@@ -735,14 +735,14 @@ const yo = [
   active: a = !1,
   isParentNode: r = !1,
   onClick: l,
-  className: p
+  className: u
 }) => /* @__PURE__ */ N(
   "div",
   {
-    className: x(
+    className: v(
       se.navigationItem,
       a && se.active,
-      p
+      u
     ),
     onClick: l,
     children: [
@@ -762,7 +762,7 @@ const yo = [
           F,
           {
             variant: "body-md",
-            className: x(o && se.collapsed, se.label),
+            className: v(o && se.collapsed, se.label),
             children: t
           }
         )
@@ -770,7 +770,7 @@ const yo = [
       n && /* @__PURE__ */ i(
         "div",
         {
-          className: x(
+          className: v(
             se.secondaryIcon,
             o && se.collapsed
           ),
@@ -785,15 +785,15 @@ const yo = [
   arrowBlock: Eo,
   isOpen: jo
 }, Is = ({ activeItemId: e, onChange: t, item: n }) => {
-  var p, m;
-  const o = (p = n.children) == null ? void 0 : p.findIndex(
+  var u, m;
+  const o = (u = n.children) == null ? void 0 : u.findIndex(
     (_) => _.id === e
   ), [a, r] = _e(o !== -1), l = () => {
     n.children && r(!a), t(n);
   };
   return /* @__PURE__ */ N("div", { children: [
     /* @__PURE__ */ i(
-      Be,
+      Le,
       {
         icon: n.icon,
         label: n.name,
@@ -801,13 +801,13 @@ const yo = [
         onClick: l,
         isParentNode: a && o !== -1,
         active: o !== -1 && !a,
-        className: x(a && o === -1 && Ne.isOpen)
+        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(
       "div",
       {
-        className: x(
+        className: v(
           Ne.ArrowContainer,
           e === _.id ? Ne.active : ""
         ),
@@ -830,7 +830,7 @@ const yo = [
             )
           ] }),
           /* @__PURE__ */ i(
-            Be,
+            Le,
             {
               icon: _.icon,
               label: _.name,
@@ -853,15 +853,15 @@ const yo = [
   onChange: t,
   item: n
 }) => {
-  var p, m;
-  const o = (p = n.children) == null ? void 0 : p.findIndex(
+  var u, m;
+  const o = (u = n.children) == null ? void 0 : u.findIndex(
     (_) => _.id === e
   ), [a, r] = _e(o !== -1), l = () => {
     n.children && r(!a), t(n);
   };
   return /* @__PURE__ */ N("div", { children: [
     /* @__PURE__ */ i(
-      Be,
+      Le,
       {
         icon: n.icon,
         label: n.name,
@@ -869,13 +869,13 @@ const yo = [
         onClick: l,
         isParentNode: a && o !== -1,
         active: o !== -1 && !a,
-        className: x(a && o === -1 && we.isOpen)
+        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(
       "div",
       {
-        className: x(
+        className: v(
           we.ArrowContainer,
           e === _.id ? we.active : ""
         ),
@@ -898,7 +898,7 @@ const yo = [
             )
           ] }),
           /* @__PURE__ */ i(
-            Be,
+            Le,
             {
               icon: _.icon,
               label: _.name,
@@ -925,11 +925,11 @@ 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(Bt, { children: [
+}, Ko = ({ children: e, className: t = "" }) => /* @__PURE__ */ i("div", { className: `${ue.emptyContainer} ${t}`, children: e }), Xo = ({ children: e, className: t = "" }) => /* @__PURE__ */ N(Lt, { children: [
   /* @__PURE__ */ i(
     F,
     {
-      className: x(t, ue.desktop),
+      className: v(t, ue.desktop),
       variant: "heading-md",
       children: e
     }
@@ -937,12 +937,12 @@ const yo = [
   /* @__PURE__ */ i(
     F,
     {
-      className: x(t, ue.mobile),
+      className: v(t, ue.mobile),
       variant: "heading-sm",
       children: e
     }
   )
-] }), Qo = ({ children: e, className: t = "" }) => /* @__PURE__ */ i("div", { className: x(t), children: e }), en = ({ children: e, className: t = "" }) => /* @__PURE__ */ i("div", { className: `${ue.content} ${t}`, children: e }), tn = ({ children: e, className: t = "" }) => /* @__PURE__ */ i("div", { className: `${ue.buttonContent} ${t}`, children: e }), on = ({
+] }), Qo = ({ children: e, className: t = "" }) => /* @__PURE__ */ i("div", { className: v(t), children: e }), en = ({ children: e, className: t = "" }) => /* @__PURE__ */ i("div", { className: `${ue.content} ${t}`, children: e }), tn = ({ children: e, className: t = "" }) => /* @__PURE__ */ i("div", { className: `${ue.buttonContent} ${t}`, children: e }), on = ({
   children: e,
   onClick: t,
   className: n = ""
@@ -974,7 +974,7 @@ const yo = [
 }) => /* @__PURE__ */ i(
   "img",
   {
-    className: x(ue.imageContent, t),
+    className: v(ue.imageContent, t),
     src: e,
     alt: n
   }
@@ -1012,7 +1012,7 @@ const sn = "_formItem_4e017_29", an = "_critical_4e017_36", ln = "_message_4e017
   return /* @__PURE__ */ i(
     "label",
     {
-      className: x(
+      className: v(
         ee.label,
         t === "disabled" && ee.disabled,
         t === "readOnly" && ee.readOnly
@@ -1020,14 +1020,14 @@ const sn = "_formItem_4e017_29", an = "_critical_4e017_36", ln = "_message_4e017
       children: e
     }
   );
-}, vt = Lt.forwardRef(
+}, vt = Bt.forwardRef(
   ({ as: e = "input", className: t, ...n }, o) => {
     const { state: a } = Ke();
     return /* @__PURE__ */ i(
       e,
       {
         ref: o,
-        className: x(ee.input, ee[a], t),
+        className: v(ee.input, ee[a], t),
         disabled: a === "disabled",
         readOnly: a === "readOnly",
         ...n
@@ -1041,7 +1041,7 @@ const fn = ({ children: e }) => {
   return e ? /* @__PURE__ */ N(
     "div",
     {
-      className: x(
+      className: v(
         ee.message,
         t === "error" ? ee.error : ee.default
       ),
@@ -1084,9 +1084,9 @@ const _n = "_btn_vv6xf_29", gn = "_small_vv6xf_42", bn = "_medium_vv6xf_45", yn
   onClick: r = () => {
   },
   className: l = "",
-  ...p
+  ...u
 }) => {
-  const m = x(
+  const m = v(
     Ae.btn,
     Ae[e],
     Ae[t],
@@ -1101,11 +1101,11 @@ const _n = "_btn_vv6xf_29", gn = "_small_vv6xf_42", bn = "_medium_vv6xf_45", yn
       className: m,
       onClick: r,
       disabled: o,
-      ...p,
+      ...u,
       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", K = {
+}, 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 = {
   formItem: kn,
   label: $n,
   disabled: Cn,
@@ -1122,15 +1122,17 @@ const _n = "_btn_vv6xf_29", gn = "_small_vv6xf_42", bn = "_medium_vv6xf_45", yn
   postfix: a,
   disabled: r,
   readOnly: l,
-  className: p,
-  ...m
-}) => /* @__PURE__ */ N("div", { className: K.formItem, children: [
+  className: u,
+  multiline: m = !1,
+  rows: _ = 4,
+  ...k
+}) => /* @__PURE__ */ N("div", { className: J.formItem, children: [
   e && /* @__PURE__ */ i(
     "label",
     {
-      className: x(K.label, {
-        [K.disabled]: r,
-        [K.readOnly]: l
+      className: v(J.label, {
+        [J.disabled]: r,
+        [J.readOnly]: l
       }),
       children: e
     }
@@ -1138,20 +1140,29 @@ const _n = "_btn_vv6xf_29", gn = "_small_vv6xf_42", bn = "_medium_vv6xf_45", yn
   /* @__PURE__ */ N(
     "div",
     {
-      className: x(K.inputContainer, {
-        [K.disabled]: r,
-        [K.readOnly]: l,
-        [K.error]: !!t
+      className: v(J.inputContainer, {
+        [J.disabled]: r,
+        [J.readOnly]: l,
+        [J.error]: !!t
       }),
       children: [
         o && o,
-        /* @__PURE__ */ i(
+        m ? /* @__PURE__ */ i(
+          "textarea",
+          {
+            className: v(J.input, u),
+            disabled: r,
+            readOnly: l,
+            rows: _,
+            ...k
+          }
+        ) : /* @__PURE__ */ i(
           "input",
           {
-            className: x(K.input, p),
+            className: v(J.input, u),
             disabled: r,
             readOnly: l,
-            ...m
+            ...k
           }
         ),
         a && a
@@ -1161,13 +1172,13 @@ const _n = "_btn_vv6xf_29", gn = "_small_vv6xf_42", bn = "_medium_vv6xf_45", yn
   /* @__PURE__ */ i(
     "div",
     {
-      className: x(K.message, {
-        [K.error]: !!t
+      className: v(J.message, {
+        [J.error]: !!t
       }),
       children: t ? /* @__PURE__ */ i(Je, { children: t }) : n
     }
   )
-] }), zn = "_messageContainer_13r2b_29", Tn = "_message_13r2b_29", On = "_warning_13r2b_54", Bn = "_error_13r2b_59", Ln = "_critical_13r2b_64", Dn = "_content_13r2b_72", pe = {
+] }), 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 = {
   "shadow-0": "_shadow-0_13r2b_1",
   "shadow-100": "_shadow-100_13r2b_5",
   "shadow-200": "_shadow-200_13r2b_9",
@@ -1179,8 +1190,8 @@ const _n = "_btn_vv6xf_29", gn = "_small_vv6xf_42", bn = "_medium_vv6xf_45", yn
   message: Tn,
   default: "_default_13r2b_50",
   warning: On,
-  error: Bn,
-  critical: Ln,
+  error: Ln,
+  critical: Bn,
   content: Dn
 };
 let ke = null;
@@ -1249,7 +1260,7 @@ const zs = {
   close(e) {
     ke && ke((t) => t.filter((n) => n.id !== e));
   }
-}, Gn = "_modalLayout_1e480_29", qn = "_modalContainer_1e480_40", Hn = "_slideUp_1e480_1", Fn = "_header_1e480_64", Wn = "_title_1e480_73", Vn = "_close_1e480_78", Un = "_section_1e480_88", Yn = "_footer_1e480_96", Zn = "_primaryButton_1e480_126", Jn = "_critical_1e480_139", Kn = "_warning_1e480_143", J = {
+}, Gn = "_modalLayout_1e480_29", qn = "_modalContainer_1e480_40", Hn = "_slideUp_1e480_1", Fn = "_header_1e480_64", Wn = "_title_1e480_73", Vn = "_close_1e480_78", Un = "_section_1e480_88", Yn = "_footer_1e480_96", Zn = "_primaryButton_1e480_126", Jn = "_critical_1e480_139", Kn = "_warning_1e480_143", K = {
   "shadow-0": "_shadow-0_1e480_1",
   "shadow-100": "_shadow-100_1e480_5",
   "shadow-200": "_shadow-200_1e480_9",
@@ -1274,31 +1285,31 @@ const zs = {
   open: e,
   onClose: t,
   title: n,
-  primaryAction: o,
-  secondaryActions: a = [],
+  primaryButtonProps: o,
+  secondaryButtonProps: a = [],
   tone: r = "default",
   children: l
 }) => {
   if (!e) return null;
-  const p = J[`tone-${r}`] || "";
+  const u = K[`tone-${r}`] || "";
   return /* @__PURE__ */ i(
     "div",
     {
-      className: J.modalLayout,
+      className: K.modalLayout,
       onClick: t,
       children: /* @__PURE__ */ N(
         "div",
         {
-          className: `${J.modalContainer} ${p}`,
+          className: `${K.modalContainer} ${u}`,
           onClick: (m) => m.stopPropagation(),
           role: "dialog",
           "aria-modal": "true",
           "aria-labelledby": "modal-title",
           children: [
-            /* @__PURE__ */ N("div", { className: J.header, children: [
-              /* @__PURE__ */ N("div", { className: J.title, children: [
-                r == "critical" && /* @__PURE__ */ i(gt, { className: J.critical }),
-                r == "warning" && /* @__PURE__ */ i(bt, { className: J.warning }),
+            /* @__PURE__ */ N("div", { className: K.header, children: [
+              /* @__PURE__ */ N("div", { className: K.title, children: [
+                r === "critical" && /* @__PURE__ */ i(gt, { className: K.critical }),
+                r === "warning" && /* @__PURE__ */ i(bt, { className: K.warning }),
                 /* @__PURE__ */ i(F, { variant: "heading-sm", children: n })
               ] }),
               /* @__PURE__ */ i(
@@ -1312,25 +1323,25 @@ const zs = {
                 }
               )
             ] }),
-            /* @__PURE__ */ i("div", { className: J.content, children: l }),
-            /* @__PURE__ */ N("div", { className: J.footer, children: [
-              a.map(({ content: m, onAction: _ }, k) => /* @__PURE__ */ i(
+            /* @__PURE__ */ i("div", { className: K.content, children: l }),
+            /* @__PURE__ */ N("div", { className: K.footer, children: [
+              a.map((m, _) => /* @__PURE__ */ i(
                 Oe,
                 {
-                  className: J.secondaryButton,
-                  onClick: _,
-                  children: m
+                  className: K.secondaryButton,
+                  ...m,
+                  children: m.children
                 },
-                k
+                _
               )),
               o && /* @__PURE__ */ i(
                 Oe,
                 {
                   type: "button",
                   state: "primary",
-                  className: J.primaryButton,
-                  onClick: o.onAction,
-                  children: o.content
+                  className: K.primaryButton,
+                  ...o,
+                  children: o.children
                 }
               )
             ] })
@@ -1339,7 +1350,7 @@ const zs = {
       )
     }
   );
-}, Qn = ({ children: e }) => /* @__PURE__ */ i("section", { className: J.section, children: e }), We = Xn;
+}, Qn = ({ children: e }) => /* @__PURE__ */ i("section", { className: K.section, children: e }), We = Xn;
 We.Section = Qn;
 function Pe(e) {
   const t = document.createElement("div");
@@ -1405,7 +1416,7 @@ const Ts = {
   container: nr,
   line: rr,
   progress: sr
-}, Bs = ({ percent: e }) => /* @__PURE__ */ i("div", { className: je.container, children: /* @__PURE__ */ i("div", { className: je.line, children: /* @__PURE__ */ i(
+}, Ls = ({ percent: e }) => /* @__PURE__ */ i("div", { className: je.container, children: /* @__PURE__ */ i("div", { className: je.line, children: /* @__PURE__ */ i(
   "div",
   {
     className: je.progress,
@@ -1419,7 +1430,7 @@ const Ts = {
   error: dr,
   message: mr,
   radio: ur
-}, Ls = ({
+}, Bs = ({
   label: e,
   error: t,
   helperText: n,
@@ -1432,7 +1443,7 @@ const Ts = {
     "input",
     {
       type: "radio",
-      className: x(a, de.inputContainer, de.radio),
+      className: v(a, de.inputContainer, de.radio),
       disabled: o,
       name: r,
       ...l
@@ -1442,7 +1453,7 @@ const Ts = {
     /* @__PURE__ */ i(
       "div",
       {
-        className: x(de.label, {
+        className: v(de.label, {
           [de.disabled]: o
         }),
         children: e
@@ -1451,7 +1462,7 @@ const Ts = {
     /* @__PURE__ */ i(
       "div",
       {
-        className: x(de.message, {
+        className: v(de.message, {
           [de.error]: !!t
         }),
         children: t ? /* @__PURE__ */ i(Je, { children: t }) : n
@@ -1504,7 +1515,7 @@ const Ts = {
   cellType: t = "label",
   ...n
 }) => {
-  const o = x(fe.td, fe[t]);
+  const o = v(fe.td, fe[t]);
   return /* @__PURE__ */ i(
     "div",
     {
@@ -1534,12 +1545,12 @@ const Qe = "-", Nr = (e) => {
   } = e;
   return {
     getClassGroupId: (l) => {
-      const p = l.split(Qe);
-      return p[0] === "" && p.length !== 1 && p.shift(), $t(p, t) || Mr(l);
+      const u = l.split(Qe);
+      return u[0] === "" && u.length !== 1 && u.shift(), $t(u, t) || Mr(l);
     },
-    getConflictingClassGroupIds: (l, p) => {
+    getConflictingClassGroupIds: (l, u) => {
       const m = n[l] || [];
-      return p && o[l] ? [...m, ...o[l]] : m;
+      return u && o[l] ? [...m, ...o[l]] : m;
     }
   };
 }, $t = (e, t) => {
@@ -1553,8 +1564,8 @@ const Qe = "-", Nr = (e) => {
     return;
   const r = e.join(Qe);
   return (l = t.validators.find(({
-    validator: p
-  }) => p(r))) == null ? void 0 : l.classGroupId;
+    validator: u
+  }) => u(r))) == null ? void 0 : l.classGroupId;
 }, rt = /^\[(.+)\]$/, Mr = (e) => {
   if (rt.test(e)) {
     const t = rt.exec(e)[1], n = t == null ? void 0 : t.substring(0, t.indexOf(":"));
@@ -1633,20 +1644,20 @@ const Qe = "-", Nr = (e) => {
   } = e;
   let o = (a) => {
     const r = [];
-    let l = 0, p = 0, m = 0, _;
+    let l = 0, u = 0, m = 0, _;
     for (let A = 0; A < a.length; A++) {
-      let B = a[A];
-      if (l === 0 && p === 0) {
-        if (B === Ye) {
+      let L = a[A];
+      if (l === 0 && u === 0) {
+        if (L === Ye) {
           r.push(a.slice(m, A)), m = A + zr;
           continue;
         }
-        if (B === "/") {
+        if (L === "/") {
           _ = A;
           continue;
         }
       }
-      B === "[" ? l++ : B === "]" ? l-- : B === "(" ? p++ : B === ")" && p--;
+      L === "[" ? l++ : L === "]" ? l-- : L === "(" ? u++ : L === ")" && u--;
     }
     const k = r.length === 0 ? a : a.substring(m), S = Or(k), j = S !== k, T = _ && _ > m ? _ - m : void 0;
     return {
@@ -1674,7 +1685,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, Br = (e) => {
+}, Or = (e) => e.endsWith(Ue) ? e.substring(0, e.length - 1) : e.startsWith(Ue) ? e.substring(1) : e, Lr = (e) => {
   const t = Object.fromEntries(e.orderSensitiveModifiers.map((o) => [o, !0]));
   return (o) => {
     if (o.length <= 1)
@@ -1685,10 +1696,10 @@ const Qe = "-", Nr = (e) => {
       l[0] === "[" || t[l] ? (a.push(...r.sort(), l), r = []) : r.push(l);
     }), a.push(...r.sort()), a;
   };
-}, Lr = (e) => ({
+}, Br = (e) => ({
   cache: Ar(e.cacheSize),
   parseClassName: Tr(e),
-  sortModifiers: Br(e),
+  sortModifiers: Lr(e),
   ...Nr(e)
 }), Dr = /\s+/, Pr = (e, t) => {
   const {
@@ -1696,21 +1707,21 @@ const Qe = "-", Nr = (e) => {
     getClassGroupId: o,
     getConflictingClassGroupIds: a,
     sortModifiers: r
-  } = t, l = [], p = e.trim().split(Dr);
+  } = t, l = [], u = e.trim().split(Dr);
   let m = "";
-  for (let _ = p.length - 1; _ >= 0; _ -= 1) {
-    const k = p[_], {
+  for (let _ = u.length - 1; _ >= 0; _ -= 1) {
+    const k = u[_], {
       isExternal: S,
       modifiers: j,
       hasImportantModifier: T,
       baseClassName: A,
-      maybePostfixModifierPosition: B
+      maybePostfixModifierPosition: L
     } = n(k);
     if (S) {
       m = k + (m.length > 0 ? " " + m : m);
       continue;
     }
-    let E = !!B, q = o(E ? A.substring(0, B) : A);
+    let E = !!L, q = o(E ? A.substring(0, L) : A);
     if (!q) {
       if (!E) {
         m = k + (m.length > 0 ? " " + m : m);
@@ -1753,9 +1764,9 @@ function jr(e, ...t) {
   let n, o, a, r = l;
   function l(m) {
     const _ = t.reduce((k, S) => S(k), e());
-    return n = Lr(_), o = n.cache.get, a = n.cache.set, r = p, p(m);
+    return n = Br(_), o = n.cache.get, a = n.cache.set, r = u, u(m);
   }
-  function p(m) {
+  function u(m) {
     const _ = o(m);
     if (_)
       return _;
@@ -1769,19 +1780,19 @@ function jr(e, ...t) {
 const P = (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), v = (e) => !!e && !Number.isNaN(Number(e)), me = (e) => !!e && Number.isInteger(Number(e)), Ge = (e) => e.endsWith("%") && v(e.slice(0, -1)), ae = (e) => Gr.test(e), Vr = () => !0, Ur = (e) => (
+}, 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) => (
   // `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.
   qr.test(e) && !Hr.test(e)
-), It = () => !1, Yr = (e) => Fr.test(e), Zr = (e) => Wr.test(e), Jr = (e) => !u(e) && !h(e), Kr = (e) => $e(e, zt, It), u = (e) => Nt.test(e), he = (e) => $e(e, Tt, Ur), qe = (e) => $e(e, os, v), at = (e) => $e(e, St, It), Xr = (e) => $e(e, At, Zr), ze = (e) => $e(e, Ot, Yr), h = (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, 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) => {
   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"), p = 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"), B = P("perspective"), E = P("aspect"), q = P("ease"), ie = P("animate"), U = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], X = () => [
+  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 = () => [
     "center",
     "top",
     "bottom",
@@ -1799,30 +1810,30 @@ const P = (e) => {
     "bottom-left",
     // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
     "left-bottom"
-  ], W = () => [...X(), h, u], R = () => ["auto", "hidden", "clip", "visible", "scroll"], te = () => ["auto", "contain", "none"], b = () => [h, u, m], H = () => [ve, "full", "auto", ...b()], L = () => [me, "none", "subgrid", h, u], $ = () => ["auto", {
-    span: ["full", me, h, u]
-  }, me, h, u], V = () => [me, "auto", h, u], oe = () => ["auto", "min", "max", "fr", h, u], 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, h, u], y = () => [...X(), it, at, {
-    position: [h, u]
+  ], 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, {
+    position: [p, h]
   }], w = () => ["no-repeat", {
     repeat: ["", "x", "y", "space", "round"]
   }], I = () => ["auto", "cover", "contain", es, Kr, {
-    size: [h, u]
+    size: [p, h]
   }], O = () => [Ge, Me, he], C = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
     "full",
     _,
-    h,
-    u
-  ], M = () => ["", v, 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 = () => [v, Ge, it, at], le = () => [
+    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 = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
     A,
-    h,
-    u
-  ], Y = () => ["none", v, h, u], D = () => ["none", v, h, u], Z = () => [v, h, u], Q = () => [ve, "full", ...b()];
+    p,
+    h
+  ], Y = () => ["none", x, p, h], D = () => ["none", x, p, h], Z = () => [x, p, h], Q = () => [ve, "full", ...b()];
   return {
     cacheSize: 500,
     theme: {
@@ -1841,7 +1852,7 @@ const P = (e) => {
       perspective: ["dramatic", "near", "normal", "midrange", "distant", "none"],
       radius: [ae],
       shadow: [ae],
-      spacing: ["px", v],
+      spacing: ["px", x],
       text: [ae],
       "text-shadow": [ae],
       tracking: ["tighter", "tight", "normal", "wide", "wider", "widest"]
@@ -1855,7 +1866,7 @@ const P = (e) => {
        * @see https://tailwindcss.com/docs/aspect-ratio
        */
       aspect: [{
-        aspect: ["auto", "square", ve, u, h, E]
+        aspect: ["auto", "square", ve, h, p, E]
       }],
       /**
        * Container
@@ -1868,7 +1879,7 @@ const P = (e) => {
        * @see https://tailwindcss.com/docs/columns
        */
       columns: [{
-        columns: [v, u, h, p]
+        columns: [x, h, p, u]
       }],
       /**
        * Break After
@@ -2068,7 +2079,7 @@ const P = (e) => {
        * @see https://tailwindcss.com/docs/z-index
        */
       z: [{
-        z: [me, "auto", h, u]
+        z: [me, "auto", p, h]
       }],
       // ------------------------
       // --- Flexbox and Grid ---
@@ -2078,7 +2089,7 @@ const P = (e) => {
        * @see https://tailwindcss.com/docs/flex-basis
        */
       basis: [{
-        basis: [ve, "full", "auto", p, ...b()]
+        basis: [ve, "full", "auto", u, ...b()]
       }],
       /**
        * Flex Direction
@@ -2099,35 +2110,35 @@ const P = (e) => {
        * @see https://tailwindcss.com/docs/flex
        */
       flex: [{
-        flex: [v, ve, "auto", "initial", "none", u]
+        flex: [x, ve, "auto", "initial", "none", h]
       }],
       /**
        * Flex Grow
        * @see https://tailwindcss.com/docs/flex-grow
        */
       grow: [{
-        grow: ["", v, h, u]
+        grow: ["", x, p, h]
       }],
       /**
        * Flex Shrink
        * @see https://tailwindcss.com/docs/flex-shrink
        */
       shrink: [{
-        shrink: ["", v, h, u]
+        shrink: ["", x, p, h]
       }],
       /**
        * Order
        * @see https://tailwindcss.com/docs/order
        */
       order: [{
-        order: [me, "first", "last", "none", h, u]
+        order: [me, "first", "last", "none", p, h]
       }],
       /**
        * Grid Template Columns
        * @see https://tailwindcss.com/docs/grid-template-columns
        */
       "grid-cols": [{
-        "grid-cols": L()
+        "grid-cols": B()
       }],
       /**
        * Grid Column Start / End
@@ -2155,7 +2166,7 @@ const P = (e) => {
        * @see https://tailwindcss.com/docs/grid-template-rows
        */
       "grid-rows": [{
-        "grid-rows": L()
+        "grid-rows": B()
       }],
       /**
        * Grid Row Start / End
@@ -2453,7 +2464,7 @@ const P = (e) => {
        * @see https://tailwindcss.com/docs/width
        */
       w: [{
-        w: [p, "screen", ...f()]
+        w: [u, "screen", ...f()]
       }],
       /**
        * Min-Width
@@ -2461,7 +2472,7 @@ const P = (e) => {
        */
       "min-w": [{
         "min-w": [
-          p,
+          u,
           "screen",
           /** Deprecated. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
           "none",
@@ -2474,7 +2485,7 @@ const P = (e) => {
        */
       "max-w": [{
         "max-w": [
-          p,
+          u,
           "screen",
           "none",
           /** Deprecated since Tailwind CSS v4.0.0. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
@@ -2532,21 +2543,21 @@ const P = (e) => {
        * @see https://tailwindcss.com/docs/font-weight
        */
       "font-weight": [{
-        font: [o, h, qe]
+        font: [o, p, qe]
       }],
       /**
        * Font Stretch
        * @see https://tailwindcss.com/docs/font-stretch
        */
       "font-stretch": [{
-        "font-stretch": ["ultra-condensed", "extra-condensed", "condensed", "semi-condensed", "normal", "semi-expanded", "expanded", "extra-expanded", "ultra-expanded", Ge, u]
+        "font-stretch": ["ultra-condensed", "extra-condensed", "condensed", "semi-condensed", "normal", "semi-expanded", "expanded", "extra-expanded", "ultra-expanded", Ge, h]
       }],
       /**
        * Font Family
        * @see https://tailwindcss.com/docs/font-family
        */
       "font-family": [{
-        font: [Qr, u, t]
+        font: [Qr, h, t]
       }],
       /**
        * Font Variant Numeric
@@ -2583,14 +2594,14 @@ const P = (e) => {
        * @see https://tailwindcss.com/docs/letter-spacing
        */
       tracking: [{
-        tracking: [a, h, u]
+        tracking: [a, p, h]
       }],
       /**
        * Line Clamp
        * @see https://tailwindcss.com/docs/line-clamp
        */
       "line-clamp": [{
-        "line-clamp": [v, "none", h, qe]
+        "line-clamp": [x, "none", p, qe]
       }],
       /**
        * Line Height
@@ -2608,7 +2619,7 @@ const P = (e) => {
        * @see https://tailwindcss.com/docs/list-style-image
        */
       "list-image": [{
-        "list-image": ["none", h, u]
+        "list-image": ["none", p, h]
       }],
       /**
        * List Style Position
@@ -2622,7 +2633,7 @@ const P = (e) => {
        * @see https://tailwindcss.com/docs/list-style-type
        */
       "list-style-type": [{
-        list: ["disc", "decimal", "none", h, u]
+        list: ["disc", "decimal", "none", p, h]
       }],
       /**
        * Text Alignment
@@ -2663,7 +2674,7 @@ const P = (e) => {
        * @see https://tailwindcss.com/docs/text-decoration-thickness
        */
       "text-decoration-thickness": [{
-        decoration: [v, "from-font", "auto", h, he]
+        decoration: [x, "from-font", "auto", p, he]
       }],
       /**
        * Text Decoration Color
@@ -2677,7 +2688,7 @@ const P = (e) => {
        * @see https://tailwindcss.com/docs/text-underline-offset
        */
       "underline-offset": [{
-        "underline-offset": [v, "auto", h, u]
+        "underline-offset": [x, "auto", p, h]
       }],
       /**
        * Text Transform
@@ -2708,7 +2719,7 @@ const P = (e) => {
        * @see https://tailwindcss.com/docs/vertical-align
        */
       "vertical-align": [{
-        align: ["baseline", "top", "middle", "bottom", "text-top", "text-bottom", "sub", "super", h, u]
+        align: ["baseline", "top", "middle", "bottom", "text-top", "text-bottom", "sub", "super", p, h]
       }],
       /**
        * Whitespace
@@ -2743,7 +2754,7 @@ const P = (e) => {
        * @see https://tailwindcss.com/docs/content
        */
       content: [{
-        content: ["none", h, u]
+        content: ["none", p, h]
       }],
       // -------------------
       // --- Backgrounds ---
@@ -2798,9 +2809,9 @@ const P = (e) => {
         bg: ["none", {
           linear: [{
             to: ["t", "tr", "r", "br", "b", "bl", "l", "tl"]
-          }, me, h, u],
-          radial: ["", h, u],
-          conic: [me, h, u]
+          }, me, p, h],
+          radial: ["", p, h],
+          conic: [me, p, h]
         }, ts, Xr]
       }],
       /**
@@ -3143,14 +3154,14 @@ const P = (e) => {
        * @see https://tailwindcss.com/docs/outline-offset
        */
       "outline-offset": [{
-        "outline-offset": [v, h, u]
+        "outline-offset": [x, p, h]
       }],
       /**
        * Outline Width
        * @see https://tailwindcss.com/docs/outline-width
        */
       "outline-w": [{
-        outline: ["", v, Me, he]
+        outline: ["", x, Me, he]
       }],
       /**
        * Outline Color
@@ -3225,7 +3236,7 @@ const P = (e) => {
        * @see https://github.com/tailwindlabs/tailwindcss/blob/v4.0.0/packages/tailwindcss/src/utilities.ts#L4158
        */
       "ring-offset-w": [{
-        "ring-offset": [v, he]
+        "ring-offset": [x, he]
       }],
       /**
        * Ring Offset Color
@@ -3269,7 +3280,7 @@ const P = (e) => {
        * @see https://tailwindcss.com/docs/opacity
        */
       opacity: [{
-        opacity: [v, h, u]
+        opacity: [x, p, h]
       }],
       /**
        * Mix Blend Mode
@@ -3304,7 +3315,7 @@ const P = (e) => {
        * @see https://tailwindcss.com/docs/mask-image
        */
       "mask-image-linear-pos": [{
-        "mask-linear": [v]
+        "mask-linear": [x]
       }],
       "mask-image-linear-from-pos": [{
         "mask-linear-from": z()
@@ -3391,7 +3402,7 @@ const P = (e) => {
         "mask-y-to": s()
       }],
       "mask-image-radial": [{
-        "mask-radial": [h, u]
+        "mask-radial": [p, h]
       }],
       "mask-image-radial-from-pos": [{
         "mask-radial-from": z()
@@ -3418,7 +3429,7 @@ const P = (e) => {
         "mask-radial-at": X()
       }],
       "mask-image-conic-pos": [{
-        "mask-conic": [v]
+        "mask-conic": [x]
       }],
       "mask-image-conic-from-pos": [{
         "mask-conic-from": z()
@@ -3479,7 +3490,7 @@ const P = (e) => {
        * @see https://tailwindcss.com/docs/mask-image
        */
       "mask-image": [{
-        mask: ["none", h, u]
+        mask: ["none", p, h]
       }],
       // ---------------
       // --- Filters ---
@@ -3493,8 +3504,8 @@ const P = (e) => {
           // Deprecated since Tailwind CSS v3.0.0
           "",
           "none",
-          h,
-          u
+          p,
+          h
         ]
       }],
       /**
@@ -3509,14 +3520,14 @@ const P = (e) => {
        * @see https://tailwindcss.com/docs/brightness
        */
       brightness: [{
-        brightness: [v, h, u]
+        brightness: [x, p, h]
       }],
       /**
        * Contrast
        * @see https://tailwindcss.com/docs/contrast
        */
       contrast: [{
-        contrast: [v, h, u]
+        contrast: [x, p, h]
       }],
       /**
        * Drop Shadow
@@ -3544,35 +3555,35 @@ const P = (e) => {
        * @see https://tailwindcss.com/docs/grayscale
        */
       grayscale: [{
-        grayscale: ["", v, h, u]
+        grayscale: ["", x, p, h]
       }],
       /**
        * Hue Rotate
        * @see https://tailwindcss.com/docs/hue-rotate
        */
       "hue-rotate": [{
-        "hue-rotate": [v, h, u]
+        "hue-rotate": [x, p, h]
       }],
       /**
        * Invert
        * @see https://tailwindcss.com/docs/invert
        */
       invert: [{
-        invert: ["", v, h, u]
+        invert: ["", x, p, h]
       }],
       /**
        * Saturate
        * @see https://tailwindcss.com/docs/saturate
        */
       saturate: [{
-        saturate: [v, h, u]
+        saturate: [x, p, h]
       }],
       /**
        * Sepia
        * @see https://tailwindcss.com/docs/sepia
        */
       sepia: [{
-        sepia: ["", v, h, u]
+        sepia: ["", x, p, h]
       }],
       /**
        * Backdrop Filter
@@ -3583,8 +3594,8 @@ const P = (e) => {
           // Deprecated since Tailwind CSS v3.0.0
           "",
           "none",
-          h,
-          u
+          p,
+          h
         ]
       }],
       /**
@@ -3599,56 +3610,56 @@ const P = (e) => {
        * @see https://tailwindcss.com/docs/backdrop-brightness
        */
       "backdrop-brightness": [{
-        "backdrop-brightness": [v, h, u]
+        "backdrop-brightness": [x, p, h]
       }],
       /**
        * Backdrop Contrast
        * @see https://tailwindcss.com/docs/backdrop-contrast
        */
       "backdrop-contrast": [{
-        "backdrop-contrast": [v, h, u]
+        "backdrop-contrast": [x, p, h]
       }],
       /**
        * Backdrop Grayscale
        * @see https://tailwindcss.com/docs/backdrop-grayscale
        */
       "backdrop-grayscale": [{
-        "backdrop-grayscale": ["", v, h, u]
+        "backdrop-grayscale": ["", x, p, h]
       }],
       /**
        * Backdrop Hue Rotate
        * @see https://tailwindcss.com/docs/backdrop-hue-rotate
        */
       "backdrop-hue-rotate": [{
-        "backdrop-hue-rotate": [v, h, u]
+        "backdrop-hue-rotate": [x, p, h]
       }],
       /**
        * Backdrop Invert
        * @see https://tailwindcss.com/docs/backdrop-invert
        */
       "backdrop-invert": [{
-        "backdrop-invert": ["", v, h, u]
+        "backdrop-invert": ["", x, p, h]
       }],
       /**
        * Backdrop Opacity
        * @see https://tailwindcss.com/docs/backdrop-opacity
        */
       "backdrop-opacity": [{
-        "backdrop-opacity": [v, h, u]
+        "backdrop-opacity": [x, p, h]
       }],
       /**
        * Backdrop Saturate
        * @see https://tailwindcss.com/docs/backdrop-saturate
        */
       "backdrop-saturate": [{
-        "backdrop-saturate": [v, h, u]
+        "backdrop-saturate": [x, p, h]
       }],
       /**
        * Backdrop Sepia
        * @see https://tailwindcss.com/docs/backdrop-sepia
        */
       "backdrop-sepia": [{
-        "backdrop-sepia": ["", v, h, u]
+        "backdrop-sepia": ["", x, p, h]
       }],
       // --------------
       // --- Tables ---
@@ -3703,7 +3714,7 @@ const P = (e) => {
        * @see https://tailwindcss.com/docs/transition-property
        */
       transition: [{
-        transition: ["", "all", "colors", "opacity", "shadow", "transform", "none", h, u]
+        transition: ["", "all", "colors", "opacity", "shadow", "transform", "none", p, h]
       }],
       /**
        * Transition Behavior
@@ -3717,28 +3728,28 @@ const P = (e) => {
        * @see https://tailwindcss.com/docs/transition-duration
        */
       duration: [{
-        duration: [v, "initial", h, u]
+        duration: [x, "initial", p, h]
       }],
       /**
        * Transition Timing Function
        * @see https://tailwindcss.com/docs/transition-timing-function
        */
       ease: [{
-        ease: ["linear", "initial", q, h, u]
+        ease: ["linear", "initial", q, p, h]
       }],
       /**
        * Transition Delay
        * @see https://tailwindcss.com/docs/transition-delay
        */
       delay: [{
-        delay: [v, h, u]
+        delay: [x, p, h]
       }],
       /**
        * Animation
        * @see https://tailwindcss.com/docs/animation
        */
       animate: [{
-        animate: ["none", ie, h, u]
+        animate: ["none", ie, p, h]
       }],
       // ------------------
       // --- Transforms ---
@@ -3755,7 +3766,7 @@ const P = (e) => {
        * @see https://tailwindcss.com/docs/perspective
        */
       perspective: [{
-        perspective: [B, h, u]
+        perspective: [L, p, h]
       }],
       /**
        * Perspective Origin
@@ -3851,7 +3862,7 @@ const P = (e) => {
        * @see https://tailwindcss.com/docs/transform
        */
       transform: [{
-        transform: [h, u, "", "none", "gpu", "cpu"]
+        transform: [p, h, "", "none", "gpu", "cpu"]
       }],
       /**
        * Transform Origin
@@ -3936,7 +3947,7 @@ const P = (e) => {
        * @see https://tailwindcss.com/docs/cursor
        */
       cursor: [{
-        cursor: ["auto", "default", "pointer", "wait", "text", "move", "help", "not-allowed", "none", "context-menu", "progress", "cell", "crosshair", "vertical-text", "alias", "copy", "no-drop", "grab", "grabbing", "all-scroll", "col-resize", "row-resize", "n-resize", "e-resize", "s-resize", "w-resize", "ne-resize", "nw-resize", "se-resize", "sw-resize", "ew-resize", "ns-resize", "nesw-resize", "nwse-resize", "zoom-in", "zoom-out", h, u]
+        cursor: ["auto", "default", "pointer", "wait", "text", "move", "help", "not-allowed", "none", "context-menu", "progress", "cell", "crosshair", "vertical-text", "alias", "copy", "no-drop", "grab", "grabbing", "all-scroll", "col-resize", "row-resize", "n-resize", "e-resize", "s-resize", "w-resize", "ne-resize", "nw-resize", "se-resize", "sw-resize", "ew-resize", "ns-resize", "nesw-resize", "nwse-resize", "zoom-in", "zoom-out", p, h]
       }],
       /**
        * Field Sizing
@@ -4158,7 +4169,7 @@ const P = (e) => {
        * @see https://tailwindcss.com/docs/will-change
        */
       "will-change": [{
-        "will-change": ["auto", "scroll", "contents", "transform", h, u]
+        "will-change": ["auto", "scroll", "contents", "transform", p, h]
       }],
       // -----------
       // --- SVG ---
@@ -4175,7 +4186,7 @@ const P = (e) => {
        * @see https://tailwindcss.com/docs/stroke-width
        */
       "stroke-w": [{
-        stroke: [v, Me, he, qe]
+        stroke: [x, Me, he, qe]
       }],
       /**
        * Stroke
@@ -4259,7 +4270,7 @@ function as({ className: e, ...t }) {
     "div",
     {
       "data-slot": "table-container",
-      className: "relative w-full overflow-x-auto",
+      className: "relative w-full border border-border rounded-[4px] overflow-hidden",
       children: /* @__PURE__ */ i(
         "table",
         {
@@ -4343,19 +4354,19 @@ const Es = (e) => /* @__PURE__ */ i(
   as,
   {
     ...e,
-    className: x(e.className, "custom-table", fe.table)
+    className: v(e.className, "custom-table", fe.table)
   }
 ), js = (e) => /* @__PURE__ */ i(
   ls,
   {
     ...e,
-    className: x(e.className, "custom-table-body")
+    className: v(e.className, "custom-table-body")
   }
 ), Rs = (e) => /* @__PURE__ */ i(
   us,
   {
     ...e,
-    className: x(e.className, "custom-table-caption")
+    className: v(e.className, "custom-table-caption")
   }
 ), hs = ({
   colSpan: e,
@@ -4369,7 +4380,7 @@ const Es = (e) => /* @__PURE__ */ i(
     {
       ...o,
       colSpan: e,
-      className: x(n, a)
+      className: v(n, a)
     }
   );
 };
@@ -4378,7 +4389,7 @@ const Gs = (e) => /* @__PURE__ */ i(
   is,
   {
     ...e,
-    className: x(e.className, "custom-table-head")
+    className: v(e.className, "custom-table-head")
   }
 ), qs = ({
   variant: e = "primary",
@@ -4387,7 +4398,7 @@ const Gs = (e) => /* @__PURE__ */ i(
   children: o,
   ...a
 }) => {
-  const r = x(
+  const r = v(
     fe.th,
     t,
     {
@@ -4409,7 +4420,7 @@ const Gs = (e) => /* @__PURE__ */ i(
   cs,
   {
     ...e,
-    className: x(
+    className: v(
       e.className,
       "custom-table-row",
       "align-top",
@@ -4438,10 +4449,10 @@ const Gs = (e) => /* @__PURE__ */ i(
   zIndexOverride: a,
   trigger: r = "hover",
   children: l,
-  className: p,
+  className: u,
   tooltipClassName: m
 }) => {
-  const [_, k] = _e(!1), [S, j] = _e(o), T = Le(null), A = Le(!1), B = Le(null), E = e !== void 0 ? e : _, q = r === "hover" || r === "both", ie = r === "click" || r === "both", U = Et(), X = He[`tooltip-position-${S}`] || "", W = x(He.tooltipWrapper, p), R = x(
+  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(
     He.tooltip,
     X,
     m
@@ -4449,12 +4460,12 @@ const Gs = (e) => /* @__PURE__ */ i(
   return /* @__PURE__ */ N(
     "span",
     {
-      ref: B,
+      ref: L,
       className: W,
       onMouseEnter: () => {
         !q || e !== void 0 || (T.current && clearTimeout(T.current), T.current = window.setTimeout(() => {
-          if (o === "mostSpace" && B.current) {
-            const $ = B.current.getBoundingClientRect(), V = $.top, oe = window.innerHeight - $.bottom;
+          if (o === "mostSpace" && L.current) {
+            const $ = L.current.getBoundingClientRect(), V = $.top, oe = window.innerHeight - $.bottom;
             j(oe >= V ? "below" : "above");
           } else
             j(o);
@@ -4468,8 +4479,8 @@ const Gs = (e) => /* @__PURE__ */ i(
       },
       onClick: () => {
         if (!(!ie || e !== void 0)) {
-          if (A.current = !A.current, o === "mostSpace" && B.current) {
-            const $ = B.current.getBoundingClientRect(), V = $.top, oe = window.innerHeight - $.bottom;
+          if (A.current = !A.current, o === "mostSpace" && L.current) {
+            const $ = L.current.getBoundingClientRect(), V = $.top, oe = window.innerHeight - $.bottom;
             j(oe >= V ? "below" : "above");
           } else
             j(o);
@@ -4515,7 +4526,7 @@ const Gs = (e) => /* @__PURE__ */ i(
     /* @__PURE__ */ i("div", { className: xe.topBar, children: e.map((r) => /* @__PURE__ */ N(
       "div",
       {
-        className: x(
+        className: v(
           xe.section,
           o && xe.scretched,
           t === r.id && xe.active
@@ -4560,10 +4571,10 @@ export {
   Pn as Message,
   We as Modal,
   Ts as ModalAPI,
-  Be as NavigationItem,
+  Le as NavigationItem,
   Os as PageHeader,
-  Bs as ProgressLine,
-  Ls as RadioButton,
+  Ls as ProgressLine,
+  Bs as RadioButton,
   Ds as SectionHeader,
   Es as Table,
   js as TableBody,