@kingsimba/nc-ui 0.1.27 → 0.1.28

package/dist/index.js

@@ -1,7 +1,7 @@
 var et = Object.defineProperty;
 var tt = (e, t, n) => t in e ? et(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var q = (e, t, n) => tt(e, typeof t != "symbol" ? t + "" : t, n);
-import { jsx as s, jsxs as k, Fragment as nt } from "react/jsx-runtime";
+import { jsx as s, jsxs as A, Fragment as nt } from "react/jsx-runtime";
 import { d as xe, E as rt, R as ot, T as st, g as it, V as ct, b as at, a as lt, c as dt } from "./GeneratedIcons-HFZmBTBT.js";
 import ke, { useState as E, useRef as W, useMemo as me, useEffect as B, createContext as se, useContext as Q, Children as ut, isValidElement as pt, forwardRef as ft, useImperativeHandle as ht, useCallback as O, Suspense as mt } from "react";
 import { createPortal as ue } from "react-dom";
@@ -38,7 +38,7 @@ function He({
   );
   return n ? /* @__PURE__ */ s("div", { className: "nc-activity-indicator-overlay", children: o }) : o;
 }
-function K({ variant: e = "default", block: t, size: n = "default", appearance: r = "default", className: o, disabled: i, textSelectable: a, loading: c, onClick: l, children: p, ...f }) {
+function K({ variant: e = "default", block: t, size: n = "default", appearance: r = "default", className: o, disabled: i, textSelectable: a, loading: c, onClick: l, children: u, ...f }) {
   const v = [
     "nc-button",
     e !== "default" ? `nc-${e}` : "",
@@ -51,19 +51,19 @@ function K({ variant: e = "default", block: t, size: n = "default", appearance:
     c ? "nc-loading" : "",
     o ?? ""
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ k(
+  return /* @__PURE__ */ A(
     "button",
     {
       className: v,
       disabled: i || c,
-      onClick: (h) => {
+      onClick: (m) => {
         if (!c) {
           if (a) {
             const y = window.getSelection();
             if (y && y.toString().length > 0)
               return;
           }
-          l == null || l(h);
+          l == null || l(m);
         }
       },
       ...f,
@@ -76,7 +76,7 @@ function K({ variant: e = "default", block: t, size: n = "default", appearance:
             color: r === "transparent" || e !== "default" && e !== "ghost" ? "white" : void 0
           }
         ),
-        p
+        u
       ]
     }
   );
@@ -99,13 +99,13 @@ function Tn({
   className: c = "",
   style: l
 }) {
-  const p = i ?? /* @__PURE__ */ k(nt, { children: [
+  const u = i ?? /* @__PURE__ */ A(nt, { children: [
     e !== void 0 && /* @__PURE__ */ s("span", { className: "nc-alert-code", children: e }),
     t
   ] });
-  return /* @__PURE__ */ k("div", { className: `nc-alert nc-${n} ${c}`.trim(), style: l, children: [
-    /* @__PURE__ */ k("div", { className: "nc-alert-main", children: [
-      /* @__PURE__ */ s("div", { className: `nc-alert-message nc-${n}`, children: p }),
+  return /* @__PURE__ */ A("div", { className: `nc-alert nc-${n} ${c}`.trim(), style: l, children: [
+    /* @__PURE__ */ A("div", { className: "nc-alert-main", children: [
+      /* @__PURE__ */ s("div", { className: `nc-alert-message nc-${n}`, children: u }),
       a && /* @__PURE__ */ s(
         "button",
         {
@@ -134,67 +134,71 @@ function zn({
   darkMode: n = !1,
   colored: r = !1
 }) {
-  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 a = n ? "rgba(255, 255, 255, 0.5)" : "rgba(0, 0, 0, 0.2)", c = 24, l = 14, p = 2, f = 0, v = 12, d = 0, h = 0, y = 0, g = c, w = l, A = w - d * 2, b = g - d * 2, u = Math.max(1, Math.min(4, w / 4)), m = o === 0 ? 0 : 0.05 + o * 0.95, N = c + p + v, S = 20, z = 0.65, T = Math.max(l, S * z), x = c + p + 1, R = (l - S * z) / 2;
-  return /* @__PURE__ */ k(
+  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 ? "#ffffff" : "#000000";
+  const c = "var(--nc-battery-shell-bg)", l = 24, u = 14, f = 2, v = 0, d = 12, m = 0, y = 0, g = 0, w = l, k = u, b = k - m * 2, p = w - m * 2, h = Math.max(1, Math.min(4, k / 4)), N = o === 0 ? 0 : 0.05 + o * 0.95, C = l + f + d, z = 20, T = 0.65, x = Math.max(u, z * T), R = l + f + 1, S = (u - z * T) / 2;
+  return /* @__PURE__ */ A(
     "svg",
     {
       className: "nc-battery",
-      width: N,
-      height: T,
-      viewBox: `0 0 ${N} ${T}`,
+      width: C,
+      height: x,
+      viewBox: `0 0 ${C} ${x}`,
       role: "img",
-      "aria-label": `Battery ${o === 0 ? "-" : Math.round(o * 100) + "%"} ${t}`,
+      "aria-label": `Battery ${i === "-" ? "-" : `${i}%`} ${t}`,
       children: [
-        /* @__PURE__ */ k("defs", { children: [
-          /* @__PURE__ */ s("mask", { id: `nc-battery-fill-mask-${o}`, children: /* @__PURE__ */ s("rect", { x: "0", y: "0", width: b * m, height: A, fill: "white" }) }),
-          /* @__PURE__ */ k("mask", { id: `nc-battery-text-mask-${o}`, children: [
-            /* @__PURE__ */ s("rect", { x: "0", y: "0", width: N, height: T, fill: "white" }),
-            /* @__PURE__ */ s("text", { x: h + g / 2, y: l - 3, fontSize: 11, fontWeight: "bold", fill: "black", textAnchor: "middle", children: o === 0 ? "-" : Math.round(o * 100) })
-          ] })
-        ] }),
-        /* @__PURE__ */ k("g", { mask: `url(#nc-battery-text-mask-${o})`, children: [
-          /* @__PURE__ */ s(
-            "rect",
-            {
-              x: h,
-              y,
-              rx: u,
-              ry: u,
-              width: g,
-              height: w,
-              fill: a
-            }
-          ),
-          /* @__PURE__ */ s(
-            "rect",
-            {
-              x: h + d,
-              y: y + d,
-              width: b,
-              height: A,
-              fill: i,
-              rx: u,
-              ry: u,
-              mask: `url(#nc-battery-fill-mask-${o})`
-            }
-          ),
-          /* @__PURE__ */ s(
-            "rect",
-            {
-              x: c + f,
-              y: l * 0.26,
-              width: p,
-              height: l * 0.48,
-              rx: 0.8,
-              ry: 0.8,
-              fill: o === 1 ? i : a
-            }
-          ),
-          t === "charging" ? /* @__PURE__ */ s("g", { transform: `translate(${x}, ${R}) scale(${z})`, fill: i, children: /* @__PURE__ */ s("path", { d: "M10 0 L2 11 H8 L5 20 L14 8 H8 L10 0 Z" }) }) : null
-        ] })
+        /* @__PURE__ */ s("defs", { children: /* @__PURE__ */ s("mask", { id: `nc-battery-fill-mask-${o}`, children: /* @__PURE__ */ s("rect", { x: "0", y: "0", width: p * N, height: b, fill: "white" }) }) }),
+        /* @__PURE__ */ s(
+          "rect",
+          {
+            x: y,
+            y: g,
+            rx: h,
+            ry: h,
+            width: w,
+            height: k,
+            fill: c
+          }
+        ),
+        /* @__PURE__ */ s(
+          "rect",
+          {
+            x: y + m,
+            y: g + m,
+            width: p,
+            height: b,
+            fill: a,
+            rx: h,
+            ry: h,
+            mask: `url(#nc-battery-fill-mask-${o})`
+          }
+        ),
+        /* @__PURE__ */ s(
+          "text",
+          {
+            x: y + w / 2,
+            y: u - 3,
+            fontSize: 11,
+            fontWeight: "bold",
+            fill: "var(--nc-battery-text-contrast)",
+            textAnchor: "middle",
+            children: i
+          }
+        ),
+        /* @__PURE__ */ s(
+          "rect",
+          {
+            x: l + v,
+            y: u * 0.26,
+            width: f,
+            height: u * 0.48,
+            rx: 0.8,
+            ry: 0.8,
+            fill: o === 1 ? a : c
+          }
+        ),
+        t === "charging" ? /* @__PURE__ */ s("g", { transform: `translate(${R}, ${S}) scale(${T})`, fill: a, children: /* @__PURE__ */ s("path", { d: "M10 0 L2 11 H8 L5 20 L14 8 H8 L10 0 Z" }) }) : null
       ]
     }
   );
@@ -235,13 +239,13 @@ function wt({ size: e }) {
 }
 function Ln({ checked: e, onChange: t, disabled: n, label: r, size: o = "default", labelColor: i, style: a, className: c = "" }) {
   const l = o === "small";
-  return /* @__PURE__ */ k(
+  return /* @__PURE__ */ A(
     "label",
     {
       className: `nc-checkbox-label ${l ? "nc-small" : ""} ${n ? "nc-disabled" : ""} ${c}`.trim(),
       style: a,
-      onClick: (p) => {
-        n || (p.preventDefault(), t(!e));
+      onClick: (u) => {
+        n || (u.preventDefault(), t(!e));
       },
       children: [
         /* @__PURE__ */ s(
@@ -251,8 +255,8 @@ function Ln({ checked: e, onChange: t, disabled: n, label: r, size: o = "default
             "aria-checked": e,
             tabIndex: 0,
             className: `nc-checkbox-box ${l ? "nc-small" : ""} ${e ? "nc-checked" : ""}`,
-            onKeyDown: (p) => {
-              n || (p.key === "Enter" || p.key === " ") && (p.preventDefault(), t(!e));
+            onKeyDown: (u) => {
+              n || (u.key === "Enter" || u.key === " ") && (u.preventDefault(), t(!e));
             },
             children: e && /* @__PURE__ */ s(wt, { size: o })
           }
@@ -266,7 +270,7 @@ function yt({ option: e, onChange: t, selected: n, highlighted: r, small: o }) {
   const i = W(null), { t: a } = U();
   return B(() => {
     r && i.current && i.current.scrollIntoView({ block: "nearest" });
-  }, [r]), /* @__PURE__ */ k(
+  }, [r]), /* @__PURE__ */ A(
     "div",
     {
       ref: i,
@@ -280,7 +284,7 @@ function yt({ option: e, onChange: t, selected: n, highlighted: r, small: o }) {
       },
       children: [
         e.label,
-        e.default && /* @__PURE__ */ k("span", { style: { fontSize: "0.85em", color: "var(--nc-text-weak)", marginLeft: 6 }, children: [
+        e.default && /* @__PURE__ */ A("span", { style: { fontSize: "0.85em", color: "var(--nc-text-weak)", marginLeft: 6 }, children: [
           "(",
           a("common.default"),
           ")"
@@ -299,23 +303,23 @@ function xt({
   small: a,
   highlightedIndex: c = -1
 }) {
-  const [l, p] = E({ top: 0, left: 0, width: 0 }), [f, v] = E(o), { t: d } = U();
+  const [l, u] = E({ top: 0, left: 0, width: 0 }), [f, v] = E(o), { t: d } = U();
   if (B(() => {
     if (e && i.current) {
       const y = i.current.getBoundingClientRect();
       let g = o;
       if (o === "bottom") {
-        const w = window.innerHeight - y.bottom, A = y.top;
-        w < 320 && A > w && (g = "top");
+        const w = window.innerHeight - y.bottom, k = y.top;
+        w < 320 && k > w && (g = "top");
       }
-      v(g), p({
+      v(g), u({
         top: g === "top" ? y.top - 4 : y.bottom + 4,
         left: y.left,
         width: y.width
       });
     }
   }, [e, i, o]), !e) return null;
-  const h = /* @__PURE__ */ s(
+  const m = /* @__PURE__ */ s(
     "div",
     {
       className: "nc-combo-dropdown",
@@ -332,7 +336,7 @@ function xt({
       children: t.length === 0 ? /* @__PURE__ */ s("div", { className: `nc-combo-dropdown-option nc-no-results ${a ? "nc-small" : ""}`, children: d("common.noResults") }) : t.map((y, g) => /* @__PURE__ */ s(yt, { option: y, onChange: n, selected: y.value === r, highlighted: g === c, small: a }, y.value))
     }
   );
-  return ue(h, document.body);
+  return ue(m, document.body);
 }
 function kt({ onClick: e, small: t }) {
   return /* @__PURE__ */ s(
@@ -368,18 +372,18 @@ function Bn({
   clearable: a = !0,
   allowTyping: c = !1,
   placement: l = "bottom",
-  size: p = "default",
+  size: u = "default",
   appearance: f = "default",
   textAlign: v = "left",
   style: d,
-  className: h
+  className: m
 }) {
-  const [y, g] = E(!1), [w, A] = E(""), [b, u] = E(-1), m = W(null), N = W(null), S = p === "small", { t: z } = U(), T = me(() => {
+  const [y, g] = E(!1), [w, k] = E(""), [b, p] = E(-1), h = W(null), N = W(null), C = u === "small", { t: z } = U(), T = me(() => {
     const M = w.toLowerCase();
     return c ? r.filter((L) => L.label.toLowerCase().includes(M)) : r;
   }, [r, w, c]);
   B(() => {
-    y && u(-1);
+    y && p(-1);
   }, [y, T]), B(() => {
     if (!a && !e && r.length > 0 && t) {
       const M = r.find((L) => L.default) || r[0];
@@ -388,15 +392,15 @@ function Bn({
   }, [a, e, r, t]), B(() => {
     function M(L) {
       var D;
-      L.target instanceof Node && m.current && ((D = m.current.parentElement) != null && D.contains(L.target) || g(!1));
+      L.target instanceof Node && h.current && ((D = h.current.parentElement) != null && D.contains(L.target) || g(!1));
     }
     return document.addEventListener("mousedown", M), () => document.removeEventListener("mousedown", M);
   }, []);
-  const x = r.find((M) => M.value === e), R = x && a, C = !o && !R, $ = `nc-align-${v}`, P = !(y && c) && !!x, F = (M, L = !1) => {
+  const x = r.find((M) => M.value === e), R = x && a, S = !o && !R, $ = `nc-align-${v}`, P = !(y && c) && !!x, F = (M, L = !1) => {
     var D;
-    t == null || t(M), g(!1), A(""), L && ((D = m.current) == null || D.blur());
+    t == null || t(M), g(!1), k(""), L && ((D = h.current) == null || D.blur());
   }, Z = () => {
-    t == null || t(void 0), A(""), g(!1);
+    t == null || t(void 0), k(""), g(!1);
   }, Y = (M) => {
     if (!y) {
       (M.key === "ArrowDown" || M.key === "ArrowUp") && (g(!0), M.preventDefault());
@@ -404,13 +408,13 @@ function Bn({
     }
     switch (M.key) {
       case "ArrowDown":
-        M.preventDefault(), u((L) => {
+        M.preventDefault(), p((L) => {
           const D = L + 1;
           return D >= T.length ? 0 : D;
         });
         break;
       case "ArrowUp":
-        M.preventDefault(), u((L) => {
+        M.preventDefault(), p((L) => {
           const D = L - 1;
           return D < 0 ? T.length - 1 : D;
         });
@@ -419,44 +423,44 @@ function Bn({
         M.preventDefault(), b >= 0 && b < T.length && F(T[b].value, !0);
         break;
       case "Escape":
-        M.preventDefault(), g(!1), A("");
+        M.preventDefault(), g(!1), k("");
         break;
     }
   };
-  return /* @__PURE__ */ k("div", { className: `nc-combo-container ${f === "transparent" ? "nc-transparent" : ""} ${$} ${h || ""}`.trim(), style: { position: "relative", ...d }, children: [
-    i && /* @__PURE__ */ s("span", { className: `nc-label ${S ? "nc-small" : ""}`, children: i }),
-    /* @__PURE__ */ k(
+  return /* @__PURE__ */ A("div", { className: `nc-combo-container ${f === "transparent" ? "nc-transparent" : ""} ${$} ${m || ""}`.trim(), style: { position: "relative", ...d }, children: [
+    i && /* @__PURE__ */ s("span", { className: `nc-label ${C ? "nc-small" : ""}`, children: i }),
+    /* @__PURE__ */ A(
       "div",
       {
         ref: N,
         style: { position: "relative", display: "flex", alignItems: "center" },
         onMouseDown: (M) => {
-          o || c && M.target === m.current || (g((L) => (!L && c && x && A(x.label), !L)), c && !y && setTimeout(() => {
+          o || c && M.target === h.current || (g((L) => (!L && c && x && k(x.label), !L)), c && !y && setTimeout(() => {
             var L, D;
-            (L = m.current) == null || L.focus(), (D = m.current) == null || D.select();
+            (L = h.current) == null || L.focus(), (D = h.current) == null || D.select();
           }, 0));
         },
         children: [
           /* @__PURE__ */ s(
             "input",
             {
-              ref: m,
-              className: `nc-input ${S ? "nc-small" : ""}`,
+              ref: h,
+              className: `nc-input ${C ? "nc-small" : ""}`,
               placeholder: n,
               onFocus: () => {
                 var M;
-                !o && c && (g(!0), x && (A(x.label), setTimeout(() => {
+                !o && c && (g(!0), x && (k(x.label), setTimeout(() => {
                   var L;
-                  return (L = m.current) == null ? void 0 : L.select();
-                }, 0))), c || (M = m.current) == null || M.blur();
+                  return (L = h.current) == null ? void 0 : L.select();
+                }, 0))), c || (M = h.current) == null || M.blur();
               },
-              onChange: (M) => c && A(M.target.value),
+              onChange: (M) => c && k(M.target.value),
               onKeyDown: Y,
               value: y && c ? w : (x == null ? void 0 : x.label) || "",
               readOnly: o || !c,
               style: {
                 width: "100%",
-                paddingRight: C || R ? S ? 32 : 44 : 12,
+                paddingRight: S || R ? C ? 32 : 44 : 12,
                 caretColor: c ? void 0 : "transparent",
                 cursor: c ? void 0 : "pointer",
                 userSelect: c ? void 0 : "none",
@@ -464,22 +468,22 @@ function Bn({
               }
             }
           ),
-          P && /* @__PURE__ */ k(
+          P && /* @__PURE__ */ A(
             "div",
             {
               "aria-hidden": !0,
               className: `nc-combo-overlay ${$}`,
               style: {
                 position: "absolute",
-                left: S ? 8 : 12,
-                right: C || R ? S ? 12 : 24 : S ? 8 : 12,
+                left: C ? 8 : 12,
+                right: S || R ? C ? 12 : 24 : C ? 8 : 12,
                 top: "50%",
                 transform: "translateY(-50%)",
                 pointerEvents: "none"
               },
               children: [
-                /* @__PURE__ */ s("span", { className: `nc-combo-overlay-text ${S ? "nc-small" : ""}`, children: x == null ? void 0 : x.label }),
-                (x == null ? void 0 : x.default) && /* @__PURE__ */ k("span", { className: `nc-combo-overlay-default ${S ? "nc-small" : ""}`, children: [
+                /* @__PURE__ */ s("span", { className: `nc-combo-overlay-text ${C ? "nc-small" : ""}`, children: x == null ? void 0 : x.label }),
+                (x == null ? void 0 : x.default) && /* @__PURE__ */ A("span", { className: `nc-combo-overlay-default ${C ? "nc-small" : ""}`, children: [
                   "(",
                   z("common.default"),
                   ")"
@@ -487,12 +491,12 @@ function Bn({
               ]
             }
           ),
-          R && /* @__PURE__ */ s(kt, { onClick: Z, small: S }),
-          C && /* @__PURE__ */ s(Nt, { open: y, onClick: () => g((M) => !M), small: S })
+          R && /* @__PURE__ */ s(kt, { onClick: Z, small: C }),
+          S && /* @__PURE__ */ s(Nt, { open: y, onClick: () => g((M) => !M), small: C })
         ]
       }
     ),
-    /* @__PURE__ */ s(xt, { isOpen: y, options: T, onSelect: F, selectedValue: e, placement: l, anchorRef: N, small: S, highlightedIndex: b })
+    /* @__PURE__ */ s(xt, { isOpen: y, options: T, onSelect: F, selectedValue: e, placement: l, anchorRef: N, small: C, highlightedIndex: b })
   ] });
 }
 function Dn({ onClick: e, loading: t = !1, disabled: n = !1, size: r = "default", title: o, "aria-label": i }) {
@@ -573,32 +577,32 @@ function Fn({
   anchor: o,
   preferredDirection: i = "down"
 }) {
-  const a = W(null), [c, l] = E({ top: 0, left: 0 }), p = o || (r == null ? void 0 : r.current);
+  const a = W(null), [c, l] = E({ top: 0, left: 0 }), u = o || (r == null ? void 0 : r.current);
   if (B(() => {
-    if (!e || !p || !a.current) return;
-    const d = p.getBoundingClientRect(), h = a.current.getBoundingClientRect(), y = window.innerHeight, g = window.innerWidth, w = d.bottom + 8, A = w + h.height <= y - 8;
+    if (!e || !u || !a.current) return;
+    const d = u.getBoundingClientRect(), m = a.current.getBoundingClientRect(), y = window.innerHeight, g = window.innerWidth, w = d.bottom + 8, k = w + m.height <= y - 8;
     let b = i;
-    (!A && i === "down" || i === "up" && A) && (b = "up");
-    let u;
-    b === "down" ? u = w : u = d.top - h.height - 8;
-    let m = d.left;
-    m + h.width > g - 8 && (m = d.right - h.width), l({
-      top: Math.max(8, u),
+    (!k && i === "down" || i === "up" && k) && (b = "up");
+    let p;
+    b === "down" ? p = w : p = d.top - m.height - 8;
+    let h = d.left;
+    h + m.width > g - 8 && (h = d.right - m.width), l({
+      top: Math.max(8, p),
       // Ensure minimum 8px from top
-      left: Math.max(8, m)
+      left: Math.max(8, h)
       // Ensure minimum 8px from left
     });
-  }, [e, p, i]), B(() => {
+  }, [e, u, i]), B(() => {
     if (!e) return;
     const d = (y) => {
-      a.current && !a.current.contains(y.target) && p && !p.contains(y.target) && t();
-    }, h = (y) => {
+      a.current && !a.current.contains(y.target) && u && !u.contains(y.target) && t();
+    }, m = (y) => {
       y.key === "Escape" && t();
     };
-    return document.addEventListener("mousedown", d), document.addEventListener("keydown", h), () => {
-      document.removeEventListener("mousedown", d), document.removeEventListener("keydown", h);
+    return document.addEventListener("mousedown", d), document.addEventListener("keydown", m), () => {
+      document.removeEventListener("mousedown", d), document.removeEventListener("keydown", m);
     };
-  }, [e, t, p]), !e) return null;
+  }, [e, t, u]), !e) return null;
   const f = (d) => {
     d.type !== "separator" && !d.disabled && d.onClick && (d.onClick(), t());
   }, v = n.some((d) => d.icon);
@@ -625,16 +629,16 @@ function Fn({
               },
               d.id
             );
-          const h = [
+          const m = [
             "nc-context-menu-item",
             d.variant && d.variant !== "default" ? `nc-${d.variant}` : "",
             d.disabled ? "nc-disabled" : "",
             v && !d.icon ? "nc-indented" : ""
           ].filter(Boolean).join(" ");
-          return /* @__PURE__ */ k(
+          return /* @__PURE__ */ A(
             "button",
             {
-              className: h,
+              className: m,
               onClick: () => f(d),
               disabled: d.disabled,
               role: "menuitem",
@@ -674,61 +678,61 @@ function Vn({
   footer: a,
   onOk: c,
   onSave: l,
-  onDelete: p,
+  onDelete: u,
   onCancel: f,
   onConnect: v,
   closeOnOverlay: d = !0,
-  primaryDisabled: h = !1,
+  primaryDisabled: m = !1,
   fullScreen: y = !1,
   hideTitleBar: g = !1,
   className: w = "",
-  onContentHeightChange: A
+  onContentHeightChange: k
 }) {
-  const b = W(null), u = W(null), { t: m } = U(), N = { close: t }, S = (x) => {
+  const b = W(null), p = W(null), { t: h } = U(), N = { close: t }, C = (x) => {
     d && x.target === x.currentTarget && t();
   };
   if (B(() => {
     e && b.current && b.current.focus();
   }, [e]), B(() => {
-    if (!A || !u.current) return;
+    if (!k || !p.current) return;
     const x = new ResizeObserver((R) => {
-      for (const C of R) {
-        const $ = C.contentRect.height;
-        A($);
+      for (const S of R) {
+        const $ = S.contentRect.height;
+        k($);
       }
     });
-    return x.observe(u.current), () => {
+    return x.observe(p.current), () => {
       x.disconnect();
     };
-  }, [A]), !e) return null;
+  }, [k]), !e) return null;
   const z = () => {
     switch (i) {
       case "ok":
-        return /* @__PURE__ */ s("div", { className: "nc-dialog-footer", children: /* @__PURE__ */ s(K, { variant: "primary", onClick: c ?? t, disabled: h, children: m("common.ok") }) });
+        return /* @__PURE__ */ s("div", { className: "nc-dialog-footer", children: /* @__PURE__ */ s(K, { variant: "primary", onClick: c ?? t, disabled: m, children: h("common.ok") }) });
       case "ok-cancel":
-        return /* @__PURE__ */ k("div", { className: "nc-dialog-footer", children: [
-          /* @__PURE__ */ s(ne, { onClick: f, children: m("common.cancel") }),
-          /* @__PURE__ */ s(K, { variant: "primary", onClick: c ?? t, disabled: h, children: m("common.ok") })
+        return /* @__PURE__ */ A("div", { className: "nc-dialog-footer", children: [
+          /* @__PURE__ */ s(ne, { onClick: f, children: h("common.cancel") }),
+          /* @__PURE__ */ s(K, { variant: "primary", onClick: c ?? t, disabled: m, children: h("common.ok") })
         ] });
       case "save-cancel":
-        return /* @__PURE__ */ k("div", { className: "nc-dialog-footer", children: [
-          /* @__PURE__ */ s(ne, { onClick: f, children: m("common.cancel") }),
-          /* @__PURE__ */ s(K, { variant: "primary", onClick: l, disabled: h, children: m("common.save") })
+        return /* @__PURE__ */ A("div", { className: "nc-dialog-footer", children: [
+          /* @__PURE__ */ s(ne, { onClick: f, children: h("common.cancel") }),
+          /* @__PURE__ */ s(K, { variant: "primary", onClick: l, disabled: m, children: h("common.save") })
         ] });
       case "delete-cancel":
-        return /* @__PURE__ */ k("div", { className: "nc-dialog-footer", children: [
-          /* @__PURE__ */ s(ne, { onClick: f, children: m("common.cancel") }),
-          /* @__PURE__ */ s(K, { variant: "danger", onClick: p, disabled: h, children: m("common.delete") })
+        return /* @__PURE__ */ A("div", { className: "nc-dialog-footer", children: [
+          /* @__PURE__ */ s(ne, { onClick: f, children: h("common.cancel") }),
+          /* @__PURE__ */ s(K, { variant: "danger", onClick: u, disabled: m, children: h("common.delete") })
         ] });
       case "connect":
-        return /* @__PURE__ */ k("div", { className: "nc-dialog-footer", children: [
-          /* @__PURE__ */ s(ne, { onClick: f, children: m("common.cancel") }),
-          /* @__PURE__ */ s(K, { variant: "primary", onClick: v, disabled: h, children: m("common.connect") })
+        return /* @__PURE__ */ A("div", { className: "nc-dialog-footer", children: [
+          /* @__PURE__ */ s(ne, { onClick: f, children: h("common.cancel") }),
+          /* @__PURE__ */ s(K, { variant: "primary", onClick: v, disabled: m, children: h("common.connect") })
         ] });
       case "close":
         return /* @__PURE__ */ s("div", { className: "nc-dialog-footer", children: /* @__PURE__ */ s(ne, { variant: "primary" }) });
       case "gotit":
-        return /* @__PURE__ */ s("div", { className: "nc-dialog-footer", children: /* @__PURE__ */ s(ne, { variant: "primary", children: m("common.gotit") }) });
+        return /* @__PURE__ */ s("div", { className: "nc-dialog-footer", children: /* @__PURE__ */ s(ne, { variant: "primary", children: h("common.gotit") }) });
       case "custom":
         return /* @__PURE__ */ s("div", { className: "nc-dialog-footer", children: a });
       case "none":
@@ -736,7 +740,7 @@ function Vn({
       default:
         return null;
     }
-  }, T = /* @__PURE__ */ s(Oe.Provider, { value: N, children: /* @__PURE__ */ s("div", { className: `nc-dialog-overlay${y ? " nc-fullscreen" : ""}`, onClick: S, children: /* @__PURE__ */ k(
+  }, T = /* @__PURE__ */ s(Oe.Provider, { value: N, children: /* @__PURE__ */ s("div", { className: `nc-dialog-overlay${y ? " nc-fullscreen" : ""}`, onClick: C, children: /* @__PURE__ */ A(
     "div",
     {
       ref: b,
@@ -747,18 +751,18 @@ function Vn({
       "aria-modal": "true",
       "aria-labelledby": g ? void 0 : "nc-dialog-title",
       children: [
-        !g && /* @__PURE__ */ k("div", { className: "nc-dialog-header", children: [
+        !g && /* @__PURE__ */ A("div", { className: "nc-dialog-header", children: [
           /* @__PURE__ */ s("h3", { id: "nc-dialog-title", className: "nc-dialog-title", children: n }),
           /* @__PURE__ */ s(We, { onClick: t, "aria-label": "Close dialog" })
         ] }),
-        /* @__PURE__ */ s("div", { ref: u, className: "nc-dialog-content", children: r }),
+        /* @__PURE__ */ s("div", { ref: p, className: "nc-dialog-content", children: r }),
         z()
       ]
     }
   ) }) });
   return y ? ue(T, document.body) : T;
 }
-function Ct({ onClick: e, size: t = "default", rightOffset: n = 4 }) {
+function St({ onClick: e, size: t = "default", rightOffset: n = 4 }) {
   const r = t === "small" ? 28 : 34;
   return /* @__PURE__ */ s(
     "button",
@@ -787,7 +791,7 @@ function Ct({ onClick: e, size: t = "default", rightOffset: n = 4 }) {
     }
   );
 }
-function St({ visible: e, onClick: t, size: n = "default" }) {
+function Ct({ visible: e, onClick: t, size: n = "default" }) {
   const r = n === "small" ? 28 : 34, o = n === "small" ? 16 : 18;
   return /* @__PURE__ */ s(
     "button",
@@ -825,46 +829,46 @@ function Yn({
   disabled: a,
   label: c,
   clearable: l = !0,
-  type: p = "text",
+  type: u = "text",
   className: f = "",
   size: v = "default",
   style: d,
-  leadingIcon: h,
+  leadingIcon: m,
   showPasswordToggle: y = !1,
   multiline: g = !1,
   rows: w = 3,
-  validator: A,
+  validator: k,
   showErrorMessage: b = !0
 }) {
-  const u = W(null), m = W(null), [N, S] = E(!1), [z, T] = E(!1), x = e !== void 0, [R, C] = E(t), $ = x ? e : R, P = A ? A($) : null, F = !!P, Z = p === "password", Y = Z && y && !a && !g, M = l && $ && !a && z, L = v === "small" ? 32 : 44;
+  const p = W(null), h = W(null), [N, C] = E(!1), [z, T] = E(!1), x = e !== void 0, [R, S] = E(t), $ = x ? e : R, P = k ? k($) : null, F = !!P, Z = u === "password", Y = Z && y && !a && !g, M = l && $ && !a && z, L = v === "small" ? 32 : 44;
   let D = 12;
   M && Y ? D = L * 2 : (M || Y) && (D = L);
-  const V = h ? v === "small" ? 28 : 34 : void 0, Ze = () => {
+  const V = m ? v === "small" ? 28 : 34 : void 0, Ze = () => {
     var te, ce;
-    x || C(""), n == null || n(""), o == null || o(), g ? (te = m.current) == null || te.focus() : (ce = u.current) == null || ce.focus();
-  }, Se = (te) => {
+    x || S(""), n == null || n(""), o == null || o(), g ? (te = h.current) == null || te.focus() : (ce = p.current) == null || ce.focus();
+  }, Ce = (te) => {
     te.key === "Enter" && !g && (r == null || r());
   }, $e = (te) => {
     const ce = te.target.value;
-    x || C(ce), n == null || n(ce);
+    x || S(ce), n == null || n(ce);
   }, Ie = () => {
     T(!0);
   }, Me = () => {
     T(!1);
   }, Re = `nc-input ${v === "small" ? "nc-small " : ""} ${F ? "nc-error " : ""}${f}`;
-  return /* @__PURE__ */ k("div", { className: "nc-col", style: { position: "relative", flex: 1, ...d }, children: [
+  return /* @__PURE__ */ A("div", { className: "nc-col", style: { position: "relative", flex: 1, ...d }, children: [
     c && /* @__PURE__ */ s("span", { className: "nc-label", children: c }),
-    /* @__PURE__ */ k("div", { style: { position: "relative", display: "flex", alignItems: g ? "flex-start" : "center" }, children: [
-      h && /* @__PURE__ */ s("span", { className: "nc-input-leading-icon", style: { height: g ? void 0 : "100%", top: g ? 10 : void 0 }, children: h }),
+    /* @__PURE__ */ A("div", { style: { position: "relative", display: "flex", alignItems: g ? "flex-start" : "center" }, children: [
+      m && /* @__PURE__ */ s("span", { className: "nc-input-leading-icon", style: { height: g ? void 0 : "100%", top: g ? 10 : void 0 }, children: m }),
       g ? /* @__PURE__ */ s(
         "textarea",
         {
-          ref: m,
+          ref: h,
           className: Re,
           placeholder: i,
           value: $,
           onChange: $e,
-          onKeyDown: Se,
+          onKeyDown: Ce,
           onFocus: Ie,
           onBlur: Me,
           readOnly: a,
@@ -880,13 +884,13 @@ function Yn({
       ) : /* @__PURE__ */ s(
         "input",
         {
-          ref: u,
-          type: Z && N ? "text" : p,
+          ref: p,
+          type: Z && N ? "text" : u,
           className: Re,
           placeholder: i,
           value: $,
           onChange: $e,
-          onKeyDown: Se,
+          onKeyDown: Ce,
           onFocus: Ie,
           onBlur: Me,
           readOnly: a,
@@ -899,8 +903,8 @@ function Yn({
           }
         }
       ),
-      M && /* @__PURE__ */ s(Ct, { onClick: Ze, size: v, rightOffset: Y ? L + 4 : 4 }),
-      Y && /* @__PURE__ */ s(St, { visible: N, onClick: () => S(!N), size: v })
+      M && /* @__PURE__ */ s(St, { onClick: Ze, size: v, rightOffset: Y ? L + 4 : 4 }),
+      Y && /* @__PURE__ */ s(Ct, { visible: N, onClick: () => C(!N), size: v })
     ] }),
     F && b && /* @__PURE__ */ s("span", { className: "nc-error-message", children: P })
   ] });
@@ -919,8 +923,8 @@ function Gn({
       onClick: (l) => {
         if (t) {
           if (r) {
-            const p = window.getSelection();
-            if (p && p.toString().length > 0)
+            const u = window.getSelection();
+            if (u && u.toString().length > 0)
               return;
           }
           t(l);
@@ -941,8 +945,8 @@ function Gn({
   );
 }
 function jn({ title: e, titleTools: t, children: n, style: r }) {
-  return /* @__PURE__ */ k("div", { className: "nc-list-group", style: r, children: [
-    (e || t) && /* @__PURE__ */ k("div", { className: "nc-list-group-title", children: [
+  return /* @__PURE__ */ A("div", { className: "nc-list-group", style: r, children: [
+    (e || t) && /* @__PURE__ */ A("div", { className: "nc-list-group-title", children: [
       /* @__PURE__ */ s("div", { children: e }),
       t && /* @__PURE__ */ s("div", { className: "nc-list-group-title-tools", children: t })
     ] }),
@@ -956,31 +960,31 @@ function jn({ title: e, titleTools: t, children: n, style: r }) {
   ] });
 }
 function Kn({ values: e, onChange: t, options: n, placeholder: r = "Select…", label: o }) {
-  const [i, a] = E(!1), [c, l] = E(""), p = W(null), f = me(() => n.filter((d) => d.label.toLowerCase().includes(c.toLowerCase())), [n, c]);
+  const [i, a] = E(!1), [c, l] = E(""), u = W(null), f = me(() => n.filter((d) => d.label.toLowerCase().includes(c.toLowerCase())), [n, c]);
   B(() => {
-    function d(h) {
-      !(h.target instanceof Node) || !p.current || p.current.contains(h.target) || a(!1);
+    function d(m) {
+      !(m.target instanceof Node) || !u.current || u.current.contains(m.target) || a(!1);
     }
     return document.addEventListener("mousedown", d), () => document.removeEventListener("mousedown", d);
   }, []);
   const v = (d) => {
-    e.includes(d) ? t(e.filter((h) => h !== d)) : t([...e, d]);
+    e.includes(d) ? t(e.filter((m) => m !== d)) : t([...e, d]);
   };
-  return /* @__PURE__ */ k("div", { ref: p, className: "nc-col", style: { position: "relative" }, children: [
+  return /* @__PURE__ */ A("div", { ref: u, className: "nc-col", style: { position: "relative" }, children: [
     o && /* @__PURE__ */ s("span", { className: "nc-label", children: o }),
-    /* @__PURE__ */ k("div", { className: "nc-row", style: { flexWrap: "wrap", gap: 6, minHeight: 42, alignItems: "center", border: "1px solid var(--nc-button-border)", borderRadius: 8, background: "var(--nc-button-bg)", padding: "4px 8px" }, children: [
+    /* @__PURE__ */ A("div", { className: "nc-row", style: { flexWrap: "wrap", gap: 6, minHeight: 42, alignItems: "center", border: "1px solid var(--nc-button-border)", borderRadius: 8, background: "var(--nc-button-bg)", padding: "4px 8px" }, children: [
       e.length === 0 && /* @__PURE__ */ s("span", { className: "nc-label", children: r }),
       e.map((d) => {
-        const h = n.find((y) => y.value === d);
-        return h ? /* @__PURE__ */ k("span", { style: { padding: "4px 8px", borderRadius: 6, display: "inline-flex", alignItems: "center", gap: 4, background: "var(--nc-button-bg)", border: "1px solid var(--nc-button-border)" }, children: [
-          h.label,
+        const m = n.find((y) => y.value === d);
+        return m ? /* @__PURE__ */ A("span", { style: { padding: "4px 8px", borderRadius: 6, display: "inline-flex", alignItems: "center", gap: 4, background: "var(--nc-button-bg)", border: "1px solid var(--nc-button-border)" }, children: [
+          m.label,
           /* @__PURE__ */ s(
             "button",
             {
               className: "nc-button nc-ghost",
               style: { padding: 0, minHeight: 0, height: 20, width: 20, display: "inline-flex", alignItems: "center", justifyContent: "center", border: "none" },
               onClick: () => v(d),
-              "aria-label": `Remove ${h.label}`,
+              "aria-label": `Remove ${m.label}`,
               children: "✕"
             }
           )
@@ -997,12 +1001,12 @@ function Kn({ values: e, onChange: t, options: n, placeholder: r = "Select…",
         }
       )
     ] }),
-    i && /* @__PURE__ */ k("div", { className: "nc-combo-dropdown", style: { position: "absolute", top: "100%", left: 0, right: 0, zIndex: 10, marginTop: 4, boxShadow: "0 4px 12px var(--nc-shadow)" }, children: [
+    i && /* @__PURE__ */ A("div", { className: "nc-combo-dropdown", style: { position: "absolute", top: "100%", left: 0, right: 0, zIndex: 10, marginTop: 4, boxShadow: "0 4px 12px var(--nc-shadow)" }, children: [
       f.map((d) => {
-        const h = e.includes(d.value);
-        return /* @__PURE__ */ k("div", { className: "nc-section nc-row", style: { justifyContent: "space-between", cursor: "pointer", padding: 12 }, onMouseDown: () => v(d.value), children: [
+        const m = e.includes(d.value);
+        return /* @__PURE__ */ A("div", { className: "nc-section nc-row", style: { justifyContent: "space-between", cursor: "pointer", padding: 12 }, onMouseDown: () => v(d.value), children: [
           /* @__PURE__ */ s("span", { children: d.label }),
-          /* @__PURE__ */ s("span", { children: h ? "✔️" : "" })
+          /* @__PURE__ */ s("span", { children: m ? "✔️" : "" })
         ] }, d.value);
       }),
       f.length === 0 && /* @__PURE__ */ s("div", { className: "nc-section nc-label", children: "No results" })
@@ -1049,41 +1053,41 @@ function _n({
   disabled: i = !1,
   size: a = "default"
 }) {
-  const [c, l] = E(!1), [p, f] = E(""), [v, d] = E(""), [h, y] = E({ top: 0, left: 0, width: 0, right: void 0 }), g = W(null), w = W(null);
+  const [c, l] = E(!1), [u, f] = E(""), [v, d] = E(""), [m, y] = E({ top: 0, left: 0, width: 0, right: void 0 }), g = W(null), w = W(null);
   B(() => {
     if (c && g.current) {
-      const C = g.current.getBoundingClientRect(), P = Math.max(C.width, 400);
-      window.innerWidth - C.left < P && C.right >= P ? y({
-        top: C.bottom + 4,
+      const S = g.current.getBoundingClientRect(), P = Math.max(S.width, 400);
+      window.innerWidth - S.left < P && S.right >= P ? y({
+        top: S.bottom + 4,
         left: 0,
         // Not used but type needs it, let's just use 0
-        right: window.innerWidth - C.right,
+        right: window.innerWidth - S.right,
         width: P
       }) : y({
-        top: C.bottom + 4,
-        left: C.left,
+        top: S.bottom + 4,
+        left: S.left,
         right: void 0,
         width: P
       });
     }
   }, [c]), B(() => {
     if (!c) return;
-    const C = ($) => {
+    const S = ($) => {
       g.current && !g.current.contains($.target) && w.current && !w.current.contains($.target) && l(!1);
     };
-    return document.addEventListener("mousedown", C), () => document.removeEventListener("mousedown", C);
+    return document.addEventListener("mousedown", S), () => document.removeEventListener("mousedown", S);
   }, [c]);
-  const A = () => {
+  const k = () => {
     f(e || Te()), d(t || Te()), l(!0);
   }, b = () => {
     l(!1);
-  }, u = () => {
-    const C = pe(p), $ = pe(v);
-    if (C || $)
+  }, p = () => {
+    const S = pe(u), $ = pe(v);
+    if (S || $)
       return;
-    const P = de(p), F = de(v);
+    const P = de(u), F = de(v);
     P && F && (n == null || n(P, F)), l(!1);
-  }, m = e && t ? `${Ee(e)} - ${Ee(t)}` : "Select month range", N = pe(p), S = pe(v), z = de(p), T = de(v), x = z && T && z > T, R = c ? ue(
+  }, h = e && t ? `${Ee(e)} - ${Ee(t)}` : "Select month range", N = pe(u), C = pe(v), z = de(u), T = de(v), x = z && T && z > T, R = c ? ue(
     /* @__PURE__ */ s(
       "div",
       {
@@ -1091,50 +1095,50 @@ function _n({
         className: "nc-month-range-picker-popup",
         style: {
           position: "fixed",
-          top: h.top,
-          ...h.right !== void 0 ? { right: h.right } : { left: h.left },
-          width: h.width,
+          top: m.top,
+          ...m.right !== void 0 ? { right: m.right } : { left: m.left },
+          width: m.width,
           zIndex: 1e3
         },
-        children: /* @__PURE__ */ k("div", { className: "nc-month-range-picker-content", children: [
-          /* @__PURE__ */ k("div", { className: "nc-month-range-picker-row", children: [
-            /* @__PURE__ */ k("div", { className: "nc-month-range-picker-column", children: [
+        children: /* @__PURE__ */ A("div", { className: "nc-month-range-picker-content", children: [
+          /* @__PURE__ */ A("div", { className: "nc-month-range-picker-row", children: [
+            /* @__PURE__ */ A("div", { className: "nc-month-range-picker-column", children: [
               /* @__PURE__ */ s("label", { className: "nc-label", children: "Start Month" }),
               /* @__PURE__ */ s(
                 "input",
                 {
                   type: "text",
                   className: `nc-month-input ${N ? "nc-error" : ""}`,
-                  value: p,
-                  onChange: (C) => f(C.target.value),
+                  value: u,
+                  onChange: (S) => f(S.target.value),
                   placeholder: "YY-M(M) or YYYY-M(M)"
                 }
               ),
               N && /* @__PURE__ */ s("div", { className: "nc-month-error-text", children: N })
             ] }),
-            /* @__PURE__ */ k("div", { className: "nc-month-range-picker-column", children: [
+            /* @__PURE__ */ A("div", { className: "nc-month-range-picker-column", children: [
               /* @__PURE__ */ s("label", { className: "nc-label", children: "End Month" }),
               /* @__PURE__ */ s(
                 "input",
                 {
                   type: "text",
-                  className: `nc-month-input ${S ? "nc-error" : ""}`,
+                  className: `nc-month-input ${C ? "nc-error" : ""}`,
                   value: v,
-                  onChange: (C) => d(C.target.value),
+                  onChange: (S) => d(S.target.value),
                   placeholder: "YY-M(M) or YYYY-M(M)"
                 }
               ),
-              S && /* @__PURE__ */ s("div", { className: "nc-month-error-text", children: S })
+              C && /* @__PURE__ */ s("div", { className: "nc-month-error-text", children: C })
             ] })
           ] }),
-          x && !N && !S && /* @__PURE__ */ s("div", { className: "nc-month-range-error", children: "End month must be after or equal to start month" }),
-          /* @__PURE__ */ k("div", { className: "nc-month-range-picker-footer", children: [
+          x && !N && !C && /* @__PURE__ */ s("div", { className: "nc-month-range-error", children: "End month must be after or equal to start month" }),
+          /* @__PURE__ */ A("div", { className: "nc-month-range-picker-footer", children: [
             /* @__PURE__ */ s(
               K,
               {
                 variant: "primary",
-                onClick: u,
-                disabled: !p || !v || !!N || !!S || !!x,
+                onClick: p,
+                disabled: !u || !v || !!N || !!C || !!x,
                 children: "Apply"
               }
             ),
@@ -1145,32 +1149,32 @@ function _n({
     ),
     document.body
   ) : null;
-  return /* @__PURE__ */ k("div", { className: `nc-month-range-picker ${a === "small" ? "nc-small " : ""}${o}`, children: [
+  return /* @__PURE__ */ A("div", { className: `nc-month-range-picker ${a === "small" ? "nc-small " : ""}${o}`, children: [
     r && /* @__PURE__ */ s("label", { className: `nc-label${a === "small" ? " nc-small" : ""}`, children: r }),
     /* @__PURE__ */ s(
       "button",
       {
         ref: g,
         className: `nc-month-range-picker-input${a === "small" ? " nc-small" : ""}`,
-        onClick: A,
+        onClick: k,
         disabled: i,
-        children: m
+        children: h
       }
     ),
     R
   ] });
 }
 function Un({ value: e, onChange: t, min: n, max: r, step: o = 1, label: i, disabled: a, size: c = "default" }) {
-  const l = c === "small", p = () => {
+  const l = c === "small", u = () => {
     const d = e - o;
     n !== void 0 && d < n || t(parseFloat(d.toFixed(10)));
   }, f = () => {
     const d = e + o;
     r !== void 0 && d > r || t(parseFloat(d.toFixed(10)));
   };
-  return /* @__PURE__ */ k("div", { className: `nc-col nc-number-input-col ${l ? "nc-small" : ""}`, children: [
+  return /* @__PURE__ */ A("div", { className: `nc-col nc-number-input-col ${l ? "nc-small" : ""}`, children: [
     i && /* @__PURE__ */ s("span", { className: `nc-label ${l ? "nc-small" : ""}`, children: i }),
-    /* @__PURE__ */ k("div", { className: `nc-number-input-container ${l ? "nc-small" : ""}`, children: [
+    /* @__PURE__ */ A("div", { className: `nc-number-input-container ${l ? "nc-small" : ""}`, children: [
       /* @__PURE__ */ s(
         "input",
         {
@@ -1178,8 +1182,8 @@ function Un({ value: e, onChange: t, min: n, max: r, step: o = 1, label: i, disa
           type: "number",
           value: e,
           onChange: (d) => {
-            const h = parseFloat(d.target.value);
-            isNaN(h) || n !== void 0 && h < n || r !== void 0 && h > r || t(h);
+            const m = parseFloat(d.target.value);
+            isNaN(m) || n !== void 0 && m < n || r !== void 0 && m > r || t(m);
           },
           min: n,
           max: r,
@@ -1191,7 +1195,7 @@ function Un({ value: e, onChange: t, min: n, max: r, step: o = 1, label: i, disa
         "button",
         {
           className: `nc-button nc-ghost nc-number-input-button ${l ? "nc-small" : ""}`,
-          onClick: p,
+          onClick: u,
           disabled: a || n !== void 0 && e <= n,
           children: "−"
         }
@@ -1218,15 +1222,15 @@ function qn({
   disabled: a,
   showValue: c = !0,
   formatValue: l = (f) => f.toString(),
-  width: p = 200
+  width: u = 200
 }) {
   const f = (d) => {
-    const h = parseFloat(d.target.value);
-    t(h);
+    const m = parseFloat(d.target.value);
+    t(m);
   }, v = (e - n) / (r - n) * 100;
-  return /* @__PURE__ */ k("div", { className: "nc-col", style: { gap: 6 }, children: [
+  return /* @__PURE__ */ A("div", { className: "nc-col", style: { gap: 6 }, children: [
     i && /* @__PURE__ */ s("span", { className: "nc-label", children: i }),
-    /* @__PURE__ */ k("div", { style: { display: "flex", gap: 12, alignItems: "center" }, children: [
+    /* @__PURE__ */ A("div", { style: { display: "flex", gap: 12, alignItems: "center" }, children: [
       /* @__PURE__ */ s(
         "input",
         {
@@ -1239,7 +1243,7 @@ function qn({
           step: o,
           disabled: a,
           style: {
-            width: p,
+            width: u,
             "--nc-slider-percentage": `${v}%`
           }
         }
@@ -1285,17 +1289,17 @@ function Xn({ active: e, children: t, keepMounted: n = !1, className: r = "", st
   const a = i.find((c) => c.props.tab === e);
   return /* @__PURE__ */ s("div", { className: `nc-tab-panels ${r}`, style: o, children: a });
 }
-function Jn({ tabs: e, active: t, onChange: n, onClose: r, permanentTabs: o, className: i, toolbar: a, multiline: c, orientation: l = "horizontal", style: p }) {
-  const f = W(null), [v, d] = E(!1), [h, y] = E(!1), g = l === "verticalLeft" || l === "verticalRight", w = W(!1), A = W(0), b = W(0), u = W(!1);
+function Jn({ tabs: e, active: t, onChange: n, onClose: r, permanentTabs: o, className: i, toolbar: a, multiline: c, orientation: l = "horizontal", style: u }) {
+  const f = W(null), [v, d] = E(!1), [m, y] = E(!1), g = l === "verticalLeft" || l === "verticalRight", w = W(!1), k = W(0), b = W(0), p = W(!1);
   B(() => {
     const x = () => {
       if (f.current)
         if (g) {
-          const { scrollTop: C, scrollHeight: $, clientHeight: P } = f.current;
-          d(C > 1), y(C < $ - P - 1);
+          const { scrollTop: S, scrollHeight: $, clientHeight: P } = f.current;
+          d(S > 1), y(S < $ - P - 1);
         } else {
-          const { scrollLeft: C, scrollWidth: $, clientWidth: P } = f.current;
-          d(C > 1), y(C < $ - P - 1);
+          const { scrollLeft: S, scrollWidth: $, clientWidth: P } = f.current;
+          d(S > 1), y(S < $ - P - 1);
         }
     }, R = f.current;
     if (R)
@@ -1303,46 +1307,46 @@ function Jn({ tabs: e, active: t, onChange: n, onClose: r, permanentTabs: o, cla
         R.removeEventListener("scroll", x), window.removeEventListener("resize", x);
       };
   }, [e, g]);
-  const m = (x) => {
-    f.current && (w.current = !0, u.current = !1, A.current = g ? x.clientY : x.clientX, b.current = g ? f.current.scrollTop : f.current.scrollLeft, f.current.style.cursor = "grabbing", f.current.style.userSelect = "none");
+  const h = (x) => {
+    f.current && (w.current = !0, p.current = !1, k.current = g ? x.clientY : x.clientX, b.current = g ? f.current.scrollTop : f.current.scrollLeft, f.current.style.cursor = "grabbing", f.current.style.userSelect = "none");
   }, N = (x) => {
     if (!w.current || !f.current) return;
-    const R = g ? x.clientY : x.clientX, C = A.current - R;
-    Math.abs(C) > 3 && (u.current = !0), g ? f.current.scrollTop = b.current + C : f.current.scrollLeft = b.current + C;
-  }, S = () => {
+    const R = g ? x.clientY : x.clientX, S = k.current - R;
+    Math.abs(S) > 3 && (p.current = !0), g ? f.current.scrollTop = b.current + S : f.current.scrollLeft = b.current + S;
+  }, C = () => {
     f.current && (w.current = !1, f.current.style.cursor = "", f.current.style.userSelect = "");
   }, z = () => {
-    S();
+    C();
   };
   B(() => {
     const x = f.current;
     if (!x || g) return;
-    const R = (C) => {
-      C.deltaY !== 0 && (C.preventDefault(), x.scrollLeft += C.deltaY * 0.3);
+    const R = (S) => {
+      S.deltaY !== 0 && (S.preventDefault(), x.scrollLeft += S.deltaY * 0.3);
     };
     return x.addEventListener("wheel", R, { passive: !1 }), () => {
       x.removeEventListener("wheel", R);
     };
   }, [g]);
   const T = (x) => {
-    u.current || n(x);
+    p.current || n(x);
   };
-  return /* @__PURE__ */ k("div", { className: `nc-tab-container ${g ? `nc-vertical nc-${l}` : ""} ${i || ""}`, style: p, children: [
-    /* @__PURE__ */ k("div", { className: "nc-tab-scroll-wrapper", children: [
+  return /* @__PURE__ */ A("div", { className: `nc-tab-container ${g ? `nc-vertical nc-${l}` : ""} ${i || ""}`, style: u, children: [
+    /* @__PURE__ */ A("div", { className: "nc-tab-scroll-wrapper", children: [
       v && /* @__PURE__ */ s("div", { className: `nc-tab-scroll-indicator ${g ? "nc-top" : "nc-left"}`, children: g ? /* @__PURE__ */ s($t, { size: 16 }) : /* @__PURE__ */ s(at, { size: 16 }) }),
       /* @__PURE__ */ s(
         "div",
         {
           ref: f,
           className: `nc-tab-scroll ${c ? "nc-multiline" : ""}`,
-          onMouseDown: m,
+          onMouseDown: h,
           onMouseMove: N,
-          onMouseUp: S,
+          onMouseUp: C,
           onMouseLeave: z,
           style: { cursor: "grab" },
           children: e.map((x) => {
-            const R = typeof x == "string" ? x : x.id, C = typeof x == "string" ? x : x.label, $ = r && !(o != null && o.includes(R));
-            return /* @__PURE__ */ k(
+            const R = typeof x == "string" ? x : x.id, S = typeof x == "string" ? x : x.label, $ = r && !(o != null && o.includes(R));
+            return /* @__PURE__ */ A(
               "div",
               {
                 className: `nc-tab-item ${t === R ? "nc-active" : ""} ${$ ? "nc-closable" : ""}`,
@@ -1353,21 +1357,21 @@ function Jn({ tabs: e, active: t, onChange: n, onClose: r, permanentTabs: o, cla
                   (P.key === "Enter" || P.key === " ") && n(R);
                 },
                 children: [
-                  /* @__PURE__ */ s("span", { className: "nc-tab-label", children: g ? C : typeof C == "string" ? C.toUpperCase() : C }),
+                  /* @__PURE__ */ s("span", { className: "nc-tab-label", children: g ? S : typeof S == "string" ? S.toUpperCase() : S }),
                   $ && /* @__PURE__ */ s(
                     "span",
                     {
                       className: "nc-tab-close",
                       role: "button",
                       tabIndex: 0,
-                      "aria-label": `Close ${typeof C == "string" ? C : R}`,
+                      "aria-label": `Close ${typeof S == "string" ? S : R}`,
                       onClick: (P) => {
                         P.stopPropagation(), r(R);
                       },
                       onKeyDown: (P) => {
                         (P.key === "Enter" || P.key === " ") && (P.stopPropagation(), r(R));
                       },
-                      children: /* @__PURE__ */ k("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", children: [
+                      children: /* @__PURE__ */ A("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" }),
                         /* @__PURE__ */ s("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
                       ] })
@@ -1380,13 +1384,13 @@ function Jn({ tabs: e, active: t, onChange: n, onClose: r, permanentTabs: o, cla
           })
         }
       ),
-      h && /* @__PURE__ */ s("div", { className: `nc-tab-scroll-indicator ${g ? "nc-bottom" : "nc-right"}`, children: g ? /* @__PURE__ */ s(lt, { size: 16 }) : /* @__PURE__ */ s(dt, { size: 16 }) })
+      m && /* @__PURE__ */ s("div", { className: `nc-tab-scroll-indicator ${g ? "nc-bottom" : "nc-right"}`, children: g ? /* @__PURE__ */ s(lt, { size: 16 }) : /* @__PURE__ */ s(dt, { size: 16 }) })
     ] }),
     a && /* @__PURE__ */ s("div", { className: "nc-tab-toolbar", children: a })
   ] });
 }
 function Qn({ checked: e, onChange: t, disabled: n, label: r }) {
-  return /* @__PURE__ */ k(
+  return /* @__PURE__ */ A(
     "label",
     {
       className: "nc-row",
@@ -1460,10 +1464,10 @@ function Rt(e, t, n, r) {
   let a = 0;
   for (let v = 0; v < i - 1; v++)
     a += o[v].length + 1;
-  const l = o[i - 1].split("	"), p = Math.max(1, Math.min(n, l.length));
-  for (let v = 0; v < p - 1; v++)
+  const l = o[i - 1].split("	"), u = Math.max(1, Math.min(n, l.length));
+  for (let v = 0; v < u - 1; v++)
     a += l[v].length + 1;
-  const f = Math.max(1, Math.min(r, l[p - 1].length + 1));
+  const f = Math.max(1, Math.min(r, l[u - 1].length + 1));
   return a += f - 1, a;
 }
 function Et(e, t) {
@@ -1475,27 +1479,27 @@ function Et(e, t) {
   return o;
 }
 const Zn = ft(
-  function({ value: t, onChange: n, placeholder: r, className: o, style: i, showLineNumbers: a = !1, onCursorChange: c, highlightLine: l }, p) {
+  function({ value: t, onChange: n, placeholder: r, className: o, style: i, showLineNumbers: a = !1, onCursorChange: c, highlightLine: l }, u) {
     const f = W(null), v = W(null), d = W(null);
-    ht(p, () => ({
+    ht(u, () => ({
       goToLine(b) {
-        const u = f.current;
-        if (!u) return;
-        const m = Et(t, b);
-        u.focus(), u.setSelectionRange(m, m);
-        const N = parseFloat(getComputedStyle(u).lineHeight) || 18;
-        u.scrollTop = (Math.max(1, b) - 1) * N, y(), h();
+        const p = f.current;
+        if (!p) return;
+        const h = Et(t, b);
+        p.focus(), p.setSelectionRange(h, h);
+        const N = parseFloat(getComputedStyle(p).lineHeight) || 18;
+        p.scrollTop = (Math.max(1, b) - 1) * N, y(), m();
       },
-      goToPosition(b, u, m) {
+      goToPosition(b, p, h) {
         const N = f.current;
         if (!N) return;
-        const S = Rt(t, b, u, m);
-        N.focus(), N.setSelectionRange(S, S);
+        const C = Rt(t, b, p, h);
+        N.focus(), N.setSelectionRange(C, C);
         const z = parseFloat(getComputedStyle(N).lineHeight) || 18;
-        N.scrollTop = (Math.max(1, b) - 1) * z, y(), h();
+        N.scrollTop = (Math.max(1, b) - 1) * z, y(), m();
       }
     }), [t]);
-    const h = O(() => {
+    const m = O(() => {
       if (!c || !f.current) return;
       const b = Mt(t, f.current.selectionStart);
       c(b);
@@ -1507,33 +1511,33 @@ const Zn = ft(
       if (l == null || l < 1) return;
       const b = f.current;
       if (!b) return;
-      const u = parseFloat(getComputedStyle(b).lineHeight) || 18, m = (l - 1) * u, N = m + u;
-      (m < b.scrollTop || N > b.scrollTop + b.clientHeight) && (b.scrollTop = m - b.clientHeight / 2 + u / 2), y();
+      const p = parseFloat(getComputedStyle(b).lineHeight) || 18, h = (l - 1) * p, N = h + p;
+      (h < b.scrollTop || N > b.scrollTop + b.clientHeight) && (b.scrollTop = h - b.clientHeight / 2 + p / 2), y();
     }, [l]);
     const g = me(() => t.split(`
 `).length, [t]), w = () => {
       const b = [];
-      for (let u = 1; u <= g; u++)
+      for (let p = 1; p <= g; p++)
         b.push(
-          /* @__PURE__ */ s("div", { className: `nc-csv-line-number ${l === u ? "nc-csv-highlight" : ""}`, children: u }, u)
+          /* @__PURE__ */ s("div", { className: `nc-csv-line-number ${l === p ? "nc-csv-highlight" : ""}`, children: p }, p)
         );
       return /* @__PURE__ */ s("div", { className: "nc-csv-gutter", ref: d, children: b });
-    }, A = (b) => b ? b.split(`
-`).map((m, N) => {
-      const S = m.split("	");
-      return /* @__PURE__ */ k("div", { className: `nc-csv-line ${l === N + 1 ? "nc-csv-highlight" : ""}`, children: [
-        S.map((z, T) => /* @__PURE__ */ k("span", { children: [
+    }, k = (b) => b ? b.split(`
+`).map((h, N) => {
+      const C = h.split("	");
+      return /* @__PURE__ */ A("div", { className: `nc-csv-line ${l === N + 1 ? "nc-csv-highlight" : ""}`, children: [
+        C.map((z, T) => /* @__PURE__ */ A("span", { children: [
           T > 0 && /* @__PURE__ */ s("span", { className: "nc-csv-tab-char", children: "	" }),
           /* @__PURE__ */ s("span", { style: { color: ze[T % ze.length] }, children: z })
         ] }, T)),
-        m === "" && `
+        h === "" && `
 `
       ] }, N);
     }) : null;
-    return /* @__PURE__ */ k("div", { className: `nc-csv-textarea-container ${a ? "nc-csv-with-gutter" : ""} ${o ?? ""}`, style: i, children: [
+    return /* @__PURE__ */ A("div", { className: `nc-csv-textarea-container ${a ? "nc-csv-with-gutter" : ""} ${o ?? ""}`, style: i, children: [
       a && w(),
-      /* @__PURE__ */ k("div", { className: "nc-csv-textarea-editor", children: [
-        /* @__PURE__ */ s("div", { className: "nc-csv-textarea-backdrop", ref: v, children: /* @__PURE__ */ s("pre", { className: "nc-csv-textarea-highlights", children: A(t) }) }),
+      /* @__PURE__ */ A("div", { className: "nc-csv-textarea-editor", children: [
+        /* @__PURE__ */ s("div", { className: "nc-csv-textarea-backdrop", ref: v, children: /* @__PURE__ */ s("pre", { className: "nc-csv-textarea-highlights", children: k(t) }) }),
         /* @__PURE__ */ s(
           "textarea",
           {
@@ -1541,12 +1545,12 @@ const Zn = ft(
             className: "nc-csv-textarea-input",
             value: t,
             onChange: (b) => {
-              n(b.target.value), requestAnimationFrame(h);
+              n(b.target.value), requestAnimationFrame(m);
             },
             onScroll: y,
-            onSelect: h,
-            onKeyUp: h,
-            onClick: h,
+            onSelect: m,
+            onKeyUp: m,
+            onClick: m,
             placeholder: r,
             spellCheck: !1,
             autoComplete: "off",
@@ -1618,8 +1622,8 @@ function Pt({ notification: e }) {
     "div",
     {
       className: `nc-notification nc-notification-${e.type || "info"}`,
-      children: /* @__PURE__ */ k("div", { className: "nc-notification-content", children: [
-        /* @__PURE__ */ k("div", { className: "nc-notification-body", style: { paddingRight: e.dismissible ? "8px" : "0" }, children: [
+      children: /* @__PURE__ */ A("div", { className: "nc-notification-content", children: [
+        /* @__PURE__ */ A("div", { className: "nc-notification-body", style: { paddingRight: e.dismissible ? "8px" : "0" }, children: [
           /* @__PURE__ */ s("div", { className: "nc-notification-title", children: n() }),
           /* @__PURE__ */ s("div", { className: "nc-notification-message", children: e.message })
         ] }),
@@ -1637,22 +1641,22 @@ function Pt({ notification: e }) {
 }
 function er() {
   const [e, t] = E([]), [n, r] = E(/* @__PURE__ */ new Map()), [o, i] = E(/* @__PURE__ */ new Set()), a = W(null), c = W([]);
-  return B(() => Tt((p) => {
-    const f = new Set(c.current.map((d) => d.id)), v = p.filter((d) => !f.has(d.id)).map((d) => d.id);
-    v.length > 0 ? (t(p), i(new Set(v)), requestAnimationFrame(() => {
+  return B(() => Tt((u) => {
+    const f = new Set(c.current.map((d) => d.id)), v = u.filter((d) => !f.has(d.id)).map((d) => d.id);
+    v.length > 0 ? (t(u), i(new Set(v)), requestAnimationFrame(() => {
       requestAnimationFrame(() => {
         i(/* @__PURE__ */ new Set());
       });
-    })) : t(p), c.current = p;
+    })) : t(u), c.current = u;
   }), []), B(() => {
     if (!a.current) return;
     const l = /* @__PURE__ */ new Map();
-    let p = 0;
+    let u = 0;
     const f = a.current.children;
     e.forEach((v, d) => {
-      if (l.set(v.id, p), f[d]) {
-        const h = f[d].offsetHeight;
-        v.isRemoving || (p += h + 12);
+      if (l.set(v.id, u), f[d]) {
+        const m = f[d].offsetHeight;
+        v.isRemoving || (u += m + 12);
       }
     }), r(l);
   }, [e]), /* @__PURE__ */ s(
@@ -1674,7 +1678,7 @@ function er() {
             position: "relative"
           },
           children: e.map((l) => {
-            const p = o.has(l.id), f = l.isRemoving, v = n.get(l.id) || 0;
+            const u = o.has(l.id), f = l.isRemoving, v = n.get(l.id) || 0;
             return /* @__PURE__ */ s(
               "div",
               {
@@ -1682,7 +1686,7 @@ function er() {
                   position: "absolute",
                   top: 0,
                   left: 0,
-                  transform: p ? "translateY(-120px)" : `translateY(${v}px)`,
+                  transform: u ? "translateY(-120px)" : `translateY(${v}px)`,
                   // Only animate transform when not leaving, animate opacity always
                   transition: f ? "opacity 300ms ease-out" : "transform 300ms ease-out, opacity 300ms ease-out",
                   opacity: f ? 0 : 1,
@@ -1941,7 +1945,7 @@ function Wt() {
   return e;
 }
 function Ot({ size: e = 16 }) {
-  return /* @__PURE__ */ k(
+  return /* @__PURE__ */ A(
     "svg",
     {
       width: e,
@@ -1960,8 +1964,8 @@ function Ot({ size: e = 16 }) {
   );
 }
 function Ft({ title: e, onClose: t, onBack: n, toolbar: r, hideBackButton: o }) {
-  return /* @__PURE__ */ k("div", { className: "nc-app-title-bar", children: [
-    /* @__PURE__ */ k("div", { className: "nc-app-title-bar-left", children: [
+  return /* @__PURE__ */ A("div", { className: "nc-app-title-bar", children: [
+    /* @__PURE__ */ A("div", { className: "nc-app-title-bar-left", children: [
       n && !o && /* @__PURE__ */ s(
         "button",
         {
@@ -1974,7 +1978,7 @@ function Ft({ title: e, onClose: t, onBack: n, toolbar: r, hideBackButton: o })
       ),
       /* @__PURE__ */ s("span", { className: "nc-app-title-bar-title", children: e })
     ] }),
-    /* @__PURE__ */ k("div", { className: "nc-app-title-bar-right", children: [
+    /* @__PURE__ */ A("div", { className: "nc-app-title-bar-right", children: [
       r && /* @__PURE__ */ s("div", { className: "nc-app-title-bar-toolbar", children: r }),
       /* @__PURE__ */ s(We, { onClick: t, "aria-label": "Close application" })
     ] })
@@ -1991,7 +1995,7 @@ class Vt extends ke.Component {
     console.error(`Error loading app ${this.props.appId}:`, t, n);
   }
   render() {
-    return this.state.hasError ? /* @__PURE__ */ k(
+    return this.state.hasError ? /* @__PURE__ */ A(
       "div",
       {
         style: {
@@ -2014,7 +2018,7 @@ class Vt extends ke.Component {
   }
 }
 function Ye({ appId: e, isActive: t, onClose: n }) {
-  const { t: r } = U(), o = oe.get(e), [i, a] = E(""), [c, l] = E(null), [p, f] = E(null), [v, d] = E(!1), [h, y] = E(!1);
+  const { t: r } = U(), o = oe.get(e), [i, a] = E(""), [c, l] = E(null), [u, f] = E(null), [v, d] = E(!1), [m, y] = E(!1);
   ke.useEffect(() => {
     o != null && o.titleKey && a(r(o.titleKey));
   }, [o, r]);
@@ -2022,30 +2026,30 @@ function Ye({ appId: e, isActive: t, onClose: n }) {
     a(x);
   }, []), w = O((x) => {
     l(() => x);
-  }, []), A = O(() => {
+  }, []), k = O(() => {
     l(null);
   }, []), b = O((x) => {
     f(x);
-  }, []), u = O(() => {
+  }, []), p = O(() => {
     f(null);
-  }, []), m = O((x) => {
+  }, []), h = O((x) => {
     d(x);
   }, []), N = O((x) => {
     y(x);
-  }, []), S = me(() => ({
+  }, []), C = me(() => ({
     setTitle: g,
     setBackHandler: w,
-    clearBackHandler: A,
+    clearBackHandler: k,
     setToolbar: b,
-    clearToolbar: u,
-    setHideBackButton: m,
+    clearToolbar: p,
+    setHideBackButton: h,
     setHideTitleBar: N,
     close: n
-  }), [g, w, A, b, u, m, N, n]);
+  }), [g, w, k, b, p, h, N, n]);
   if (!o)
     return null;
-  const z = o.component, T = !o.hideTitleBar && !h;
-  return /* @__PURE__ */ k(
+  const z = o.component, T = !o.hideTitleBar && !m;
+  return /* @__PURE__ */ A(
     "div",
     {
       style: {
@@ -2061,7 +2065,7 @@ function Ye({ appId: e, isActive: t, onClose: n }) {
             title: i,
             onClose: n,
             onBack: c ?? void 0,
-            toolbar: p,
+            toolbar: u,
             hideBackButton: v
           }
         ),
@@ -2078,7 +2082,7 @@ function Ye({ appId: e, isActive: t, onClose: n }) {
               backgroundColor: "var(--nc-bg-tertiary)",
               position: "relative"
             },
-            children: /* @__PURE__ */ s(Ve.Provider, { value: S, children: /* @__PURE__ */ s(Vt, { appId: e, children: /* @__PURE__ */ s(
+            children: /* @__PURE__ */ s(Ve.Provider, { value: C, children: /* @__PURE__ */ s(Vt, { appId: e, children: /* @__PURE__ */ s(
               mt,
               {
                 fallback: /* @__PURE__ */ s(
@@ -2246,25 +2250,25 @@ const Ne = "-", Yt = (e) => {
     experimentalParseClassName: n
   } = e, r = t.length === 1, o = t[0], i = t.length, a = (c) => {
     const l = [];
-    let p = 0, f = 0, v;
+    let u = 0, f = 0, v;
     for (let w = 0; w < c.length; w++) {
-      let A = c[w];
-      if (p === 0) {
-        if (A === o && (r || c.slice(w, w + i) === t)) {
+      let k = c[w];
+      if (u === 0) {
+        if (k === o && (r || c.slice(w, w + i) === t)) {
           l.push(c.slice(f, w)), f = w + i;
           continue;
         }
-        if (A === "/") {
+        if (k === "/") {
           v = w;
           continue;
         }
       }
-      A === "[" ? p++ : A === "]" && p--;
+      k === "[" ? u++ : k === "]" && u--;
     }
-    const d = l.length === 0 ? c : c.substring(f), h = d.startsWith(Ue), y = h ? d.substring(1) : d, g = v && v > f ? v - f : void 0;
+    const d = l.length === 0 ? c : c.substring(f), m = d.startsWith(Ue), y = m ? d.substring(1) : d, g = v && v > f ? v - f : void 0;
     return {
       modifiers: l,
-      hasImportantModifier: h,
+      hasImportantModifier: m,
       baseClassName: y,
       maybePostfixModifierPosition: g
     };
@@ -2293,34 +2297,34 @@ const Ne = "-", Yt = (e) => {
   } = t, i = [], a = e.trim().split(Qt);
   let c = "";
   for (let l = a.length - 1; l >= 0; l -= 1) {
-    const p = a[l], {
+    const u = a[l], {
       modifiers: f,
       hasImportantModifier: v,
       baseClassName: d,
-      maybePostfixModifierPosition: h
-    } = n(p);
-    let y = !!h, g = r(y ? d.substring(0, h) : d);
+      maybePostfixModifierPosition: m
+    } = n(u);
+    let y = !!m, g = r(y ? d.substring(0, m) : d);
     if (!g) {
       if (!y) {
-        c = p + (c.length > 0 ? " " + c : c);
+        c = u + (c.length > 0 ? " " + c : c);
         continue;
       }
       if (g = r(d), !g) {
-        c = p + (c.length > 0 ? " " + c : c);
+        c = u + (c.length > 0 ? " " + c : c);
         continue;
       }
       y = !1;
     }
-    const w = Xt(f).join(":"), A = v ? w + Ue : w, b = A + g;
+    const w = Xt(f).join(":"), k = v ? w + Ue : w, b = k + g;
     if (i.includes(b))
       continue;
     i.push(b);
-    const u = o(g, y);
-    for (let m = 0; m < u.length; ++m) {
-      const N = u[m];
-      i.push(A + N);
+    const p = o(g, y);
+    for (let h = 0; h < p.length; ++h) {
+      const N = p[h];
+      i.push(k + N);
     }
-    c = p + (c.length > 0 ? " " + c : c);
+    c = u + (c.length > 0 ? " " + c : c);
   }
   return c;
 };
@@ -2341,13 +2345,13 @@ const qe = (e) => {
 function tn(e, ...t) {
   let n, r, o, i = a;
   function a(l) {
-    const p = t.reduce((f, v) => v(f), e());
-    return n = Jt(p), r = n.cache.get, o = n.cache.set, i = c, c(l);
+    const u = t.reduce((f, v) => v(f), e());
+    return n = Jt(u), r = n.cache.get, o = n.cache.set, i = c, c(l);
   }
   function c(l) {
-    const p = r(l);
-    if (p)
-      return p;
+    const u = r(l);
+    if (u)
+      return u;
     const f = Zt(l, n);
     return o(l, f), f;
   }
@@ -2367,7 +2371,7 @@ const H = (e) => {
   // I could also use lookbehind assertion in `lengthUnitRegex` but that isn't supported widely enough.
   sn.test(e) && !cn.test(e)
 ), Je = () => !1, vn = (e) => an.test(e), wn = (e) => ln.test(e), yn = () => {
-  const e = H("colors"), t = H("spacing"), n = H("blur"), r = H("brightness"), o = H("borderColor"), i = H("borderRadius"), a = H("borderSpacing"), c = H("borderWidth"), l = H("contrast"), p = H("grayscale"), f = H("hueRotate"), v = H("invert"), d = H("gap"), h = H("gradientColorStops"), y = H("gradientColorStopPositions"), g = H("inset"), w = H("margin"), A = H("opacity"), b = H("padding"), u = H("saturate"), m = H("scale"), N = H("sepia"), S = H("skew"), z = H("space"), T = H("translate"), x = () => ["auto", "contain", "none"], R = () => ["auto", "hidden", "clip", "visible", "scroll"], C = () => ["auto", I, t], $ = () => [I, t], P = () => ["", j, X], F = () => ["auto", re, I], Z = () => ["bottom", "center", "left", "left-bottom", "left-top", "right", "right-bottom", "right-top", "top"], Y = () => ["solid", "dashed", "dotted", "double", "none"], M = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], L = () => ["start", "end", "center", "between", "around", "evenly", "stretch"], D = () => ["", "0", I], ge = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], V = () => [re, I];
+  const e = H("colors"), t = H("spacing"), n = H("blur"), r = H("brightness"), o = H("borderColor"), i = H("borderRadius"), a = H("borderSpacing"), c = H("borderWidth"), l = H("contrast"), u = H("grayscale"), f = H("hueRotate"), v = H("invert"), d = H("gap"), m = H("gradientColorStops"), y = H("gradientColorStopPositions"), g = H("inset"), w = H("margin"), k = H("opacity"), b = H("padding"), p = H("saturate"), h = H("scale"), N = H("sepia"), C = H("skew"), z = H("space"), T = H("translate"), x = () => ["auto", "contain", "none"], R = () => ["auto", "hidden", "clip", "visible", "scroll"], S = () => ["auto", I, t], $ = () => [I, t], P = () => ["", j, X], F = () => ["auto", re, I], Z = () => ["bottom", "center", "left", "left-bottom", "left-top", "right", "right-bottom", "right-top", "top"], Y = () => ["solid", "dashed", "dotted", "double", "none"], M = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], L = () => ["start", "end", "center", "between", "around", "evenly", "stretch"], D = () => ["", "0", I], ge = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], V = () => [re, I];
   return {
     cacheSize: 500,
     separator: ":",
@@ -2387,8 +2391,8 @@ const H = (e) => {
       gap: $(),
       gradientColorStops: [e],
       gradientColorStopPositions: [dn, X],
-      inset: C(),
-      margin: C(),
+      inset: S(),
+      margin: S(),
       opacity: V(),
       padding: $(),
       saturate: V(),
@@ -2620,7 +2624,7 @@ const H = (e) => {
        * @see https://tailwindcss.com/docs/flex-basis
        */
       basis: [{
-        basis: C()
+        basis: S()
       }],
       /**
        * Flex Direction
@@ -3149,7 +3153,7 @@ const H = (e) => {
        * @see https://tailwindcss.com/docs/placeholder-opacity
        */
       "placeholder-opacity": [{
-        "placeholder-opacity": [A]
+        "placeholder-opacity": [k]
       }],
       /**
        * Text Alignment
@@ -3170,7 +3174,7 @@ const H = (e) => {
        * @see https://tailwindcss.com/docs/text-opacity
        */
       "text-opacity": [{
-        "text-opacity": [A]
+        "text-opacity": [k]
       }],
       /**
        * Text Decoration
@@ -3285,7 +3289,7 @@ const H = (e) => {
        * @see https://tailwindcss.com/docs/background-opacity
        */
       "bg-opacity": [{
-        "bg-opacity": [A]
+        "bg-opacity": [k]
       }],
       /**
        * Background Origin
@@ -3359,21 +3363,21 @@ const H = (e) => {
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-from": [{
-        from: [h]
+        from: [m]
       }],
       /**
        * Gradient Color Stops Via
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-via": [{
-        via: [h]
+        via: [m]
       }],
       /**
        * Gradient Color Stops To
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-to": [{
-        to: [h]
+        to: [m]
       }],
       // Borders
       /**
@@ -3549,7 +3553,7 @@ const H = (e) => {
        * @see https://tailwindcss.com/docs/border-opacity
        */
       "border-opacity": [{
-        "border-opacity": [A]
+        "border-opacity": [k]
       }],
       /**
        * Border Style
@@ -3587,7 +3591,7 @@ const H = (e) => {
        * @see https://tailwindcss.com/docs/divide-opacity
        */
       "divide-opacity": [{
-        "divide-opacity": [A]
+        "divide-opacity": [k]
       }],
       /**
        * Divide Style
@@ -3718,7 +3722,7 @@ const H = (e) => {
        * @see https://tailwindcss.com/docs/ring-opacity
        */
       "ring-opacity": [{
-        "ring-opacity": [A]
+        "ring-opacity": [k]
       }],
       /**
        * Ring Offset Width
@@ -3754,7 +3758,7 @@ const H = (e) => {
        * @see https://tailwindcss.com/docs/opacity
        */
       opacity: [{
-        opacity: [A]
+        opacity: [k]
       }],
       /**
        * Mix Blend Mode
@@ -3812,7 +3816,7 @@ const H = (e) => {
        * @see https://tailwindcss.com/docs/grayscale
        */
       grayscale: [{
-        grayscale: [p]
+        grayscale: [u]
       }],
       /**
        * Hue Rotate
@@ -3833,7 +3837,7 @@ const H = (e) => {
        * @see https://tailwindcss.com/docs/saturate
        */
       saturate: [{
-        saturate: [u]
+        saturate: [p]
       }],
       /**
        * Sepia
@@ -3876,7 +3880,7 @@ const H = (e) => {
        * @see https://tailwindcss.com/docs/backdrop-grayscale
        */
       "backdrop-grayscale": [{
-        "backdrop-grayscale": [p]
+        "backdrop-grayscale": [u]
       }],
       /**
        * Backdrop Hue Rotate
@@ -3897,14 +3901,14 @@ const H = (e) => {
        * @see https://tailwindcss.com/docs/backdrop-opacity
        */
       "backdrop-opacity": [{
-        "backdrop-opacity": [A]
+        "backdrop-opacity": [k]
       }],
       /**
        * Backdrop Saturate
        * @see https://tailwindcss.com/docs/backdrop-saturate
        */
       "backdrop-saturate": [{
-        "backdrop-saturate": [u]
+        "backdrop-saturate": [p]
       }],
       /**
        * Backdrop Sepia
@@ -4005,21 +4009,21 @@ const H = (e) => {
        * @see https://tailwindcss.com/docs/scale
        */
       scale: [{
-        scale: [m]
+        scale: [h]
       }],
       /**
        * Scale X
        * @see https://tailwindcss.com/docs/scale
        */
       "scale-x": [{
-        "scale-x": [m]
+        "scale-x": [h]
       }],
       /**
        * Scale Y
        * @see https://tailwindcss.com/docs/scale
        */
       "scale-y": [{
-        "scale-y": [m]
+        "scale-y": [h]
       }],
       /**
        * Rotate
@@ -4047,14 +4051,14 @@ const H = (e) => {
        * @see https://tailwindcss.com/docs/skew
        */
       "skew-x": [{
-        "skew-x": [S]
+        "skew-x": [C]
       }],
       /**
        * Skew Y
        * @see https://tailwindcss.com/docs/skew
        */
       "skew-y": [{
-        "skew-y": [S]
+        "skew-y": [C]
       }],
       /**
        * Transform Origin
@@ -4402,8 +4406,8 @@ function kn(...e) {
 function or({ autoWidth: e = !0, className: t, style: n }) {
   const [r, o] = E(() => _.getActiveAppId()), [i, a] = E(() => G.getRunningApps()), { isMobile: c } = Ke();
   B(() => {
-    const w = _.subscribe("activeAppId", (A) => {
-      o(A);
+    const w = _.subscribe("activeAppId", (k) => {
+      o(k);
     });
     return () => {
       w();
@@ -4418,7 +4422,7 @@ function or({ autoWidth: e = !0, className: t, style: n }) {
   }, []);
   const l = (w) => {
     G.closeApp(w);
-  }, p = r ? oe.get(r) : null, v = (p == null ? void 0 : p.width) ?? 400, d = r !== null, g = { ...{
+  }, u = r ? oe.get(r) : null, v = (u == null ? void 0 : u.width) ?? 400, d = r !== null, g = { ...{
     overflow: "hidden",
     display: d ? "flex" : "none",
     flexDirection: "column",
@@ -4443,21 +4447,21 @@ function sr({
   side: r = "left",
   getBadge: o
 }) {
-  const { t: i } = U(), { isMobile: a } = Ke(), [c, l] = E(() => _.getActiveAppId()), [p, f] = E(() => G.getRunningApps());
+  const { t: i } = U(), { isMobile: a } = Ke(), [c, l] = E(() => _.getActiveAppId()), [u, f] = E(() => G.getRunningApps());
   B(() => {
-    const u = _.subscribe("activeAppId", (m) => {
-      l(m);
+    const p = _.subscribe("activeAppId", (h) => {
+      l(h);
     });
     return () => {
-      u();
+      p();
     };
   }, []), B(() => G.subscribe(() => {
     f(G.getRunningApps());
   }), []);
-  const v = (u) => {
-    c === u ? G.setActiveApp(null) : G.launchApp(u);
-  }, d = e.map((u) => oe.get(u)).filter((u) => !!u), h = p.filter((u) => !e.includes(u.appId)).map((u) => ({ running: u, def: oe.get(u.appId) })).filter((u) => !!u.def), y = (u) => p.some((m) => m.appId === u), g = (u) => u.titleKey ? String(i(u.titleKey)) : u.id, w = (u) => typeof u == "number" && u > 99 ? "99+" : u, A = (u, m) => {
-    const N = o == null ? void 0 : o(u, m);
+  const v = (p) => {
+    c === p ? G.setActiveApp(null) : G.launchApp(p);
+  }, d = e.map((p) => oe.get(p)).filter((p) => !!p), m = u.filter((p) => !e.includes(p.appId)).map((p) => ({ running: p, def: oe.get(p.appId) })).filter((p) => !!p.def), y = (p) => u.some((h) => h.appId === p), g = (p) => p.titleKey ? String(i(p.titleKey)) : p.id, w = (p) => typeof p == "number" && p > 99 ? "99+" : p, k = (p, h) => {
+    const N = o == null ? void 0 : o(p, h);
     return N ? /* @__PURE__ */ s(
       "span",
       {
@@ -4467,40 +4471,40 @@ function sr({
       }
     ) : null;
   }, b = a ? 24 : 28;
-  return /* @__PURE__ */ k("div", { className: `nc-app-taskbar ${a ? "nc-mobile" : "nc-desktop"} nc-${r} ${t}`, children: [
-    d.map((u) => {
-      const m = u.icon, N = c === u.id, S = y(u.id), z = { isActive: N, isRunning: S, isPinned: !0 };
-      return /* @__PURE__ */ k(
+  return /* @__PURE__ */ A("div", { className: `nc-app-taskbar ${a ? "nc-mobile" : "nc-desktop"} nc-${r} ${t}`, children: [
+    d.map((p) => {
+      const h = p.icon, N = c === p.id, C = y(p.id), z = { isActive: N, isRunning: C, isPinned: !0 };
+      return /* @__PURE__ */ A(
         "button",
         {
-          className: `nc-app-taskbar-button ${N ? "nc-active" : ""} ${S ? "nc-running" : ""}`,
-          onClick: () => v(u.id),
-          title: g(u),
+          className: `nc-app-taskbar-button ${N ? "nc-active" : ""} ${C ? "nc-running" : ""}`,
+          onClick: () => v(p.id),
+          title: g(p),
           children: [
-            /* @__PURE__ */ s(m, { size: b }),
-            A(u, z),
-            n && S && /* @__PURE__ */ s("span", { className: "nc-app-taskbar-indicator" })
+            /* @__PURE__ */ s(h, { size: b }),
+            k(p, z),
+            n && C && /* @__PURE__ */ s("span", { className: "nc-app-taskbar-indicator" })
           ]
         },
-        u.id
+        p.id
       );
     }),
-    h.length > 0 && /* @__PURE__ */ s("div", { className: "nc-app-taskbar-separator" }),
-    h.map(({ running: u, def: m }) => {
-      const N = m.icon, S = c === u.appId, z = { isActive: S, isRunning: !0, isPinned: !1 };
-      return /* @__PURE__ */ k(
+    m.length > 0 && /* @__PURE__ */ s("div", { className: "nc-app-taskbar-separator" }),
+    m.map(({ running: p, def: h }) => {
+      const N = h.icon, C = c === p.appId, z = { isActive: C, isRunning: !0, isPinned: !1 };
+      return /* @__PURE__ */ A(
         "button",
         {
-          className: `nc-app-taskbar-button ${S ? "nc-active" : ""} nc-running`,
-          onClick: () => v(u.appId),
-          title: g(m),
+          className: `nc-app-taskbar-button ${C ? "nc-active" : ""} nc-running`,
+          onClick: () => v(p.appId),
+          title: g(h),
           children: [
             /* @__PURE__ */ s(N, { size: b }),
-            A(m, z),
+            k(h, z),
             n && /* @__PURE__ */ s("span", { className: "nc-app-taskbar-indicator" })
           ]
         },
-        u.appId
+        p.appId
       );
     })
   ] });
@@ -4555,55 +4559,55 @@ function ar() {
     throw new Error("useNavView must be used within NavStack");
   return e;
 }
-const Ce = se(null);
+const Se = se(null);
 function lr({ rootView: e, children: t }) {
-  const { t: n } = U(), r = Wt(), [o, i] = E([e]), [a, c] = E([null]), l = O((m, N) => {
-    c((S) => {
-      const z = [...S];
-      return z[m] = N, z;
+  const { t: n } = U(), r = Wt(), [o, i] = E([e]), [a, c] = E([null]), l = O((h, N) => {
+    c((C) => {
+      const z = [...C];
+      return z[h] = N, z;
     });
-  }, []), p = O((m) => {
+  }, []), u = O((h) => {
     c((N) => {
-      const S = [...N];
-      return S[m] = null, S;
+      const C = [...N];
+      return C[h] = null, C;
     });
-  }, []), f = O((m) => {
-    i((N) => [...N, m]), c((N) => [...N, null]);
+  }, []), f = O((h) => {
+    i((N) => [...N, h]), c((N) => [...N, null]);
   }, []), v = O(() => {
-    i((m) => m.length <= 1 ? m : m.slice(0, -1)), c((m) => m.slice(0, -1));
+    i((h) => h.length <= 1 ? h : h.slice(0, -1)), c((h) => h.slice(0, -1));
   }, []), d = O(() => {
     i([e]), c([null]);
-  }, [e]), h = o.length, y = h > 1, g = o.length - 1, w = o[o.length - 1], A = w != null && w.titleKey ? n(w.titleKey) : (w == null ? void 0 : w.title) ?? "";
+  }, [e]), m = o.length, y = m > 1, g = o.length - 1, w = o[o.length - 1], k = w != null && w.titleKey ? n(w.titleKey) : (w == null ? void 0 : w.title) ?? "";
   B(() => {
-    r.setTitle(A);
-  }, [A, r]), B(() => {
+    r.setTitle(k);
+  }, [k, r]), B(() => {
     y ? r.setBackHandler(v) : r.clearBackHandler();
   }, [y, v, r]), B(() => {
-    const m = a[a.length - 1];
-    m ? r.setToolbar(m) : r.clearToolbar();
+    const h = a[a.length - 1];
+    h ? r.setToolbar(h) : r.clearToolbar();
   }, [a, r]);
   const b = {
     push: f,
     pop: v,
     reset: d,
-    depth: h,
+    depth: m,
     canGoBack: y,
-    currentTitle: A
-  }, u = {
+    currentTitle: k
+  }, p = {
     stack: o,
     toolbarStack: a,
     updateToolbar: l,
-    clearToolbarAt: p,
+    clearToolbarAt: u,
     topIndex: g
   };
-  return /* @__PURE__ */ s(Ae.Provider, { value: b, children: /* @__PURE__ */ s(Ce.Provider, { value: u, children: t }) });
+  return /* @__PURE__ */ s(Ae.Provider, { value: b, children: /* @__PURE__ */ s(Se.Provider, { value: p, children: t }) });
 }
 function Nn({ index: e, children: t }) {
-  const n = Q(Ce);
+  const n = Q(Se);
   if (!n)
     throw new Error("NavViewProvider must be used within NavStackProvider");
-  const { updateToolbar: r, clearToolbarAt: o, topIndex: i } = n, a = O((p) => {
-    e === i && r(e, p);
+  const { updateToolbar: r, clearToolbarAt: o, topIndex: i } = n, a = O((u) => {
+    e === i && r(e, u);
   }, [e, i, r]), c = O(() => {
     e === i && o(e);
   }, [e, i, o]), l = {
@@ -4613,7 +4617,7 @@ function Nn({ index: e, children: t }) {
   return /* @__PURE__ */ s(Qe.Provider, { value: l, children: t });
 }
 function dr() {
-  const e = Q(Ae), t = Q(Ce);
+  const e = Q(Ae), t = Q(Se);
   if (!e || !t)
     throw new Error("NavStackContainer must be used within a NavStackProvider");
   const { stack: n } = t;