@kingsimba/nc-ui 0.1.15 → 0.1.16

package/dist/index.js

@@ -2,7 +2,7 @@ var Je = Object.defineProperty;
 var Qe = (e, t, n) => t in e ? Je(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var _ = (e, t, n) => Qe(e, typeof t != "symbol" ? t + "" : t, n);
 import { jsx as s, jsxs as y } from "react/jsx-runtime";
-import xe, { useState as T, useRef as W, useMemo as ge, useEffect as L, createContext as se, useContext as X, Children as Ze, isValidElement as et, forwardRef as tt, useImperativeHandle as nt, useCallback as O, Suspense as rt } from "react";
+import xe, { useState as T, useRef as W, useMemo as ge, useEffect as B, createContext as se, useContext as X, Children as Ze, isValidElement as et, forwardRef as tt, useImperativeHandle as nt, useCallback as O, Suspense as rt } from "react";
 import { createPortal as pe } from "react-dom";
 import { useTranslation as J } from "react-i18next";
 import { d as Le, E as ot, R as st, T as it, g as ct, V as at, b as lt, a as dt, c as ut } from "./GeneratedIcons-HFZmBTBT.js";
@@ -37,8 +37,8 @@ function Be({
   );
   return n ? /* @__PURE__ */ s("div", { className: "nc-activity-indicator-overlay", children: o }) : o;
 }
-function Y({ variant: e = "default", block: t, size: n = "default", className: r, disabled: o, textSelectable: i, loading: l, onClick: a, children: d, ...f }) {
-  const u = [
+function Y({ variant: e = "default", block: t, size: n = "default", className: r, disabled: o, textSelectable: i, loading: l, onClick: a, children: d, ...p }) {
+  const f = [
     "nc-button",
     e !== "default" ? `nc-${e}` : "",
     t ? "nc-block" : "",
@@ -52,19 +52,19 @@ function Y({ variant: e = "default", block: t, size: n = "default", className: r
   return /* @__PURE__ */ y(
     "button",
     {
-      className: u,
+      className: f,
       disabled: o || l,
       onClick: (c) => {
         if (!l) {
           if (i) {
-            const p = window.getSelection();
-            if (p && p.toString().length > 0)
+            const u = window.getSelection();
+            if (u && u.toString().length > 0)
               return;
           }
           a == null || a(c);
         }
       },
-      ...f,
+      ...p,
       children: [
         l && /* @__PURE__ */ s(
           Be,
@@ -105,7 +105,7 @@ function In({
   const o = Math.max(0, Math.min(1, Number(e) || 0));
   let i;
   r ? o < 0.1 ? i = "var(--nc-danger)" : o < 0.2 ? i = "var(--nc-warning)" : i = "var(--nc-success)" : i = n ? "#ffffff" : "#000000";
-  const l = n ? "rgba(255, 255, 255, 0.5)" : "rgba(0, 0, 0, 0.2)", a = 24, d = 14, f = 2, u = 0, w = 12, c = 0, p = 0, b = 0, g = a, v = d, N = v - c * 2, h = g - c * 2, k = Math.max(1, Math.min(4, v / 4)), m = o === 0 ? 0 : 0.05 + o * 0.95, S = a + f + w, E = 20, I = 0.65, z = Math.max(d, E * I), x = a + f + 1, A = (d - E * I) / 2;
+  const l = n ? "rgba(255, 255, 255, 0.5)" : "rgba(0, 0, 0, 0.2)", a = 24, d = 14, p = 2, f = 0, g = 12, c = 0, u = 0, w = 0, m = a, v = d, N = v - c * 2, h = m - c * 2, k = Math.max(1, Math.min(4, v / 4)), b = o === 0 ? 0 : 0.05 + o * 0.95, S = a + p + g, R = 20, I = 0.65, z = Math.max(d, R * I), x = a + p + 1, E = (d - R * I) / 2;
   return /* @__PURE__ */ y(
     "svg",
     {
@@ -117,21 +117,21 @@ function In({
       "aria-label": `Battery ${o === 0 ? "-" : Math.round(o * 100) + "%"} ${t}`,
       children: [
         /* @__PURE__ */ y("defs", { children: [
-          /* @__PURE__ */ s("mask", { id: `nc-battery-fill-mask-${o}`, children: /* @__PURE__ */ s("rect", { x: "0", y: "0", width: h * m, height: N, fill: "white" }) }),
+          /* @__PURE__ */ s("mask", { id: `nc-battery-fill-mask-${o}`, children: /* @__PURE__ */ s("rect", { x: "0", y: "0", width: h * b, height: N, fill: "white" }) }),
           /* @__PURE__ */ y("mask", { id: `nc-battery-text-mask-${o}`, children: [
             /* @__PURE__ */ s("rect", { x: "0", y: "0", width: S, height: z, fill: "white" }),
-            /* @__PURE__ */ s("text", { x: p + g / 2, y: d - 3, fontSize: 11, fontWeight: "bold", fill: "black", textAnchor: "middle", children: o === 0 ? "-" : Math.round(o * 100) })
+            /* @__PURE__ */ s("text", { x: u + m / 2, y: d - 3, fontSize: 11, fontWeight: "bold", fill: "black", textAnchor: "middle", children: o === 0 ? "-" : Math.round(o * 100) })
           ] })
         ] }),
         /* @__PURE__ */ y("g", { mask: `url(#nc-battery-text-mask-${o})`, children: [
           /* @__PURE__ */ s(
             "rect",
             {
-              x: p,
-              y: b,
+              x: u,
+              y: w,
               rx: k,
               ry: k,
-              width: g,
+              width: m,
               height: v,
               fill: l
             }
@@ -139,8 +139,8 @@ function In({
           /* @__PURE__ */ s(
             "rect",
             {
-              x: p + c,
-              y: b + c,
+              x: u + c,
+              y: w + c,
               width: h,
               height: N,
               fill: i,
@@ -152,16 +152,16 @@ function In({
           /* @__PURE__ */ s(
             "rect",
             {
-              x: a + u,
+              x: a + f,
               y: d * 0.26,
-              width: f,
+              width: p,
               height: d * 0.48,
               rx: 0.8,
               ry: 0.8,
               fill: o === 1 ? i : l
             }
           ),
-          t === "charging" ? /* @__PURE__ */ s("g", { transform: `translate(${x}, ${A}) scale(${I})`, fill: i, children: /* @__PURE__ */ s("path", { d: "M10 0 L2 11 H8 L5 20 L14 8 H8 L10 0 Z" }) }) : null
+          t === "charging" ? /* @__PURE__ */ s("g", { transform: `translate(${x}, ${E}) scale(${I})`, fill: i, children: /* @__PURE__ */ s("path", { d: "M10 0 L2 11 H8 L5 20 L14 8 H8 L10 0 Z" }) }) : null
         ] })
       ]
     }
@@ -205,8 +205,8 @@ function $n({ checked: e, onChange: t, disabled: n, label: r, size: o = "default
     {
       className: `nc-checkbox-label ${d ? "nc-small" : ""} ${n ? "nc-disabled" : ""} ${a}`.trim(),
       style: l,
-      onClick: (f) => {
-        n || (f.preventDefault(), t(!e));
+      onClick: (p) => {
+        n || (p.preventDefault(), t(!e));
       },
       children: [
         /* @__PURE__ */ s(
@@ -216,8 +216,8 @@ function $n({ checked: e, onChange: t, disabled: n, label: r, size: o = "default
             "aria-checked": e,
             tabIndex: 0,
             className: `nc-checkbox-box ${d ? "nc-small" : ""} ${e ? "nc-checked" : ""}`,
-            onKeyDown: (f) => {
-              n || (f.key === "Enter" || f.key === " ") && (f.preventDefault(), t(!e));
+            onKeyDown: (p) => {
+              n || (p.key === "Enter" || p.key === " ") && (p.preventDefault(), t(!e));
             },
             children: e && /* @__PURE__ */ s(ht, { size: o })
           }
@@ -229,7 +229,7 @@ function $n({ checked: e, onChange: t, disabled: n, label: r, size: o = "default
 }
 function mt({ option: e, onChange: t, selected: n, highlighted: r, small: o }) {
   const i = W(null), { t: l } = J();
-  return L(() => {
+  return B(() => {
     r && i.current && i.current.scrollIntoView({ block: "nearest" });
   }, [r]), /* @__PURE__ */ y(
     "div",
@@ -264,40 +264,40 @@ function gt({
   small: l,
   highlightedIndex: a = -1
 }) {
-  const [d, f] = T({ top: 0, left: 0, width: 0 }), [u, w] = T(o), { t: c } = J();
-  if (L(() => {
+  const [d, p] = T({ top: 0, left: 0, width: 0 }), [f, g] = T(o), { t: c } = J();
+  if (B(() => {
     if (e && i.current) {
-      const b = i.current.getBoundingClientRect();
-      let g = o;
+      const w = i.current.getBoundingClientRect();
+      let m = o;
       if (o === "bottom") {
-        const v = window.innerHeight - b.bottom, N = b.top;
-        v < 320 && N > v && (g = "top");
+        const v = window.innerHeight - w.bottom, N = w.top;
+        v < 320 && N > v && (m = "top");
       }
-      w(g), f({
-        top: g === "top" ? b.top - 4 : b.bottom + 4,
-        left: b.left,
-        width: b.width
+      g(m), p({
+        top: m === "top" ? w.top - 4 : w.bottom + 4,
+        left: w.left,
+        width: w.width
       });
     }
   }, [e, i, o]), !e) return null;
-  const p = /* @__PURE__ */ s(
+  const u = /* @__PURE__ */ s(
     "div",
     {
       className: "nc-combo-dropdown",
       style: {
         position: "fixed",
-        top: u === "top" ? void 0 : d.top,
-        bottom: u === "top" ? window.innerHeight - d.top : void 0,
+        top: f === "top" ? void 0 : d.top,
+        bottom: f === "top" ? window.innerHeight - d.top : void 0,
         left: d.left,
         width: d.width,
         zIndex: 1e3,
         maxHeight: 300,
         overflowY: "auto"
       },
-      children: t.length === 0 ? /* @__PURE__ */ s("div", { className: `nc-combo-dropdown-option nc-no-results ${l ? "nc-small" : ""}`, children: c("common.noResults") }) : t.map((b, g) => /* @__PURE__ */ s(mt, { option: b, onChange: n, selected: b.value === r, highlighted: g === a, small: l }, b.value))
+      children: t.length === 0 ? /* @__PURE__ */ s("div", { className: `nc-combo-dropdown-option nc-no-results ${l ? "nc-small" : ""}`, children: c("common.noResults") }) : t.map((w, m) => /* @__PURE__ */ s(mt, { option: w, onChange: n, selected: w.value === r, highlighted: m === a, small: l }, w.value))
     }
   );
-  return pe(p, document.body);
+  return pe(u, document.body);
 }
 function bt({ onClick: e, small: t }) {
   return /* @__PURE__ */ s(
@@ -333,68 +333,68 @@ function Rn({
   clearable: l = !0,
   allowTyping: a = !1,
   placement: d = "bottom",
-  size: f = "default",
-  style: u,
-  className: w
+  size: p = "default",
+  style: f,
+  className: g
 }) {
-  const [c, p] = T(!1), [b, g] = T(""), [v, N] = T(-1), h = W(null), k = W(null), m = f === "small", { t: S } = J(), E = ge(() => {
-    const R = b.toLowerCase();
-    return a ? r.filter((P) => P.label.toLowerCase().includes(R)) : r;
-  }, [r, b, a]);
-  L(() => {
+  const [c, u] = T(!1), [w, m] = T(""), [v, N] = T(-1), h = W(null), k = W(null), b = p === "small", { t: S } = J(), R = ge(() => {
+    const $ = w.toLowerCase();
+    return a ? r.filter((P) => P.label.toLowerCase().includes($)) : r;
+  }, [r, w, a]);
+  B(() => {
     c && N(-1);
-  }, [c, E]), L(() => {
+  }, [c, R]), B(() => {
     if (!l && !e && r.length > 0 && t) {
-      const R = r.find((P) => P.default) || r[0];
-      t(R.value);
+      const $ = r.find((P) => P.default) || r[0];
+      t($.value);
     }
-  }, [l, e, r, t]), L(() => {
-    function R(P) {
+  }, [l, e, r, t]), B(() => {
+    function $(P) {
       var H;
-      P.target instanceof Node && h.current && ((H = h.current.parentElement) != null && H.contains(P.target) || p(!1));
+      P.target instanceof Node && h.current && ((H = h.current.parentElement) != null && H.contains(P.target) || u(!1));
     }
-    return document.addEventListener("mousedown", R), () => document.removeEventListener("mousedown", R);
+    return document.addEventListener("mousedown", $), () => document.removeEventListener("mousedown", $);
   }, []);
-  const I = r.find((R) => R.value === e), z = I && l, x = !o && !z, A = !(c && a) && !!I, $ = (R, P = !1) => {
+  const I = r.find(($) => $.value === e), z = I && l, x = !o && !z, E = !(c && a) && !!I, A = ($, P = !1) => {
     var H;
-    t == null || t(R), p(!1), g(""), P && ((H = h.current) == null || H.blur());
+    t == null || t($), u(!1), m(""), P && ((H = h.current) == null || H.blur());
   }, C = () => {
-    t == null || t(void 0), g(""), p(!1);
-  }, D = (R) => {
+    t == null || t(void 0), m(""), u(!1);
+  }, L = ($) => {
     if (!c) {
-      (R.key === "ArrowDown" || R.key === "ArrowUp") && (p(!0), R.preventDefault());
+      ($.key === "ArrowDown" || $.key === "ArrowUp") && (u(!0), $.preventDefault());
       return;
     }
-    switch (R.key) {
+    switch ($.key) {
       case "ArrowDown":
-        R.preventDefault(), N((P) => {
+        $.preventDefault(), N((P) => {
           const H = P + 1;
-          return H >= E.length ? 0 : H;
+          return H >= R.length ? 0 : H;
         });
         break;
       case "ArrowUp":
-        R.preventDefault(), N((P) => {
+        $.preventDefault(), N((P) => {
           const H = P - 1;
-          return H < 0 ? E.length - 1 : H;
+          return H < 0 ? R.length - 1 : H;
         });
         break;
       case "Enter":
-        R.preventDefault(), v >= 0 && v < E.length && $(E[v].value, !0);
+        $.preventDefault(), v >= 0 && v < R.length && A(R[v].value, !0);
         break;
       case "Escape":
-        R.preventDefault(), p(!1), g("");
+        $.preventDefault(), u(!1), m("");
         break;
     }
   };
-  return /* @__PURE__ */ y("div", { className: `nc-combo-container ${w || ""}`.trim(), style: { position: "relative", ...u }, children: [
-    i && /* @__PURE__ */ s("span", { className: `nc-label ${m ? "nc-small" : ""}`, children: i }),
+  return /* @__PURE__ */ y("div", { className: `nc-combo-container ${g || ""}`.trim(), style: { position: "relative", ...f }, children: [
+    i && /* @__PURE__ */ s("span", { className: `nc-label ${b ? "nc-small" : ""}`, children: i }),
     /* @__PURE__ */ y(
       "div",
       {
         ref: k,
         style: { position: "relative", display: "flex", alignItems: "center" },
-        onMouseDown: (R) => {
-          o || a && R.target === h.current || (p((P) => (!P && a && I && g(I.label), !P)), a && !c && setTimeout(() => {
+        onMouseDown: ($) => {
+          o || a && $.target === h.current || (u((P) => (!P && a && I && m(I.label), !P)), a && !c && setTimeout(() => {
             var P, H;
             (P = h.current) == null || P.focus(), (H = h.current) == null || H.select();
           }, 0));
@@ -404,37 +404,37 @@ function Rn({
             "input",
             {
               ref: h,
-              className: `nc-input ${m ? "nc-small" : ""}`,
+              className: `nc-input ${b ? "nc-small" : ""}`,
               placeholder: n,
               onFocus: () => {
-                var R;
-                !o && a && (p(!0), I && (g(I.label), setTimeout(() => {
+                var $;
+                !o && a && (u(!0), I && (m(I.label), setTimeout(() => {
                   var P;
                   return (P = h.current) == null ? void 0 : P.select();
-                }, 0))), a || (R = h.current) == null || R.blur();
+                }, 0))), a || ($ = h.current) == null || $.blur();
               },
-              onChange: (R) => a && g(R.target.value),
-              onKeyDown: D,
-              value: c && a ? b : (I == null ? void 0 : I.label) || "",
+              onChange: ($) => a && m($.target.value),
+              onKeyDown: L,
+              value: c && a ? w : (I == null ? void 0 : I.label) || "",
               readOnly: o || !a,
               style: {
                 width: "100%",
-                paddingRight: x || z ? m ? 32 : 44 : 12,
+                paddingRight: x || z ? b ? 32 : 44 : 12,
                 caretColor: a ? void 0 : "transparent",
                 cursor: a ? void 0 : "pointer",
                 userSelect: a ? void 0 : "none",
-                color: A ? "transparent" : "var(--nc-text)"
+                color: E ? "transparent" : "var(--nc-text)"
               }
             }
           ),
-          A && /* @__PURE__ */ y(
+          E && /* @__PURE__ */ y(
             "div",
             {
               "aria-hidden": !0,
               style: {
                 position: "absolute",
-                left: m ? 8 : 12,
-                right: x || z ? m ? 12 : 24 : m ? 8 : 12,
+                left: b ? 8 : 12,
+                right: x || z ? b ? 12 : 24 : b ? 8 : 12,
                 top: "50%",
                 transform: "translateY(-50%)",
                 pointerEvents: "none",
@@ -446,8 +446,8 @@ function Rn({
                 textOverflow: "ellipsis"
               },
               children: [
-                /* @__PURE__ */ s("span", { className: `nc-combo-overlay-text ${m ? "nc-small" : ""}`, children: I == null ? void 0 : I.label }),
-                (I == null ? void 0 : I.default) && /* @__PURE__ */ y("span", { className: `nc-combo-overlay-default ${m ? "nc-small" : ""}`, children: [
+                /* @__PURE__ */ s("span", { className: `nc-combo-overlay-text ${b ? "nc-small" : ""}`, children: I == null ? void 0 : I.label }),
+                (I == null ? void 0 : I.default) && /* @__PURE__ */ y("span", { className: `nc-combo-overlay-default ${b ? "nc-small" : ""}`, children: [
                   "(",
                   S("common.default"),
                   ")"
@@ -455,12 +455,12 @@ function Rn({
               ]
             }
           ),
-          z && /* @__PURE__ */ s(bt, { onClick: C, small: m }),
-          x && /* @__PURE__ */ s(vt, { open: c, onClick: () => p((R) => !R), small: m })
+          z && /* @__PURE__ */ s(bt, { onClick: C, small: b }),
+          x && /* @__PURE__ */ s(vt, { open: c, onClick: () => u(($) => !$), small: b })
         ]
       }
     ),
-    /* @__PURE__ */ s(gt, { isOpen: c, options: E, onSelect: $, selectedValue: e, placement: d, anchorRef: k, small: m, highlightedIndex: v })
+    /* @__PURE__ */ s(gt, { isOpen: c, options: R, onSelect: A, selectedValue: e, placement: d, anchorRef: k, small: b, highlightedIndex: v })
   ] });
 }
 function En({ onClick: e, loading: t = !1, disabled: n = !1, size: r = "default", title: o, "aria-label": i }) {
@@ -541,35 +541,35 @@ function Ln({
   anchor: o,
   preferredDirection: i = "down"
 }) {
-  const l = W(null), [a, d] = T({ top: 0, left: 0 }), f = o || (r == null ? void 0 : r.current);
-  if (L(() => {
-    if (!e || !f || !l.current) return;
-    const c = f.getBoundingClientRect(), p = l.current.getBoundingClientRect(), b = window.innerHeight, g = window.innerWidth, v = c.bottom + 8, N = v + p.height <= b - 8;
+  const l = W(null), [a, d] = T({ top: 0, left: 0 }), p = o || (r == null ? void 0 : r.current);
+  if (B(() => {
+    if (!e || !p || !l.current) return;
+    const c = p.getBoundingClientRect(), u = l.current.getBoundingClientRect(), w = window.innerHeight, m = window.innerWidth, v = c.bottom + 8, N = v + u.height <= w - 8;
     let h = i;
     (!N && i === "down" || i === "up" && N) && (h = "up");
     let k;
-    h === "down" ? k = v : k = c.top - p.height - 8;
-    let m = c.left;
-    m + p.width > g - 8 && (m = c.right - p.width), d({
+    h === "down" ? k = v : k = c.top - u.height - 8;
+    let b = c.left;
+    b + u.width > m - 8 && (b = c.right - u.width), d({
       top: Math.max(8, k),
       // Ensure minimum 8px from top
-      left: Math.max(8, m)
+      left: Math.max(8, b)
       // Ensure minimum 8px from left
     });
-  }, [e, f, i]), L(() => {
+  }, [e, p, i]), B(() => {
     if (!e) return;
-    const c = (b) => {
-      l.current && !l.current.contains(b.target) && f && !f.contains(b.target) && t();
-    }, p = (b) => {
-      b.key === "Escape" && t();
+    const c = (w) => {
+      l.current && !l.current.contains(w.target) && p && !p.contains(w.target) && t();
+    }, u = (w) => {
+      w.key === "Escape" && t();
     };
-    return document.addEventListener("mousedown", c), document.addEventListener("keydown", p), () => {
-      document.removeEventListener("mousedown", c), document.removeEventListener("keydown", p);
+    return document.addEventListener("mousedown", c), document.addEventListener("keydown", u), () => {
+      document.removeEventListener("mousedown", c), document.removeEventListener("keydown", u);
     };
-  }, [e, t, f]), !e) return null;
-  const u = (c) => {
+  }, [e, t, p]), !e) return null;
+  const f = (c) => {
     c.type !== "separator" && !c.disabled && c.onClick && (c.onClick(), t());
-  }, w = n.some((c) => c.icon);
+  }, g = n.some((c) => c.icon);
   return pe(
     /* @__PURE__ */ s(
       "div",
@@ -593,17 +593,17 @@ function Ln({
               },
               c.id
             );
-          const p = [
+          const u = [
             "nc-context-menu-item",
             c.variant && c.variant !== "default" ? `nc-${c.variant}` : "",
             c.disabled ? "nc-disabled" : "",
-            w && !c.icon ? "nc-indented" : ""
+            g && !c.icon ? "nc-indented" : ""
           ].filter(Boolean).join(" ");
           return /* @__PURE__ */ y(
             "button",
             {
-              className: p,
-              onClick: () => u(c),
+              className: u,
+              onClick: () => f(c),
               disabled: c.disabled,
               role: "menuitem",
               children: [
@@ -642,26 +642,26 @@ function Bn({
   footer: l,
   onOk: a,
   onSave: d,
-  onDelete: f,
-  onCancel: u,
-  onConnect: w,
+  onDelete: p,
+  onCancel: f,
+  onConnect: g,
   closeOnOverlay: c = !0,
-  primaryDisabled: p = !1,
-  fullScreen: b = !1,
-  hideTitleBar: g = !1,
+  primaryDisabled: u = !1,
+  fullScreen: w = !1,
+  hideTitleBar: m = !1,
   className: v = "",
   onContentHeightChange: N
 }) {
-  const h = W(null), k = W(null), { t: m } = J(), S = { close: t }, E = (x) => {
+  const h = W(null), k = W(null), { t: b } = J(), S = { close: t }, R = (x) => {
     c && x.target === x.currentTarget && t();
   };
-  if (L(() => {
+  if (B(() => {
     e && h.current && h.current.focus();
-  }, [e]), L(() => {
+  }, [e]), B(() => {
     if (!N || !k.current) return;
-    const x = new ResizeObserver((A) => {
-      for (const $ of A) {
-        const C = $.contentRect.height;
+    const x = new ResizeObserver((E) => {
+      for (const A of E) {
+        const C = A.contentRect.height;
         N(C);
       }
     });
@@ -672,31 +672,31 @@ function Bn({
   const I = () => {
     switch (i) {
       case "ok":
-        return /* @__PURE__ */ s("div", { className: "nc-dialog-footer", children: /* @__PURE__ */ s(Y, { variant: "primary", onClick: a ?? t, disabled: p, children: m("common.ok") }) });
+        return /* @__PURE__ */ s("div", { className: "nc-dialog-footer", children: /* @__PURE__ */ s(Y, { variant: "primary", onClick: a ?? t, disabled: u, children: b("common.ok") }) });
       case "ok-cancel":
         return /* @__PURE__ */ y("div", { className: "nc-dialog-footer", children: [
-          /* @__PURE__ */ s(Y, { variant: "primary", onClick: a ?? t, disabled: p, children: m("common.ok") }),
-          /* @__PURE__ */ s(ne, { onClick: u, children: m("common.cancel") })
+          /* @__PURE__ */ s(Y, { variant: "primary", onClick: a ?? t, disabled: u, children: b("common.ok") }),
+          /* @__PURE__ */ s(ne, { onClick: f, children: b("common.cancel") })
         ] });
       case "save-cancel":
         return /* @__PURE__ */ y("div", { className: "nc-dialog-footer", children: [
-          /* @__PURE__ */ s(Y, { variant: "primary", onClick: d, disabled: p, children: m("common.save") }),
-          /* @__PURE__ */ s(ne, { onClick: u, children: m("common.cancel") })
+          /* @__PURE__ */ s(Y, { variant: "primary", onClick: d, disabled: u, children: b("common.save") }),
+          /* @__PURE__ */ s(ne, { onClick: f, children: b("common.cancel") })
         ] });
       case "delete-cancel":
         return /* @__PURE__ */ y("div", { className: "nc-dialog-footer", children: [
-          /* @__PURE__ */ s(Y, { variant: "danger", onClick: f, disabled: p, children: m("common.delete") }),
-          /* @__PURE__ */ s(ne, { onClick: u, children: m("common.cancel") })
+          /* @__PURE__ */ s(Y, { variant: "danger", onClick: p, disabled: u, children: b("common.delete") }),
+          /* @__PURE__ */ s(ne, { onClick: f, children: b("common.cancel") })
         ] });
       case "connect":
         return /* @__PURE__ */ y("div", { className: "nc-dialog-footer", children: [
-          /* @__PURE__ */ s(Y, { variant: "primary", onClick: w, disabled: p, children: m("common.connect") }),
-          /* @__PURE__ */ s(ne, { onClick: u, children: m("common.cancel") })
+          /* @__PURE__ */ s(Y, { variant: "primary", onClick: g, disabled: u, children: b("common.connect") }),
+          /* @__PURE__ */ s(ne, { onClick: f, children: b("common.cancel") })
         ] });
       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: b("common.gotit") }) });
       case "custom":
         return /* @__PURE__ */ s("div", { className: "nc-dialog-footer", children: l });
       case "none":
@@ -704,7 +704,7 @@ function Bn({
       default:
         return null;
     }
-  }, z = /* @__PURE__ */ s(He.Provider, { value: S, children: /* @__PURE__ */ s("div", { className: `nc-dialog-overlay${b ? " nc-fullscreen" : ""}`, onClick: E, children: /* @__PURE__ */ y(
+  }, z = /* @__PURE__ */ s(He.Provider, { value: S, children: /* @__PURE__ */ s("div", { className: `nc-dialog-overlay${w ? " nc-fullscreen" : ""}`, onClick: R, children: /* @__PURE__ */ y(
     "div",
     {
       ref: h,
@@ -713,9 +713,9 @@ function Bn({
       tabIndex: -1,
       role: "dialog",
       "aria-modal": "true",
-      "aria-labelledby": g ? void 0 : "nc-dialog-title",
+      "aria-labelledby": m ? void 0 : "nc-dialog-title",
       children: [
-        !g && /* @__PURE__ */ y("div", { className: "nc-dialog-header", children: [
+        !m && /* @__PURE__ */ y("div", { className: "nc-dialog-header", children: [
           /* @__PURE__ */ s("h3", { id: "nc-dialog-title", className: "nc-dialog-title", children: n }),
           /* @__PURE__ */ s(De, { onClick: t, "aria-label": "Close dialog" })
         ] }),
@@ -724,7 +724,7 @@ function Bn({
       ]
     }
   ) }) });
-  return b ? pe(z, document.body) : z;
+  return w ? pe(z, document.body) : z;
 }
 function yt({ onClick: e, size: t = "default", rightOffset: n = 4 }) {
   const r = t === "small" ? 28 : 34;
@@ -793,48 +793,48 @@ function Dn({
   disabled: l,
   label: a,
   clearable: d = !0,
-  type: f = "text",
-  className: u = "",
-  size: w = "default",
+  type: p = "text",
+  className: f = "",
+  size: g = "default",
   style: c,
-  showPasswordToggle: p = !1,
-  multiline: b = !1,
-  rows: g = 3,
+  showPasswordToggle: u = !1,
+  multiline: w = !1,
+  rows: m = 3,
   validator: v,
   showErrorMessage: N = !0
 }) {
-  const h = W(null), k = W(null), [m, S] = T(!1), [E, I] = T(!1), z = e !== void 0, [x, A] = T(t), $ = z ? e : x, C = v ? v($) : null, D = !!C, R = f === "password", P = R && p && !l && !b, H = d && $ && !l && E, ee = w === "small" ? 32 : 44;
+  const h = W(null), k = W(null), [b, S] = T(!1), [R, I] = T(!1), z = e !== void 0, [x, E] = T(t), A = z ? e : x, C = v ? v(A) : null, L = !!C, $ = p === "password", P = $ && u && !l && !w, H = d && A && !l && R, ee = g === "small" ? 32 : 44;
   let K = 12;
   H && P ? K = ee * 2 : (H || P) && (K = ee);
   const Q = () => {
     var te, ae;
-    z || A(""), n == null || n(""), o == null || o(), b ? (te = k.current) == null || te.focus() : (ae = h.current) == null || ae.focus();
+    z || E(""), n == null || n(""), o == null || o(), w ? (te = k.current) == null || te.focus() : (ae = h.current) == null || ae.focus();
   }, ce = (te) => {
-    te.key === "Enter" && !b && (r == null || r());
+    te.key === "Enter" && !w && (r == null || r());
   }, F = (te) => {
     const ae = te.target.value;
-    z || A(ae), n == null || n(ae);
+    z || E(ae), n == null || n(ae);
   }, Se = () => {
     I(!0);
   }, Ce = () => {
     I(!1);
-  }, Ie = `nc-input ${w === "small" ? "nc-small " : ""} ${D ? "nc-error " : ""}${u}`;
+  }, Ie = `nc-input ${g === "small" ? "nc-small " : ""} ${L ? "nc-error " : ""}${f}`;
   return /* @__PURE__ */ y("div", { className: "nc-col", style: { position: "relative", flex: 1, ...c }, children: [
     a && /* @__PURE__ */ s("span", { className: "nc-label", children: a }),
-    /* @__PURE__ */ y("div", { style: { position: "relative", display: "flex", alignItems: b ? "flex-start" : "center" }, children: [
-      b ? /* @__PURE__ */ s(
+    /* @__PURE__ */ y("div", { style: { position: "relative", display: "flex", alignItems: w ? "flex-start" : "center" }, children: [
+      w ? /* @__PURE__ */ s(
         "textarea",
         {
           ref: k,
           className: Ie,
           placeholder: i,
-          value: $,
+          value: A,
           onChange: F,
           onKeyDown: ce,
           onFocus: Se,
           onBlur: Ce,
           disabled: l,
-          rows: g,
+          rows: m,
           style: {
             width: "100%",
             paddingRight: K
@@ -844,10 +844,10 @@ function Dn({
         "input",
         {
           ref: h,
-          type: R && m ? "text" : f,
+          type: $ && b ? "text" : p,
           className: Ie,
           placeholder: i,
-          value: $,
+          value: A,
           onChange: F,
           onKeyDown: ce,
           onFocus: Se,
@@ -859,10 +859,10 @@ function Dn({
           }
         }
       ),
-      H && /* @__PURE__ */ s(yt, { onClick: Q, size: w, rightOffset: P ? ee + 4 : 4 }),
-      P && /* @__PURE__ */ s(xt, { visible: m, onClick: () => S(!m), size: w })
+      H && /* @__PURE__ */ s(yt, { onClick: Q, size: g, rightOffset: P ? ee + 4 : 4 }),
+      P && /* @__PURE__ */ s(xt, { visible: b, onClick: () => S(!b), size: g })
     ] }),
-    D && N && /* @__PURE__ */ s("span", { className: "nc-error-message", children: C })
+    L && N && /* @__PURE__ */ s("span", { className: "nc-error-message", children: C })
   ] });
 }
 function Hn({
@@ -879,8 +879,8 @@ function Hn({
       onClick: (d) => {
         if (t) {
           if (r) {
-            const f = window.getSelection();
-            if (f && f.toString().length > 0)
+            const p = window.getSelection();
+            if (p && p.toString().length > 0)
               return;
           }
           t(d);
@@ -916,31 +916,31 @@ function Wn({ title: e, titleTools: t, children: n, style: r }) {
   ] });
 }
 function On({ values: e, onChange: t, options: n, placeholder: r = "Select…", label: o }) {
-  const [i, l] = T(!1), [a, d] = T(""), f = W(null), u = ge(() => n.filter((c) => c.label.toLowerCase().includes(a.toLowerCase())), [n, a]);
-  L(() => {
-    function c(p) {
-      !(p.target instanceof Node) || !f.current || f.current.contains(p.target) || l(!1);
+  const [i, l] = T(!1), [a, d] = T(""), p = W(null), f = ge(() => n.filter((c) => c.label.toLowerCase().includes(a.toLowerCase())), [n, a]);
+  B(() => {
+    function c(u) {
+      !(u.target instanceof Node) || !p.current || p.current.contains(u.target) || l(!1);
     }
     return document.addEventListener("mousedown", c), () => document.removeEventListener("mousedown", c);
   }, []);
-  const w = (c) => {
-    e.includes(c) ? t(e.filter((p) => p !== c)) : t([...e, c]);
+  const g = (c) => {
+    e.includes(c) ? t(e.filter((u) => u !== c)) : t([...e, c]);
   };
-  return /* @__PURE__ */ y("div", { ref: f, className: "nc-col", style: { position: "relative" }, children: [
+  return /* @__PURE__ */ y("div", { ref: p, className: "nc-col", style: { position: "relative" }, children: [
     o && /* @__PURE__ */ s("span", { className: "nc-label", children: o }),
     /* @__PURE__ */ y("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((c) => {
-        const p = n.find((b) => b.value === c);
-        return p ? /* @__PURE__ */ y("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: [
-          p.label,
+        const u = n.find((w) => w.value === c);
+        return u ? /* @__PURE__ */ y("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: [
+          u.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: () => w(c),
-              "aria-label": `Remove ${p.label}`,
+              onClick: () => g(c),
+              "aria-label": `Remove ${u.label}`,
               children: "✕"
             }
           )
@@ -958,14 +958,14 @@ function On({ values: e, onChange: t, options: n, placeholder: r = "Select…",
       )
     ] }),
     i && /* @__PURE__ */ y("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: [
-      u.map((c) => {
-        const p = e.includes(c.value);
-        return /* @__PURE__ */ y("div", { className: "nc-section nc-row", style: { justifyContent: "space-between", cursor: "pointer", padding: 12 }, onMouseDown: () => w(c.value), children: [
+      f.map((c) => {
+        const u = e.includes(c.value);
+        return /* @__PURE__ */ y("div", { className: "nc-section nc-row", style: { justifyContent: "space-between", cursor: "pointer", padding: 12 }, onMouseDown: () => g(c.value), children: [
           /* @__PURE__ */ s("span", { children: c.label }),
-          /* @__PURE__ */ s("span", { children: p ? "✔️" : "" })
+          /* @__PURE__ */ s("span", { children: u ? "✔️" : "" })
         ] }, c.value);
       }),
-      u.length === 0 && /* @__PURE__ */ s("div", { className: "nc-section nc-label", children: "No results" })
+      f.length === 0 && /* @__PURE__ */ s("div", { className: "nc-section nc-label", children: "No results" })
     ] })
   ] });
 }
@@ -1006,53 +1006,54 @@ function Fn({
   onChange: n,
   label: r,
   className: o = "",
-  disabled: i = !1
+  disabled: i = !1,
+  size: l = "default"
 }) {
-  const [l, a] = T(!1), [d, f] = T(""), [u, w] = T(""), [c, p] = T({ top: 0, left: 0, width: 0, right: void 0 }), b = W(null), g = W(null);
-  L(() => {
-    if (l && b.current) {
-      const A = b.current.getBoundingClientRect(), C = Math.max(A.width, 400);
-      window.innerWidth - A.left < C && A.right >= C ? p({
+  const [a, d] = T(!1), [p, f] = T(""), [g, c] = T(""), [u, w] = T({ top: 0, left: 0, width: 0, right: void 0 }), m = W(null), v = W(null);
+  B(() => {
+    if (a && m.current) {
+      const A = m.current.getBoundingClientRect(), L = Math.max(A.width, 400);
+      window.innerWidth - A.left < L && A.right >= L ? w({
         top: A.bottom + 4,
         left: 0,
         // Not used but type needs it, let's just use 0
         right: window.innerWidth - A.right,
-        width: C
-      }) : p({
+        width: L
+      }) : w({
         top: A.bottom + 4,
         left: A.left,
         right: void 0,
-        width: C
+        width: L
       });
     }
-  }, [l]), L(() => {
-    if (!l) return;
-    const A = ($) => {
-      b.current && !b.current.contains($.target) && g.current && !g.current.contains($.target) && a(!1);
+  }, [a]), B(() => {
+    if (!a) return;
+    const A = (C) => {
+      m.current && !m.current.contains(C.target) && v.current && !v.current.contains(C.target) && d(!1);
     };
     return document.addEventListener("mousedown", A), () => document.removeEventListener("mousedown", A);
-  }, [l]);
-  const v = () => {
-    f(e || $e()), w(t || $e()), a(!0);
-  }, N = () => {
-    a(!1);
+  }, [a]);
+  const N = () => {
+    f(e || $e()), c(t || $e()), d(!0);
   }, h = () => {
-    const A = fe(d), $ = fe(u);
-    if (A || $)
+    d(!1);
+  }, k = () => {
+    const A = fe(p), C = fe(g);
+    if (A || C)
       return;
-    const C = ue(d), D = ue(u);
-    C && D && (n == null || n(C, D)), a(!1);
-  }, k = e && t ? `${Me(e)} - ${Me(t)}` : "Select month range", m = fe(d), S = fe(u), E = ue(d), I = ue(u), z = E && I && E > I, x = l ? pe(
+    const L = ue(p), $ = ue(g);
+    L && $ && (n == null || n(L, $)), d(!1);
+  }, b = e && t ? `${Me(e)} - ${Me(t)}` : "Select month range", S = fe(p), R = fe(g), I = ue(p), z = ue(g), x = I && z && I > z, E = a ? pe(
     /* @__PURE__ */ s(
       "div",
       {
-        ref: g,
+        ref: v,
         className: "nc-month-range-picker-popup",
         style: {
           position: "fixed",
-          top: c.top,
-          ...c.right !== void 0 ? { right: c.right } : { left: c.left },
-          width: c.width,
+          top: u.top,
+          ...u.right !== void 0 ? { right: u.right } : { left: u.left },
+          width: u.width,
           zIndex: 1e3
         },
         children: /* @__PURE__ */ y("div", { className: "nc-month-range-picker-content", children: [
@@ -1063,13 +1064,13 @@ function Fn({
                 "input",
                 {
                   type: "text",
-                  className: `nc-month-input ${m ? "nc-error" : ""}`,
-                  value: d,
+                  className: `nc-month-input ${S ? "nc-error" : ""}`,
+                  value: p,
                   onChange: (A) => f(A.target.value),
                   placeholder: "YY-M(M) or YYYY-M(M)"
                 }
               ),
-              m && /* @__PURE__ */ s("div", { className: "nc-month-error-text", children: m })
+              S && /* @__PURE__ */ s("div", { className: "nc-month-error-text", children: S })
             ] }),
             /* @__PURE__ */ y("div", { className: "nc-month-range-picker-column", children: [
               /* @__PURE__ */ s("label", { className: "nc-label", children: "End Month" }),
@@ -1077,53 +1078,53 @@ function Fn({
                 "input",
                 {
                   type: "text",
-                  className: `nc-month-input ${S ? "nc-error" : ""}`,
-                  value: u,
-                  onChange: (A) => w(A.target.value),
+                  className: `nc-month-input ${R ? "nc-error" : ""}`,
+                  value: g,
+                  onChange: (A) => c(A.target.value),
                   placeholder: "YY-M(M) or YYYY-M(M)"
                 }
               ),
-              S && /* @__PURE__ */ s("div", { className: "nc-month-error-text", children: S })
+              R && /* @__PURE__ */ s("div", { className: "nc-month-error-text", children: R })
             ] })
           ] }),
-          z && !m && !S && /* @__PURE__ */ s("div", { className: "nc-month-range-error", children: "End month must be after or equal to start month" }),
+          x && !S && !R && /* @__PURE__ */ s("div", { className: "nc-month-range-error", children: "End month must be after or equal to start month" }),
           /* @__PURE__ */ y("div", { className: "nc-month-range-picker-footer", children: [
             /* @__PURE__ */ s(
               Y,
               {
                 variant: "primary",
-                onClick: h,
-                disabled: !d || !u || !!m || !!S || !!z,
+                onClick: k,
+                disabled: !p || !g || !!S || !!R || !!x,
                 children: "Apply"
               }
             ),
-            /* @__PURE__ */ s(Y, { variant: "ghost", onClick: N, children: "Cancel" })
+            /* @__PURE__ */ s(Y, { variant: "ghost", onClick: h, children: "Cancel" })
           ] })
         ] })
       }
     ),
     document.body
   ) : null;
-  return /* @__PURE__ */ y("div", { className: `nc-month-range-picker ${o}`, children: [
-    r && /* @__PURE__ */ s("label", { className: "nc-label", children: r }),
+  return /* @__PURE__ */ y("div", { className: `nc-month-range-picker ${l === "small" ? "nc-small " : ""}${o}`, children: [
+    r && /* @__PURE__ */ s("label", { className: `nc-label${l === "small" ? " nc-small" : ""}`, children: r }),
     /* @__PURE__ */ s(
       "button",
       {
-        ref: b,
-        className: "nc-month-range-picker-input",
-        onClick: v,
+        ref: m,
+        className: `nc-month-range-picker-input${l === "small" ? " nc-small" : ""}`,
+        onClick: N,
         disabled: i,
-        children: k
+        children: b
       }
     ),
-    x
+    E
   ] });
 }
 function Vn({ value: e, onChange: t, min: n, max: r, step: o = 1, label: i, disabled: l, size: a = "default" }) {
-  const d = a === "small", f = () => {
+  const d = a === "small", p = () => {
     const c = e - o;
     n !== void 0 && c < n || t(parseFloat(c.toFixed(10)));
-  }, u = () => {
+  }, f = () => {
     const c = e + o;
     r !== void 0 && c > r || t(parseFloat(c.toFixed(10)));
   };
@@ -1137,8 +1138,8 @@ function Vn({ value: e, onChange: t, min: n, max: r, step: o = 1, label: i, disa
           type: "number",
           value: e,
           onChange: (c) => {
-            const p = parseFloat(c.target.value);
-            isNaN(p) || n !== void 0 && p < n || r !== void 0 && p > r || t(p);
+            const u = parseFloat(c.target.value);
+            isNaN(u) || n !== void 0 && u < n || r !== void 0 && u > r || t(u);
           },
           min: n,
           max: r,
@@ -1150,7 +1151,7 @@ function Vn({ value: e, onChange: t, min: n, max: r, step: o = 1, label: i, disa
         "button",
         {
           className: `nc-button nc-ghost nc-number-input-button ${d ? "nc-small" : ""}`,
-          onClick: f,
+          onClick: p,
           disabled: l || n !== void 0 && e <= n,
           children: "−"
         }
@@ -1159,7 +1160,7 @@ function Vn({ value: e, onChange: t, min: n, max: r, step: o = 1, label: i, disa
         "button",
         {
           className: `nc-button nc-ghost nc-number-input-button ${d ? "nc-small" : ""}`,
-          onClick: u,
+          onClick: f,
           disabled: l || r !== void 0 && e >= r,
           children: "+"
         }
@@ -1176,13 +1177,13 @@ function Gn({
   label: i,
   disabled: l,
   showValue: a = !0,
-  formatValue: d = (u) => u.toString(),
-  width: f = 200
+  formatValue: d = (f) => f.toString(),
+  width: p = 200
 }) {
-  const u = (c) => {
-    const p = parseFloat(c.target.value);
-    t(p);
-  }, w = (e - n) / (r - n) * 100;
+  const f = (c) => {
+    const u = parseFloat(c.target.value);
+    t(u);
+  }, g = (e - n) / (r - n) * 100;
   return /* @__PURE__ */ y("div", { className: "nc-col", style: { gap: 6 }, children: [
     i && /* @__PURE__ */ s("span", { className: "nc-label", children: i }),
     /* @__PURE__ */ y("div", { style: { display: "flex", gap: 12, alignItems: "center" }, children: [
@@ -1192,14 +1193,14 @@ function Gn({
           type: "range",
           className: "nc-slider",
           value: e,
-          onChange: u,
+          onChange: f,
           min: n,
           max: r,
           step: o,
           disabled: l,
           style: {
-            width: f,
-            "--nc-slider-percentage": `${w}%`
+            width: p,
+            "--nc-slider-percentage": `${g}%`
           }
         }
       ),
@@ -1244,87 +1245,87 @@ function Yn({ active: e, children: t, keepMounted: n = !1, className: r = "", st
   const l = i.find((a) => a.props.tab === e);
   return /* @__PURE__ */ s("div", { className: `nc-tab-panels ${r}`, style: o, children: l });
 }
-function jn({ tabs: e, active: t, onChange: n, onClose: r, permanentTabs: o, className: i, toolbar: l, multiline: a, orientation: d = "horizontal", style: f }) {
-  const u = W(null), [w, c] = T(!1), [p, b] = T(!1), g = d === "verticalLeft" || d === "verticalRight", v = W(!1), N = W(0), h = W(0), k = W(!1);
-  L(() => {
+function jn({ tabs: e, active: t, onChange: n, onClose: r, permanentTabs: o, className: i, toolbar: l, multiline: a, orientation: d = "horizontal", style: p }) {
+  const f = W(null), [g, c] = T(!1), [u, w] = T(!1), m = d === "verticalLeft" || d === "verticalRight", v = W(!1), N = W(0), h = W(0), k = W(!1);
+  B(() => {
     const x = () => {
-      if (u.current)
-        if (g) {
-          const { scrollTop: $, scrollHeight: C, clientHeight: D } = u.current;
-          c($ > 1), b($ < C - D - 1);
+      if (f.current)
+        if (m) {
+          const { scrollTop: A, scrollHeight: C, clientHeight: L } = f.current;
+          c(A > 1), w(A < C - L - 1);
         } else {
-          const { scrollLeft: $, scrollWidth: C, clientWidth: D } = u.current;
-          c($ > 1), b($ < C - D - 1);
+          const { scrollLeft: A, scrollWidth: C, clientWidth: L } = f.current;
+          c(A > 1), w(A < C - L - 1);
         }
-    }, A = u.current;
-    if (A)
-      return x(), A.addEventListener("scroll", x), window.addEventListener("resize", x), () => {
-        A.removeEventListener("scroll", x), window.removeEventListener("resize", x);
+    }, E = f.current;
+    if (E)
+      return x(), E.addEventListener("scroll", x), window.addEventListener("resize", x), () => {
+        E.removeEventListener("scroll", x), window.removeEventListener("resize", x);
       };
-  }, [e, g]);
-  const m = (x) => {
-    u.current && (v.current = !0, k.current = !1, N.current = g ? x.clientY : x.clientX, h.current = g ? u.current.scrollTop : u.current.scrollLeft, u.current.style.cursor = "grabbing", u.current.style.userSelect = "none");
+  }, [e, m]);
+  const b = (x) => {
+    f.current && (v.current = !0, k.current = !1, N.current = m ? x.clientY : x.clientX, h.current = m ? f.current.scrollTop : f.current.scrollLeft, f.current.style.cursor = "grabbing", f.current.style.userSelect = "none");
   }, S = (x) => {
-    if (!v.current || !u.current) return;
-    const A = g ? x.clientY : x.clientX, $ = N.current - A;
-    Math.abs($) > 3 && (k.current = !0), g ? u.current.scrollTop = h.current + $ : u.current.scrollLeft = h.current + $;
-  }, E = () => {
-    u.current && (v.current = !1, u.current.style.cursor = "", u.current.style.userSelect = "");
+    if (!v.current || !f.current) return;
+    const E = m ? x.clientY : x.clientX, A = N.current - E;
+    Math.abs(A) > 3 && (k.current = !0), m ? f.current.scrollTop = h.current + A : f.current.scrollLeft = h.current + A;
+  }, R = () => {
+    f.current && (v.current = !1, f.current.style.cursor = "", f.current.style.userSelect = "");
   }, I = () => {
-    E();
+    R();
   };
-  L(() => {
-    const x = u.current;
-    if (!x || g) return;
-    const A = ($) => {
-      $.deltaY !== 0 && ($.preventDefault(), x.scrollLeft += $.deltaY * 0.3);
+  B(() => {
+    const x = f.current;
+    if (!x || m) return;
+    const E = (A) => {
+      A.deltaY !== 0 && (A.preventDefault(), x.scrollLeft += A.deltaY * 0.3);
     };
-    return x.addEventListener("wheel", A, { passive: !1 }), () => {
-      x.removeEventListener("wheel", A);
+    return x.addEventListener("wheel", E, { passive: !1 }), () => {
+      x.removeEventListener("wheel", E);
     };
-  }, [g]);
+  }, [m]);
   const z = (x) => {
     k.current || n(x);
   };
-  return /* @__PURE__ */ y("div", { className: `nc-tab-container ${g ? `nc-vertical nc-${d}` : ""} ${i || ""}`, style: f, children: [
+  return /* @__PURE__ */ y("div", { className: `nc-tab-container ${m ? `nc-vertical nc-${d}` : ""} ${i || ""}`, style: p, children: [
     /* @__PURE__ */ y("div", { className: "nc-tab-scroll-wrapper", children: [
-      w && /* @__PURE__ */ s("div", { className: `nc-tab-scroll-indicator ${g ? "nc-top" : "nc-left"}`, children: g ? /* @__PURE__ */ s(kt, { size: 16 }) : /* @__PURE__ */ s(lt, { size: 16 }) }),
+      g && /* @__PURE__ */ s("div", { className: `nc-tab-scroll-indicator ${m ? "nc-top" : "nc-left"}`, children: m ? /* @__PURE__ */ s(kt, { size: 16 }) : /* @__PURE__ */ s(lt, { size: 16 }) }),
       /* @__PURE__ */ s(
         "div",
         {
-          ref: u,
+          ref: f,
           className: `nc-tab-scroll ${a ? "nc-multiline" : ""}`,
-          onMouseDown: m,
+          onMouseDown: b,
           onMouseMove: S,
-          onMouseUp: E,
+          onMouseUp: R,
           onMouseLeave: I,
           style: { cursor: "grab" },
           children: e.map((x) => {
-            const A = typeof x == "string" ? x : x.id, $ = typeof x == "string" ? x : x.label, C = r && !(o != null && o.includes(A));
+            const E = typeof x == "string" ? x : x.id, A = typeof x == "string" ? x : x.label, C = r && !(o != null && o.includes(E));
             return /* @__PURE__ */ y(
               "div",
               {
-                className: `nc-tab-item ${t === A ? "nc-active" : ""} ${C ? "nc-closable" : ""}`,
-                onClick: () => z(A),
+                className: `nc-tab-item ${t === E ? "nc-active" : ""} ${C ? "nc-closable" : ""}`,
+                onClick: () => z(E),
                 role: "button",
                 tabIndex: 0,
-                onKeyDown: (D) => {
-                  (D.key === "Enter" || D.key === " ") && n(A);
+                onKeyDown: (L) => {
+                  (L.key === "Enter" || L.key === " ") && n(E);
                 },
                 children: [
-                  /* @__PURE__ */ s("span", { className: "nc-tab-label", children: g ? $ : typeof $ == "string" ? $.toUpperCase() : $ }),
+                  /* @__PURE__ */ s("span", { className: "nc-tab-label", children: m ? A : typeof A == "string" ? A.toUpperCase() : A }),
                   C && /* @__PURE__ */ s(
                     "span",
                     {
                       className: "nc-tab-close",
                       role: "button",
                       tabIndex: 0,
-                      "aria-label": `Close ${typeof $ == "string" ? $ : A}`,
-                      onClick: (D) => {
-                        D.stopPropagation(), r(A);
+                      "aria-label": `Close ${typeof A == "string" ? A : E}`,
+                      onClick: (L) => {
+                        L.stopPropagation(), r(E);
                       },
-                      onKeyDown: (D) => {
-                        (D.key === "Enter" || D.key === " ") && (D.stopPropagation(), r(A));
+                      onKeyDown: (L) => {
+                        (L.key === "Enter" || L.key === " ") && (L.stopPropagation(), r(E));
                       },
                       children: /* @__PURE__ */ y("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", children: [
                         /* @__PURE__ */ s("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
@@ -1334,12 +1335,12 @@ function jn({ tabs: e, active: t, onChange: n, onClose: r, permanentTabs: o, cla
                   )
                 ]
               },
-              A
+              E
             );
           })
         }
       ),
-      p && /* @__PURE__ */ s("div", { className: `nc-tab-scroll-indicator ${g ? "nc-bottom" : "nc-right"}`, children: g ? /* @__PURE__ */ s(dt, { size: 16 }) : /* @__PURE__ */ s(ut, { size: 16 }) })
+      u && /* @__PURE__ */ s("div", { className: `nc-tab-scroll-indicator ${m ? "nc-bottom" : "nc-right"}`, children: m ? /* @__PURE__ */ s(dt, { size: 16 }) : /* @__PURE__ */ s(ut, { size: 16 }) })
     ] }),
     l && /* @__PURE__ */ s("div", { className: "nc-tab-toolbar", children: l })
   ] });
@@ -1417,13 +1418,13 @@ function St(e, t, n, r) {
   const o = e.split(`
 `), i = Math.max(1, Math.min(t, o.length));
   let l = 0;
-  for (let w = 0; w < i - 1; w++)
-    l += o[w].length + 1;
-  const d = o[i - 1].split("	"), f = Math.max(1, Math.min(n, d.length));
-  for (let w = 0; w < f - 1; w++)
-    l += d[w].length + 1;
-  const u = Math.max(1, Math.min(r, d[f - 1].length + 1));
-  return l += u - 1, l;
+  for (let g = 0; g < i - 1; g++)
+    l += o[g].length + 1;
+  const d = o[i - 1].split("	"), p = Math.max(1, Math.min(n, d.length));
+  for (let g = 0; g < p - 1; g++)
+    l += d[g].length + 1;
+  const f = Math.max(1, Math.min(r, d[p - 1].length + 1));
+  return l += f - 1, l;
 }
 function Ct(e, t) {
   const n = e.split(`
@@ -1434,78 +1435,78 @@ function Ct(e, t) {
   return o;
 }
 const _n = tt(
-  function({ value: t, onChange: n, placeholder: r, className: o, style: i, showLineNumbers: l = !1, onCursorChange: a, highlightLine: d }, f) {
-    const u = W(null), w = W(null), c = W(null);
-    nt(f, () => ({
+  function({ value: t, onChange: n, placeholder: r, className: o, style: i, showLineNumbers: l = !1, onCursorChange: a, highlightLine: d }, p) {
+    const f = W(null), g = W(null), c = W(null);
+    nt(p, () => ({
       goToLine(h) {
-        const k = u.current;
+        const k = f.current;
         if (!k) return;
-        const m = Ct(t, h);
-        k.focus(), k.setSelectionRange(m, m);
+        const b = Ct(t, h);
+        k.focus(), k.setSelectionRange(b, b);
         const S = parseFloat(getComputedStyle(k).lineHeight) || 18;
-        k.scrollTop = (Math.max(1, h) - 1) * S, b(), p();
+        k.scrollTop = (Math.max(1, h) - 1) * S, w(), u();
       },
-      goToPosition(h, k, m) {
-        const S = u.current;
+      goToPosition(h, k, b) {
+        const S = f.current;
         if (!S) return;
-        const E = St(t, h, k, m);
-        S.focus(), S.setSelectionRange(E, E);
+        const R = St(t, h, k, b);
+        S.focus(), S.setSelectionRange(R, R);
         const I = parseFloat(getComputedStyle(S).lineHeight) || 18;
-        S.scrollTop = (Math.max(1, h) - 1) * I, b(), p();
+        S.scrollTop = (Math.max(1, h) - 1) * I, w(), u();
       }
     }), [t]);
-    const p = O(() => {
-      if (!a || !u.current) return;
-      const h = At(t, u.current.selectionStart);
+    const u = O(() => {
+      if (!a || !f.current) return;
+      const h = At(t, f.current.selectionStart);
       a(h);
-    }, [a, t]), b = O(() => {
-      const h = u.current;
-      h && (w.current && (w.current.scrollTop = h.scrollTop, w.current.scrollLeft = h.scrollLeft), c.current && (c.current.scrollTop = h.scrollTop));
+    }, [a, t]), w = O(() => {
+      const h = f.current;
+      h && (g.current && (g.current.scrollTop = h.scrollTop, g.current.scrollLeft = h.scrollLeft), c.current && (c.current.scrollTop = h.scrollTop));
     }, []);
-    L(() => {
+    B(() => {
       if (d == null || d < 1) return;
-      const h = u.current;
+      const h = f.current;
       if (!h) return;
-      const k = parseFloat(getComputedStyle(h).lineHeight) || 18, m = (d - 1) * k, S = m + k;
-      (m < h.scrollTop || S > h.scrollTop + h.clientHeight) && (h.scrollTop = m - h.clientHeight / 2 + k / 2), b();
+      const k = parseFloat(getComputedStyle(h).lineHeight) || 18, b = (d - 1) * k, S = b + k;
+      (b < h.scrollTop || S > h.scrollTop + h.clientHeight) && (h.scrollTop = b - h.clientHeight / 2 + k / 2), w();
     }, [d]);
-    const g = ge(() => t.split(`
+    const m = ge(() => t.split(`
 `).length, [t]), v = () => {
       const h = [];
-      for (let k = 1; k <= g; k++)
+      for (let k = 1; k <= m; k++)
         h.push(
           /* @__PURE__ */ s("div", { className: `nc-csv-line-number ${d === k ? "nc-csv-highlight" : ""}`, children: k }, k)
         );
       return /* @__PURE__ */ s("div", { className: "nc-csv-gutter", ref: c, children: h });
     }, N = (h) => h ? h.split(`
-`).map((m, S) => {
-      const E = m.split("	");
+`).map((b, S) => {
+      const R = b.split("	");
       return /* @__PURE__ */ y("div", { className: `nc-csv-line ${d === S + 1 ? "nc-csv-highlight" : ""}`, children: [
-        E.map((I, z) => /* @__PURE__ */ y("span", { children: [
+        R.map((I, z) => /* @__PURE__ */ y("span", { children: [
           z > 0 && /* @__PURE__ */ s("span", { className: "nc-csv-tab-char", children: "	" }),
           /* @__PURE__ */ s("span", { style: { color: Re[z % Re.length] }, children: I })
         ] }, z)),
-        m === "" && `
+        b === "" && `
 `
       ] }, S);
     }) : null;
     return /* @__PURE__ */ y("div", { className: `nc-csv-textarea-container ${l ? "nc-csv-with-gutter" : ""} ${o ?? ""}`, style: i, children: [
       l && v(),
       /* @__PURE__ */ y("div", { className: "nc-csv-textarea-editor", children: [
-        /* @__PURE__ */ s("div", { className: "nc-csv-textarea-backdrop", ref: w, children: /* @__PURE__ */ s("pre", { className: "nc-csv-textarea-highlights", children: N(t) }) }),
+        /* @__PURE__ */ s("div", { className: "nc-csv-textarea-backdrop", ref: g, children: /* @__PURE__ */ s("pre", { className: "nc-csv-textarea-highlights", children: N(t) }) }),
         /* @__PURE__ */ s(
           "textarea",
           {
-            ref: u,
+            ref: f,
             className: "nc-csv-textarea-input",
             value: t,
             onChange: (h) => {
-              n(h.target.value), requestAnimationFrame(p);
+              n(h.target.value), requestAnimationFrame(u);
             },
-            onScroll: b,
-            onSelect: p,
-            onKeyUp: p,
-            onClick: p,
+            onScroll: w,
+            onSelect: u,
+            onKeyUp: u,
+            onClick: u,
             placeholder: r,
             spellCheck: !1,
             autoComplete: "off",
@@ -1595,22 +1596,22 @@ function $t({ notification: e }) {
 }
 function Un() {
   const [e, t] = T([]), [n, r] = T(/* @__PURE__ */ new Map()), [o, i] = T(/* @__PURE__ */ new Set()), l = W(null), a = W([]);
-  return L(() => It((f) => {
-    const u = new Set(a.current.map((c) => c.id)), w = f.filter((c) => !u.has(c.id)).map((c) => c.id);
-    w.length > 0 ? (t(f), i(new Set(w)), requestAnimationFrame(() => {
+  return B(() => It((p) => {
+    const f = new Set(a.current.map((c) => c.id)), g = p.filter((c) => !f.has(c.id)).map((c) => c.id);
+    g.length > 0 ? (t(p), i(new Set(g)), requestAnimationFrame(() => {
       requestAnimationFrame(() => {
         i(/* @__PURE__ */ new Set());
       });
-    })) : t(f), a.current = f;
-  }), []), L(() => {
+    })) : t(p), a.current = p;
+  }), []), B(() => {
     if (!l.current) return;
     const d = /* @__PURE__ */ new Map();
-    let f = 0;
-    const u = l.current.children;
-    e.forEach((w, c) => {
-      if (d.set(w.id, f), u[c]) {
-        const p = u[c].offsetHeight;
-        w.isRemoving || (f += p + 12);
+    let p = 0;
+    const f = l.current.children;
+    e.forEach((g, c) => {
+      if (d.set(g.id, p), f[c]) {
+        const u = f[c].offsetHeight;
+        g.isRemoving || (p += u + 12);
       }
     }), r(d);
   }, [e]), /* @__PURE__ */ s(
@@ -1632,7 +1633,7 @@ function Un() {
             position: "relative"
           },
           children: e.map((d) => {
-            const f = o.has(d.id), u = d.isRemoving, w = n.get(d.id) || 0;
+            const p = o.has(d.id), f = d.isRemoving, g = n.get(d.id) || 0;
             return /* @__PURE__ */ s(
               "div",
               {
@@ -1640,10 +1641,10 @@ function Un() {
                   position: "absolute",
                   top: 0,
                   left: 0,
-                  transform: f ? "translateY(-120px)" : `translateY(${w}px)`,
+                  transform: p ? "translateY(-120px)" : `translateY(${g}px)`,
                   // Only animate transform when not leaving, animate opacity always
-                  transition: u ? "opacity 300ms ease-out" : "transform 300ms ease-out, opacity 300ms ease-out",
-                  opacity: u ? 0 : 1,
+                  transition: f ? "opacity 300ms ease-out" : "transform 300ms ease-out, opacity 300ms ease-out",
+                  opacity: f ? 0 : 1,
                   width: "100%"
                 },
                 children: /* @__PURE__ */ s($t, { notification: d })
@@ -1969,37 +1970,37 @@ class Bt extends xe.Component {
   }
 }
 function Fe({ appId: e, isActive: t, onClose: n }) {
-  const { t: r } = J(), o = oe.get(e), [i, l] = T(""), [a, d] = T(null), [f, u] = T(null), [w, c] = T(!1), [p, b] = T(!1);
+  const { t: r } = J(), o = oe.get(e), [i, l] = T(""), [a, d] = T(null), [p, f] = T(null), [g, c] = T(!1), [u, w] = T(!1);
   xe.useEffect(() => {
     o != null && o.titleKey && l(r(o.titleKey));
   }, [o, r]);
-  const g = O((x) => {
+  const m = O((x) => {
     l(x);
   }, []), v = O((x) => {
     d(() => x);
   }, []), N = O(() => {
     d(null);
   }, []), h = O((x) => {
-    u(x);
+    f(x);
   }, []), k = O(() => {
-    u(null);
-  }, []), m = O((x) => {
+    f(null);
+  }, []), b = O((x) => {
     c(x);
   }, []), S = O((x) => {
-    b(x);
-  }, []), E = ge(() => ({
-    setTitle: g,
+    w(x);
+  }, []), R = ge(() => ({
+    setTitle: m,
     setBackHandler: v,
     clearBackHandler: N,
     setToolbar: h,
     clearToolbar: k,
-    setHideBackButton: m,
+    setHideBackButton: b,
     setHideTitleBar: S,
     close: n
-  }), [g, v, N, h, k, m, S, n]);
+  }), [m, v, N, h, k, b, S, n]);
   if (!o)
     return null;
-  const I = o.component, z = !o.hideTitleBar && !p;
+  const I = o.component, z = !o.hideTitleBar && !u;
   return /* @__PURE__ */ y(
     "div",
     {
@@ -2016,8 +2017,8 @@ function Fe({ appId: e, isActive: t, onClose: n }) {
             title: i,
             onClose: n,
             onBack: a ?? void 0,
-            toolbar: f,
-            hideBackButton: w
+            toolbar: p,
+            hideBackButton: g
           }
         ),
         /* @__PURE__ */ s(
@@ -2033,7 +2034,7 @@ function Fe({ appId: e, isActive: t, onClose: n }) {
               backgroundColor: "var(--nc-bg-secondary)",
               position: "relative"
             },
-            children: /* @__PURE__ */ s(Oe.Provider, { value: E, children: /* @__PURE__ */ s(Bt, { appId: e, children: /* @__PURE__ */ s(
+            children: /* @__PURE__ */ s(Oe.Provider, { value: R, children: /* @__PURE__ */ s(Bt, { appId: e, children: /* @__PURE__ */ s(
               rt,
               {
                 fallback: /* @__PURE__ */ s(
@@ -2076,7 +2077,7 @@ function Jn({ children: e }) {
       height: o
     };
   });
-  return L(() => {
+  return B(() => {
     const r = () => {
       const o = window.innerWidth, i = window.innerHeight;
       n({
@@ -2201,27 +2202,27 @@ const ke = "-", Dt = (e) => {
     experimentalParseClassName: n
   } = e, r = t.length === 1, o = t[0], i = t.length, l = (a) => {
     const d = [];
-    let f = 0, u = 0, w;
+    let p = 0, f = 0, g;
     for (let v = 0; v < a.length; v++) {
       let N = a[v];
-      if (f === 0) {
+      if (p === 0) {
         if (N === o && (r || a.slice(v, v + i) === t)) {
-          d.push(a.slice(u, v)), u = v + i;
+          d.push(a.slice(f, v)), f = v + i;
           continue;
         }
         if (N === "/") {
-          w = v;
+          g = v;
           continue;
         }
       }
-      N === "[" ? f++ : N === "]" && f--;
+      N === "[" ? p++ : N === "]" && p--;
     }
-    const c = d.length === 0 ? a : a.substring(u), p = c.startsWith(Ke), b = p ? c.substring(1) : c, g = w && w > u ? w - u : void 0;
+    const c = d.length === 0 ? a : a.substring(f), u = c.startsWith(Ke), w = u ? c.substring(1) : c, m = g && g > f ? g - f : void 0;
     return {
       modifiers: d,
-      hasImportantModifier: p,
-      baseClassName: b,
-      maybePostfixModifierPosition: g
+      hasImportantModifier: u,
+      baseClassName: w,
+      maybePostfixModifierPosition: m
     };
   };
   return n ? (a) => n({
@@ -2248,34 +2249,34 @@ const ke = "-", Dt = (e) => {
   } = t, i = [], l = e.trim().split(Kt);
   let a = "";
   for (let d = l.length - 1; d >= 0; d -= 1) {
-    const f = l[d], {
-      modifiers: u,
-      hasImportantModifier: w,
+    const p = l[d], {
+      modifiers: f,
+      hasImportantModifier: g,
       baseClassName: c,
-      maybePostfixModifierPosition: p
-    } = n(f);
-    let b = !!p, g = r(b ? c.substring(0, p) : c);
-    if (!g) {
-      if (!b) {
-        a = f + (a.length > 0 ? " " + a : a);
+      maybePostfixModifierPosition: u
+    } = n(p);
+    let w = !!u, m = r(w ? c.substring(0, u) : c);
+    if (!m) {
+      if (!w) {
+        a = p + (a.length > 0 ? " " + a : a);
         continue;
       }
-      if (g = r(c), !g) {
-        a = f + (a.length > 0 ? " " + a : a);
+      if (m = r(c), !m) {
+        a = p + (a.length > 0 ? " " + a : a);
         continue;
       }
-      b = !1;
+      w = !1;
     }
-    const v = Yt(u).join(":"), N = w ? v + Ke : v, h = N + g;
+    const v = Yt(f).join(":"), N = g ? v + Ke : v, h = N + m;
     if (i.includes(h))
       continue;
     i.push(h);
-    const k = o(g, b);
-    for (let m = 0; m < k.length; ++m) {
-      const S = k[m];
+    const k = o(m, w);
+    for (let b = 0; b < k.length; ++b) {
+      const S = k[b];
       i.push(N + S);
     }
-    a = f + (a.length > 0 ? " " + a : a);
+    a = p + (a.length > 0 ? " " + a : a);
   }
   return a;
 };
@@ -2296,21 +2297,21 @@ const _e = (e) => {
 function qt(e, ...t) {
   let n, r, o, i = l;
   function l(d) {
-    const f = t.reduce((u, w) => w(u), e());
-    return n = jt(f), r = n.cache.get, o = n.cache.set, i = a, a(d);
+    const p = t.reduce((f, g) => g(f), e());
+    return n = jt(p), r = n.cache.get, o = n.cache.set, i = a, a(d);
   }
   function a(d) {
-    const f = r(d);
-    if (f)
-      return f;
-    const u = _t(d, n);
-    return o(d, u), u;
+    const p = r(d);
+    if (p)
+      return p;
+    const f = _t(d, n);
+    return o(d, f), f;
   }
   return function() {
     return i(Ut.apply(null, arguments));
   };
 }
-const B = (e) => {
+const D = (e) => {
   const t = (n) => n[e] || [];
   return t.isThemeGetter = !0, t;
 }, Ue = /^\[(?:([a-z-]+):)?(.+)\]$/i, Xt = /^\d+\/\d+$/, Jt = /* @__PURE__ */ new Set(["px", "full", "screen"]), Qt = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, Zt = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, en = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, tn = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, nn = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, G = (e) => re(e) || Jt.has(e) || Xt.test(e), U = (e) => ie(e, "length", un), re = (e) => !!e && !Number.isNaN(Number(e)), be = (e) => ie(e, "number", re), le = (e) => !!e && Number.isInteger(Number(e)), rn = (e) => e.endsWith("%") && re(e.slice(0, -1)), M = (e) => Ue.test(e), q = (e) => Qt.test(e), on = /* @__PURE__ */ new Set(["length", "size", "percentage"]), sn = (e) => ie(e, on, qe), cn = (e) => ie(e, "position", qe), an = /* @__PURE__ */ new Set(["image", "url"]), ln = (e) => ie(e, an, fn), dn = (e) => ie(e, "", pn), de = () => !0, ie = (e, t, n) => {
@@ -2322,7 +2323,7 @@ const B = (e) => {
   // I could also use lookbehind assertion in `lengthUnitRegex` but that isn't supported widely enough.
   Zt.test(e) && !en.test(e)
 ), qe = () => !1, pn = (e) => tn.test(e), fn = (e) => nn.test(e), hn = () => {
-  const e = B("colors"), t = B("spacing"), n = B("blur"), r = B("brightness"), o = B("borderColor"), i = B("borderRadius"), l = B("borderSpacing"), a = B("borderWidth"), d = B("contrast"), f = B("grayscale"), u = B("hueRotate"), w = B("invert"), c = B("gap"), p = B("gradientColorStops"), b = B("gradientColorStopPositions"), g = B("inset"), v = B("margin"), N = B("opacity"), h = B("padding"), k = B("saturate"), m = B("scale"), S = B("sepia"), E = B("skew"), I = B("space"), z = B("translate"), x = () => ["auto", "contain", "none"], A = () => ["auto", "hidden", "clip", "visible", "scroll"], $ = () => ["auto", M, t], C = () => [M, t], D = () => ["", G, U], R = () => ["auto", re, M], P = () => ["bottom", "center", "left", "left-bottom", "left-top", "right", "right-bottom", "right-top", "top"], H = () => ["solid", "dashed", "dotted", "double", "none"], ee = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], K = () => ["start", "end", "center", "between", "around", "evenly", "stretch"], Q = () => ["", "0", M], ce = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], F = () => [re, M];
+  const e = D("colors"), t = D("spacing"), n = D("blur"), r = D("brightness"), o = D("borderColor"), i = D("borderRadius"), l = D("borderSpacing"), a = D("borderWidth"), d = D("contrast"), p = D("grayscale"), f = D("hueRotate"), g = D("invert"), c = D("gap"), u = D("gradientColorStops"), w = D("gradientColorStopPositions"), m = D("inset"), v = D("margin"), N = D("opacity"), h = D("padding"), k = D("saturate"), b = D("scale"), S = D("sepia"), R = D("skew"), I = D("space"), z = D("translate"), x = () => ["auto", "contain", "none"], E = () => ["auto", "hidden", "clip", "visible", "scroll"], A = () => ["auto", M, t], C = () => [M, t], L = () => ["", G, U], $ = () => ["auto", re, M], P = () => ["bottom", "center", "left", "left-bottom", "left-top", "right", "right-bottom", "right-top", "top"], H = () => ["solid", "dashed", "dotted", "double", "none"], ee = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], K = () => ["start", "end", "center", "between", "around", "evenly", "stretch"], Q = () => ["", "0", M], ce = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], F = () => [re, M];
   return {
     cacheSize: 500,
     separator: ":",
@@ -2334,7 +2335,7 @@ const B = (e) => {
       borderColor: [e],
       borderRadius: ["none", "", "full", q, M],
       borderSpacing: C(),
-      borderWidth: D(),
+      borderWidth: L(),
       contrast: F(),
       grayscale: Q(),
       hueRotate: F(),
@@ -2342,8 +2343,8 @@ const B = (e) => {
       gap: C(),
       gradientColorStops: [e],
       gradientColorStopPositions: [rn, U],
-      inset: $(),
-      margin: $(),
+      inset: A(),
+      margin: A(),
       opacity: F(),
       padding: C(),
       saturate: F(),
@@ -2452,21 +2453,21 @@ const B = (e) => {
        * @see https://tailwindcss.com/docs/overflow
        */
       overflow: [{
-        overflow: A()
+        overflow: E()
       }],
       /**
        * Overflow X
        * @see https://tailwindcss.com/docs/overflow
        */
       "overflow-x": [{
-        "overflow-x": A()
+        "overflow-x": E()
       }],
       /**
        * Overflow Y
        * @see https://tailwindcss.com/docs/overflow
        */
       "overflow-y": [{
-        "overflow-y": A()
+        "overflow-y": E()
       }],
       /**
        * Overscroll Behavior
@@ -2499,63 +2500,63 @@ const B = (e) => {
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       inset: [{
-        inset: [g]
+        inset: [m]
       }],
       /**
        * Right / Left
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-x": [{
-        "inset-x": [g]
+        "inset-x": [m]
       }],
       /**
        * Top / Bottom
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-y": [{
-        "inset-y": [g]
+        "inset-y": [m]
       }],
       /**
        * Start
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       start: [{
-        start: [g]
+        start: [m]
       }],
       /**
        * End
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       end: [{
-        end: [g]
+        end: [m]
       }],
       /**
        * Top
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       top: [{
-        top: [g]
+        top: [m]
       }],
       /**
        * Right
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       right: [{
-        right: [g]
+        right: [m]
       }],
       /**
        * Bottom
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       bottom: [{
-        bottom: [g]
+        bottom: [m]
       }],
       /**
        * Left
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       left: [{
-        left: [g]
+        left: [m]
       }],
       /**
        * Visibility
@@ -2575,7 +2576,7 @@ const B = (e) => {
        * @see https://tailwindcss.com/docs/flex-basis
        */
       basis: [{
-        basis: $()
+        basis: A()
       }],
       /**
        * Flex Direction
@@ -2640,14 +2641,14 @@ const B = (e) => {
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-start": [{
-        "col-start": R()
+        "col-start": $()
       }],
       /**
        * Grid Column End
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-end": [{
-        "col-end": R()
+        "col-end": $()
       }],
       /**
        * Grid Template Rows
@@ -2670,14 +2671,14 @@ const B = (e) => {
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-start": [{
-        "row-start": R()
+        "row-start": $()
       }],
       /**
        * Grid Row End
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-end": [{
-        "row-end": R()
+        "row-end": $()
       }],
       /**
        * Grid Auto Flow
@@ -3293,42 +3294,42 @@ const B = (e) => {
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-from-pos": [{
-        from: [b]
+        from: [w]
       }],
       /**
        * Gradient Color Stops Via Position
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-via-pos": [{
-        via: [b]
+        via: [w]
       }],
       /**
        * Gradient Color Stops To Position
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-to-pos": [{
-        to: [b]
+        to: [w]
       }],
       /**
        * Gradient Color Stops From
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-from": [{
-        from: [p]
+        from: [u]
       }],
       /**
        * Gradient Color Stops Via
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-via": [{
-        via: [p]
+        via: [u]
       }],
       /**
        * Gradient Color Stops To
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-to": [{
-        to: [p]
+        to: [u]
       }],
       // Borders
       /**
@@ -3654,7 +3655,7 @@ const B = (e) => {
        * @see https://tailwindcss.com/docs/ring-width
        */
       "ring-w": [{
-        ring: D()
+        ring: L()
       }],
       /**
        * Ring Width Inset
@@ -3767,21 +3768,21 @@ const B = (e) => {
        * @see https://tailwindcss.com/docs/grayscale
        */
       grayscale: [{
-        grayscale: [f]
+        grayscale: [p]
       }],
       /**
        * Hue Rotate
        * @see https://tailwindcss.com/docs/hue-rotate
        */
       "hue-rotate": [{
-        "hue-rotate": [u]
+        "hue-rotate": [f]
       }],
       /**
        * Invert
        * @see https://tailwindcss.com/docs/invert
        */
       invert: [{
-        invert: [w]
+        invert: [g]
       }],
       /**
        * Saturate
@@ -3831,21 +3832,21 @@ const B = (e) => {
        * @see https://tailwindcss.com/docs/backdrop-grayscale
        */
       "backdrop-grayscale": [{
-        "backdrop-grayscale": [f]
+        "backdrop-grayscale": [p]
       }],
       /**
        * Backdrop Hue Rotate
        * @see https://tailwindcss.com/docs/backdrop-hue-rotate
        */
       "backdrop-hue-rotate": [{
-        "backdrop-hue-rotate": [u]
+        "backdrop-hue-rotate": [f]
       }],
       /**
        * Backdrop Invert
        * @see https://tailwindcss.com/docs/backdrop-invert
        */
       "backdrop-invert": [{
-        "backdrop-invert": [w]
+        "backdrop-invert": [g]
       }],
       /**
        * Backdrop Opacity
@@ -3960,21 +3961,21 @@ const B = (e) => {
        * @see https://tailwindcss.com/docs/scale
        */
       scale: [{
-        scale: [m]
+        scale: [b]
       }],
       /**
        * Scale X
        * @see https://tailwindcss.com/docs/scale
        */
       "scale-x": [{
-        "scale-x": [m]
+        "scale-x": [b]
       }],
       /**
        * Scale Y
        * @see https://tailwindcss.com/docs/scale
        */
       "scale-y": [{
-        "scale-y": [m]
+        "scale-y": [b]
       }],
       /**
        * Rotate
@@ -4002,14 +4003,14 @@ const B = (e) => {
        * @see https://tailwindcss.com/docs/skew
        */
       "skew-x": [{
-        "skew-x": [E]
+        "skew-x": [R]
       }],
       /**
        * Skew Y
        * @see https://tailwindcss.com/docs/skew
        */
       "skew-y": [{
-        "skew-y": [E]
+        "skew-y": [R]
       }],
       /**
        * Transform Origin
@@ -4356,16 +4357,16 @@ function gn(...e) {
 }
 function Qn({ autoWidth: e = !0, className: t, style: n }) {
   const [r, o] = T(() => j.getActiveAppId()), [i, l] = T(() => V.getRunningApps()), { isMobile: a } = Ye();
-  L(() => {
+  B(() => {
     const v = j.subscribe("activeAppId", (N) => {
       o(N);
     });
     return () => {
       v();
     };
-  }, []), L(() => V.subscribe(() => {
+  }, []), B(() => V.subscribe(() => {
     l(V.getRunningApps());
-  }), []), L(() => {
+  }), []), B(() => {
     if (!new URLSearchParams(window.location.search).has("app")) {
       const h = j.getActiveAppId();
       h && !V.isRunning(h) && V.launchApp(h);
@@ -4373,15 +4374,15 @@ function Qn({ autoWidth: e = !0, className: t, style: n }) {
   }, []);
   const d = (v) => {
     V.closeApp(v);
-  }, f = r ? oe.get(r) : null, w = (f == null ? void 0 : f.width) ?? 400, c = r !== null, g = { ...{
+  }, p = r ? oe.get(r) : null, g = (p == null ? void 0 : p.width) ?? 400, c = r !== null, m = { ...{
     overflow: "hidden",
     display: c ? "flex" : "none",
     flexDirection: "column",
     flexShrink: 0,
     // Only set width if autoWidth is enabled
-    ...e && c ? { width: a ? "100%" : w } : {}
+    ...e && c ? { width: a ? "100%" : g } : {}
   }, ...n };
-  return /* @__PURE__ */ s("div", { className: gn("nc-app-panel", t), style: g, children: i.map((v) => /* @__PURE__ */ s(
+  return /* @__PURE__ */ s("div", { className: gn("nc-app-panel", t), style: m, children: i.map((v) => /* @__PURE__ */ s(
     Fe,
     {
       appId: v.appId,
@@ -4393,47 +4394,47 @@ function Qn({ autoWidth: e = !0, className: t, style: n }) {
 }
 function Zn({ pinnedAppIds: e, className: t = "" }) {
   const { isMobile: n } = Ye(), [r, o] = T(() => j.getActiveAppId()), [i, l] = T(() => V.getRunningApps());
-  L(() => {
-    const c = j.subscribe("activeAppId", (p) => {
-      o(p);
+  B(() => {
+    const c = j.subscribe("activeAppId", (u) => {
+      o(u);
     });
     return () => {
       c();
     };
-  }, []), L(() => V.subscribe(() => {
+  }, []), B(() => V.subscribe(() => {
     l(V.getRunningApps());
   }), []);
   const a = (c) => {
     r === c ? V.setActiveApp(null) : V.launchApp(c);
-  }, d = e.map((c) => oe.get(c)).filter((c) => !!c), f = i.filter((c) => !e.includes(c.appId)).map((c) => ({ running: c, def: oe.get(c.appId) })).filter((c) => !!c.def), u = (c) => i.some((p) => p.appId === c), w = n ? 24 : 28;
+  }, d = e.map((c) => oe.get(c)).filter((c) => !!c), p = i.filter((c) => !e.includes(c.appId)).map((c) => ({ running: c, def: oe.get(c.appId) })).filter((c) => !!c.def), f = (c) => i.some((u) => u.appId === c), g = n ? 24 : 28;
   return /* @__PURE__ */ y("div", { className: `nc-app-taskbar ${n ? "nc-mobile" : "nc-desktop"} ${t}`, children: [
     d.map((c) => {
-      const p = c.icon, b = r === c.id, g = u(c.id);
+      const u = c.icon, w = r === c.id, m = f(c.id);
       return /* @__PURE__ */ y(
         "button",
         {
-          className: `nc-app-taskbar-button ${b ? "nc-active" : ""} ${g ? "nc-running" : ""}`,
+          className: `nc-app-taskbar-button ${w ? "nc-active" : ""} ${m ? "nc-running" : ""}`,
           onClick: () => a(c.id),
           title: c.titleKey || c.id,
           children: [
-            /* @__PURE__ */ s(p, { size: w }),
-            g && /* @__PURE__ */ s("span", { className: "nc-app-taskbar-indicator" })
+            /* @__PURE__ */ s(u, { size: g }),
+            m && /* @__PURE__ */ s("span", { className: "nc-app-taskbar-indicator" })
           ]
         },
         c.id
       );
     }),
-    f.length > 0 && /* @__PURE__ */ s("div", { className: "nc-app-taskbar-separator" }),
-    f.map(({ running: c, def: p }) => {
-      const b = p.icon, g = r === c.appId;
+    p.length > 0 && /* @__PURE__ */ s("div", { className: "nc-app-taskbar-separator" }),
+    p.map(({ running: c, def: u }) => {
+      const w = u.icon, m = r === c.appId;
       return /* @__PURE__ */ y(
         "button",
         {
-          className: `nc-app-taskbar-button ${g ? "nc-active" : ""} nc-running`,
+          className: `nc-app-taskbar-button ${m ? "nc-active" : ""} nc-running`,
           onClick: () => a(c.appId),
-          title: p.titleKey || p.id,
+          title: u.titleKey || u.id,
           children: [
-            /* @__PURE__ */ s(b, { size: w }),
+            /* @__PURE__ */ s(w, { size: g }),
             /* @__PURE__ */ s("span", { className: "nc-app-taskbar-indicator" })
           ]
         },
@@ -4494,44 +4495,44 @@ function nr() {
 }
 const Ae = se(null);
 function rr({ rootView: e, children: t }) {
-  const { t: n } = J(), r = zt(), [o, i] = T([e]), [l, a] = T([null]), d = O((m, S) => {
-    a((E) => {
-      const I = [...E];
-      return I[m] = S, I;
+  const { t: n } = J(), r = zt(), [o, i] = T([e]), [l, a] = T([null]), d = O((b, S) => {
+    a((R) => {
+      const I = [...R];
+      return I[b] = S, I;
     });
-  }, []), f = O((m) => {
+  }, []), p = O((b) => {
     a((S) => {
-      const E = [...S];
-      return E[m] = null, E;
+      const R = [...S];
+      return R[b] = null, R;
     });
-  }, []), u = O((m) => {
-    i((S) => [...S, m]), a((S) => [...S, null]);
-  }, []), w = O(() => {
-    i((m) => m.length <= 1 ? m : m.slice(0, -1)), a((m) => m.slice(0, -1));
+  }, []), f = O((b) => {
+    i((S) => [...S, b]), a((S) => [...S, null]);
+  }, []), g = O(() => {
+    i((b) => b.length <= 1 ? b : b.slice(0, -1)), a((b) => b.slice(0, -1));
   }, []), c = O(() => {
     i([e]), a([null]);
-  }, [e]), p = o.length, b = p > 1, g = o.length - 1, v = o[o.length - 1], N = v != null && v.titleKey ? n(v.titleKey) : (v == null ? void 0 : v.title) ?? "";
-  L(() => {
+  }, [e]), u = o.length, w = u > 1, m = o.length - 1, v = o[o.length - 1], N = v != null && v.titleKey ? n(v.titleKey) : (v == null ? void 0 : v.title) ?? "";
+  B(() => {
     r.setTitle(N);
-  }, [N, r]), L(() => {
-    b ? r.setBackHandler(w) : r.clearBackHandler();
-  }, [b, w, r]), L(() => {
-    const m = l[l.length - 1];
-    m ? r.setToolbar(m) : r.clearToolbar();
+  }, [N, r]), B(() => {
+    w ? r.setBackHandler(g) : r.clearBackHandler();
+  }, [w, g, r]), B(() => {
+    const b = l[l.length - 1];
+    b ? r.setToolbar(b) : r.clearToolbar();
   }, [l, r]);
   const h = {
-    push: u,
-    pop: w,
+    push: f,
+    pop: g,
     reset: c,
-    depth: p,
-    canGoBack: b,
+    depth: u,
+    canGoBack: w,
     currentTitle: N
   }, k = {
     stack: o,
     toolbarStack: l,
     updateToolbar: d,
-    clearToolbarAt: f,
-    topIndex: g
+    clearToolbarAt: p,
+    topIndex: m
   };
   return /* @__PURE__ */ s(Ne.Provider, { value: h, children: /* @__PURE__ */ s(Ae.Provider, { value: k, children: t }) });
 }
@@ -4539,8 +4540,8 @@ function bn({ index: e, children: t }) {
   const n = X(Ae);
   if (!n)
     throw new Error("NavViewProvider must be used within NavStackProvider");
-  const { updateToolbar: r, clearToolbarAt: o, topIndex: i } = n, l = O((f) => {
-    e === i && r(e, f);
+  const { updateToolbar: r, clearToolbarAt: o, topIndex: i } = n, l = O((p) => {
+    e === i && r(e, p);
   }, [e, i, r]), a = O(() => {
     e === i && o(e);
   }, [e, i, o]), d = {