@kingsimba/nc-ui 0.1.13 → 0.1.14

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 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 W, 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,7 +105,7 @@ 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, A = a + f + w, E = 20, M = 0.65, z = Math.max(d, E * M), x = a + f + 1, C = (d - E * M) / 2;
   return /* @__PURE__ */ y(
     "svg",
     {
@@ -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}, ${C}) scale(${M})`, fill: i, children: /* @__PURE__ */ s("path", { d: "M10 0 L2 11 H8 L5 20 L14 8 H8 L10 0 Z" }) }) : null
         ] })
       ]
     }
@@ -355,12 +355,12 @@ function Rn({
     }
     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) => {
+  const M = r.find((R) => R.value === e), z = M && l, x = !o && !z, C = !(c && a) && !!M, I = (R, P = !1) => {
     var D;
     t == null || t(R), p(!1), g(""), P && ((D = h.current) == null || D.blur());
-  }, $ = () => {
+  }, S = () => {
     t == null || t(void 0), g(""), p(!1);
-  }, W = (R) => {
+  }, O = (R) => {
     if (!c) {
       (R.key === "ArrowDown" || R.key === "ArrowUp") && (p(!0), R.preventDefault());
       return;
@@ -379,7 +379,7 @@ function Rn({
         });
         break;
       case "Enter":
-        R.preventDefault(), v >= 0 && v < E.length && S(E[v].value, !0);
+        R.preventDefault(), v >= 0 && v < E.length && I(E[v].value, !0);
         break;
       case "Escape":
         R.preventDefault(), p(!1), g("");
@@ -394,7 +394,7 @@ 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(() => {
+          o || a && R.target === h.current || (p((P) => (!P && a && M && g(M.label), !P)), a && !c && setTimeout(() => {
             var P, D;
             (P = h.current) == null || P.focus(), (D = h.current) == null || D.select();
           }, 0));
@@ -408,14 +408,14 @@ function Rn({
               placeholder: n,
               onFocus: () => {
                 var R;
-                !o && a && (p(!0), C && (g(C.label), setTimeout(() => {
+                !o && a && (p(!0), M && (g(M.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: O,
+              value: c && a ? b : (M == null ? void 0 : M.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: C ? "transparent" : "var(--nc-text)"
               }
             }
           ),
-          M && /* @__PURE__ */ y(
+          C && /* @__PURE__ */ y(
             "div",
             {
               "aria-hidden": !0,
@@ -446,8 +446,8 @@ 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: M == null ? void 0 : M.label }),
+                (M == null ? void 0 : M.default) && /* @__PURE__ */ y("span", { className: `nc-combo-overlay-default ${m ? "nc-small" : ""}`, children: [
                   "(",
                   A("common.default"),
                   ")"
@@ -455,12 +455,12 @@ function Rn({
               ]
             }
           ),
-          z && /* @__PURE__ */ s(bt, { onClick: $, small: m }),
+          z && /* @__PURE__ */ s(bt, { onClick: S, 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: I, 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 })
     }
   );
 }
@@ -659,17 +659,17 @@ function Bn({
     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((C) => {
+      for (const I of C) {
+        const S = I.contentRect.height;
+        N(S);
       }
     });
     return x.observe(k.current), () => {
       x.disconnect();
     };
   }, [N]), !e) return null;
-  const C = () => {
+  const M = () => {
     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") }) });
@@ -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()
+        M()
       ]
     }
   ) }) });
@@ -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 = H(null), k = H(null), [m, A] = T(!1), [E, M] = T(!1), z = e !== void 0, [x, C] = T(t), I = z ? e : x, S = v ? v(I) : null, O = !!S, R = f === "password", P = R && p && !l && !b, D = d && I && !l && E, ee = w === "small" ? 32 : 44;
   let K = 12;
   D && P ? K = ee * 2 : (D || 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 || C(""), 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 || C(ae), n == null || n(ae);
   }, Se = () => {
-    C(!1);
-  }, Ie = `nc-input ${w === "small" ? "nc-small " : ""} ${W ? "nc-error " : ""}${u}`;
+    M(!0);
+  }, Ce = () => {
+    M(!1);
+  }, Ie = `nc-input ${w === "small" ? "nc-small " : ""} ${O ? "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: I,
           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: I,
           onChange: F,
           onKeyDown: ce,
-          onFocus: Ce,
-          onBlur: Se,
+          onFocus: Se,
+          onBlur: Ce,
           disabled: l,
           style: {
             width: "100%",
@@ -862,7 +862,7 @@ 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 })
     ] }),
