@kingsimba/nc-ui 0.1.13 → 0.1.15

package/dist/index.js

@@ -2,10 +2,10 @@ var Je = Object.defineProperty;
 var Qe = (e, t, n) => t in e ? Je(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var _ = (e, t, n) => Qe(e, typeof t != "symbol" ? t + "" : t, n);
 import { jsx as s, jsxs as y } from "react/jsx-runtime";
-import xe, { useState as T, useRef as H, useMemo as ge, useEffect as L, createContext as se, useContext as X, Children as Ze, isValidElement as et, forwardRef as tt, useImperativeHandle as nt, useCallback as O, Suspense as rt } from "react";
+import xe, { useState as T, useRef as W, useMemo as ge, useEffect as L, createContext as se, useContext as X, Children as Ze, isValidElement as et, forwardRef as tt, useImperativeHandle as nt, useCallback as O, Suspense as rt } from "react";
 import { createPortal as pe } from "react-dom";
 import { useTranslation as J } from "react-i18next";
-import { R as ot, C as Le, e as st, T as it, E as ct, V as at, b as lt, c as dt, a as ut } from "./GeneratedIcons-CyroG9LH.js";
+import { d as Le, E as ot, R as st, T as it, g as ct, V as at, b as lt, a as dt, c as ut } from "./GeneratedIcons-HFZmBTBT.js";
 import pt from "i18next";
 import { c as ft } from "./clsx-OuTLNxxd.js";
 function Be({
@@ -79,7 +79,7 @@ function Y({ variant: e = "default", block: t, size: n = "default", className: r
     }
   );
 }
-function Sn({ code: e, text: t, type: n, button: r, onAction: o }) {
+function Cn({ code: e, text: t, type: n, button: r, onAction: o }) {
   return /* @__PURE__ */ y("div", { className: `nc-alert nc-${n}`, children: [
     /* @__PURE__ */ y("span", { className: `nc-alert-message nc-${n}`, children: [
       /* @__PURE__ */ s("span", { className: "nc-alert-code", children: e }),
@@ -105,21 +105,21 @@ function In({
   const o = Math.max(0, Math.min(1, Number(e) || 0));
   let i;
   r ? o < 0.1 ? i = "var(--nc-danger)" : o < 0.2 ? i = "var(--nc-warning)" : i = "var(--nc-success)" : i = n ? "#ffffff" : "#000000";
-  const l = n ? "rgba(255, 255, 255, 0.5)" : "rgba(0, 0, 0, 0.2)", a = 24, d = 14, f = 2, u = 0, w = 12, c = 0, p = 0, b = 0, g = a, v = d, N = v - c * 2, h = g - c * 2, k = Math.max(1, Math.min(4, v / 4)), m = o === 0 ? 0 : 0.05 + o * 0.95, A = a + f + w, E = 20, C = 0.65, z = Math.max(d, E * C), x = a + f + 1, M = (d - E * C) / 2;
+  const l = n ? "rgba(255, 255, 255, 0.5)" : "rgba(0, 0, 0, 0.2)", a = 24, d = 14, f = 2, u = 0, w = 12, c = 0, p = 0, b = 0, g = a, v = d, N = v - c * 2, h = g - c * 2, k = Math.max(1, Math.min(4, v / 4)), m = o === 0 ? 0 : 0.05 + o * 0.95, S = a + f + w, E = 20, I = 0.65, z = Math.max(d, E * I), x = a + f + 1, A = (d - E * I) / 2;
   return /* @__PURE__ */ y(
     "svg",
     {
       className: "nc-battery",
-      width: A,
+      width: S,
       height: z,
-      viewBox: `0 0 ${A} ${z}`,
+      viewBox: `0 0 ${S} ${z}`,
       role: "img",
       "aria-label": `Battery ${o === 0 ? "-" : Math.round(o * 100) + "%"} ${t}`,
       children: [
         /* @__PURE__ */ y("defs", { children: [
           /* @__PURE__ */ s("mask", { id: `nc-battery-fill-mask-${o}`, children: /* @__PURE__ */ s("rect", { x: "0", y: "0", width: h * m, height: N, fill: "white" }) }),
           /* @__PURE__ */ y("mask", { id: `nc-battery-text-mask-${o}`, children: [
-            /* @__PURE__ */ s("rect", { x: "0", y: "0", width: A, height: z, fill: "white" }),
+            /* @__PURE__ */ s("rect", { x: "0", y: "0", width: S, height: z, fill: "white" }),
             /* @__PURE__ */ s("text", { x: p + g / 2, y: d - 3, fontSize: 11, fontWeight: "bold", fill: "black", textAnchor: "middle", children: o === 0 ? "-" : Math.round(o * 100) })
           ] })
         ] }),
@@ -161,7 +161,7 @@ function In({
               fill: o === 1 ? i : l
             }
           ),
-          t === "charging" ? /* @__PURE__ */ s("g", { transform: `translate(${x}, ${M}) scale(${C})`, fill: i, children: /* @__PURE__ */ s("path", { d: "M10 0 L2 11 H8 L5 20 L14 8 H8 L10 0 Z" }) }) : null
+          t === "charging" ? /* @__PURE__ */ s("g", { transform: `translate(${x}, ${A}) scale(${I})`, fill: i, children: /* @__PURE__ */ s("path", { d: "M10 0 L2 11 H8 L5 20 L14 8 H8 L10 0 Z" }) }) : null
         ] })
       ]
     }
@@ -228,7 +228,7 @@ function $n({ checked: e, onChange: t, disabled: n, label: r, size: o = "default
   );
 }
 function mt({ option: e, onChange: t, selected: n, highlighted: r, small: o }) {
-  const i = H(null), { t: l } = J();
+  const i = W(null), { t: l } = J();
   return L(() => {
     r && i.current && i.current.scrollIntoView({ block: "nearest" });
   }, [r]), /* @__PURE__ */ y(
@@ -337,7 +337,7 @@ function Rn({
   style: u,
   className: w
 }) {
-  const [c, p] = T(!1), [b, g] = T(""), [v, N] = T(-1), h = H(null), k = H(null), m = f === "small", { t: A } = J(), E = ge(() => {
+  const [c, p] = T(!1), [b, g] = T(""), [v, N] = T(-1), h = W(null), k = W(null), m = f === "small", { t: S } = J(), E = ge(() => {
     const R = b.toLowerCase();
     return a ? r.filter((P) => P.label.toLowerCase().includes(R)) : r;
   }, [r, b, a]);
@@ -350,17 +350,17 @@ function Rn({
     }
   }, [l, e, r, t]), L(() => {
     function R(P) {
-      var D;
-      P.target instanceof Node && h.current && ((D = h.current.parentElement) != null && D.contains(P.target) || p(!1));
+      var H;
+      P.target instanceof Node && h.current && ((H = h.current.parentElement) != null && H.contains(P.target) || p(!1));
     }
     return document.addEventListener("mousedown", R), () => document.removeEventListener("mousedown", R);
   }, []);
-  const C = r.find((R) => R.value === e), z = C && l, x = !o && !z, M = !(c && a) && !!C, S = (R, P = !1) => {
-    var D;
-    t == null || t(R), p(!1), g(""), P && ((D = h.current) == null || D.blur());
-  }, $ = () => {
+  const I = r.find((R) => R.value === e), z = I && l, x = !o && !z, A = !(c && a) && !!I, $ = (R, P = !1) => {
+    var H;
+    t == null || t(R), p(!1), g(""), P && ((H = h.current) == null || H.blur());
+  }, C = () => {
     t == null || t(void 0), g(""), p(!1);
-  }, W = (R) => {
+  }, D = (R) => {
     if (!c) {
       (R.key === "ArrowDown" || R.key === "ArrowUp") && (p(!0), R.preventDefault());
       return;
@@ -368,18 +368,18 @@ function Rn({
     switch (R.key) {
       case "ArrowDown":
         R.preventDefault(), N((P) => {
-          const D = P + 1;
-          return D >= E.length ? 0 : D;
+          const H = P + 1;
+          return H >= E.length ? 0 : H;
         });
         break;
       case "ArrowUp":
         R.preventDefault(), N((P) => {
-          const D = P - 1;
-          return D < 0 ? E.length - 1 : D;
+          const H = P - 1;
+          return H < 0 ? E.length - 1 : H;
         });
         break;
       case "Enter":
-        R.preventDefault(), v >= 0 && v < E.length && S(E[v].value, !0);
+        R.preventDefault(), v >= 0 && v < E.length && $(E[v].value, !0);
         break;
       case "Escape":
         R.preventDefault(), p(!1), g("");
@@ -394,9 +394,9 @@ function Rn({
         ref: k,
         style: { position: "relative", display: "flex", alignItems: "center" },
         onMouseDown: (R) => {
-          o || a && R.target === h.current || (p((P) => (!P && a && C && g(C.label), !P)), a && !c && setTimeout(() => {
-            var P, D;
-            (P = h.current) == null || P.focus(), (D = h.current) == null || D.select();
+          o || a && R.target === h.current || (p((P) => (!P && a && I && g(I.label), !P)), a && !c && setTimeout(() => {
+            var P, H;
+            (P = h.current) == null || P.focus(), (H = h.current) == null || H.select();
           }, 0));
         },
         children: [
@@ -408,14 +408,14 @@ function Rn({
               placeholder: n,
               onFocus: () => {
                 var R;
-                !o && a && (p(!0), C && (g(C.label), setTimeout(() => {
+                !o && a && (p(!0), I && (g(I.label), setTimeout(() => {
                   var P;
                   return (P = h.current) == null ? void 0 : P.select();
                 }, 0))), a || (R = h.current) == null || R.blur();
               },
               onChange: (R) => a && g(R.target.value),
-              onKeyDown: W,
-              value: c && a ? b : (C == null ? void 0 : C.label) || "",
+              onKeyDown: D,
+              value: c && a ? b : (I == null ? void 0 : I.label) || "",
               readOnly: o || !a,
               style: {
                 width: "100%",
@@ -423,11 +423,11 @@ function Rn({
                 caretColor: a ? void 0 : "transparent",
                 cursor: a ? void 0 : "pointer",
                 userSelect: a ? void 0 : "none",
-                color: M ? "transparent" : "var(--nc-text)"
+                color: A ? "transparent" : "var(--nc-text)"
               }
             }
           ),
-          M && /* @__PURE__ */ y(
+          A && /* @__PURE__ */ y(
             "div",
             {
               "aria-hidden": !0,
@@ -446,21 +446,21 @@ function Rn({
                 textOverflow: "ellipsis"
               },
               children: [
-                /* @__PURE__ */ s("span", { className: `nc-combo-overlay-text ${m ? "nc-small" : ""}`, children: C == null ? void 0 : C.label }),
-                (C == null ? void 0 : C.default) && /* @__PURE__ */ y("span", { className: `nc-combo-overlay-default ${m ? "nc-small" : ""}`, children: [
+                /* @__PURE__ */ s("span", { className: `nc-combo-overlay-text ${m ? "nc-small" : ""}`, children: I == null ? void 0 : I.label }),
+                (I == null ? void 0 : I.default) && /* @__PURE__ */ y("span", { className: `nc-combo-overlay-default ${m ? "nc-small" : ""}`, children: [
                   "(",
-                  A("common.default"),
+                  S("common.default"),
                   ")"
                 ] })
               ]
             }
           ),
-          z && /* @__PURE__ */ s(bt, { onClick: $, small: m }),
+          z && /* @__PURE__ */ s(bt, { onClick: C, small: m }),
           x && /* @__PURE__ */ s(vt, { open: c, onClick: () => p((R) => !R), small: m })
         ]
       }
     ),
-    /* @__PURE__ */ s(gt, { isOpen: c, options: E, onSelect: S, selectedValue: e, placement: d, anchorRef: k, small: m, highlightedIndex: v })
+    /* @__PURE__ */ s(gt, { isOpen: c, options: E, onSelect: $, selectedValue: e, placement: d, anchorRef: k, small: m, highlightedIndex: v })
   ] });
 }
 function En({ onClick: e, loading: t = !1, disabled: n = !1, size: r = "default", title: o, "aria-label": i }) {
@@ -473,7 +473,7 @@ function En({ onClick: e, loading: t = !1, disabled: n = !1, size: r = "default"
       title: o ?? (t ? "Refreshing..." : "Refresh"),
       "aria-label": i ?? (t ? "Refreshing" : "Refresh"),
       "data-size": r,
-      children: /* @__PURE__ */ s(ot, { size: r === "small" ? 14 : r === "large" ? 20 : 18, className: t ? "nc-spinning" : "" })
+      children: /* @__PURE__ */ s(st, { size: r === "small" ? 14 : r === "large" ? 20 : 18, className: t ? "nc-spinning" : "" })
     }
   );
 }
@@ -501,7 +501,7 @@ function Tn({ onClick: e, disabled: t = !1, size: n = "default", title: r = "Edi
       title: r,
       "aria-label": o,
       "data-size": n,
-      children: /* @__PURE__ */ s(st, { size: n === "small" ? 14 : n === "large" ? 20 : 18 })
+      children: /* @__PURE__ */ s(ot, { size: n === "small" ? 14 : n === "large" ? 20 : 18 })
     }
   );
 }
@@ -541,7 +541,7 @@ function Ln({
   anchor: o,
   preferredDirection: i = "down"
 }) {
-  const l = H(null), [a, d] = T({ top: 0, left: 0 }), f = o || (r == null ? void 0 : r.current);
+  const l = W(null), [a, d] = T({ top: 0, left: 0 }), f = o || (r == null ? void 0 : r.current);
   if (L(() => {
     if (!e || !f || !l.current) return;
     const c = f.getBoundingClientRect(), p = l.current.getBoundingClientRect(), b = window.innerHeight, g = window.innerWidth, v = c.bottom + 8, N = v + p.height <= b - 8;
@@ -652,24 +652,24 @@ function Bn({
   className: v = "",
   onContentHeightChange: N
 }) {
-  const h = H(null), k = H(null), { t: m } = J(), A = { close: t }, E = (x) => {
+  const h = W(null), k = W(null), { t: m } = J(), S = { close: t }, E = (x) => {
     c && x.target === x.currentTarget && t();
   };
   if (L(() => {
     e && h.current && h.current.focus();
   }, [e]), L(() => {
     if (!N || !k.current) return;
-    const x = new ResizeObserver((M) => {
-      for (const S of M) {
-        const $ = S.contentRect.height;
-        N($);
+    const x = new ResizeObserver((A) => {
+      for (const $ of A) {
+        const C = $.contentRect.height;
+        N(C);
       }
     });
     return x.observe(k.current), () => {
       x.disconnect();
     };
   }, [N]), !e) return null;
-  const C = () => {
+  const I = () => {
     switch (i) {
       case "ok":
         return /* @__PURE__ */ s("div", { className: "nc-dialog-footer", children: /* @__PURE__ */ s(Y, { variant: "primary", onClick: a ?? t, disabled: p, children: m("common.ok") }) });
@@ -704,7 +704,7 @@ function Bn({
       default:
         return null;
     }
-  }, z = /* @__PURE__ */ s(He.Provider, { value: A, children: /* @__PURE__ */ s("div", { className: `nc-dialog-overlay${b ? " nc-fullscreen" : ""}`, onClick: E, children: /* @__PURE__ */ y(
+  }, z = /* @__PURE__ */ s(He.Provider, { value: S, children: /* @__PURE__ */ s("div", { className: `nc-dialog-overlay${b ? " nc-fullscreen" : ""}`, onClick: E, children: /* @__PURE__ */ y(
     "div",
     {
       ref: h,
@@ -720,7 +720,7 @@ function Bn({
           /* @__PURE__ */ s(De, { onClick: t, "aria-label": "Close dialog" })
         ] }),
         /* @__PURE__ */ s("div", { ref: k, className: "nc-dialog-content", children: r }),
-        C()
+        I()
       ]
     }
   ) }) });
@@ -803,22 +803,22 @@ function Dn({
   validator: v,
   showErrorMessage: N = !0
 }) {
-  const h = H(null), k = H(null), [m, A] = T(!1), [E, C] = T(!1), z = e !== void 0, [x, M] = T(t), S = z ? e : x, $ = v ? v(S) : null, W = !!$, R = f === "password", P = R && p && !l && !b, D = d && S && !l && E, ee = w === "small" ? 32 : 44;
+  const h = W(null), k = W(null), [m, S] = T(!1), [E, I] = T(!1), z = e !== void 0, [x, A] = T(t), $ = z ? e : x, C = v ? v($) : null, D = !!C, R = f === "password", P = R && p && !l && !b, H = d && $ && !l && E, ee = w === "small" ? 32 : 44;
   let K = 12;
-  D && P ? K = ee * 2 : (D || P) && (K = ee);
+  H && P ? K = ee * 2 : (H || P) && (K = ee);
   const Q = () => {
     var te, ae;
-    z || M(""), n == null || n(""), o == null || o(), b ? (te = k.current) == null || te.focus() : (ae = h.current) == null || ae.focus();
+    z || A(""), n == null || n(""), o == null || o(), b ? (te = k.current) == null || te.focus() : (ae = h.current) == null || ae.focus();
   }, ce = (te) => {
     te.key === "Enter" && !b && (r == null || r());
   }, F = (te) => {
     const ae = te.target.value;
-    z || M(ae), n == null || n(ae);
-  }, Ce = () => {
-    C(!0);
+    z || A(ae), n == null || n(ae);
   }, Se = () => {
-    C(!1);
-  }, Ie = `nc-input ${w === "small" ? "nc-small " : ""} ${W ? "nc-error " : ""}${u}`;
+    I(!0);
+  }, Ce = () => {
+    I(!1);
+  }, Ie = `nc-input ${w === "small" ? "nc-small " : ""} ${D ? "nc-error " : ""}${u}`;
   return /* @__PURE__ */ y("div", { className: "nc-col", style: { position: "relative", flex: 1, ...c }, children: [
     a && /* @__PURE__ */ s("span", { className: "nc-label", children: a }),
     /* @__PURE__ */ y("div", { style: { position: "relative", display: "flex", alignItems: b ? "flex-start" : "center" }, children: [
@@ -828,11 +828,11 @@ function Dn({
           ref: k,
           className: Ie,
           placeholder: i,
-          value: S,
+          value: $,
           onChange: F,
           onKeyDown: ce,
-          onFocus: Ce,
-          onBlur: Se,
+          onFocus: Se,
+          onBlur: Ce,
           disabled: l,
           rows: g,
           style: {
@@ -847,11 +847,11 @@ function Dn({
           type: R && m ? "text" : f,
           className: Ie,
           placeholder: i,
-          value: S,
+          value: $,
           onChange: F,
           onKeyDown: ce,
-          onFocus: Ce,
-          onBlur: Se,
+          onFocus: Se,
+          onBlur: Ce,
           disabled: l,
           style: {
             width: "100%",
@@ -859,10 +859,10 @@ function Dn({
           }
         }
       ),
-      D && /* @__PURE__ */ s(yt, { onClick: Q, size: w, rightOffset: P ? ee + 4 : 4 }),
-      P && /* @__PURE__ */ s(xt, { visible: m, onClick: () => A(!m), size: w })
+      H && /* @__PURE__ */ s(yt, { onClick: Q, size: w, rightOffset: P ? ee + 4 : 4 }),
+      P && /* @__PURE__ */ s(xt, { visible: m, onClick: () => S(!m), size: w })
     ] }),
-    W && N && /* @__PURE__ */ s("span", { className: "nc-error-message", children: $ })
+    D && N && /* @__PURE__ */ s("span", { className: "nc-error-message", children: C })
   ] });
 }
 function Hn({
@@ -900,7 +900,7 @@ function Hn({
     }
   );
 }
-function On({ title: e, titleTools: t, children: n, style: r }) {
+function Wn({ title: e, titleTools: t, children: n, style: r }) {
   return /* @__PURE__ */ y("div", { className: "nc-list-group", style: r, children: [
     (e || t) && /* @__PURE__ */ y("div", { className: "nc-list-group-title", children: [
       /* @__PURE__ */ s("div", { children: e }),
@@ -915,8 +915,8 @@ function On({ title: e, titleTools: t, children: n, style: r }) {
     )
   ] });
 }
-function Wn({ values: e, onChange: t, options: n, placeholder: r = "Select…", label: o }) {
-  const [i, l] = T(!1), [a, d] = T(""), f = H(null), u = ge(() => n.filter((c) => c.label.toLowerCase().includes(a.toLowerCase())), [n, a]);
+function On({ values: e, onChange: t, options: n, placeholder: r = "Select…", label: o }) {
+  const [i, l] = T(!1), [a, d] = T(""), f = W(null), u = ge(() => n.filter((c) => c.label.toLowerCase().includes(a.toLowerCase())), [n, a]);
   L(() => {
     function c(p) {
       !(p.target instanceof Node) || !f.current || f.current.contains(p.target) || l(!1);
@@ -1008,34 +1008,41 @@ function Fn({
   className: o = "",
   disabled: i = !1
 }) {
-  const [l, a] = T(!1), [d, f] = T(""), [u, w] = T(""), [c, p] = T({ top: 0, left: 0, width: 0 }), b = H(null), g = H(null);
+  const [l, a] = T(!1), [d, f] = T(""), [u, w] = T(""), [c, p] = T({ top: 0, left: 0, width: 0, right: void 0 }), b = W(null), g = W(null);
   L(() => {
     if (l && b.current) {
-      const M = b.current.getBoundingClientRect();
-      p({
-        top: M.bottom + 4,
-        left: M.left,
-        width: M.width
+      const A = b.current.getBoundingClientRect(), C = Math.max(A.width, 400);
+      window.innerWidth - A.left < C && A.right >= C ? p({
+        top: A.bottom + 4,
+        left: 0,
+        // Not used but type needs it, let's just use 0
+        right: window.innerWidth - A.right,
+        width: C
+      }) : p({
+        top: A.bottom + 4,
+        left: A.left,
+        right: void 0,
+        width: C
       });
     }
   }, [l]), L(() => {
     if (!l) return;
-    const M = (S) => {
-      b.current && !b.current.contains(S.target) && g.current && !g.current.contains(S.target) && a(!1);
+    const A = ($) => {
+      b.current && !b.current.contains($.target) && g.current && !g.current.contains($.target) && a(!1);
     };
-    return document.addEventListener("mousedown", M), () => document.removeEventListener("mousedown", M);
+    return document.addEventListener("mousedown", A), () => document.removeEventListener("mousedown", A);
   }, [l]);
   const v = () => {
     f(e || $e()), w(t || $e()), a(!0);
   }, N = () => {
     a(!1);
   }, h = () => {
-    const M = fe(d), S = fe(u);
-    if (M || S)
+    const A = fe(d), $ = fe(u);
+    if (A || $)
       return;
-    const $ = ue(d), W = ue(u);
-    $ && W && (n == null || n($, W)), a(!1);
-  }, k = e && t ? `${Me(e)} - ${Me(t)}` : "Select month range", m = fe(d), A = fe(u), E = ue(d), C = ue(u), z = E && C && E > C, x = l ? pe(
+    const C = ue(d), D = ue(u);
+    C && D && (n == null || n(C, D)), a(!1);
+  }, k = e && t ? `${Me(e)} - ${Me(t)}` : "Select month range", m = fe(d), S = fe(u), E = ue(d), I = ue(u), z = E && I && E > I, x = l ? pe(
     /* @__PURE__ */ s(
       "div",
       {
@@ -1044,8 +1051,8 @@ function Fn({
         style: {
           position: "fixed",
           top: c.top,
-          left: c.left,
-          width: Math.max(c.width, 400),
+          ...c.right !== void 0 ? { right: c.right } : { left: c.left },
+          width: c.width,
           zIndex: 1e3
         },
         children: /* @__PURE__ */ y("div", { className: "nc-month-range-picker-content", children: [
@@ -1058,7 +1065,7 @@ function Fn({
                   type: "text",
                   className: `nc-month-input ${m ? "nc-error" : ""}`,
                   value: d,
-                  onChange: (M) => f(M.target.value),
+                  onChange: (A) => f(A.target.value),
                   placeholder: "YY-M(M) or YYYY-M(M)"
                 }
               ),
@@ -1070,23 +1077,23 @@ function Fn({
                 "input",
                 {
                   type: "text",
-                  className: `nc-month-input ${A ? "nc-error" : ""}`,
+                  className: `nc-month-input ${S ? "nc-error" : ""}`,
                   value: u,
-                  onChange: (M) => w(M.target.value),
+                  onChange: (A) => w(A.target.value),
                   placeholder: "YY-M(M) or YYYY-M(M)"
                 }
               ),
-              A && /* @__PURE__ */ s("div", { className: "nc-month-error-text", children: A })
+              S && /* @__PURE__ */ s("div", { className: "nc-month-error-text", children: S })
             ] })
           ] }),
-          z && !m && !A && /* @__PURE__ */ s("div", { className: "nc-month-range-error", children: "End month must be after or equal to start month" }),
+          z && !m && !S && /* @__PURE__ */ s("div", { className: "nc-month-range-error", children: "End month must be after or equal to start month" }),
           /* @__PURE__ */ y("div", { className: "nc-month-range-picker-footer", children: [
             /* @__PURE__ */ s(
               Y,
               {
                 variant: "primary",
                 onClick: h,
-                disabled: !d || !u || !!m || !!A || !!z,
+                disabled: !d || !u || !!m || !!S || !!z,
                 children: "Apply"
               }
             ),
@@ -1238,42 +1245,42 @@ function Yn({ active: e, children: t, keepMounted: n = !1, className: r = "", st
   return /* @__PURE__ */ s("div", { className: `nc-tab-panels ${r}`, style: o, children: l });
 }
 function jn({ tabs: e, active: t, onChange: n, onClose: r, permanentTabs: o, className: i, toolbar: l, multiline: a, orientation: d = "horizontal", style: f }) {
-  const u = H(null), [w, c] = T(!1), [p, b] = T(!1), g = d === "verticalLeft" || d === "verticalRight", v = H(!1), N = H(0), h = H(0), k = H(!1);
+  const u = W(null), [w, c] = T(!1), [p, b] = T(!1), g = d === "verticalLeft" || d === "verticalRight", v = W(!1), N = W(0), h = W(0), k = W(!1);
   L(() => {
     const x = () => {
       if (u.current)
         if (g) {
-          const { scrollTop: S, scrollHeight: $, clientHeight: W } = u.current;
-          c(S > 1), b(S < $ - W - 1);
+          const { scrollTop: $, scrollHeight: C, clientHeight: D } = u.current;
+          c($ > 1), b($ < C - D - 1);
         } else {
-          const { scrollLeft: S, scrollWidth: $, clientWidth: W } = u.current;
-          c(S > 1), b(S < $ - W - 1);
+          const { scrollLeft: $, scrollWidth: C, clientWidth: D } = u.current;
+          c($ > 1), b($ < C - D - 1);
         }
-    }, M = u.current;
-    if (M)
-      return x(), M.addEventListener("scroll", x), window.addEventListener("resize", x), () => {
-        M.removeEventListener("scroll", x), window.removeEventListener("resize", x);
+    }, A = u.current;
+    if (A)
+      return x(), A.addEventListener("scroll", x), window.addEventListener("resize", x), () => {
+        A.removeEventListener("scroll", x), window.removeEventListener("resize", x);
       };
   }, [e, g]);
   const m = (x) => {
     u.current && (v.current = !0, k.current = !1, N.current = g ? x.clientY : x.clientX, h.current = g ? u.current.scrollTop : u.current.scrollLeft, u.current.style.cursor = "grabbing", u.current.style.userSelect = "none");
-  }, A = (x) => {
+  }, S = (x) => {
     if (!v.current || !u.current) return;
-    const M = g ? x.clientY : x.clientX, S = N.current - M;
-    Math.abs(S) > 3 && (k.current = !0), g ? u.current.scrollTop = h.current + S : u.current.scrollLeft = h.current + S;
+    const A = g ? x.clientY : x.clientX, $ = N.current - A;
+    Math.abs($) > 3 && (k.current = !0), g ? u.current.scrollTop = h.current + $ : u.current.scrollLeft = h.current + $;
   }, E = () => {
     u.current && (v.current = !1, u.current.style.cursor = "", u.current.style.userSelect = "");
-  }, C = () => {
+  }, I = () => {
     E();
   };
   L(() => {
     const x = u.current;
     if (!x || g) return;
-    const M = (S) => {
-      S.deltaY !== 0 && (S.preventDefault(), x.scrollLeft += S.deltaY * 0.3);
+    const A = ($) => {
+      $.deltaY !== 0 && ($.preventDefault(), x.scrollLeft += $.deltaY * 0.3);
     };
-    return x.addEventListener("wheel", M, { passive: !1 }), () => {
-      x.removeEventListener("wheel", M);
+    return x.addEventListener("wheel", A, { passive: !1 }), () => {
+      x.removeEventListener("wheel", A);
     };
   }, [g]);
   const z = (x) => {
@@ -1288,36 +1295,36 @@ function jn({ tabs: e, active: t, onChange: n, onClose: r, permanentTabs: o, cla
           ref: u,
           className: `nc-tab-scroll ${a ? "nc-multiline" : ""}`,
           onMouseDown: m,
-          onMouseMove: A,
+          onMouseMove: S,
           onMouseUp: E,
-          onMouseLeave: C,
+          onMouseLeave: I,
           style: { cursor: "grab" },
           children: e.map((x) => {
-            const M = r && !(o != null && o.includes(x));
+            const A = typeof x == "string" ? x : x.id, $ = typeof x == "string" ? x : x.label, C = r && !(o != null && o.includes(A));
             return /* @__PURE__ */ y(
               "div",
               {
-                className: `nc-tab-item ${t === x ? "nc-active" : ""} ${M ? "nc-closable" : ""}`,
-                onClick: () => z(x),
+                className: `nc-tab-item ${t === A ? "nc-active" : ""} ${C ? "nc-closable" : ""}`,
+                onClick: () => z(A),
                 role: "button",
                 tabIndex: 0,
-                onKeyDown: (S) => {
-                  (S.key === "Enter" || S.key === " ") && n(x);
+                onKeyDown: (D) => {
+                  (D.key === "Enter" || D.key === " ") && n(A);
                 },
                 children: [
-                  /* @__PURE__ */ s("span", { className: "nc-tab-label", children: g ? x : x.toUpperCase() }),
-                  M && /* @__PURE__ */ s(
+                  /* @__PURE__ */ s("span", { className: "nc-tab-label", children: g ? $ : typeof $ == "string" ? $.toUpperCase() : $ }),
+                  C && /* @__PURE__ */ s(
                     "span",
                     {
                       className: "nc-tab-close",
                       role: "button",
                       tabIndex: 0,
-                      "aria-label": `Close ${x}`,
-                      onClick: (S) => {
-                        S.stopPropagation(), r(x);
+                      "aria-label": `Close ${typeof $ == "string" ? $ : A}`,
+                      onClick: (D) => {
+                        D.stopPropagation(), r(A);
                       },
-                      onKeyDown: (S) => {
-                        (S.key === "Enter" || S.key === " ") && (S.stopPropagation(), r(x));
+                      onKeyDown: (D) => {
+                        (D.key === "Enter" || D.key === " ") && (D.stopPropagation(), r(A));
                       },
                       children: /* @__PURE__ */ y("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", children: [
                         /* @__PURE__ */ s("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
@@ -1327,7 +1334,7 @@ function jn({ tabs: e, active: t, onChange: n, onClose: r, permanentTabs: o, cla
                   )
                 ]
               },
-              x
+              A
             );
           })
         }
@@ -1406,7 +1413,7 @@ function At(e, t) {
 `), o = r.length, l = r[o - 1].split("	"), a = l.length, d = l[a - 1].length + 1;
   return { line: o, column: a, character: d, offset: t };
 }
-function Ct(e, t, n, r) {
+function St(e, t, n, r) {
   const o = e.split(`
 `), i = Math.max(1, Math.min(t, o.length));
   let l = 0;
@@ -1418,7 +1425,7 @@ function Ct(e, t, n, r) {
   const u = Math.max(1, Math.min(r, d[f - 1].length + 1));
   return l += u - 1, l;
 }
-function St(e, t) {
+function Ct(e, t) {
   const n = e.split(`
 `), r = Math.max(1, Math.min(t, n.length));
   let o = 0;
@@ -1428,23 +1435,23 @@ function St(e, t) {
 }
 const _n = tt(
   function({ value: t, onChange: n, placeholder: r, className: o, style: i, showLineNumbers: l = !1, onCursorChange: a, highlightLine: d }, f) {
-    const u = H(null), w = H(null), c = H(null);
+    const u = W(null), w = W(null), c = W(null);
     nt(f, () => ({
       goToLine(h) {
         const k = u.current;
         if (!k) return;
-        const m = St(t, h);
+        const m = Ct(t, h);
         k.focus(), k.setSelectionRange(m, m);
-        const A = parseFloat(getComputedStyle(k).lineHeight) || 18;
-        k.scrollTop = (Math.max(1, h) - 1) * A, b(), p();
+        const S = parseFloat(getComputedStyle(k).lineHeight) || 18;
+        k.scrollTop = (Math.max(1, h) - 1) * S, b(), p();
       },
       goToPosition(h, k, m) {
-        const A = u.current;
-        if (!A) return;
-        const E = Ct(t, h, k, m);
-        A.focus(), A.setSelectionRange(E, E);
-        const C = parseFloat(getComputedStyle(A).lineHeight) || 18;
-        A.scrollTop = (Math.max(1, h) - 1) * C, b(), p();
+        const S = u.current;
+        if (!S) return;
+        const E = St(t, h, k, m);
+        S.focus(), S.setSelectionRange(E, E);
+        const I = parseFloat(getComputedStyle(S).lineHeight) || 18;
+        S.scrollTop = (Math.max(1, h) - 1) * I, b(), p();
       }
     }), [t]);
     const p = O(() => {
@@ -1459,8 +1466,8 @@ const _n = tt(
       if (d == null || d < 1) return;
       const h = u.current;
       if (!h) return;
-      const k = parseFloat(getComputedStyle(h).lineHeight) || 18, m = (d - 1) * k, A = m + k;
-      (m < h.scrollTop || A > h.scrollTop + h.clientHeight) && (h.scrollTop = m - h.clientHeight / 2 + k / 2), b();
+      const k = parseFloat(getComputedStyle(h).lineHeight) || 18, m = (d - 1) * k, S = m + k;
+      (m < h.scrollTop || S > h.scrollTop + h.clientHeight) && (h.scrollTop = m - h.clientHeight / 2 + k / 2), b();
     }, [d]);
     const g = ge(() => t.split(`
 `).length, [t]), v = () => {
@@ -1471,16 +1478,16 @@ const _n = tt(
         );
       return /* @__PURE__ */ s("div", { className: "nc-csv-gutter", ref: c, children: h });
     }, N = (h) => h ? h.split(`
-`).map((m, A) => {
+`).map((m, S) => {
       const E = m.split("	");
-      return /* @__PURE__ */ y("div", { className: `nc-csv-line ${d === A + 1 ? "nc-csv-highlight" : ""}`, children: [
-        E.map((C, z) => /* @__PURE__ */ y("span", { children: [
+      return /* @__PURE__ */ y("div", { className: `nc-csv-line ${d === S + 1 ? "nc-csv-highlight" : ""}`, children: [
+        E.map((I, z) => /* @__PURE__ */ y("span", { children: [
           z > 0 && /* @__PURE__ */ s("span", { className: "nc-csv-tab-char", children: "	" }),
-          /* @__PURE__ */ s("span", { style: { color: Re[z % Re.length] }, children: C })
+          /* @__PURE__ */ s("span", { style: { color: Re[z % Re.length] }, children: I })
         ] }, z)),
         m === "" && `
 `
-      ] }, A);
+      ] }, S);
     }) : null;
     return /* @__PURE__ */ y("div", { className: `nc-csv-textarea-container ${l ? "nc-csv-with-gutter" : ""} ${o ?? ""}`, style: i, children: [
       l && v(),
@@ -1537,10 +1544,10 @@ function Mt(e) {
     ...e
   };
   return Z.notifications = [n, ...Z.notifications], we(), n.lastingTime && n.lastingTime > 0 && setTimeout(() => {
-    Oe(t);
+    We(t);
   }, n.lastingTime), t;
 }
-function Oe(e) {
+function We(e) {
   const t = Z.notifications.find((r) => r.id === e);
   if (!t) return;
   t.isRemoving = !0, we();
@@ -1563,7 +1570,7 @@ function $t({ notification: e }) {
         return t("common.info");
     }
   }, r = () => {
-    Oe(e.id);
+    We(e.id);
   };
   return /* @__PURE__ */ s(
     "div",
@@ -1587,7 +1594,7 @@ function $t({ notification: e }) {
   );
 }
 function Un() {
-  const [e, t] = T([]), [n, r] = T(/* @__PURE__ */ new Map()), [o, i] = T(/* @__PURE__ */ new Set()), l = H(null), a = H([]);
+  const [e, t] = T([]), [n, r] = T(/* @__PURE__ */ new Map()), [o, i] = T(/* @__PURE__ */ new Set()), l = W(null), a = W([]);
   return L(() => It((f) => {
     const u = new Set(a.current.map((c) => c.id)), w = f.filter((c) => !u.has(c.id)).map((c) => c.id);
     w.length > 0 ? (t(f), i(new Set(w)), requestAnimationFrame(() => {
@@ -1881,9 +1888,9 @@ class Tt {
     this.listeners.forEach((t) => t());
   }
 }
-const V = new Tt(), We = se(null);
+const V = new Tt(), Oe = se(null);
 function zt() {
-  const e = X(We);
+  const e = X(Oe);
   if (!e)
     throw new Error("useApp must be used inside an App");
   return e;
@@ -1978,7 +1985,7 @@ function Fe({ appId: e, isActive: t, onClose: n }) {
     u(null);
   }, []), m = O((x) => {
     c(x);
-  }, []), A = O((x) => {
+  }, []), S = O((x) => {
     b(x);
   }, []), E = ge(() => ({
     setTitle: g,
@@ -1987,12 +1994,12 @@ function Fe({ appId: e, isActive: t, onClose: n }) {
     setToolbar: h,
     clearToolbar: k,
     setHideBackButton: m,
-    setHideTitleBar: A,
+    setHideTitleBar: S,
     close: n
-  }), [g, v, N, h, k, m, A, n]);
+  }), [g, v, N, h, k, m, S, n]);
   if (!o)
     return null;
-  const C = o.component, z = !o.hideTitleBar && !p;
+  const I = o.component, z = !o.hideTitleBar && !p;
   return /* @__PURE__ */ y(
     "div",
     {
@@ -2026,7 +2033,7 @@ function Fe({ appId: e, isActive: t, onClose: n }) {
               backgroundColor: "var(--nc-bg-secondary)",
               position: "relative"
             },
-            children: /* @__PURE__ */ s(We.Provider, { value: E, children: /* @__PURE__ */ s(Bt, { appId: e, children: /* @__PURE__ */ s(
+            children: /* @__PURE__ */ s(Oe.Provider, { value: E, children: /* @__PURE__ */ s(Bt, { appId: e, children: /* @__PURE__ */ s(
               rt,
               {
                 fallback: /* @__PURE__ */ s(
@@ -2041,7 +2048,7 @@ function Fe({ appId: e, isActive: t, onClose: n }) {
                     children: /* @__PURE__ */ s(Be, {})
                   }
                 ),
-                children: /* @__PURE__ */ s(C, {})
+                children: /* @__PURE__ */ s(I, {})
               }
             ) }) })
           }
@@ -2087,7 +2094,7 @@ function Ye() {
   return X(Ge);
 }
 const ke = "-", Dt = (e) => {
-  const t = Ot(e), {
+  const t = Wt(e), {
     conflictingClassGroups: n,
     conflictingClassGroupModifiers: r
   } = e;
@@ -2120,7 +2127,7 @@ const ke = "-", Dt = (e) => {
     if (n)
       return "arbitrary.." + n;
   }
-}, Ot = (e) => {
+}, Wt = (e) => {
   const {
     theme: t,
     prefix: n
@@ -2139,7 +2146,7 @@ const ke = "-", Dt = (e) => {
       return;
     }
     if (typeof o == "function") {
-      if (Wt(o)) {
+      if (Ot(o)) {
         ye(o(r), t, n, r);
         return;
       }
@@ -2161,7 +2168,7 @@ const ke = "-", Dt = (e) => {
       validators: []
     }), n = n.nextPart.get(r);
   }), n;
-}, Wt = (e) => e.isThemeGetter, Ft = (e, t) => t ? e.map(([n, r]) => {
+}, Ot = (e) => e.isThemeGetter, Ft = (e, t) => t ? e.map(([n, r]) => {
   const o = r.map((i) => typeof i == "string" ? t + i : typeof i == "object" ? Object.fromEntries(Object.entries(i).map(([l, a]) => [t + l, a])) : i);
   return [n, o];
 }) : e, Vt = (e) => {
@@ -2265,8 +2272,8 @@ const ke = "-", Dt = (e) => {
     i.push(h);
     const k = o(g, b);
     for (let m = 0; m < k.length; ++m) {
-      const A = k[m];
-      i.push(N + A);
+      const S = k[m];
+      i.push(N + S);
     }
     a = f + (a.length > 0 ? " " + a : a);
   }
@@ -2306,7 +2313,7 @@ function qt(e, ...t) {
 const B = (e) => {
   const t = (n) => n[e] || [];
   return t.isThemeGetter = !0, t;
-}, Ue = /^\[(?:([a-z-]+):)?(.+)\]$/i, Xt = /^\d+\/\d+$/, Jt = /* @__PURE__ */ new Set(["px", "full", "screen"]), Qt = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, Zt = /\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$/, en = /^(rgba?|hsla?|hwb|(ok)?(lab|lch))\(.+\)$/, tn = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, nn = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, G = (e) => re(e) || Jt.has(e) || Xt.test(e), U = (e) => ie(e, "length", un), re = (e) => !!e && !Number.isNaN(Number(e)), be = (e) => ie(e, "number", re), le = (e) => !!e && Number.isInteger(Number(e)), rn = (e) => e.endsWith("%") && re(e.slice(0, -1)), I = (e) => Ue.test(e), q = (e) => Qt.test(e), on = /* @__PURE__ */ new Set(["length", "size", "percentage"]), sn = (e) => ie(e, on, qe), cn = (e) => ie(e, "position", qe), an = /* @__PURE__ */ new Set(["image", "url"]), ln = (e) => ie(e, an, fn), dn = (e) => ie(e, "", pn), de = () => !0, ie = (e, t, n) => {
+}, Ue = /^\[(?:([a-z-]+):)?(.+)\]$/i, Xt = /^\d+\/\d+$/, Jt = /* @__PURE__ */ new Set(["px", "full", "screen"]), Qt = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, Zt = /\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$/, en = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, tn = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, nn = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, G = (e) => re(e) || Jt.has(e) || Xt.test(e), U = (e) => ie(e, "length", un), re = (e) => !!e && !Number.isNaN(Number(e)), be = (e) => ie(e, "number", re), le = (e) => !!e && Number.isInteger(Number(e)), rn = (e) => e.endsWith("%") && re(e.slice(0, -1)), M = (e) => Ue.test(e), q = (e) => Qt.test(e), on = /* @__PURE__ */ new Set(["length", "size", "percentage"]), sn = (e) => ie(e, on, qe), cn = (e) => ie(e, "position", qe), an = /* @__PURE__ */ new Set(["image", "url"]), ln = (e) => ie(e, an, fn), dn = (e) => ie(e, "", pn), de = () => !0, ie = (e, t, n) => {
   const r = Ue.exec(e);
   return r ? r[1] ? typeof t == "string" ? r[1] === t : t.has(r[1]) : n(r[2]) : !1;
 }, un = (e) => (
@@ -2315,36 +2322,36 @@ const B = (e) => {
   // I could also use lookbehind assertion in `lengthUnitRegex` but that isn't supported widely enough.
   Zt.test(e) && !en.test(e)
 ), qe = () => !1, pn = (e) => tn.test(e), fn = (e) => nn.test(e), hn = () => {
-  const e = B("colors"), t = B("spacing"), n = B("blur"), r = B("brightness"), o = B("borderColor"), i = B("borderRadius"), l = B("borderSpacing"), a = B("borderWidth"), d = B("contrast"), f = B("grayscale"), u = B("hueRotate"), w = B("invert"), c = B("gap"), p = B("gradientColorStops"), b = B("gradientColorStopPositions"), g = B("inset"), v = B("margin"), N = B("opacity"), h = B("padding"), k = B("saturate"), m = B("scale"), A = B("sepia"), E = B("skew"), C = B("space"), z = B("translate"), x = () => ["auto", "contain", "none"], M = () => ["auto", "hidden", "clip", "visible", "scroll"], S = () => ["auto", I, t], $ = () => [I, t], W = () => ["", G, U], R = () => ["auto", re, I], P = () => ["bottom", "center", "left", "left-bottom", "left-top", "right", "right-bottom", "right-top", "top"], D = () => ["solid", "dashed", "dotted", "double", "none"], ee = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], K = () => ["start", "end", "center", "between", "around", "evenly", "stretch"], Q = () => ["", "0", I], ce = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], F = () => [re, I];
+  const e = B("colors"), t = B("spacing"), n = B("blur"), r = B("brightness"), o = B("borderColor"), i = B("borderRadius"), l = B("borderSpacing"), a = B("borderWidth"), d = B("contrast"), f = B("grayscale"), u = B("hueRotate"), w = B("invert"), c = B("gap"), p = B("gradientColorStops"), b = B("gradientColorStopPositions"), g = B("inset"), v = B("margin"), N = B("opacity"), h = B("padding"), k = B("saturate"), m = B("scale"), S = B("sepia"), E = B("skew"), I = B("space"), z = B("translate"), x = () => ["auto", "contain", "none"], A = () => ["auto", "hidden", "clip", "visible", "scroll"], $ = () => ["auto", M, t], C = () => [M, t], D = () => ["", G, U], R = () => ["auto", re, M], P = () => ["bottom", "center", "left", "left-bottom", "left-top", "right", "right-bottom", "right-top", "top"], H = () => ["solid", "dashed", "dotted", "double", "none"], ee = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], K = () => ["start", "end", "center", "between", "around", "evenly", "stretch"], Q = () => ["", "0", M], ce = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], F = () => [re, M];
   return {
     cacheSize: 500,
     separator: ":",
     theme: {
       colors: [de],
       spacing: [G, U],
-      blur: ["none", "", q, I],
+      blur: ["none", "", q, M],
       brightness: F(),
       borderColor: [e],
-      borderRadius: ["none", "", "full", q, I],
-      borderSpacing: $(),
-      borderWidth: W(),
+      borderRadius: ["none", "", "full", q, M],
+      borderSpacing: C(),
+      borderWidth: D(),
       contrast: F(),
       grayscale: Q(),
       hueRotate: F(),
       invert: Q(),
-      gap: $(),
+      gap: C(),
       gradientColorStops: [e],
       gradientColorStopPositions: [rn, U],
-      inset: S(),
-      margin: S(),
+      inset: $(),
+      margin: $(),
       opacity: F(),
-      padding: $(),
+      padding: C(),
       saturate: F(),
       scale: F(),
       sepia: Q(),
       skew: F(),
-      space: $(),
-      translate: $()
+      space: C(),
+      translate: C()
     },
     classGroups: {
       // Layout
@@ -2353,7 +2360,7 @@ const B = (e) => {
        * @see https://tailwindcss.com/docs/aspect-ratio
        */
       aspect: [{
-        aspect: ["auto", "square", "video", I]
+        aspect: ["auto", "square", "video", M]
       }],
       /**
        * Container
@@ -2438,28 +2445,28 @@ const B = (e) => {
        * @see https://tailwindcss.com/docs/object-position
        */
       "object-position": [{
-        object: [...P(), I]
+        object: [...P(), M]
       }],
       /**
        * Overflow
        * @see https://tailwindcss.com/docs/overflow
        */
       overflow: [{
-        overflow: M()
+        overflow: A()
       }],
       /**
        * Overflow X
        * @see https://tailwindcss.com/docs/overflow
        */
       "overflow-x": [{
-        "overflow-x": M()
+        "overflow-x": A()
       }],
       /**
        * Overflow Y
        * @see https://tailwindcss.com/docs/overflow
        */
       "overflow-y": [{
-        "overflow-y": M()
+        "overflow-y": A()
       }],
       /**
        * Overscroll Behavior
@@ -2560,7 +2567,7 @@ const B = (e) => {
        * @see https://tailwindcss.com/docs/z-index
        */
       z: [{
-        z: ["auto", le, I]
+        z: ["auto", le, M]
       }],
       // Flexbox and Grid
       /**
@@ -2568,7 +2575,7 @@ const B = (e) => {
        * @see https://tailwindcss.com/docs/flex-basis
        */
       basis: [{
-        basis: S()
+        basis: $()
       }],
       /**
        * Flex Direction
@@ -2589,7 +2596,7 @@ const B = (e) => {
        * @see https://tailwindcss.com/docs/flex
        */
       flex: [{
-        flex: ["1", "auto", "initial", "none", I]
+        flex: ["1", "auto", "initial", "none", M]
       }],
       /**
        * Flex Grow
@@ -2610,7 +2617,7 @@ const B = (e) => {
        * @see https://tailwindcss.com/docs/order
        */
       order: [{
-        order: ["first", "last", "none", le, I]
+        order: ["first", "last", "none", le, M]
       }],
       /**
        * Grid Template Columns
@@ -2625,8 +2632,8 @@ const B = (e) => {
        */
       "col-start-end": [{
         col: ["auto", {
-          span: ["full", le, I]
-        }, I]
+          span: ["full", le, M]
+        }, M]
       }],
       /**
        * Grid Column Start
@@ -2655,8 +2662,8 @@ const B = (e) => {
        */
       "row-start-end": [{
         row: ["auto", {
-          span: [le, I]
-        }, I]
+          span: [le, M]
+        }, M]
       }],
       /**
        * Grid Row Start
@@ -2684,14 +2691,14 @@ const B = (e) => {
        * @see https://tailwindcss.com/docs/grid-auto-columns
        */
       "auto-cols": [{
-        "auto-cols": ["auto", "min", "max", "fr", I]
+        "auto-cols": ["auto", "min", "max", "fr", M]
       }],
       /**
        * Grid Auto Rows
        * @see https://tailwindcss.com/docs/grid-auto-rows
        */
       "auto-rows": [{
-        "auto-rows": ["auto", "min", "max", "fr", I]
+        "auto-rows": ["auto", "min", "max", "fr", M]
       }],
       /**
        * Gap
@@ -2909,7 +2916,7 @@ const B = (e) => {
        * @see https://tailwindcss.com/docs/space
        */
       "space-x": [{
-        "space-x": [C]
+        "space-x": [I]
       }],
       /**
        * Space Between X Reverse
@@ -2921,7 +2928,7 @@ const B = (e) => {
        * @see https://tailwindcss.com/docs/space
        */
       "space-y": [{
-        "space-y": [C]
+        "space-y": [I]
       }],
       /**
        * Space Between Y Reverse
@@ -2934,21 +2941,21 @@ const B = (e) => {
        * @see https://tailwindcss.com/docs/width
        */
       w: [{
-        w: ["auto", "min", "max", "fit", "svw", "lvw", "dvw", I, t]
+        w: ["auto", "min", "max", "fit", "svw", "lvw", "dvw", M, t]
       }],
       /**
        * Min-Width
        * @see https://tailwindcss.com/docs/min-width
        */
       "min-w": [{
-        "min-w": [I, t, "min", "max", "fit"]
+        "min-w": [M, t, "min", "max", "fit"]
       }],
       /**
        * Max-Width
        * @see https://tailwindcss.com/docs/max-width
        */
       "max-w": [{
-        "max-w": [I, t, "none", "full", "min", "max", "fit", "prose", {
+        "max-w": [M, t, "none", "full", "min", "max", "fit", "prose", {
           screen: [q]
         }, q]
       }],
@@ -2957,28 +2964,28 @@ const B = (e) => {
        * @see https://tailwindcss.com/docs/height
        */
       h: [{
-        h: [I, t, "auto", "min", "max", "fit", "svh", "lvh", "dvh"]
+        h: [M, t, "auto", "min", "max", "fit", "svh", "lvh", "dvh"]
       }],
       /**
        * Min-Height
        * @see https://tailwindcss.com/docs/min-height
        */
       "min-h": [{
-        "min-h": [I, t, "min", "max", "fit", "svh", "lvh", "dvh"]
+        "min-h": [M, t, "min", "max", "fit", "svh", "lvh", "dvh"]
       }],
       /**
        * Max-Height
        * @see https://tailwindcss.com/docs/max-height
        */
       "max-h": [{
-        "max-h": [I, t, "min", "max", "fit", "svh", "lvh", "dvh"]
+        "max-h": [M, t, "min", "max", "fit", "svh", "lvh", "dvh"]
       }],
       /**
        * Size
        * @see https://tailwindcss.com/docs/size
        */
       size: [{
-        size: [I, t, "auto", "min", "max", "fit"]
+        size: [M, t, "auto", "min", "max", "fit"]
       }],
       // Typography
       /**
@@ -3047,7 +3054,7 @@ const B = (e) => {
        * @see https://tailwindcss.com/docs/letter-spacing
        */
       tracking: [{
-        tracking: ["tighter", "tight", "normal", "wide", "wider", "widest", I]
+        tracking: ["tighter", "tight", "normal", "wide", "wider", "widest", M]
       }],
       /**
        * Line Clamp
@@ -3061,21 +3068,21 @@ const B = (e) => {
        * @see https://tailwindcss.com/docs/line-height
        */
       leading: [{
-        leading: ["none", "tight", "snug", "normal", "relaxed", "loose", G, I]
+        leading: ["none", "tight", "snug", "normal", "relaxed", "loose", G, M]
       }],
       /**
        * List Style Image
        * @see https://tailwindcss.com/docs/list-style-image
        */
       "list-image": [{
-        "list-image": ["none", I]
+        "list-image": ["none", M]
       }],
       /**
        * List Style Type
        * @see https://tailwindcss.com/docs/list-style-type
        */
       "list-style-type": [{
-        list: ["none", "disc", "decimal", I]
+        list: ["none", "disc", "decimal", M]
       }],
       /**
        * List Style Position
@@ -3130,7 +3137,7 @@ const B = (e) => {
        * @see https://tailwindcss.com/docs/text-decoration-style
        */
       "text-decoration-style": [{
-        decoration: [...D(), "wavy"]
+        decoration: [...H(), "wavy"]
       }],
       /**
        * Text Decoration Thickness
@@ -3144,7 +3151,7 @@ const B = (e) => {
        * @see https://tailwindcss.com/docs/text-underline-offset
        */
       "underline-offset": [{
-        "underline-offset": ["auto", G, I]
+        "underline-offset": ["auto", G, M]
       }],
       /**
        * Text Decoration Color
@@ -3175,14 +3182,14 @@ const B = (e) => {
        * @see https://tailwindcss.com/docs/text-indent
        */
       indent: [{
-        indent: $()
+        indent: C()
       }],
       /**
        * Vertical Alignment
        * @see https://tailwindcss.com/docs/vertical-align
        */
       "vertical-align": [{
-        align: ["baseline", "top", "middle", "bottom", "text-top", "text-bottom", "sub", "super", I]
+        align: ["baseline", "top", "middle", "bottom", "text-top", "text-bottom", "sub", "super", M]
       }],
       /**
        * Whitespace
@@ -3210,7 +3217,7 @@ const B = (e) => {
        * @see https://tailwindcss.com/docs/content
        */
       content: [{
-        content: ["none", I]
+        content: ["none", M]
       }],
       // Backgrounds
       /**
@@ -3504,7 +3511,7 @@ const B = (e) => {
        * @see https://tailwindcss.com/docs/border-style
        */
       "border-style": [{
-        border: [...D(), "hidden"]
+        border: [...H(), "hidden"]
       }],
       /**
        * Divide Width X
@@ -3542,7 +3549,7 @@ const B = (e) => {
        * @see https://tailwindcss.com/docs/divide-style
        */
       "divide-style": [{
-        divide: D()
+        divide: H()
       }],
       /**
        * Border Color
@@ -3619,14 +3626,14 @@ const B = (e) => {
        * @see https://tailwindcss.com/docs/outline-style
        */
       "outline-style": [{
-        outline: ["", ...D()]
+        outline: ["", ...H()]
       }],
       /**
        * Outline Offset
        * @see https://tailwindcss.com/docs/outline-offset
        */
       "outline-offset": [{
-        "outline-offset": [G, I]
+        "outline-offset": [G, M]
       }],
       /**
        * Outline Width
@@ -3647,7 +3654,7 @@ const B = (e) => {
        * @see https://tailwindcss.com/docs/ring-width
        */
       "ring-w": [{
-        ring: W()
+        ring: D()
       }],
       /**
        * Ring Width Inset
@@ -3753,7 +3760,7 @@ const B = (e) => {
        * @see https://tailwindcss.com/docs/drop-shadow
        */
       "drop-shadow": [{
-        "drop-shadow": ["", "none", q, I]
+        "drop-shadow": ["", "none", q, M]
       }],
       /**
        * Grayscale
@@ -3788,7 +3795,7 @@ const B = (e) => {
        * @see https://tailwindcss.com/docs/sepia
        */
       sepia: [{
-        sepia: [A]
+        sepia: [S]
       }],
       /**
        * Backdrop Filter
@@ -3859,7 +3866,7 @@ const B = (e) => {
        * @see https://tailwindcss.com/docs/backdrop-sepia
        */
       "backdrop-sepia": [{
-        "backdrop-sepia": [A]
+        "backdrop-sepia": [S]
       }],
       // Tables
       /**
@@ -3910,7 +3917,7 @@ const B = (e) => {
        * @see https://tailwindcss.com/docs/transition-property
        */
       transition: [{
-        transition: ["none", "all", "", "colors", "opacity", "shadow", "transform", I]
+        transition: ["none", "all", "", "colors", "opacity", "shadow", "transform", M]
       }],
       /**
        * Transition Duration
@@ -3924,7 +3931,7 @@ const B = (e) => {
        * @see https://tailwindcss.com/docs/transition-timing-function
        */
       ease: [{
-        ease: ["linear", "in", "out", "in-out", I]
+        ease: ["linear", "in", "out", "in-out", M]
       }],
       /**
        * Transition Delay
@@ -3938,7 +3945,7 @@ const B = (e) => {
        * @see https://tailwindcss.com/docs/animation
        */
       animate: [{
-        animate: ["none", "spin", "ping", "pulse", "bounce", I]
+        animate: ["none", "spin", "ping", "pulse", "bounce", M]
       }],
       // Transforms
       /**
@@ -3974,7 +3981,7 @@ const B = (e) => {
        * @see https://tailwindcss.com/docs/rotate
        */
       rotate: [{
-        rotate: [le, I]
+        rotate: [le, M]
       }],
       /**
        * Translate X
@@ -4009,7 +4016,7 @@ const B = (e) => {
        * @see https://tailwindcss.com/docs/transform-origin
        */
       "transform-origin": [{
-        origin: ["center", "top", "top-right", "right", "bottom-right", "bottom", "bottom-left", "left", "top-left", I]
+        origin: ["center", "top", "top-right", "right", "bottom-right", "bottom", "bottom-left", "left", "top-left", M]
       }],
       // Interactivity
       /**
@@ -4031,7 +4038,7 @@ const B = (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", I]
+        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", M]
       }],
       /**
        * Caret Color
@@ -4066,126 +4073,126 @@ const B = (e) => {
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-m": [{
-        "scroll-m": $()
+        "scroll-m": C()
       }],
       /**
        * Scroll Margin X
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mx": [{
-        "scroll-mx": $()
+        "scroll-mx": C()
       }],
       /**
        * Scroll Margin Y
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-my": [{
-        "scroll-my": $()
+        "scroll-my": C()
       }],
       /**
        * Scroll Margin Start
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-ms": [{
-        "scroll-ms": $()
+        "scroll-ms": C()
       }],
       /**
        * Scroll Margin End
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-me": [{
-        "scroll-me": $()
+        "scroll-me": C()
       }],
       /**
        * Scroll Margin Top
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mt": [{
-        "scroll-mt": $()
+        "scroll-mt": C()
       }],
       /**
        * Scroll Margin Right
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mr": [{
-        "scroll-mr": $()
+        "scroll-mr": C()
       }],
       /**
        * Scroll Margin Bottom
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mb": [{
-        "scroll-mb": $()
+        "scroll-mb": C()
       }],
       /**
        * Scroll Margin Left
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-ml": [{
-        "scroll-ml": $()
+        "scroll-ml": C()
       }],
       /**
        * Scroll Padding
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-p": [{
-        "scroll-p": $()
+        "scroll-p": C()
       }],
       /**
        * Scroll Padding X
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-px": [{
-        "scroll-px": $()
+        "scroll-px": C()
       }],
       /**
        * Scroll Padding Y
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-py": [{
-        "scroll-py": $()
+        "scroll-py": C()
       }],
       /**
        * Scroll Padding Start
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-ps": [{
-        "scroll-ps": $()
+        "scroll-ps": C()
       }],
       /**
        * Scroll Padding End
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pe": [{
-        "scroll-pe": $()
+        "scroll-pe": C()
       }],
       /**
        * Scroll Padding Top
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pt": [{
-        "scroll-pt": $()
+        "scroll-pt": C()
       }],
       /**
        * Scroll Padding Right
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pr": [{
-        "scroll-pr": $()
+        "scroll-pr": C()
       }],
       /**
        * Scroll Padding Bottom
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pb": [{
-        "scroll-pb": $()
+        "scroll-pb": C()
       }],
       /**
        * Scroll Padding Left
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pl": [{
-        "scroll-pl": $()
+        "scroll-pl": C()
       }],
       /**
        * Scroll Snap Align
@@ -4253,7 +4260,7 @@ const B = (e) => {
        * @see https://tailwindcss.com/docs/will-change
        */
       "will-change": [{
-        "will-change": ["auto", "scroll", "contents", "transform", I]
+        "will-change": ["auto", "scroll", "contents", "transform", M]
       }],
       // SVG
       /**
@@ -4487,18 +4494,18 @@ function nr() {
 }
 const Ae = se(null);
 function rr({ rootView: e, children: t }) {
-  const { t: n } = J(), r = zt(), [o, i] = T([e]), [l, a] = T([null]), d = O((m, A) => {
+  const { t: n } = J(), r = zt(), [o, i] = T([e]), [l, a] = T([null]), d = O((m, S) => {
     a((E) => {
-      const C = [...E];
-      return C[m] = A, C;
+      const I = [...E];
+      return I[m] = S, I;
     });
   }, []), f = O((m) => {
-    a((A) => {
-      const E = [...A];
+    a((S) => {
+      const E = [...S];
       return E[m] = null, E;
     });
   }, []), u = O((m) => {
-    i((A) => [...A, m]), a((A) => [...A, null]);
+    i((S) => [...S, m]), a((S) => [...S, null]);
   }, []), w = O(() => {
     i((m) => m.length <= 1 ? m : m.slice(0, -1)), a((m) => m.slice(0, -1));
   }, []), c = O(() => {
@@ -4560,9 +4567,9 @@ function or() {
 }
 export {
   Be as ActivityIndicator,
-  Sn as Alert,
+  Cn as Alert,
   Fe as AppContainer,
-  We as AppContext,
+  Oe as AppContext,
   er as AppDialog,
   Qn as AppPanel,
   Zn as AppTaskbar,
@@ -4580,10 +4587,10 @@ export {
   Tn as EditButton,
   Pn as Hyperlink,
   Dn as Input,
-  On as ListGroup,
+  Wn as ListGroup,
   Hn as ListGroupItem,
   Fn as MonthRangePicker,
-  Wn as MultiSelect,
+  On as MultiSelect,
   or as NavStackContainer,
   rr as NavStackProvider,
   $t as Notification,