stp-ui-kit 0.0.22 → 0.0.23

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 fe, useEffect as Ze, forwardRef as lt, createElement as Fe, createContext as Dt, useContext as Pt, useRef as Le, useId as Et } from "react";
+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 { 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) {
@@ -81,55 +81,55 @@ 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(b) {
-      var d = ["th", "st", "nd", "rd"], c = b % 100;
-      return "[" + b + (d[(c - 20) % 10] || d[c] || d[0]) + "]";
-    } }, U = function(b, d, c) {
-      var f = String(b);
-      return !f || f.length >= d ? b : "" + Array(d + 1 - f.length).join(c) + b;
-    }, X = { s: U, z: function(b) {
-      var d = -b.utcOffset(), c = Math.abs(d), f = Math.floor(c / 60), s = c % 60;
+    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 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;
+    }, 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");
-    }, m: function b(d, c) {
-      if (d.date() < c.date()) return -b(c, d);
+    }, 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);
-    }, a: function(b) {
-      return b < 0 ? Math.ceil(b) || 0 : Math.floor(b);
-    }, p: function(b) {
-      return { M: S, y: T, w: k, d: _, D: A, h: m, m: p, s: l, ms: r, Q: j }[b] || String(b || "").toLowerCase().replace(/s$/, "");
-    }, u: function(b) {
-      return b === void 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: p, s: l, ms: r, Q: j }[g] || String(g || "").toLowerCase().replace(/s$/, "");
+    }, u: function(g) {
+      return g === void 0;
     } }, W = "en", R = {};
     R[W] = ie;
