@kingsimba/nc-ui 0.1.47 → 0.1.48

package/dist/index.js

@@ -1,9 +1,9 @@
 var ht = Object.defineProperty;
 var mt = (e, t, n) => t in e ? ht(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var se = (e, t, n) => mt(e, typeof t != "symbol" ? t + "" : t, n);
-import { jsx as s, jsxs as A, Fragment as Pe } from "react/jsx-runtime";
+import { jsx as s, jsxs as A, Fragment as Ee } from "react/jsx-runtime";
 import { d as Le, E as gt, R as bt, V as vt, k as wt, Y as yt, b as xt, a as kt, c as Nt } from "./GeneratedIcons-eOaZDTB3.js";
-import ze, { useState as E, useRef as j, useEffect as V, useMemo as $e, createContext as ge, useContext as ae, Children as At, isValidElement as St, forwardRef as Ct, useImperativeHandle as Mt, useCallback as X, Suspense as $t } from "react";
+import ze, { useState as P, useRef as j, useEffect as V, useMemo as $e, createContext as be, useContext as ae, Children as At, isValidElement as St, forwardRef as Ct, useImperativeHandle as Mt, useCallback as X, Suspense as $t } from "react";
 import { createPortal as Ae } from "react-dom";
 import { useTranslation as oe } from "react-i18next";
 import It from "i18next";
@@ -98,7 +98,7 @@ function Un({
   className: c = "",
   style: l
 }) {
-  const u = i ?? /* @__PURE__ */ A(Pe, { children: [
+  const u = i ?? /* @__PURE__ */ A(Ee, { children: [
     e !== void 0 && /* @__PURE__ */ s("span", { className: "nc-alert-code", children: e }),
     t
   ] });
@@ -136,7 +136,7 @@ function qn({
   const o = Math.max(0, Math.min(1, Number(e) || 0)), i = o === 0 ? "-" : String(Math.round(o * 100));
   let a;
   r ? o < 0.1 ? a = "var(--nc-danger)" : o < 0.2 ? a = "var(--nc-warning)" : a = "var(--nc-success)" : a = n ? "rgba(255,255,255,0.35)" : "#000000";
-  const c = "var(--nc-battery-shell-bg)", l = 24, u = 14, p = 2, w = 0, d = 12, g = 0, k = 0, b = 0, v = l, y = u, h = y - g * 2, f = v - g * 2, m = Math.max(1, Math.min(4, y / 4)), N = o === 0 ? 0 : 0.05 + o * 0.95, C = l + p + d, P = 20, B = 0.65, S = Math.max(u, P * B), L = l + p + 1, x = (u - P * B) / 2;
+  const c = "var(--nc-battery-shell-bg)", l = 24, u = 14, p = 2, w = 0, d = 12, g = 0, k = 0, b = 0, v = l, y = u, h = y - g * 2, f = v - g * 2, m = Math.max(1, Math.min(4, y / 4)), N = o === 0 ? 0 : 0.05 + o * 0.95, C = l + p + d, E = 20, B = 0.65, S = Math.max(u, E * B), L = l + p + 1, x = (u - E * B) / 2;
   return /* @__PURE__ */ A(
     "svg",
     {
@@ -224,7 +224,7 @@ function Xn({
     );
   }) });
 }
-function Et({ size: e }) {
+function Pt({ size: e }) {
   return /* @__PURE__ */ s("svg", { className: `nc-checkbox-icon ${e === "small" ? "nc-small" : e === "tiny" ? "nc-tiny" : ""}`, viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ s(
     "path",
     {
@@ -257,7 +257,7 @@ function Jn({ checked: e, onChange: t, disabled: n, label: r, size: o = "default
             onKeyDown: (p) => {
               n || (p.key === "Enter" || p.key === " ") && (p.preventDefault(), t(!e));
             },
-            children: e && /* @__PURE__ */ s(Et, { size: o })
+            children: e && /* @__PURE__ */ s(Pt, { size: o })
           }
         ),
         r && /* @__PURE__ */ s("span", { className: "nc-checkbox-text", style: i ? { color: i } : void 0, children: r })
@@ -265,7 +265,7 @@ function Jn({ checked: e, onChange: t, disabled: n, label: r, size: o = "default
     }
   );
 }
-function Pt({ option: e, onChange: t, selected: n, highlighted: r, small: o, renderOption: i, index: a }) {
+function Et({ option: e, onChange: t, selected: n, highlighted: r, small: o, renderOption: i, index: a }) {
   const c = j(null), { t: l } = oe(), u = e.disabled === !0;
   return V(() => {
     r && c.current && c.current.scrollIntoView({ block: "nearest" });
@@ -285,7 +285,7 @@ function Pt({ option: e, onChange: t, selected: n, highlighted: r, small: o, ren
         opacity: u ? 0.4 : void 0,
         background: r && !u ? "rgba(59,130,246,0.18)" : n && !u ? "rgba(59,130,246,0.12)" : void 0
       },
-      children: i ? i(e, a, !!r) : /* @__PURE__ */ A(Pe, { children: [
+      children: i ? i(e, a, !!r) : /* @__PURE__ */ A(Ee, { children: [
         e.label,
         e.default && /* @__PURE__ */ A("span", { style: { fontSize: "0.85em", color: "var(--nc-text-weak)", marginLeft: 6 }, children: [
           "(",
@@ -307,7 +307,7 @@ function Lt({
   highlightedIndex: c = -1,
   renderOption: l
 }) {
-  const [u, p] = E({ top: 0, left: 0, width: 0 }), [w, d] = E(o), { t: g } = oe();
+  const [u, p] = P({ top: 0, left: 0, width: 0 }), [w, d] = P(o), { t: g } = oe();
   if (V(() => {
     if (e && i.current) {
       const b = i.current.getBoundingClientRect();
@@ -338,7 +338,7 @@ function Lt({
         maxHeight: 300,
         overflowY: "auto"
       },
-      children: t.length === 0 ? /* @__PURE__ */ s("div", { className: `nc-combo-dropdown-option nc-no-results ${a ? "nc-small" : ""}`, children: g("common.noResults") }) : t.map((b, v) => /* @__PURE__ */ s(Pt, { option: b, onChange: n, selected: b.value === r, highlighted: v === c, small: a, renderOption: l, index: v }, b.value))
+      children: t.length === 0 ? /* @__PURE__ */ s("div", { className: `nc-combo-dropdown-option nc-no-results ${a ? "nc-small" : ""}`, children: g("common.noResults") }) : t.map((b, v) => /* @__PURE__ */ s(Et, { option: b, onChange: n, selected: b.value === r, highlighted: v === c, small: a, renderOption: l, index: v }, b.value))
     }
   );
   return Ae(k, document.body);
@@ -392,7 +392,7 @@ function Qn({
   style: v,
   className: y
 }) {
-  const [h, f] = E(!1), [m, N] = E(""), [C, P] = E(-1), B = j(null), S = j(null), L = j(null), x = g === "small", { t: M } = oe(), z = !!o, F = w || z, [I, T] = E([]), [H, q] = E(() => {
+  const [h, f] = P(!1), [m, N] = P(""), [C, E] = P(-1), B = j(null), S = j(null), L = j(null), x = g === "small", { t: M } = oe(), z = !!o, F = w || z, [I, T] = P([]), [H, q] = P(() => {
     if (r && e) {
       const R = r.find((Y) => Y.value === e);
       return R ? R.label : "";
@@ -415,7 +415,7 @@ function Qn({
     const W = async () => {
       try {
         const U = await o(R);
-        T(U), P(-1);
+        T(U), E(-1);
       } catch {
         T([]);
       }
@@ -427,7 +427,7 @@ function Qn({
     return F ? (r || []).filter((Y) => Y.label.toLowerCase().includes(R)) : r || [];
   }, [r, m, F, z, I]);
   V(() => {
-    h && P(-1);
+    h && E(-1);
   }, [h, _]), V(() => {
     if (!p && !e && r && r.length > 0 && t) {
       const R = r.find((Y) => Y.default) || r[0];
@@ -440,7 +440,7 @@ function Qn({
     }
     return document.addEventListener("mousedown", R), () => document.removeEventListener("mousedown", R);
   }, []);
-  const D = c ?? (r ? r.find((R) => R.value === e) : e ? { label: H, value: e } : void 0), J = D && p, le = !l && !J, pe = `nc-align-${b}`, ve = !(h && F) && !!D, de = (R, Y, W = !1) => {
+  const D = c ?? (r ? r.find((R) => R.value === e) : e ? { label: H, value: e } : void 0), J = D && p, le = !l && !J, fe = `nc-align-${b}`, de = !(h && F) && !!D, ue = (R, Y, W = !1) => {
     var U;
     q(Y), t == null || t(R), f(!1), N(""), W && ((U = B.current) == null || U.blur());
   }, we = () => {
@@ -466,26 +466,26 @@ function Qn({
     };
     switch (R.key) {
       case "ArrowDown":
-        R.preventDefault(), P((W) => {
+        R.preventDefault(), E((W) => {
           const U = W + 1, G = U >= _.length ? 0 : U;
           return Y(G, 1);
         });
         break;
       case "ArrowUp":
-        R.preventDefault(), P((W) => {
+        R.preventDefault(), E((W) => {
           const U = W - 1, G = U < 0 ? _.length - 1 : U;
           return Y(G, -1);
         });
         break;
       case "Enter":
-        R.preventDefault(), C >= 0 && C < _.length && !_[C].disabled && de(_[C].value, _[C].label, !0);
+        R.preventDefault(), C >= 0 && C < _.length && !_[C].disabled && ue(_[C].value, _[C].label, !0);
         break;
       case "Escape":
         R.preventDefault(), f(!1), N("");
         break;
     }
   };
-  return /* @__PURE__ */ A("div", { className: `nc-combo-container ${k === "transparent" ? "nc-transparent" : ""} ${k === "plain" ? "nc-plain" : ""} ${h ? "nc-open" : ""} ${pe} ${y || ""}`.trim(), style: { position: "relative", ...v }, children: [
+  return /* @__PURE__ */ A("div", { className: `nc-combo-container ${k === "transparent" ? "nc-transparent" : ""} ${k === "plain" ? "nc-plain" : ""} ${h ? "nc-open" : ""} ${fe} ${y || ""}`.trim(), style: { position: "relative", ...v }, children: [
     u && /* @__PURE__ */ s("span", { className: `nc-label ${x ? "nc-small" : ""}`, children: u }),
     /* @__PURE__ */ A(
       "div",
@@ -509,7 +509,7 @@ function Qn({
             "input",
             {
               ref: B,
-              className: `nc-input ${x ? "nc-small" : ""}`,
+              className: `nc-input ${x ? "nc-small" : ""} ${de ? "nc-value-under-overlay" : ""}`.trim(),
               placeholder: n,
               onFocus: () => {
                 if (!l && F) {
@@ -533,28 +533,32 @@ function Qn({
                 paddingRight: le || J ? x ? 32 : 44 : 12,
                 caretColor: w ? void 0 : "transparent",
                 cursor: w ? void 0 : "pointer",
-                userSelect: w ? void 0 : "none",
-                color: ve ? "transparent" : "var(--nc-text)"
+                // The input text is invisible behind the overlay, so it must not be selectable
+                // (its selection highlight would be painted over the overlay text).
+                userSelect: de ? "none" : void 0,
+                color: de ? "transparent" : "var(--nc-text)"
               }
             }
           ),
-          ve && /* @__PURE__ */ s(
+          de && /* @__PURE__ */ s(
             "div",
             {
               "aria-hidden": !0,
-              className: `nc-combo-overlay ${pe}`,
+              className: `nc-combo-overlay ${fe}`,
               style: {
                 position: "absolute",
                 left: x ? 8 : 12,
                 right: le || J ? x ? 12 : 24 : x ? 8 : 12,
                 top: "50%",
                 transform: "translateY(-50%)",
-                pointerEvents: "none",
+                // The overlay carries the visible text, so it is the layer that can be selected/copied.
+                userSelect: "text",
+                cursor: w ? void 0 : "pointer",
                 display: "flex",
                 alignItems: "center",
                 gap: 6
               },
-              children: a && D ? a(D) : /* @__PURE__ */ A(Pe, { children: [
+              children: a && D ? a(D) : /* @__PURE__ */ A(Ee, { children: [
                 /* @__PURE__ */ s("span", { className: `nc-combo-overlay-text ${x ? "nc-small" : ""}`, children: D == null ? void 0 : D.label }),
                 (D == null ? void 0 : D.default) && /* @__PURE__ */ A("span", { className: `nc-combo-overlay-default ${x ? "nc-small" : ""}`, children: [
                   "(",
@@ -569,7 +573,7 @@ function Qn({
         ]
       }
     ),
-    /* @__PURE__ */ s(Lt, { isOpen: h, options: _, onSelect: de, selectedValue: e, placement: d, anchorRef: S, small: x, highlightedIndex: C, renderOption: i })
+    /* @__PURE__ */ s(Lt, { isOpen: h, options: _, onSelect: ue, selectedValue: e, placement: d, anchorRef: S, small: x, highlightedIndex: C, renderOption: i })
   ] });
 }
 function Zn({ onClick: e, loading: t = !1, disabled: n = !1, size: r = "default", title: o, "aria-label": i }) {
@@ -650,7 +654,7 @@ function rr({
   anchor: o,
   preferredDirection: i = "down"
 }) {
-  const a = j(null), [c, l] = E({ top: 0, left: 0 }), u = o || (r == null ? void 0 : r.current);
+  const a = j(null), [c, l] = P({ top: 0, left: 0 }), u = o || (r == null ? void 0 : r.current);
   if (V(() => {
     if (!e || !u || !a.current) return;
     const d = u.getBoundingClientRect(), g = a.current.getBoundingClientRect(), k = window.innerHeight, b = window.innerWidth, v = d.bottom + 8, y = v + g.height <= k - 8;
@@ -728,14 +732,14 @@ function rr({
     document.body
   );
 }
-const et = ge(null);
+const et = be(null);
 function Dt() {
   const e = ae(et);
   if (!e)
     throw new Error("useDialog must be used inside a Dialog component");
   return e;
 }
-function fe({ children: e, onClick: t, ...n }) {
+function he({ children: e, onClick: t, ...n }) {
   const { close: r } = Dt(), { t: o } = oe();
   return /* @__PURE__ */ s(ne, { onClick: (a) => {
     t == null || t(a), r();
@@ -778,34 +782,34 @@ function or({
       S.disconnect();
     };
   }, [y]), !e) return null;
-  const P = () => {
+  const E = () => {
     switch (i) {
       case "ok":
         return /* @__PURE__ */ s("div", { className: "nc-dialog-footer", children: /* @__PURE__ */ s(ne, { variant: "primary", onClick: c ?? t, disabled: g, children: m("common.ok") }) });
       case "ok-cancel":
         return /* @__PURE__ */ A("div", { className: "nc-dialog-footer", children: [
-          /* @__PURE__ */ s(fe, { onClick: p, children: m("common.cancel") }),
+          /* @__PURE__ */ s(he, { onClick: p, children: m("common.cancel") }),
           /* @__PURE__ */ s(ne, { variant: "primary", onClick: c ?? t, disabled: g, children: m("common.ok") })
         ] });
       case "save-cancel":
         return /* @__PURE__ */ A("div", { className: "nc-dialog-footer", children: [
-          /* @__PURE__ */ s(fe, { onClick: p, children: m("common.cancel") }),
+          /* @__PURE__ */ s(he, { onClick: p, children: m("common.cancel") }),
           /* @__PURE__ */ s(ne, { variant: "primary", onClick: l, disabled: g, children: m("common.save") })
         ] });
       case "delete-cancel":
         return /* @__PURE__ */ A("div", { className: "nc-dialog-footer", children: [
-          /* @__PURE__ */ s(fe, { onClick: p, children: m("common.cancel") }),
+          /* @__PURE__ */ s(he, { onClick: p, children: m("common.cancel") }),
           /* @__PURE__ */ s(ne, { variant: "danger", onClick: u, disabled: g, children: m("common.delete") })
         ] });
       case "connect":
         return /* @__PURE__ */ A("div", { className: "nc-dialog-footer", children: [
-          /* @__PURE__ */ s(fe, { onClick: p, children: m("common.cancel") }),
+          /* @__PURE__ */ s(he, { onClick: p, children: m("common.cancel") }),
           /* @__PURE__ */ s(ne, { variant: "primary", onClick: w, disabled: g, children: m("common.connect") })
         ] });
       case "close":
-        return /* @__PURE__ */ s("div", { className: "nc-dialog-footer", children: /* @__PURE__ */ s(fe, { variant: "primary" }) });
+        return /* @__PURE__ */ s("div", { className: "nc-dialog-footer", children: /* @__PURE__ */ s(he, { variant: "primary" }) });
       case "gotit":
-        return /* @__PURE__ */ s("div", { className: "nc-dialog-footer", children: /* @__PURE__ */ s(fe, { variant: "primary", children: m("common.gotit") }) });
+        return /* @__PURE__ */ s("div", { className: "nc-dialog-footer", children: /* @__PURE__ */ s(he, { variant: "primary", children: m("common.gotit") }) });
       case "custom":
         return /* @__PURE__ */ s("div", { className: "nc-dialog-footer", children: a });
       case "none":
@@ -829,7 +833,7 @@ function or({
           /* @__PURE__ */ s(Ze, { onClick: t, "aria-label": "Close dialog" })
         ] }),
         /* @__PURE__ */ s("div", { ref: f, className: "nc-dialog-content", children: r }),
-        P()
+        E()
       ]
     }
   ) }) });
@@ -915,13 +919,13 @@ function sr({
   validator: f,
   showErrorMessage: m = !0
 }) {
-  const N = j(null), C = j(null), P = j(!1), [B, S] = E(!1), [L, x] = E(!1), [M, z] = E(!1), F = e !== void 0, [I, T] = E(t), H = F ? e : I, [q, O] = E(H), _ = f ? f(H) : null, D = !!_, J = !y && g === "plain", le = J && L, pe = le ? q : H;
+  const N = j(null), C = j(null), E = j(!1), [B, S] = P(!1), [L, x] = P(!1), [M, z] = P(!1), F = e !== void 0, [I, T] = P(t), H = F ? e : I, [q, O] = P(H), _ = f ? f(H) : null, D = !!_, J = !y && g === "plain", le = J && L, fe = le ? q : H;
   V(() => {
     le || O(H);
   }, [H, le]);
-  const ve = p === "password", de = ve && v && !c && !y, we = u && pe && !c && (L || M), ye = d === "small" ? 32 : 44;
+  const de = p === "password", ue = de && v && !c && !y, we = u && fe && !c && (L || M), ye = d === "small" ? 32 : 44;
   let R = 12;
-  we && de ? R = ye * 2 : (we || de) && (R = ye);
+  we && ue ? R = ye * 2 : (we || ue) && (R = ye);
   const W = b ? d === "small" ? 28 : 34 : void 0, U = () => {
     if (!J)
       return H;
@@ -938,12 +942,12 @@ function sr({
     F || T(""), n == null || n(""), i == null || i(), y ? (ee = C.current) == null || ee.focus() : (je = N.current) == null || je.focus();
   }, He = (Q) => {
     if (J && Q.key === "Escape") {
-      Q.preventDefault(), P.current = !0, G(), Q.currentTarget.blur();
+      Q.preventDefault(), E.current = !0, G(), Q.currentTarget.blur();
       return;
     }
     if (Q.key === "Enter" && !y) {
       const ee = J ? U() : H;
-      J && (Q.preventDefault(), P.current = !0, Q.currentTarget.blur()), o == null || o(ee);
+      J && (Q.preventDefault(), E.current = !0, Q.currentTarget.blur()), o == null || o(ee);
     }
   }, Ve = (Q) => {
     const ee = Q.target.value;
@@ -955,8 +959,8 @@ function sr({
   }, Fe = () => {
     x(!0), J && O(H);
   }, Oe = () => {
-    if (J && P.current) {
-      P.current = !1, x(!1);
+    if (J && E.current) {
+      E.current = !1, x(!1);
       return;
     }
     J && U(), x(!1);
@@ -978,7 +982,7 @@ function sr({
               ref: C,
               className: Ye,
               placeholder: a,
-              value: pe,
+              value: fe,
               onChange: Ve,
               onKeyDown: He,
               onFocus: Fe,
@@ -997,10 +1001,10 @@ function sr({
             "input",
             {
               ref: N,
-              type: ve && B ? "text" : p,
+              type: de && B ? "text" : p,
               className: Ye,
               placeholder: a,
-              value: pe,
+              value: fe,
               onChange: Ve,
               onKeyDown: He,
               onFocus: Fe,
@@ -1015,8 +1019,8 @@ function sr({
               }
             }
           ),
-          we && /* @__PURE__ */ s(Wt, { onClick: ft, size: d, rightOffset: de ? ye + 4 : 4 }),
-          de && /* @__PURE__ */ s(Ht, { visible: B, onClick: () => S(!B), size: d })
+          we && /* @__PURE__ */ s(Wt, { onClick: ft, size: d, rightOffset: ue ? ye + 4 : 4 }),
+          ue && /* @__PURE__ */ s(Ht, { visible: B, onClick: () => S(!B), size: d })
         ] }),
         D && m && /* @__PURE__ */ s("span", { className: "nc-error-message", children: _ })
       ]
@@ -1054,7 +1058,7 @@ function ir({
         ...o
       },
       className: `nc-list-group-item ${t ? "nc-list-group-item-clickable" : ""} ${i ? "nc-list-group-item-active" : ""}`,
-      children: /* @__PURE__ */ s("div", { style: { flex: 1 }, children: e })
+      children: /* @__PURE__ */ s("div", { style: { flex: 1, minWidth: 0 }, children: e })
     }
   );
 }
@@ -1074,7 +1078,7 @@ function cr({ title: e, titleTools: t, children: n, style: r }) {
   ] });
 }
 function ar({ values: e, onChange: t, options: n, placeholder: r = "Select…", label: o }) {
-  const [i, a] = E(!1), [c, l] = E(""), u = j(null), p = $e(() => n.filter((d) => d.label.toLowerCase().includes(c.toLowerCase())), [n, c]);
+  const [i, a] = P(!1), [c, l] = P(""), u = j(null), p = $e(() => n.filter((d) => d.label.toLowerCase().includes(c.toLowerCase())), [n, c]);
   V(() => {
     function d(g) {
       !(g.target instanceof Node) || !u.current || u.current.contains(g.target) || a(!1);
@@ -1167,7 +1171,7 @@ function lr({
   disabled: i = !1,
   size: a = "default"
 }) {
-  const [c, l] = E(!1), [u, p] = E(""), [w, d] = E(""), [g, k] = E({ top: 0, left: 0, width: 0, right: void 0 }), b = j(null), v = j(null);
+  const [c, l] = P(!1), [u, p] = P(""), [w, d] = P(""), [g, k] = P({ top: 0, left: 0, width: 0, right: void 0 }), b = j(null), v = j(null);
   V(() => {
     if (c && b.current) {
       const x = b.current.getBoundingClientRect(), z = Math.max(x.width, 400);
@@ -1201,7 +1205,7 @@ function lr({
       return;
     const z = Ne(u), F = Ne(w);
     z && F && (n == null || n(z, F)), l(!1);
-  }, m = e && t ? `${Ge(e)} - ${Ge(t)}` : "Select month range", N = Se(u), C = Se(w), P = Ne(u), B = Ne(w), S = P && B && P > B, L = c ? Ae(
+  }, m = e && t ? `${Ge(e)} - ${Ge(t)}` : "Select month range", N = Se(u), C = Se(w), E = Ne(u), B = Ne(w), S = E && B && E > B, L = c ? Ae(
     /* @__PURE__ */ s(
       "div",
       {
@@ -1280,7 +1284,7 @@ function lr({
 }
 const Vt = 5, Ft = 3;
 function dr({ value: e, onChange: t, min: n, max: r, step: o = 1, label: i, disabled: a, className: c = "", style: l, size: u = "default" }) {
-  const p = u === "small", w = (String(o).split(".")[1] || "").length, d = j(null), g = j(!1), k = j(null), [b, v] = E(!1), [y, h] = E(() => String(e)), f = (I) => parseFloat(I.toFixed(w)), m = (I) => {
+  const p = u === "small", w = (String(o).split(".")[1] || "").length, d = j(null), g = j(!1), k = j(null), [b, v] = P(!1), [y, h] = P(() => String(e)), f = (I) => parseFloat(I.toFixed(w)), m = (I) => {
     const T = f(I);
     h(String(T)), t(T);
   }, N = () => {
@@ -1289,7 +1293,7 @@ function dr({ value: e, onChange: t, min: n, max: r, step: o = 1, label: i, disa
   }, C = () => {
     const I = e + o;
     r !== void 0 && I > r || m(parseFloat(I.toFixed(10)));
-  }, P = (I) => {
+  }, E = (I) => {
     const T = I.target.value;
     if (h(T), T === "") return;
     const H = parseFloat(T);
@@ -1344,7 +1348,7 @@ function dr({ value: e, onChange: t, min: n, max: r, step: o = 1, label: i, disa
           className: `nc-input nc-number-input ${p ? "nc-small" : ""} ${F ? "nc-error" : ""}`,
           type: "number",
           value: y,
-          onChange: P,
+          onChange: E,
           onBlur: B,
           min: n,
           max: r,
@@ -1469,7 +1473,7 @@ function pr({ active: e, children: t, keepMounted: n = !1, className: r = "", st
   return /* @__PURE__ */ s("div", { className: `nc-tab-panels ${r}`, style: o, children: a });
 }
 function fr({ tabs: e, active: t, onChange: n, onClose: r, permanentTabs: o, className: i, toolbar: a, multiline: c, orientation: l = "horizontal", style: u }) {
-  const p = j(null), [w, d] = E(!1), [g, k] = E(!1), b = l === "verticalLeft" || l === "verticalRight", v = j(!1), y = j(0), h = j(0), f = j(!1);
+  const p = j(null), [w, d] = P(!1), [g, k] = P(!1), b = l === "verticalLeft" || l === "verticalRight", v = j(!1), y = j(0), h = j(0), f = j(!1);
   V(() => {
     const S = () => {
       if (p.current)
@@ -1494,7 +1498,7 @@ function fr({ tabs: e, active: t, onChange: n, onClose: r, permanentTabs: o, cla
     Math.abs(x) > 3 && (f.current = !0), b ? p.current.scrollTop = h.current + x : p.current.scrollLeft = h.current + x;
   }, C = () => {
     p.current && (v.current = !1, p.current.style.cursor = "", p.current.style.userSelect = "");
-  }, P = () => {
+  }, E = () => {
     C();
   };
   V(() => {
@@ -1521,7 +1525,7 @@ function fr({ tabs: e, active: t, onChange: n, onClose: r, permanentTabs: o, cla
           onMouseDown: m,
           onMouseMove: N,
           onMouseUp: C,
-          onMouseLeave: P,
+          onMouseLeave: E,
           style: { cursor: "grab" },
           children: e.map((S) => {
             const L = typeof S == "string" ? S : S.id, x = typeof S == "string" ? S : S.label, M = r && !(o != null && o.includes(L));
@@ -1674,8 +1678,8 @@ const mr = Ct(
         if (!N) return;
         const C = Gt(t, h, f, m);
         N.focus(), N.setSelectionRange(C, C);
-        const P = parseFloat(getComputedStyle(N).lineHeight) || 18;
-        N.scrollTop = (Math.max(1, h) - 1) * P, k(), g();
+        const E = parseFloat(getComputedStyle(N).lineHeight) || 18;
+        N.scrollTop = (Math.max(1, h) - 1) * E, k(), g();
       }
     }), [t]);
     const g = X(() => {
@@ -1705,9 +1709,9 @@ const mr = Ct(
 `).map((m, N) => {
       const C = m.split("	");
       return /* @__PURE__ */ A("div", { className: `nc-csv-line ${l === N + 1 ? "nc-csv-highlight" : ""}`, children: [
-        C.map((P, B) => /* @__PURE__ */ A("span", { children: [
+        C.map((E, B) => /* @__PURE__ */ A("span", { children: [
           B > 0 && /* @__PURE__ */ s("span", { className: "nc-csv-tab-char", children: "	" }),
-          /* @__PURE__ */ s("span", { style: { color: _e[B % _e.length] }, children: P })
+          /* @__PURE__ */ s("span", { style: { color: _e[B % _e.length] }, children: E })
         ] }, B)),
         m === "" && `
 `
@@ -1740,10 +1744,10 @@ const mr = Ct(
     ] });
   }
 );
-let ue = { notifications: [] };
+let pe = { notifications: [] };
 const Re = /* @__PURE__ */ new Set(), Ue = /* @__PURE__ */ new Map();
 function Te() {
-  const e = ue.notifications.slice();
+  const e = pe.notifications.slice();
   for (const t of Array.from(Re))
     try {
       t(e);
@@ -1753,7 +1757,7 @@ function Te() {
 function _t(e) {
   Re.add(e);
   try {
-    e(ue.notifications.slice());
+    e(pe.notifications.slice());
   } catch {
   }
   return () => {
@@ -1768,16 +1772,16 @@ function Ut(e) {
     type: r === "error" ? "danger" : r ?? "info",
     duration: n ?? 5e3
   };
-  return ue.notifications = [i, ...ue.notifications], Te(), i.duration && i.duration > 0 && setTimeout(() => {
+  return pe.notifications = [i, ...pe.notifications], Te(), i.duration && i.duration > 0 && setTimeout(() => {
     tt(t);
   }, i.duration), t;
 }
 function tt(e) {
-  const t = ue.notifications.find((r) => r.id === e);
+  const t = pe.notifications.find((r) => r.id === e);
   if (!t) return;
   t.isRemoving = !0, Te();
   const n = window.setTimeout(() => {
-    ue.notifications = ue.notifications.filter((r) => r.id !== e), Te(), Ue.delete(e);
+    pe.notifications = pe.notifications.filter((r) => r.id !== e), Te(), Ue.delete(e);
   }, 300);
   Ue.set(e, n);
 }
@@ -1862,7 +1866,7 @@ function Xt({ notification: e }) {
   );
 }
 function gr() {
-  const [e, t] = E([]), [n, r] = E(/* @__PURE__ */ new Map()), [o, i] = E(/* @__PURE__ */ new Set()), a = j(null), c = j([]);
+  const [e, t] = P([]), [n, r] = P(/* @__PURE__ */ new Map()), [o, i] = P(/* @__PURE__ */ new Set()), a = j(null), c = j([]);
   return V(() => _t((u) => {
     const p = new Set(c.current.map((d) => d.id)), w = u.filter((d) => !p.has(d.id)).map((d) => d.id);
     w.length > 0 ? (t(u), i(new Set(w)), requestAnimationFrame(() => {
@@ -1993,7 +1997,7 @@ class Qt {
     return this.apps.has(t);
   }
 }
-const me = new Qt(), qe = "nc-ui-app-state";
+const ge = new Qt(), qe = "nc-ui-app-state";
 class Zt {
   constructor() {
     se(this, "state");
@@ -2059,7 +2063,7 @@ class en {
    */
   async launchApp(t, n) {
     const { launchInBackground: r = !1 } = n || {};
-    if (!me.has(t))
+    if (!ge.has(t))
       return console.error(`Cannot launch app "${t}": not registered`), null;
     const o = this.apps.find((a) => a.appId === t);
     if (o)
@@ -2135,7 +2139,7 @@ class en {
    * Get the currently active app definition.
    */
   getActiveApp() {
-    return this.activeAppId ? me.get(this.activeAppId) ?? null : null;
+    return this.activeAppId ? ge.get(this.activeAppId) ?? null : null;
   }
   /**
    * Get all running apps.
@@ -2161,7 +2165,7 @@ class en {
     this.listeners.forEach((t) => t());
   }
 }
-const Z = new en(), nt = ge(null);
+const Z = new en(), nt = be(null);
 function tn() {
   const e = ae(nt);
   if (!e)
@@ -2226,7 +2230,7 @@ class on extends ze.Component {
   }
 }
 function rt({ appId: e, isActive: t, onClose: n }) {
-  const { t: r } = oe(), o = me.get(e), [i, a] = E(""), [c, l] = E(null), [u, p] = E(null), [w, d] = E(!1), [g, k] = E(!1);
+  const { t: r } = oe(), o = ge.get(e), [i, a] = P(""), [c, l] = P(null), [u, p] = P(null), [w, d] = P(!1), [g, k] = P(!1);
   ze.useEffect(() => {
     o != null && o.titleKey && a(r(o.titleKey));
   }, [o, r]);
@@ -2256,7 +2260,7 @@ function rt({ appId: e, isActive: t, onClose: n }) {
   }), [b, v, y, h, f, m, N, n]);
   if (!o)
     return null;
-  const P = o.component, B = !o.hideTitleBar && !g;
+  const E = o.component, B = !o.hideTitleBar && !g;
   return /* @__PURE__ */ A(
     "div",
     {
@@ -2284,7 +2288,7 @@ function rt({ appId: e, isActive: t, onClose: n }) {
               $t,
               {
                 fallback: /* @__PURE__ */ s("div", { className: "nc-app-loading", children: /* @__PURE__ */ s(Qe, {}) }),
-                children: /* @__PURE__ */ s(P, {})
+                children: /* @__PURE__ */ s(E, {})
               }
             ) }) })
           }
@@ -2299,9 +2303,9 @@ const Ce = 768, Me = 1024, ot = {
   isDesktop: !0,
   width: typeof window < "u" ? window.innerWidth : 1024,
   height: typeof window < "u" ? window.innerHeight : 768
-}, st = ge(ot);
+}, st = be(ot);
 function wr({ children: e }) {
-  const [t, n] = E(() => {
+  const [t, n] = P(() => {
     if (typeof window > "u") return ot;
     const r = window.innerWidth, o = window.innerHeight;
     return {
@@ -2372,9 +2376,9 @@ const Be = "-", sn = (e) => {
     validators: []
   };
   return dn(Object.entries(e.classGroups), n).forEach(([i, a]) => {
-    Ee(a, r, i, t);
+    Pe(a, r, i, t);
   }), r;
-}, Ee = (e, t, n, r) => {
+}, Pe = (e, t, n, r) => {
   e.forEach((o) => {
     if (typeof o == "string") {
       const i = o === "" ? t : Je(t, o);
@@ -2383,7 +2387,7 @@ const Be = "-", sn = (e) => {
     }
     if (typeof o == "function") {
       if (ln(o)) {
-        Ee(o(r), t, n, r);
+        Pe(o(r), t, n, r);
         return;
       }
       t.validators.push({
@@ -2393,7 +2397,7 @@ const Be = "-", sn = (e) => {
       return;
     }
     Object.entries(o).forEach(([i, a]) => {
-      Ee(a, Je(t, i), n, r);
+      Pe(a, Je(t, i), n, r);
     });
   });
 }, Je = (e, t) => {
@@ -2549,16 +2553,16 @@ function vn(e, ...t) {
 const K = (e) => {
   const t = (n) => n[e] || [];
   return t.isThemeGetter = !0, t;
-}, dt = /^\[(?:([a-z-]+):)?(.+)\]$/i, wn = /^\d+\/\d+$/, yn = /* @__PURE__ */ new Set(["px", "full", "screen"]), xn = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, kn = /\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$/, Nn = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, An = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, Sn = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, te = (e) => he(e) || yn.has(e) || wn.test(e), ie = (e) => be(e, "length", Pn), he = (e) => !!e && !Number.isNaN(Number(e)), Ie = (e) => be(e, "number", he), xe = (e) => !!e && Number.isInteger(Number(e)), Cn = (e) => e.endsWith("%") && he(e.slice(0, -1)), $ = (e) => dt.test(e), ce = (e) => xn.test(e), Mn = /* @__PURE__ */ new Set(["length", "size", "percentage"]), $n = (e) => be(e, Mn, ut), In = (e) => be(e, "position", ut), Rn = /* @__PURE__ */ new Set(["image", "url"]), Tn = (e) => be(e, Rn, zn), En = (e) => be(e, "", Ln), ke = () => !0, be = (e, t, n) => {
+}, dt = /^\[(?:([a-z-]+):)?(.+)\]$/i, wn = /^\d+\/\d+$/, yn = /* @__PURE__ */ new Set(["px", "full", "screen"]), xn = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, kn = /\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$/, Nn = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, An = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, Sn = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, te = (e) => me(e) || yn.has(e) || wn.test(e), ie = (e) => ve(e, "length", En), me = (e) => !!e && !Number.isNaN(Number(e)), Ie = (e) => ve(e, "number", me), xe = (e) => !!e && Number.isInteger(Number(e)), Cn = (e) => e.endsWith("%") && me(e.slice(0, -1)), $ = (e) => dt.test(e), ce = (e) => xn.test(e), Mn = /* @__PURE__ */ new Set(["length", "size", "percentage"]), $n = (e) => ve(e, Mn, ut), In = (e) => ve(e, "position", ut), Rn = /* @__PURE__ */ new Set(["image", "url"]), Tn = (e) => ve(e, Rn, zn), Pn = (e) => ve(e, "", Ln), ke = () => !0, ve = (e, t, n) => {
   const r = dt.exec(e);
   return r ? r[1] ? typeof t == "string" ? r[1] === t : t.has(r[1]) : n(r[2]) : !1;
-}, Pn = (e) => (
+}, En = (e) => (
   // `colorFunctionRegex` check is necessary because color functions can have percentages in them which which would be incorrectly classified as lengths.
   // For example, `hsl(0 0% 0%)` would be classified as a length without this check.
   // I could also use lookbehind assertion in `lengthUnitRegex` but that isn't supported widely enough.
   kn.test(e) && !Nn.test(e)
 ), ut = () => !1, Ln = (e) => An.test(e), zn = (e) => Sn.test(e), Bn = () => {
-  const e = K("colors"), t = K("spacing"), n = K("blur"), r = K("brightness"), o = K("borderColor"), i = K("borderRadius"), a = K("borderSpacing"), c = K("borderWidth"), l = K("contrast"), u = K("grayscale"), p = K("hueRotate"), w = K("invert"), d = K("gap"), g = K("gradientColorStops"), k = K("gradientColorStopPositions"), b = K("inset"), v = K("margin"), y = K("opacity"), h = K("padding"), f = K("saturate"), m = K("scale"), N = K("sepia"), C = K("skew"), P = K("space"), B = K("translate"), S = () => ["auto", "contain", "none"], L = () => ["auto", "hidden", "clip", "visible", "scroll"], x = () => ["auto", $, t], M = () => [$, t], z = () => ["", te, ie], F = () => ["auto", he, $], I = () => ["bottom", "center", "left", "left-bottom", "left-top", "right", "right-bottom", "right-top", "top"], T = () => ["solid", "dashed", "dotted", "double", "none"], H = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], q = () => ["start", "end", "center", "between", "around", "evenly", "stretch"], O = () => ["", "0", $], _ = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], D = () => [he, $];
+  const e = K("colors"), t = K("spacing"), n = K("blur"), r = K("brightness"), o = K("borderColor"), i = K("borderRadius"), a = K("borderSpacing"), c = K("borderWidth"), l = K("contrast"), u = K("grayscale"), p = K("hueRotate"), w = K("invert"), d = K("gap"), g = K("gradientColorStops"), k = K("gradientColorStopPositions"), b = K("inset"), v = K("margin"), y = K("opacity"), h = K("padding"), f = K("saturate"), m = K("scale"), N = K("sepia"), C = K("skew"), E = K("space"), B = K("translate"), S = () => ["auto", "contain", "none"], L = () => ["auto", "hidden", "clip", "visible", "scroll"], x = () => ["auto", $, t], M = () => [$, t], z = () => ["", te, ie], F = () => ["auto", me, $], I = () => ["bottom", "center", "left", "left-bottom", "left-top", "right", "right-bottom", "right-top", "top"], T = () => ["solid", "dashed", "dotted", "double", "none"], H = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], q = () => ["start", "end", "center", "between", "around", "evenly", "stretch"], O = () => ["", "0", $], _ = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], D = () => [me, $];
   return {
     cacheSize: 500,
     separator: ":",
@@ -3152,7 +3156,7 @@ const K = (e) => {
        * @see https://tailwindcss.com/docs/space
        */
       "space-x": [{
-        "space-x": [P]
+        "space-x": [E]
       }],
       /**
        * Space Between X Reverse
@@ -3164,7 +3168,7 @@ const K = (e) => {
        * @see https://tailwindcss.com/docs/space
        */
       "space-y": [{
-        "space-y": [P]
+        "space-y": [E]
       }],
       /**
        * Space Between Y Reverse
@@ -3297,7 +3301,7 @@ const K = (e) => {
        * @see https://tailwindcss.com/docs/line-clamp
        */
       "line-clamp": [{
-        "line-clamp": ["none", he, Ie]
+        "line-clamp": ["none", me, Ie]
       }],
       /**
        * Line Height
@@ -3931,7 +3935,7 @@ const K = (e) => {
        * @see https://tailwindcss.com/docs/box-shadow
        */
       shadow: [{
-        shadow: ["", "inner", "none", ce, En]
+        shadow: ["", "inner", "none", ce, Pn]
       }],
       /**
        * Box Shadow Color
@@ -4591,7 +4595,7 @@ function Wn(...e) {
   return Dn(Rt(e));
 }
 function yr({ autoWidth: e = !0, className: t, style: n }) {
-  const [r, o] = E(() => re.getActiveAppId()), [i, a] = E(() => Z.getRunningApps()), { isMobile: c } = it();
+  const [r, o] = P(() => re.getActiveAppId()), [i, a] = P(() => Z.getRunningApps()), { isMobile: c } = it();
   V(() => {
     const v = re.subscribe("activeAppId", (y) => {
       o(y);
@@ -4609,7 +4613,7 @@ function yr({ autoWidth: e = !0, className: t, style: n }) {
   }, []);
   const l = (v) => {
     Z.closeApp(v);
-  }, u = r ? me.get(r) : null, w = (u == null ? void 0 : u.width) ?? 400, d = r !== null, b = { ...{
+  }, u = r ? ge.get(r) : null, w = (u == null ? void 0 : u.width) ?? 400, d = r !== null, b = { ...{
     overflow: "hidden",
     display: d ? "flex" : "none",
     flexDirection: "column",
@@ -4634,7 +4638,7 @@ function xr({
   side: r = "left",
   getBadge: o
 }) {
-  const { t: i } = oe(), { isMobile: a } = it(), [c, l] = E(() => re.getActiveAppId()), [u, p] = E(() => Z.getRunningApps());
+  const { t: i } = oe(), { isMobile: a } = it(), [c, l] = P(() => re.getActiveAppId()), [u, p] = P(() => Z.getRunningApps());
   V(() => {
     const f = re.subscribe("activeAppId", (m) => {
       l(m);
@@ -4647,7 +4651,7 @@ function xr({
   }), []);
   const w = (f) => {
     c === f ? Z.setActiveApp(null) : Z.launchApp(f);
-  }, d = e.map((f) => me.get(f)).filter((f) => !!f), g = u.filter((f) => !e.includes(f.appId)).map((f) => ({ running: f, def: me.get(f.appId) })).filter((f) => !!f.def), k = (f) => u.some((m) => m.appId === f), b = (f) => f.titleKey ? String(i(f.titleKey)) : f.id, v = (f) => typeof f == "number" && f > 99 ? "99+" : f, y = (f, m) => {
+  }, d = e.map((f) => ge.get(f)).filter((f) => !!f), g = u.filter((f) => !e.includes(f.appId)).map((f) => ({ running: f, def: ge.get(f.appId) })).filter((f) => !!f.def), k = (f) => u.some((m) => m.appId === f), b = (f) => f.titleKey ? String(i(f.titleKey)) : f.id, v = (f) => typeof f == "number" && f > 99 ? "99+" : f, y = (f, m) => {
     const N = o == null ? void 0 : o(f, m);
     return N ? /* @__PURE__ */ s(
       "span",
@@ -4660,7 +4664,7 @@ function xr({
   }, h = a ? 24 : 28;
   return /* @__PURE__ */ A("div", { className: `nc-app-taskbar ${a ? "nc-mobile" : "nc-desktop"} nc-${r} ${t}`, children: [
     d.map((f) => {
-      const m = f.icon, N = c === f.id, C = k(f.id), P = { isActive: N, isRunning: C, isPinned: !0 };
+      const m = f.icon, N = c === f.id, C = k(f.id), E = { isActive: N, isRunning: C, isPinned: !0 };
       return /* @__PURE__ */ A(
         "button",
         {
@@ -4669,7 +4673,7 @@ function xr({
           title: b(f),
           children: [
             /* @__PURE__ */ s(m, { size: h }),
-            y(f, P),
+            y(f, E),
             n && C && /* @__PURE__ */ s("span", { className: "nc-app-taskbar-indicator" })
           ]
         },
@@ -4678,7 +4682,7 @@ function xr({
     }),
     g.length > 0 && /* @__PURE__ */ s("div", { className: "nc-app-taskbar-separator" }),
     g.map(({ running: f, def: m }) => {
-      const N = m.icon, C = c === f.appId, P = { isActive: C, isRunning: !0, isPinned: !1 };
+      const N = m.icon, C = c === f.appId, E = { isActive: C, isRunning: !0, isPinned: !1 };
       return /* @__PURE__ */ A(
         "button",
         {
@@ -4687,7 +4691,7 @@ function xr({
           title: b(m),
           children: [
             /* @__PURE__ */ s(N, { size: h }),
-            y(m, P),
+            y(m, E),
             n && /* @__PURE__ */ s("span", { className: "nc-app-taskbar-indicator" })
           ]
         },
@@ -4733,7 +4737,7 @@ function kr({
   );
   return Ae(c, document.body);
 }
-const De = ge(null), pt = ge(null);
+const De = be(null), pt = be(null);
 function Nr() {
   const e = ae(De);
   if (!e)
@@ -4746,12 +4750,12 @@ function Ar() {
     throw new Error("useNavView must be used within NavStack");
   return e;
 }
-const We = ge(null);
+const We = be(null);
 function Sr({ rootView: e, children: t }) {
-  const { t: n } = oe(), r = tn(), [o, i] = E([e]), [a, c] = E([null]), l = X((m, N) => {
+  const { t: n } = oe(), r = tn(), [o, i] = P([e]), [a, c] = P([null]), l = X((m, N) => {
     c((C) => {
-      const P = [...C];
-      return P[m] = N, P;
+      const E = [...C];
+      return E[m] = N, E;
     });
   }, []), u = X((m) => {
     c((N) => {
@@ -4837,7 +4841,7 @@ export {
   rr as ContextMenu,
   mr as CsvTextArea,
   or as Dialog,
-  fe as DialogClose,
+  he as DialogClose,
   er as EditButton,
   nr as Hyperlink,
   sr as Input,
@@ -4858,7 +4862,7 @@ export {
   hr as Toggle,
   tr as TrashButton,
   wr as ViewportProvider,
-  me as appRegistry,
+  ge as appRegistry,
   re as appStateStore,
   Wn as cn,
   vr as createAppI18nFactory,