-    W && N && /* @__PURE__ */ s("span", { className: "nc-error-message", children: $ })
+    O && N && /* @__PURE__ */ s("span", { className: "nc-error-message", children: S })
   ] });
 }
 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,7 +915,7 @@ function On({ title: e, titleTools: t, children: n, style: r }) {
     )
   ] });
 }
-function Wn({ values: e, onChange: t, options: n, placeholder: r = "Select…", label: o }) {
+function On({ 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]);
   L(() => {
     function c(p) {
@@ -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 = H(null), g = H(null);
   L(() => {
     if (l && b.current) {
-      const M = b.current.getBoundingClientRect();
-      p({
-        top: M.bottom + 4,
-        left: M.left,
-        width: M.width
+      const C = b.current.getBoundingClientRect(), S = Math.max(C.width, 400);
+      window.innerWidth - C.left < S && C.right >= S ? p({
+        top: C.bottom + 4,
+        left: 0,
+        // Not used but type needs it, let's just use 0
+        right: window.innerWidth - C.right,
+        width: S
+      }) : p({
+        top: C.bottom + 4,
+        left: C.left,
+        right: void 0,
+        width: S
       });
     }
   }, [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 C = (I) => {
+      b.current && !b.current.contains(I.target) && g.current && !g.current.contains(I.target) && a(!1);
     };
-    return document.addEventListener("mousedown", M), () => document.removeEventListener("mousedown", M);
+    return document.addEventListener("mousedown", C), () => document.removeEventListener("mousedown", C);
   }, [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 C = fe(d), I = fe(u);
+    if (C || I)
       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 S = ue(d), O = ue(u);
+    S && O && (n == null || n(S, O)), a(!1);
+  }, k = e && t ? `${Me(e)} - ${Me(t)}` : "Select month range", m = fe(d), A = fe(u), E = ue(d), M = ue(u), z = E && M && E > M, 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: (C) => f(C.target.value),
                   placeholder: "YY-M(M) or YYYY-M(M)"
                 }
               ),
@@ -1072,7 +1079,7 @@ function Fn({
                   type: "text",
                   className: `nc-month-input ${A ? "nc-error" : ""}`,
                   value: u,
-                  onChange: (M) => w(M.target.value),
+                  onChange: (C) => w(C.target.value),
                   placeholder: "YY-M(M) or YYYY-M(M)"
                 }
               ),
@@ -1243,37 +1250,37 @@ function jn({ tabs: e, active: t, onChange: n, onClose: r, permanentTabs: o, cla
     const x = () => {
       if (u.current)
         if (g) {
-          const { scrollTop: S, scrollHeight: $, clientHeight: W } = u.current;
-          c(S > 1), b(S < $ - W - 1);
+          const { scrollTop: I, scrollHeight: S, clientHeight: O } = u.current;
+          c(I > 1), b(I < S - O - 1);
         } else {
-          const { scrollLeft: S, scrollWidth: $, clientWidth: W } = u.current;
-          c(S > 1), b(S < $ - W - 1);
+          const { scrollLeft: I, scrollWidth: S, clientWidth: O } = u.current;
+          c(I > 1), b(I < S - O - 1);
         }
-    }, M = u.current;
-    if (M)
-      return x(), M.addEventListener("scroll", x), window.addEventListener("resize", x), () => {
-        M.removeEventListener("scroll", x), window.removeEventListener("resize", x);
+    }, C = u.current;
+    if (C)
+      return x(), C.addEventListener("scroll", x), window.addEventListener("resize", x), () => {
+        C.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) => {
     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 C = g ? x.clientY : x.clientX, I = N.current - C;
+    Math.abs(I) > 3 && (k.current = !0), g ? u.current.scrollTop = h.current + I : u.current.scrollLeft = h.current + I;
   }, E = () => {
     u.current && (v.current = !1, u.current.style.cursor = "", u.current.style.userSelect = "");
-  }, C = () => {
+  }, M = () => {
     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 C = (I) => {
+      I.deltaY !== 0 && (I.preventDefault(), x.scrollLeft += I.deltaY * 0.3);
     };
-    return x.addEventListener("wheel", M, { passive: !1 }), () => {
-      x.removeEventListener("wheel", M);
+    return x.addEventListener("wheel", C, { passive: !1 }), () => {
+      x.removeEventListener("wheel", C);
     };
   }, [g]);
   const z = (x) => {
@@ -1290,34 +1297,34 @@ function jn({ tabs: e, active: t, onChange: n, onClose: r, permanentTabs: o, cla
           onMouseDown: m,
           onMouseMove: A,
           onMouseUp: E,
-          onMouseLeave: C,
+          onMouseLeave: M,
           style: { cursor: "grab" },
           children: e.map((x) => {
-            const M = r && !(o != null && o.includes(x));
+            const C = r && !(o != null && o.includes(x));
             return /* @__PURE__ */ y(
               "div",
               {
-                className: `nc-tab-item ${t === x ? "nc-active" : ""} ${M ? "nc-closable" : ""}`,
+                className: `nc-tab-item ${t === x ? "nc-active" : ""} ${C ? "nc-closable" : ""}`,
                 onClick: () => z(x),
                 role: "button",
                 tabIndex: 0,
-                onKeyDown: (S) => {
-                  (S.key === "Enter" || S.key === " ") && n(x);
+                onKeyDown: (I) => {
+                  (I.key === "Enter" || I.key === " ") && n(x);
                 },
                 children: [
                   /* @__PURE__ */ s("span", { className: "nc-tab-label", children: g ? x : x.toUpperCase() }),
-                  M && /* @__PURE__ */ s(
+                  C && /* @__PURE__ */ s(
                     "span",
                     {
                       className: "nc-tab-close",
                       role: "button",
                       tabIndex: 0,
                       "aria-label": `Close ${x}`,
-                      onClick: (S) => {
-                        S.stopPropagation(), r(x);
+                      onClick: (I) => {
+                        I.stopPropagation(), r(x);
                       },
-                      onKeyDown: (S) => {
-                        (S.key === "Enter" || S.key === " ") && (S.stopPropagation(), r(x));
+                      onKeyDown: (I) => {
+                        (I.key === "Enter" || I.key === " ") && (I.stopPropagation(), r(x));
                       },
                       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" }),
@@ -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;
@@ -1433,7 +1440,7 @@ const _n = tt(
       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();
@@ -1441,17 +1448,17 @@ const _n = tt(
       goToPosition(h, k, m) {
         const A = u.current;
         if (!A) return;
-        const E = Ct(t, h, k, m);
+        const E = St(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 M = parseFloat(getComputedStyle(A).lineHeight) || 18;
+        A.scrollTop = (Math.max(1, h) - 1) * M, b(), p();
       }
     }), [t]);
-    const p = O(() => {
+    const p = W(() => {
       if (!a || !u.current) return;
       const h = At(t, u.current.selectionStart);
       a(h);
-    }, [a, t]), b = O(() => {
+    }, [a, t]), b = W(() => {
       const h = u.current;
       h && (w.current && (w.current.scrollTop = h.scrollTop, w.current.scrollLeft = h.scrollLeft), c.current && (c.current.scrollTop = h.scrollTop));
     }, []);
@@ -1474,9 +1481,9 @@ const _n = tt(
 `).map((m, A) => {
       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: [
+        E.map((M, 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: M })
         ] }, z)),
         m === "" && `
 `
@@ -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",
@@ -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;
@@ -1966,19 +1973,19 @@ function Fe({ appId: e, isActive: t, onClose: n }) {
   xe.useEffect(() => {
     o != null && o.titleKey && l(r(o.titleKey));
   }, [o, r]);
-  const g = O((x) => {
+  const g = W((x) => {
     l(x);
-  }, []), v = O((x) => {
+  }, []), v = W((x) => {
     d(() => x);
-  }, []), N = O(() => {
+  }, []), N = W(() => {
     d(null);
-  }, []), h = O((x) => {
+  }, []), h = W((x) => {
     u(x);
-  }, []), k = O(() => {
+  }, []), k = W(() => {
     u(null);
-  }, []), m = O((x) => {
+  }, []), m = W((x) => {
     c(x);
-  }, []), A = O((x) => {
+  }, []), A = W((x) => {
     b(x);
   }, []), E = ge(() => ({
     setTitle: g,
@@ -1992,7 +1999,7 @@ function Fe({ appId: e, isActive: t, onClose: n }) {
   }), [g, v, N, h, k, m, A, n]);
   if (!o)
     return null;
-  const C = o.component, z = !o.hideTitleBar && !p;
+  const M = 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(M, {})
               }
             ) }) })
           }
@@ -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) => {
@@ -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)), $ = (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"), A = B("sepia"), E = B("skew"), M = B("space"), z = B("translate"), x = () => ["auto", "contain", "none"], C = () => ["auto", "hidden", "clip", "visible", "scroll"], I = () => ["auto", $, t], S = () => [$, t], O = () => ["", G, U], R = () => ["auto", re, $], 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", $], ce = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], F = () => [re, $];
   return {
     cacheSize: 500,
     separator: ":",
     theme: {
       colors: [de],
       spacing: [G, U],
-      blur: ["none", "", q, I],
+      blur: ["none", "", q, $],
       brightness: F(),
       borderColor: [e],
-      borderRadius: ["none", "", "full", q, I],
-      borderSpacing: $(),
-      borderWidth: W(),
+      borderRadius: ["none", "", "full", q, $],
+      borderSpacing: S(),
+      borderWidth: O(),
       contrast: F(),
       grayscale: Q(),
       hueRotate: F(),
       invert: Q(),
-      gap: $(),
+      gap: S(),
       gradientColorStops: [e],
       gradientColorStopPositions: [rn, U],
-      inset: S(),
-      margin: S(),
+      inset: I(),
+      margin: I(),
       opacity: F(),
-      padding: $(),
+      padding: S(),
       saturate: F(),
       scale: F(),
       sepia: Q(),
       skew: F(),
-      space: $(),
-      translate: $()
+      space: S(),
+      translate: S()
     },
     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", $]
       }],
       /**
        * Container
@@ -2438,28 +2445,28 @@ const B = (e) => {
        * @see https://tailwindcss.com/docs/object-position
        */
       "object-position": [{
-        object: [...P(), I]
+        object: [...P(), $]
       }],
       /**
        * Overflow
        * @see https://tailwindcss.com/docs/overflow
        */
       overflow: [{
-        overflow: M()
+        overflow: C()
       }],
       /**
        * Overflow X
        * @see https://tailwindcss.com/docs/overflow
        */
       "overflow-x": [{
-        "overflow-x": M()
+        "overflow-x": C()
       }],
       /**
        * Overflow Y
        * @see https://tailwindcss.com/docs/overflow
        */
       "overflow-y": [{
-        "overflow-y": M()
+        "overflow-y": C()
       }],
       /**
        * Overscroll Behavior
@@ -2560,7 +2567,7 @@ const B = (e) => {
        * @see https://tailwindcss.com/docs/z-index
        */
       z: [{
-        z: ["auto", le, I]
+        z: ["auto", le, $]
       }],
       // Flexbox and Grid
       /**
@@ -2568,7 +2575,7 @@ const B = (e) => {
        * @see https://tailwindcss.com/docs/flex-basis
        */
       basis: [{
-        basis: S()
+        basis: I()
       }],
       /**
        * 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", $]
       }],
       /**
        * 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, $]
       }],
       /**
        * Grid Template Columns
@@ -2625,8 +2632,8 @@ const B = (e) => {
        */
       "col-start-end": [{
         col: ["auto", {
-          span: ["full", le, I]
-        }, I]
+          span: ["full", le, $]
+        }, $]
       }],
       /**
        * Grid Column Start
@@ -2655,8 +2662,8 @@ const B = (e) => {
        */
       "row-start-end": [{
         row: ["auto", {
-          span: [le, I]
-        }, I]
+          span: [le, $]
+        }, $]
       }],
       /**
        * 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", $]
       }],
       /**
        * 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", $]
       }],
       /**
        * Gap
@@ -2909,7 +2916,7 @@ const B = (e) => {
        * @see https://tailwindcss.com/docs/space
        */
       "space-x": [{
-        "space-x": [C]
+        "space-x": [M]
       }],
       /**
        * Space Between X Reverse
@@ -2921,7 +2928,7 @@ const B = (e) => {
        * @see https://tailwindcss.com/docs/space
        */
       "space-y": [{
-        "space-y": [C]
+        "space-y": [M]
       }],
       /**
        * 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", $, t]
       }],
       /**
        * Min-Width
        * @see https://tailwindcss.com/docs/min-width
        */
       "min-w": [{
-        "min-w": [I, t, "min", "max", "fit"]
+        "min-w": [$, 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": [$, 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: [$, 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": [$, 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": [$, t, "min", "max", "fit", "svh", "lvh", "dvh"]
       }],
       /**
        * Size
        * @see https://tailwindcss.com/docs/size
        */
       size: [{
-        size: [I, t, "auto", "min", "max", "fit"]
+        size: [$, 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", $]
       }],
       /**
        * 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, $]
       }],
       /**
        * List Style Image
        * @see https://tailwindcss.com/docs/list-style-image
        */
       "list-image": [{
-        "list-image": ["none", I]
+        "list-image": ["none", $]
       }],
       /**
        * List Style Type
        * @see https://tailwindcss.com/docs/list-style-type
        */
       "list-style-type": [{
-        list: ["none", "disc", "decimal", I]
+        list: ["none", "disc", "decimal", $]
       }],
       /**
        * List Style Position
@@ -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, $]
       }],
       /**
        * Text Decoration Color
@@ -3175,14 +3182,14 @@ const B = (e) => {
        * @see https://tailwindcss.com/docs/text-indent
        */
       indent: [{
-        indent: $()
+        indent: S()
       }],
       /**
        * 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", $]
       }],
       /**
        * Whitespace
@@ -3210,7 +3217,7 @@ const B = (e) => {
        * @see https://tailwindcss.com/docs/content
        */
       content: [{
-        content: ["none", I]
+        content: ["none", $]
       }],
       // Backgrounds
       /**
@@ -3626,7 +3633,7 @@ const B = (e) => {
        * @see https://tailwindcss.com/docs/outline-offset
        */
       "outline-offset": [{
-        "outline-offset": [G, I]
+        "outline-offset": [G, $]
       }],
       /**
        * Outline Width
@@ -3647,7 +3654,7 @@ const B = (e) => {
        * @see https://tailwindcss.com/docs/ring-width
        */
       "ring-w": [{
-        ring: W()
+        ring: O()
       }],
       /**
        * 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, $]
       }],
       /**
        * Grayscale
@@ -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", $]
       }],
       /**
        * 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", $]
       }],
       /**
        * 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", $]
       }],
       // Transforms
       /**
@@ -3974,7 +3981,7 @@ const B = (e) => {
        * @see https://tailwindcss.com/docs/rotate
        */
       rotate: [{
-        rotate: [le, I]
+        rotate: [le, $]
       }],
       /**
        * 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", $]
       }],
       // 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", $]
       }],
       /**
        * Caret Color
@@ -4066,126 +4073,126 @@ const B = (e) => {
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-m": [{
-        "scroll-m": $()
+        "scroll-m": S()
       }],
       /**
        * Scroll Margin X
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mx": [{
-        "scroll-mx": $()
+        "scroll-mx": S()
       }],
       /**
        * Scroll Margin Y
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-my": [{
-        "scroll-my": $()
+        "scroll-my": S()
       }],
       /**
        * Scroll Margin Start
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-ms": [{
-        "scroll-ms": $()
+        "scroll-ms": S()
       }],
       /**
        * Scroll Margin End
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-me": [{
-        "scroll-me": $()
+        "scroll-me": S()
       }],
       /**
        * Scroll Margin Top
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mt": [{
-        "scroll-mt": $()
+        "scroll-mt": S()
       }],
       /**
        * Scroll Margin Right
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mr": [{
-        "scroll-mr": $()
+        "scroll-mr": S()
       }],
       /**
        * Scroll Margin Bottom
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mb": [{
-        "scroll-mb": $()
+        "scroll-mb": S()
       }],
       /**
        * Scroll Margin Left
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-ml": [{
-        "scroll-ml": $()
+        "scroll-ml": S()
       }],
       /**
        * Scroll Padding
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-p": [{
-        "scroll-p": $()
+        "scroll-p": S()
       }],
       /**
        * Scroll Padding X
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-px": [{
-        "scroll-px": $()
+        "scroll-px": S()
       }],
       /**
        * Scroll Padding Y
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-py": [{
-        "scroll-py": $()
+        "scroll-py": S()
       }],
       /**
        * Scroll Padding Start
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-ps": [{
-        "scroll-ps": $()
+        "scroll-ps": S()
       }],
       /**
        * Scroll Padding End
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pe": [{
-        "scroll-pe": $()
+        "scroll-pe": S()
       }],
       /**
        * Scroll Padding Top
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pt": [{
-        "scroll-pt": $()
+        "scroll-pt": S()
       }],
       /**
        * Scroll Padding Right
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pr": [{
-        "scroll-pr": $()
+        "scroll-pr": S()
       }],
       /**
        * Scroll Padding Bottom
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pb": [{
-        "scroll-pb": $()
+        "scroll-pb": S()
       }],
       /**
        * Scroll Padding Left
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pl": [{
-        "scroll-pl": $()
+        "scroll-pl": S()
       }],
       /**
        * 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", $]
       }],
       // SVG
       /**
@@ -4487,21 +4494,21 @@ 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 = W((m, A) => {
     a((E) => {
-      const C = [...E];
-      return C[m] = A, C;
+      const M = [...E];
+      return M[m] = A, M;
     });
-  }, []), f = O((m) => {
+  }, []), f = W((m) => {
     a((A) => {
       const E = [...A];
       return E[m] = null, E;
     });
-  }, []), u = O((m) => {
+  }, []), u = W((m) => {
     i((A) => [...A, m]), a((A) => [...A, null]);
-  }, []), w = O(() => {
+  }, []), w = W(() => {
     i((m) => m.length <= 1 ? m : m.slice(0, -1)), a((m) => m.slice(0, -1));
-  }, []), c = O(() => {
+  }, []), c = W(() => {
     i([e]), a([null]);
   }, [e]), p = o.length, b = p > 1, g = o.length - 1, v = o[o.length - 1], N = v != null && v.titleKey ? n(v.titleKey) : (v == null ? void 0 : v.title) ?? "";
   L(() => {
@@ -4532,9 +4539,9 @@ function bn({ index: e, children: t }) {
   const n = X(Ae);
   if (!n)
     throw new Error("NavViewProvider must be used within NavStackProvider");
-  const { updateToolbar: r, clearToolbarAt: o, topIndex: i } = n, l = O((f) => {
+  const { updateToolbar: r, clearToolbarAt: o, topIndex: i } = n, l = W((f) => {
     e === i && r(e, f);
-  }, [e, i, r]), a = O(() => {
+  }, [e, i, r]), a = W(() => {
     e === i && o(e);
   }, [e, i, o]), d = {
     setToolbar: l,
@@ -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,