-    var te = "$isDayjsObject", g = function(b) {
-      return b instanceof V || !(!b || !b[te]);
-    }, H = function b(d, c, f) {
+    var te = "$isDayjsObject", b = function(g) {
+      return g instanceof V || !(!g || !g[te]);
+    }, H = function g(d, c, f) {
       var s;
       if (!d) return W;
       if (typeof d == "string") {
         var y = d.toLowerCase();
         R[y] && (s = y), c && (R[y] = c, s = y);
         var w = d.split("-");
-        if (!s && w.length > 1) return b(w[0]);
+        if (!s && w.length > 1) return g(w[0]);
       } else {
         var I = d.name;
         R[I] = d, s = I;
       }
       return !f && s && (W = s), s || !f && W;
-    }, L = function(b, d) {
-      if (g(b)) return b.clone();
+    }, L = function(g, d) {
+      if (b(g)) return g.clone();
       var c = typeof d == "object" ? d : {};
-      return c.date = b, c.args = arguments, new V(c);
+      return c.date = g, c.args = arguments, new V(c);
     }, $ = X;
-    $.l = H, $.i = g, $.w = function(b, d) {
-      return L(b, { locale: d.$L, utc: d.$u, x: d.$x, $offset: d.$offset });
+    $.l = H, $.i = b, $.w = function(g, d) {
+      return L(g, { locale: d.$L, utc: d.$u, x: d.$x, $offset: d.$offset });
     };
     var V = function() {
-      function b(c) {
+      function g(c) {
         this.$L = H(c.locale, null, !0), this.parse(c), this.$x = this.$x || c.x || {}, this[te] = !0;
       }
-      var d = b.prototype;
+      var d = g.prototype;
       return d.parse = function(c) {
         this.$d = function(f) {
           var s = f.date, y = f.utc;
@@ -339,16 +339,16 @@ var ut = { exports: {} };
         return this.$d.toISOString();
       }, d.toString = function() {
         return this.$d.toUTCString();
-      }, b;
+      }, 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(b) {
-      oe[b[1]] = function(d) {
-        return this.$g(d, b[0], b[1]);
+    return L.prototype = oe, [["$ms", r], ["$s", l], ["$m", p], ["$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(b, d) {
-      return b.$i || (b(d, V, L), b.$i = !0), L;
-    }, L.locale = H, L.isDayjs = g, L.unix = function(b) {
-      return L(1e3 * b);
+    }), 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;
   });
 })(ut);
@@ -365,7 +365,7 @@ const Kt = /* @__PURE__ */ dt(Jt), Xt = (e) => {
   buttonColor: r,
   onClick: l
 }) => {
-  const [p, m] = fe(!1), [_, k] = fe({
+  const [p, m] = _e(!1), [_, k] = _e({
     days: 0,
     hours: 0,
     minutes: 0,
@@ -562,7 +562,7 @@ const mo = lt(
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const _e = (e, t) => {
+const ge = (e, t) => {
   const n = lt(
     ({ className: o, ...a }, r) => Fe(mo, {
       ref: r,
@@ -586,21 +586,21 @@ const _e = (e, t) => {
 const uo = [
   ["path", { d: "M18 6 7 17l-5-5", key: "116fxf" }],
   ["path", { d: "m22 10-7.5 7.5L13 16", key: "ke71qq" }]
-], ho = _e("check-check", uo);
+], ho = ge("check-check", uo);
 /**
  * @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 po = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]], pt = _e("chevron-down", po);
+const po = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]], pt = ge("chevron-down", po);
 /**
  * @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 fo = [["path", { d: "m18 15-6-6-6 6", key: "153udz" }]], ft = _e("chevron-up", fo);
+const fo = [["path", { d: "m18 15-6-6-6 6", key: "153udz" }]], ft = ge("chevron-up", fo);
 /**
  * @license lucide-react v0.511.0 - ISC
  *
@@ -611,14 +611,14 @@ const _o = [
   ["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 = _e("circle-alert", _o);
+], _t = ge("circle-alert", _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 bo = [
+const go = [
   ["path", { d: "M12 16h.01", key: "1drbdi" }],
   ["path", { d: "M12 8v4", key: "1got3b" }],
   [
@@ -628,14 +628,14 @@ const bo = [
       key: "1fd625"
     }
   ]
-], bt = _e("octagon-alert", bo);
+], gt = ge("octagon-alert", go);
 /**
  * @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 go = [
+const bo = [
   [
     "path",
     {
@@ -645,7 +645,7 @@ const go = [
   ],
   ["path", { d: "M12 9v4", key: "juzpu7" }],
   ["path", { d: "M12 17h.01", key: "p32p05" }]
-], gt = _e("triangle-alert", go);
+], bt = ge("triangle-alert", bo);
 /**
  * @license lucide-react v0.511.0 - ISC
  *
@@ -655,7 +655,7 @@ const go = [
 const yo = [
   ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
   ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
-], yt = _e("x", yo), wo = "_message_yijnh_29", ot = {
+], yt = ge("x", yo), wo = "_message_yijnh_29", ot = {
   message: wo
 }, Je = ({ children: e }) => /* @__PURE__ */ N("div", { className: x(ot.message), children: [
   /* @__PURE__ */ i(
@@ -788,7 +788,7 @@ const yo = [
   var p, m;
   const o = (p = n.children) == null ? void 0 : p.findIndex(
     (_) => _.id === e
-  ), [a, r] = fe(o !== -1), l = () => {
+  ), [a, r] = _e(o !== -1), l = () => {
     n.children && r(!a), t(n);
   };
   return /* @__PURE__ */ N("div", { children: [
@@ -842,7 +842,7 @@ const yo = [
       _.id
     ))) })
   ] });
-}, Ro = "_ArrowContainer_uctxv_29", Go = "_iconCheck_uctxv_37", qo = "_active_uctxv_47", Ho = "_arrowBlock_uctxv_57", Fo = "_isOpen_uctxv_61", ye = {
+}, Ro = "_ArrowContainer_uctxv_29", Go = "_iconCheck_uctxv_37", qo = "_active_uctxv_47", Ho = "_arrowBlock_uctxv_57", Fo = "_isOpen_uctxv_61", we = {
   ArrowContainer: Ro,
   iconCheck: Go,
   active: qo,
@@ -856,7 +856,7 @@ const yo = [
   var p, m;
   const o = (p = n.children) == null ? void 0 : p.findIndex(
     (_) => _.id === e
-  ), [a, r] = fe(o !== -1), l = () => {
+  ), [a, r] = _e(o !== -1), l = () => {
     n.children && r(!a), t(n);
   };
   return /* @__PURE__ */ N("div", { children: [
@@ -869,19 +869,19 @@ const yo = [
         onClick: l,
         isParentNode: a && o !== -1,
         active: o !== -1 && !a,
-        className: x(a && o === -1 && ye.isOpen)
+        className: x(a && o === -1 && we.isOpen)
       }
     ),
-    /* @__PURE__ */ i("div", { className: ye.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((_, k) => /* @__PURE__ */ N(
       "div",
       {
         className: x(
-          ye.ArrowContainer,
-          e === _.id ? ye.active : ""
+          we.ArrowContainer,
+          e === _.id ? we.active : ""
         ),
         onClick: () => t(_),
         children: [
-          /* @__PURE__ */ N("div", { className: ye.arrowBlock, children: [
+          /* @__PURE__ */ N("div", { className: we.arrowBlock, children: [
             o === k && /* @__PURE__ */ i(
               "img",
               {
@@ -907,7 +907,7 @@ const yo = [
                 ho,
                 {
                   size: 20,
-                  className: ye.iconCheck
+                  className: we.iconCheck
                 }
               )
             },
@@ -1055,7 +1055,7 @@ const fn = ({ children: e }) => {
 Xe.Label = pn;
 Xe.Input = vt;
 Xe.Message = fn;
-const _n = "_btn_vv6xf_29", bn = "_small_vv6xf_42", gn = "_medium_vv6xf_45", yn = "_large_vv6xf_48", wn = "_primary_vv6xf_69", vn = "_tertiary_vv6xf_85", xn = "_plain_vv6xf_100", Ae = {
+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 = {
   "shadow-0": "_shadow-0_vv6xf_1",
   "shadow-100": "_shadow-100_vv6xf_5",
   "shadow-200": "_shadow-200_vv6xf_9",
@@ -1064,8 +1064,8 @@ const _n = "_btn_vv6xf_29", bn = "_small_vv6xf_42", gn = "_medium_vv6xf_45", yn
   "shadow-500": "_shadow-500_vv6xf_21",
   "shadow-600": "_shadow-600_vv6xf_25",
   btn: _n,
-  small: bn,
-  medium: gn,
+  small: gn,
+  medium: bn,
   large: yn,
   default: "_default_vv6xf_51",
   "default-selected": "_default-selected_vv6xf_62",
@@ -1183,7 +1183,7 @@ const _n = "_btn_vv6xf_29", bn = "_small_vv6xf_42", gn = "_medium_vv6xf_45", yn
   critical: Ln,
   content: Dn
 };
-let xe = null;
+let ke = null;
 const Pn = ({
   id: e,
   type: t,
@@ -1194,8 +1194,8 @@ const Pn = ({
   return () => clearTimeout(a);
 }, [e, o]), /* @__PURE__ */ N("div", { className: `${pe.message} ${pe[t]}`, children: [
   /* @__PURE__ */ N("div", { className: pe.content, children: [
-    t === "error" && /* @__PURE__ */ i(bt, { className: pe.critical }),
-    t === "warning" && /* @__PURE__ */ i(gt, { className: pe.warning }),
+    t === "error" && /* @__PURE__ */ i(gt, { className: pe.critical }),
+    t === "warning" && /* @__PURE__ */ i(bt, { className: pe.warning }),
     n
   ] }),
   /* @__PURE__ */ i(
@@ -1207,9 +1207,9 @@ const Pn = ({
     }
   )
 ] })), En = () => {
-  const [e, t] = fe([]);
-  Ze(() => (xe = t, () => {
-    xe = null;
+  const [e, t] = _e([]);
+  Ze(() => (ke = t, () => {
+    ke = null;
   }), []);
   const n = (o) => {
     t((a) => a.filter((r) => r.id !== o));
@@ -1234,8 +1234,8 @@ function Rn() {
 const zs = {
   _id: 0,
   show(e, t = "default") {
-    if (Rn(), !!xe)
-      return this._id++, xe((n) => [...n, { id: this._id, type: t, text: e }]), this._id;
+    if (Rn(), !!ke)
+      return this._id++, ke((n) => [...n, { id: this._id, type: t, text: e }]), this._id;
   },
   default(e) {
     return this.show(e, "default");
@@ -1247,7 +1247,7 @@ const zs = {
     return this.show(e, "error");
   },
   close(e) {
-    xe && xe((t) => t.filter((n) => n.id !== 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 = {
   "shadow-0": "_shadow-0_1e480_1",
@@ -1297,8 +1297,8 @@ const zs = {
           children: [
             /* @__PURE__ */ N("div", { className: J.header, children: [
               /* @__PURE__ */ N("div", { className: J.title, children: [
-                r == "critical" && /* @__PURE__ */ i(bt, { className: J.critical }),
-                r == "warning" && /* @__PURE__ */ i(gt, { className: J.warning }),
+                r == "critical" && /* @__PURE__ */ i(gt, { className: J.critical }),
+                r == "warning" && /* @__PURE__ */ i(bt, { className: J.warning }),
                 /* @__PURE__ */ i(F, { variant: "heading-sm", children: n })
               ] }),
               /* @__PURE__ */ i(
@@ -1480,23 +1480,23 @@ const Ts = {
     }
   ),
   t
-] }), _r = "_td_ueb07_29", br = "_bottomBorder_ueb07_34", gr = "_label_ueb07_38", yr = "_input_ueb07_42", wr = "_button_ueb07_49", vr = "_checkbox_ueb07_57", xr = "_empty_ueb07_61", kr = "_th_ueb07_73", $r = "_table_ueb07_82", ke = {
-  "shadow-0": "_shadow-0_ueb07_1",
-  "shadow-100": "_shadow-100_ueb07_5",
-  "shadow-200": "_shadow-200_ueb07_9",
-  "shadow-300": "_shadow-300_ueb07_13",
-  "shadow-400": "_shadow-400_ueb07_17",
-  "shadow-500": "_shadow-500_ueb07_21",
-  "shadow-600": "_shadow-600_ueb07_25",
+] }), _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,
-  bottomBorder: br,
-  label: gr,
+  bottomBorder: gr,
+  label: br,
   input: yr,
   button: wr,
-  "icon-button": "_icon-button_ueb07_53",
+  "icon-button": "_icon-button_1lvxr_53",
   checkbox: vr,
   empty: xr,
-  "icon-label": "_icon-label_ueb07_65",
+  "icon-label": "_icon-label_1lvxr_65",
   th: kr,
   table: $r
 }, Ps = ({
@@ -1504,7 +1504,7 @@ const Ts = {
   cellType: t = "label",
   ...n
 }) => {
-  const o = x(ke.td, ke[t]);
+  const o = x(fe.td, fe[t]);
   return /* @__PURE__ */ i(
     "div",
     {
@@ -1769,7 +1769,7 @@ 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)\(.+\)$/, we = (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), 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) => (
   // `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.
@@ -1799,9 +1799,9 @@ 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"], g = () => [h, u, m], H = () => [we, "full", "auto", ...g()], L = () => [me, "none", "subgrid", h, u], $ = () => ["auto", {
+  ], 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], b = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], d = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], c = () => ["auto", ...g()], f = () => [we, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...g()], s = () => [e, h, u], y = () => [...X(), it, at, {
+  }, 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 = () => ["no-repeat", {
     repeat: ["", "x", "y", "space", "round"]
@@ -1822,7 +1822,7 @@ const P = (e) => {
     A,
     h,
     u
-  ], Y = () => ["none", v, h, u], D = () => ["none", v, h, u], Z = () => [v, h, u], Q = () => [we, "full", ...g()];
+  ], Y = () => ["none", v, h, u], D = () => ["none", v, h, u], Z = () => [v, h, u], Q = () => [ve, "full", ...b()];
   return {
     cacheSize: 500,
     theme: {
@@ -1855,7 +1855,7 @@ const P = (e) => {
        * @see https://tailwindcss.com/docs/aspect-ratio
        */
       aspect: [{
-        aspect: ["auto", "square", we, u, h, E]
+        aspect: ["auto", "square", ve, u, h, E]
       }],
       /**
        * Container
@@ -2078,7 +2078,7 @@ const P = (e) => {
        * @see https://tailwindcss.com/docs/flex-basis
        */
       basis: [{
-        basis: [we, "full", "auto", p, ...g()]
+        basis: [ve, "full", "auto", p, ...b()]
       }],
       /**
        * Flex Direction
@@ -2099,7 +2099,7 @@ const P = (e) => {
        * @see https://tailwindcss.com/docs/flex
        */
       flex: [{
-        flex: [v, we, "auto", "initial", "none", u]
+        flex: [v, ve, "auto", "initial", "none", u]
       }],
       /**
        * Flex Grow
@@ -2204,28 +2204,28 @@ const P = (e) => {
        * @see https://tailwindcss.com/docs/gap
        */
       gap: [{
-        gap: g()
+        gap: b()
       }],
       /**
        * Gap X
        * @see https://tailwindcss.com/docs/gap
        */
       "gap-x": [{
-        "gap-x": g()
+        "gap-x": b()
       }],
       /**
        * Gap Y
        * @see https://tailwindcss.com/docs/gap
        */
       "gap-y": [{
-        "gap-y": g()
+        "gap-y": b()
       }],
       /**
        * Justify Content
        * @see https://tailwindcss.com/docs/justify-content
        */
       "justify-content": [{
-        justify: [...b(), "normal"]
+        justify: [...g(), "normal"]
       }],
       /**
        * Justify Items
@@ -2246,7 +2246,7 @@ const P = (e) => {
        * @see https://tailwindcss.com/docs/align-content
        */
       "align-content": [{
-        content: ["normal", ...b()]
+        content: ["normal", ...g()]
       }],
       /**
        * Align Items
@@ -2271,7 +2271,7 @@ const P = (e) => {
        * @see https://tailwindcss.com/docs/place-content
        */
       "place-content": [{
-        "place-content": b()
+        "place-content": g()
       }],
       /**
        * Place Items
@@ -2293,63 +2293,63 @@ const P = (e) => {
        * @see https://tailwindcss.com/docs/padding
        */
       p: [{
-        p: g()
+        p: b()
       }],
       /**
        * Padding X
        * @see https://tailwindcss.com/docs/padding
        */
       px: [{
-        px: g()
+        px: b()
       }],
       /**
        * Padding Y
        * @see https://tailwindcss.com/docs/padding
        */
       py: [{
-        py: g()
+        py: b()
       }],
       /**
        * Padding Start
        * @see https://tailwindcss.com/docs/padding
        */
       ps: [{
-        ps: g()
+        ps: b()
       }],
       /**
        * Padding End
        * @see https://tailwindcss.com/docs/padding
        */
       pe: [{
-        pe: g()
+        pe: b()
       }],
       /**
        * Padding Top
        * @see https://tailwindcss.com/docs/padding
        */
       pt: [{
-        pt: g()
+        pt: b()
       }],
       /**
        * Padding Right
        * @see https://tailwindcss.com/docs/padding
        */
       pr: [{
-        pr: g()
+        pr: b()
       }],
       /**
        * Padding Bottom
        * @see https://tailwindcss.com/docs/padding
        */
       pb: [{
-        pb: g()
+        pb: b()
       }],
       /**
        * Padding Left
        * @see https://tailwindcss.com/docs/padding
        */
       pl: [{
-        pl: g()
+        pl: b()
       }],
       /**
        * Margin
@@ -2419,7 +2419,7 @@ const P = (e) => {
        * @see https://tailwindcss.com/docs/margin#adding-space-between-children
        */
       "space-x": [{
-        "space-x": g()
+        "space-x": b()
       }],
       /**
        * Space Between X Reverse
@@ -2431,7 +2431,7 @@ const P = (e) => {
        * @see https://tailwindcss.com/docs/margin#adding-space-between-children
        */
       "space-y": [{
-        "space-y": g()
+        "space-y": b()
       }],
       /**
        * Space Between Y Reverse
@@ -2600,7 +2600,7 @@ const P = (e) => {
         leading: [
           /** Deprecated since Tailwind CSS v4.0.0. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
           r,
-          ...g()
+          ...b()
         ]
       }],
       /**
@@ -2701,7 +2701,7 @@ const P = (e) => {
        * @see https://tailwindcss.com/docs/text-indent
        */
       indent: [{
-        indent: g()
+        indent: b()
       }],
       /**
        * Vertical Alignment
@@ -3665,21 +3665,21 @@ const P = (e) => {
        * @see https://tailwindcss.com/docs/border-spacing
        */
       "border-spacing": [{
-        "border-spacing": g()
+        "border-spacing": b()
       }],
       /**
        * Border Spacing X
        * @see https://tailwindcss.com/docs/border-spacing
        */
       "border-spacing-x": [{
-        "border-spacing-x": g()
+        "border-spacing-x": b()
       }],
       /**
        * Border Spacing Y
        * @see https://tailwindcss.com/docs/border-spacing
        */
       "border-spacing-y": [{
-        "border-spacing-y": g()
+        "border-spacing-y": b()
       }],
       /**
        * Table Layout
@@ -3971,126 +3971,126 @@ const P = (e) => {
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-m": [{
-        "scroll-m": g()
+        "scroll-m": b()
       }],
       /**
        * Scroll Margin X
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mx": [{
-        "scroll-mx": g()
+        "scroll-mx": b()
       }],
       /**
        * Scroll Margin Y
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-my": [{
-        "scroll-my": g()
+        "scroll-my": b()
       }],
       /**
        * Scroll Margin Start
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-ms": [{
-        "scroll-ms": g()
+        "scroll-ms": b()
       }],
       /**
        * Scroll Margin End
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-me": [{
-        "scroll-me": g()
+        "scroll-me": b()
       }],
       /**
        * Scroll Margin Top
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mt": [{
-        "scroll-mt": g()
+        "scroll-mt": b()
       }],
       /**
        * Scroll Margin Right
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mr": [{
-        "scroll-mr": g()
+        "scroll-mr": b()
       }],
       /**
        * Scroll Margin Bottom
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mb": [{
-        "scroll-mb": g()
+        "scroll-mb": b()
       }],
       /**
        * Scroll Margin Left
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-ml": [{
-        "scroll-ml": g()
+        "scroll-ml": b()
       }],
       /**
        * Scroll Padding
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-p": [{
-        "scroll-p": g()
+        "scroll-p": b()
       }],
       /**
        * Scroll Padding X
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-px": [{
-        "scroll-px": g()
+        "scroll-px": b()
       }],
       /**
        * Scroll Padding Y
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-py": [{
-        "scroll-py": g()
+        "scroll-py": b()
       }],
       /**
        * Scroll Padding Start
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-ps": [{
-        "scroll-ps": g()
+        "scroll-ps": b()
       }],
       /**
        * Scroll Padding End
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pe": [{
-        "scroll-pe": g()
+        "scroll-pe": b()
       }],
       /**
        * Scroll Padding Top
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pt": [{
-        "scroll-pt": g()
+        "scroll-pt": b()
       }],
       /**
        * Scroll Padding Right
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pr": [{
-        "scroll-pr": g()
+        "scroll-pr": b()
       }],
       /**
        * Scroll Padding Bottom
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pb": [{
-        "scroll-pb": g()
+        "scroll-pb": b()
       }],
       /**
        * Scroll Padding Left
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pl": [{
-        "scroll-pl": g()
+        "scroll-pl": b()
       }],
       /**
        * Scroll Snap Align
@@ -4251,7 +4251,7 @@ const P = (e) => {
     orderSensitiveModifiers: ["*", "**", "after", "backdrop", "before", "details-content", "file", "first-letter", "first-line", "marker", "placeholder", "selection"]
   };
 }, ss = /* @__PURE__ */ jr(rs);
-function ge(...e) {
+function ye(...e) {
   return ss(Cr(e));
 }
 function as({ className: e, ...t }) {
@@ -4264,7 +4264,7 @@ function as({ className: e, ...t }) {
         "table",
         {
           "data-slot": "table",
-          className: ge("w-full caption-bottom", e),
+          className: ye("w-full caption-bottom", e),
           ...t
         }
       )
@@ -4276,7 +4276,7 @@ function is({ className: e, ...t }) {
     "thead",
     {
       "data-slot": "table-header",
-      className: ge("[&_tr]:border-b", e),
+      className: ye("[&_tr]:border-b", e),
       ...t
     }
   );
@@ -4286,7 +4286,7 @@ function ls({ className: e, ...t }) {
     "tbody",
     {
       "data-slot": "table-body",
-      className: ge("[&_tr:last-child]:border-0", e),
+      className: ye("[&_tr:last-child]:border-0", e),
       ...t
     }
   );
@@ -4296,7 +4296,7 @@ function cs({ className: e, ...t }) {
     "tr",
     {
       "data-slot": "table-row",
-      className: ge(
+      className: ye(
         "hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors",
         e
       ),
@@ -4309,7 +4309,7 @@ function ds({ className: e, ...t }) {
     "th",
     {
       "data-slot": "table-head",
-      className: ge(
+      className: ye(
         "text-left align-middle font-medium whitespace-nowrap",
         e
       ),
@@ -4321,7 +4321,7 @@ function ms({ className: e, ...t }) {
   return /* @__PURE__ */ i(
     "td",
     {
-      className: ge("whitespace-nowrap ", e),
+      className: ye("whitespace-nowrap ", e),
       ...t
     }
   );
@@ -4334,7 +4334,7 @@ function us({
     "caption",
     {
       "data-slot": "table-caption",
-      className: ge("text-muted-foreground mt-4 text-sm", e),
+      className: ye("text-muted-foreground mt-4 text-sm", e),
       ...t
     }
   );
@@ -4343,7 +4343,7 @@ const Es = (e) => /* @__PURE__ */ i(
   as,
   {
     ...e,
-    className: x(e.className, "custom-table")
+    className: x(e.className, "custom-table", fe.table)
   }
 ), js = (e) => /* @__PURE__ */ i(
   ls,
@@ -4388,11 +4388,11 @@ const Gs = (e) => /* @__PURE__ */ i(
   ...a
 }) => {
   const r = x(
-    ke.th,
+    fe.th,
     t,
     {
-      [ke.primary]: e === "primary",
-      [ke.secondary]: e === "secondary"
+      [fe.primary]: e === "primary",
+      [fe.secondary]: e === "secondary"
     },
     "custom-table-header"
   );
@@ -4413,7 +4413,7 @@ const Gs = (e) => /* @__PURE__ */ i(
       e.className,
       "custom-table-row",
       "align-top",
-      ke.bottomBorder
+      fe.bottomBorder
     )
   }
 ), ps = "_tooltipWrapper_k0y48_29", fs = "_underline_k0y48_34", _s = "_tooltip_k0y48_29", He = {
@@ -4441,7 +4441,7 @@ const Gs = (e) => /* @__PURE__ */ i(
   className: p,
   tooltipClassName: m
 }) => {
-  const [_, k] = fe(!1), [S, j] = fe(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 = 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(
     He.tooltip,
     X,
     m
@@ -4497,9 +4497,9 @@ const Gs = (e) => /* @__PURE__ */ i(
       ]
     }
   );
-}, bs = "_topBar_18zn9_29", gs = "_section_18zn9_66", ys = "_scretched_18zn9_73", ws = "_active_18zn9_90", vs = "_sm_18zn9_99", xs = "_md_18zn9_100", ve = {
-  topBar: bs,
-  section: gs,
+}, gs = "_topBar_18zn9_29", bs = "_section_18zn9_66", ys = "_scretched_18zn9_73", ws = "_active_18zn9_90", vs = "_sm_18zn9_99", xs = "_md_18zn9_100", xe = {
+  topBar: gs,
+  section: bs,
   scretched: ys,
   active: ws,
   sm: vs,
@@ -4512,13 +4512,13 @@ const Gs = (e) => /* @__PURE__ */ i(
 }) => {
   var a;
   return /* @__PURE__ */ N("div", { children: [
-    /* @__PURE__ */ i("div", { className: ve.topBar, children: e.map((r) => /* @__PURE__ */ N(
+    /* @__PURE__ */ i("div", { className: xe.topBar, children: e.map((r) => /* @__PURE__ */ N(
       "div",
       {
         className: x(
-          ve.section,
-          o && ve.scretched,
-          t === r.id && ve.active
+          xe.section,
+          o && xe.scretched,
+          t === r.id && xe.active
         ),
         onClick: () => n(r.id),
         children: [
@@ -4526,7 +4526,7 @@ const Gs = (e) => /* @__PURE__ */ i(
             F,
             {
               variant: "heading-xs",
-              className: ve.sm,
+              className: xe.sm,
               children: r.title
             }
           ),
@@ -4534,7 +4534,7 @@ const Gs = (e) => /* @__PURE__ */ i(
             F,
             {
               variant: "heading-md",
-              className: ve.md,
+              className: xe.md,
               children: r.title
             }
           )