@kingsimba/nc-ui 0.1.41 → 0.1.43

package/dist/index.js

@@ -3,10 +3,10 @@ var mt = (e, t, n) => t in e ? ht(e, t, { enumerable: !0, configurable: !0, writ
 var se = (e, t, n) => mt(e, typeof t != "symbol" ? t + "" : t, n);
 import { jsx as s, jsxs as A, Fragment as Pe } from "react/jsx-runtime";
 import { d as Le, E as gt, R as bt, T as vt, g as wt, V as yt, b as xt, a as kt, c as Nt } from "./GeneratedIcons-HFZmBTBT.js";
-import ze, { useState as E, useRef as Y, useEffect as V, useMemo as Ie, createContext as ge, useContext as ae, Children as At, isValidElement as St, forwardRef as Ct, useImperativeHandle as Mt, useCallback as X, Suspense as It } from "react";
+import ze, { useState as E, useRef as Y, useEffect as V, useMemo as $e, createContext as ge, useContext as ae, Children as At, isValidElement as St, forwardRef as Ct, useImperativeHandle as Mt, useCallback as X, Suspense as $t } from "react";
 import { createPortal as Ae } from "react-dom";
 import { useTranslation as oe } from "react-i18next";
-import $t from "i18next";
+import It from "i18next";
 import { c as Rt } from "./clsx-OuTLNxxd.js";
 function Qe({
   size: e = "default",
@@ -37,7 +37,7 @@ function Qe({
   );
   return n ? /* @__PURE__ */ s("div", { className: "nc-activity-indicator-overlay", children: o }) : o;
 }
-function ne({ variant: e = "default", block: t, size: n = "default", appearance: r = "default", className: o, disabled: i, textSelectable: a, loading: c, onClick: l, children: u, ...f }) {
+function ne({ variant: e = "default", block: t, size: n = "default", appearance: r = "default", className: o, disabled: i, textSelectable: a, loading: c, onClick: l, children: u, ...p }) {
   const w = [
     "nc-button",
     e !== "default" ? `nc-${e}` : "",
@@ -65,7 +65,7 @@ function ne({ variant: e = "default", block: t, size: n = "default", appearance:
           l == null || l(g);
         }
       },
-      ...f,
+      ...p,
       children: [
         c && /* @__PURE__ */ s(
           Qe,
@@ -136,7 +136,7 @@ function qn({
   const o = Math.max(0, Math.min(1, Number(e) || 0)), i = o === 0 ? "-" : String(Math.round(o * 100));
   let a;
   r ? o < 0.1 ? a = "var(--nc-danger)" : o < 0.2 ? a = "var(--nc-warning)" : a = "var(--nc-success)" : a = n ? "rgba(255,255,255,0.35)" : "#000000";
-  const c = "var(--nc-battery-shell-bg)", l = 24, u = 14, f = 2, w = 0, d = 12, g = 0, k = 0, b = 0, v = l, y = u, h = y - g * 2, p = v - g * 2, m = Math.max(1, Math.min(4, y / 4)), N = o === 0 ? 0 : 0.05 + o * 0.95, C = l + f + d, P = 20, B = 0.65, S = Math.max(u, P * B), L = l + f + 1, x = (u - P * B) / 2;
+  const c = "var(--nc-battery-shell-bg)", l = 24, u = 14, p = 2, w = 0, d = 12, g = 0, k = 0, b = 0, v = l, y = u, h = y - g * 2, f = v - g * 2, m = Math.max(1, Math.min(4, y / 4)), N = o === 0 ? 0 : 0.05 + o * 0.95, C = l + p + d, P = 20, B = 0.65, S = Math.max(u, P * B), L = l + p + 1, x = (u - P * B) / 2;
   return /* @__PURE__ */ A(
     "svg",
     {
@@ -147,7 +147,7 @@ function qn({
       role: "img",
       "aria-label": `Battery ${i === "-" ? "-" : `${i}%`} ${t}`,
       children: [
-        /* @__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: h, fill: "white" }) }) }),
+        /* @__PURE__ */ s("defs", { children: /* @__PURE__ */ s("mask", { id: `nc-battery-fill-mask-${o}`, children: /* @__PURE__ */ s("rect", { x: "0", y: "0", width: f * N, height: h, fill: "white" }) }) }),
         /* @__PURE__ */ s(
           "rect",
           {
@@ -165,7 +165,7 @@ function qn({
           {
             x: k + g,
             y: b + g,
-            width: p,
+            width: f,
             height: h,
             fill: a,
             rx: m,
@@ -190,7 +190,7 @@ function qn({
           {
             x: l + w,
             y: u * 0.26,
-            width: f,
+            width: p,
             height: u * 0.48,
             rx: 0.8,
             ry: 0.8,
@@ -209,7 +209,7 @@ function Xn({
   disabled: r,
   size: o = "default"
 }) {
-  return /* @__PURE__ */ s("div", { className: `nc-button-group ${o === "small" ? "nc-small" : ""}`, children: n.map((i) => {
+  return /* @__PURE__ */ s("div", { className: `nc-button-group ${o === "small" ? "nc-small" : o === "tiny" ? "nc-tiny" : ""}`, children: n.map((i) => {
     const a = r || !!i.disabled;
     return /* @__PURE__ */ s(
       "button",
@@ -225,7 +225,7 @@ function Xn({
   }) });
 }
 function Et({ size: e }) {
-  return /* @__PURE__ */ s("svg", { className: `nc-checkbox-icon ${e === "small" ? "nc-small" : ""}`, viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ s(
+  return /* @__PURE__ */ s("svg", { className: `nc-checkbox-icon ${e === "small" ? "nc-small" : e === "tiny" ? "nc-tiny" : ""}`, viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ s(
     "path",
     {
       d: "M2 6L5 9L10 3",
@@ -237,14 +237,14 @@ function Et({ size: e }) {
   ) });
 }
 function Jn({ checked: e, onChange: t, disabled: n, label: r, size: o = "default", labelColor: i, style: a, className: c = "" }) {
-  const l = o === "small";
+  const l = o === "small", u = o === "tiny";
   return /* @__PURE__ */ A(
     "label",
     {
-      className: `nc-checkbox-label ${l ? "nc-small" : ""} ${n ? "nc-disabled" : ""} ${c}`.trim(),
+      className: `nc-checkbox-label ${l ? "nc-small" : ""} ${u ? "nc-tiny" : ""} ${n ? "nc-disabled" : ""} ${c}`.trim(),
       style: a,
-      onClick: (u) => {
-        n || (u.preventDefault(), t(!e));
+      onClick: (p) => {
+        n || (p.preventDefault(), t(!e));
       },
       children: [
         /* @__PURE__ */ s(
@@ -253,9 +253,9 @@ function Jn({ checked: e, onChange: t, disabled: n, label: r, size: o = "default
             role: "checkbox",
             "aria-checked": e,
             tabIndex: 0,
-            className: `nc-checkbox-box ${l ? "nc-small" : ""} ${e ? "nc-checked" : ""}`,
-            onKeyDown: (u) => {
-              n || (u.key === "Enter" || u.key === " ") && (u.preventDefault(), t(!e));
+            className: `nc-checkbox-box ${l ? "nc-small" : ""} ${u ? "nc-tiny" : ""} ${e ? "nc-checked" : ""}`,
+            onKeyDown: (p) => {
+              n || (p.key === "Enter" || p.key === " ") && (p.preventDefault(), t(!e));
             },
             children: e && /* @__PURE__ */ s(Et, { size: o })
           }
@@ -307,7 +307,7 @@ function Lt({
   highlightedIndex: c = -1,
   renderOption: l
 }) {
-  const [u, f] = E({ top: 0, left: 0, width: 0 }), [w, d] = E(o), { t: g } = oe();
+  const [u, p] = E({ top: 0, left: 0, width: 0 }), [w, d] = E(o), { t: g } = oe();
   if (V(() => {
     if (e && i.current) {
       const b = i.current.getBoundingClientRect();
@@ -316,7 +316,7 @@ function Lt({
         const y = window.innerHeight - b.bottom, h = b.top;
         y < 320 && h > y && (v = "top");
       }
-      d(v), f({
+      d(v), p({
         top: v === "top" ? b.top - 4 : b.bottom + 4,
         left: b.left,
         width: b.width
@@ -383,7 +383,7 @@ function Qn({
   selectedOption: c,
   disabled: l,
   label: u,
-  clearable: f = !0,
+  clearable: p = !0,
   allowTyping: w = !1,
   placement: d = "bottom",
   size: g = "default",
@@ -392,7 +392,7 @@ function Qn({
   style: v,
   className: y
 }) {
-  const [h, p] = E(!1), [m, N] = E(""), [C, P] = E(-1), B = Y(null), S = Y(null), L = Y(null), x = g === "small", { t: M } = oe(), z = !!o, F = w || z, [$, T] = E([]), [H, q] = E(() => {
+  const [h, f] = E(!1), [m, N] = E(""), [C, P] = E(-1), B = Y(null), S = Y(null), L = Y(null), x = g === "small", { t: M } = oe(), z = !!o, F = w || z, [I, T] = E([]), [H, q] = E(() => {
     if (r && e) {
       const R = r.find((j) => j.value === e);
       return R ? R.label : "";
@@ -421,33 +421,33 @@ function Qn({
       }
     };
     j ? W() : L.current = setTimeout(W, 200);
-  }, _ = Ie(() => {
-    if (z) return $;
+  }, _ = $e(() => {
+    if (z) return I;
     const R = m.toLowerCase();
     return F ? (r || []).filter((j) => j.label.toLowerCase().includes(R)) : r || [];
-  }, [r, m, F, z, $]);
+  }, [r, m, F, z, I]);
   V(() => {
     h && P(-1);
   }, [h, _]), V(() => {
-    if (!f && !e && r && r.length > 0 && t) {
+    if (!p && !e && r && r.length > 0 && t) {
       const R = r.find((j) => j.default) || r[0];
       t(R.value);
     }
-  }, [f, e, r, t]), V(() => {
+  }, [p, e, r, t]), V(() => {
     function R(j) {
       var W;
-      j.target instanceof Node && B.current && ((W = B.current.parentElement) != null && W.contains(j.target) || p(!1));
+      j.target instanceof Node && B.current && ((W = B.current.parentElement) != null && W.contains(j.target) || f(!1));
     }
     return document.addEventListener("mousedown", R), () => document.removeEventListener("mousedown", R);
   }, []);
-  const D = c ?? (r ? r.find((R) => R.value === e) : e ? { label: H, value: e } : void 0), J = D && f, le = !l && !J, pe = `nc-align-${b}`, ve = !(h && F) && !!D, de = (R, j, W = !1) => {
+  const D = c ?? (r ? r.find((R) => R.value === e) : e ? { label: H, value: e } : void 0), J = D && p, le = !l && !J, pe = `nc-align-${b}`, ve = !(h && F) && !!D, de = (R, j, W = !1) => {
     var U;
-    q(j), t == null || t(R), p(!1), N(""), W && ((U = B.current) == null || U.blur());
+    q(j), t == null || t(R), f(!1), N(""), W && ((U = B.current) == null || U.blur());
   }, we = () => {
-    t == null || t(void 0), N(""), p(!1);
+    t == null || t(void 0), N(""), f(!1);
   }, ye = (R) => {
     if (!h) {
-      (R.key === "ArrowDown" || R.key === "ArrowUp") && (p(!0), R.preventDefault());
+      (R.key === "ArrowDown" || R.key === "ArrowUp") && (f(!0), R.preventDefault());
       return;
     }
     const j = (W, U) => {
@@ -481,7 +481,7 @@ function Qn({
         R.preventDefault(), C >= 0 && C < _.length && !_[C].disabled && de(_[C].value, _[C].label, !0);
         break;
       case "Escape":
-        R.preventDefault(), p(!1), N("");
+        R.preventDefault(), f(!1), N("");
         break;
     }
   };
@@ -495,7 +495,7 @@ function Qn({
         onMouseDown: (R) => {
           if (l || F && R.target === B.current) return;
           const j = !h;
-          if (p((W) => (!W && F && D && N(D.label), !W)), z && j) {
+          if (f((W) => (!W && F && D && N(D.label), !W)), z && j) {
             const W = F && D ? D.label : "";
             T([]), setTimeout(() => O(W, !0), 0);
           }
@@ -513,7 +513,7 @@ function Qn({
               placeholder: n,
               onFocus: () => {
                 if (!l && F) {
-                  p(!0);
+                  f(!0);
                   const R = D ? D.label : "";
                   D && (N(R), setTimeout(() => {
                     var j;
@@ -656,11 +656,11 @@ function rr({
     const d = u.getBoundingClientRect(), g = a.current.getBoundingClientRect(), k = window.innerHeight, b = window.innerWidth, v = d.bottom + 8, y = v + g.height <= k - 8;
     let h = i;
     (!y && i === "down" || i === "up" && y) && (h = "up");
-    let p;
-    h === "down" ? p = v : p = d.top - g.height - 8;
+    let f;
+    h === "down" ? f = v : f = d.top - g.height - 8;
     let m = d.left;
     m + g.width > b - 8 && (m = d.right - g.width), l({
-      top: Math.max(8, p),
+      top: Math.max(8, f),
       // Ensure minimum 8px from top
       left: Math.max(8, m)
       // Ensure minimum 8px from left
@@ -676,7 +676,7 @@ function rr({
       document.removeEventListener("mousedown", d), document.removeEventListener("keydown", g);
     };
   }, [e, t, u]), !e) return null;
-  const f = (d) => {
+  const p = (d) => {
     d.type !== "separator" && !d.disabled && d.onClick && (d.onClick(), t());
   }, w = n.some((d) => d.icon);
   return Ae(
@@ -712,7 +712,7 @@ function rr({
             "button",
             {
               className: g,
-              onClick: () => f(d),
+              onClick: () => p(d),
               disabled: d.disabled,
               role: "menuitem",
               children: [
@@ -752,7 +752,7 @@ function or({
   onOk: c,
   onSave: l,
   onDelete: u,
-  onCancel: f,
+  onCancel: p,
   onConnect: w,
   closeOnOverlay: d = !0,
   primaryDisabled: g = !1,
@@ -761,20 +761,20 @@ function or({
   className: v = "",
   onContentHeightChange: y
 }) {
-  const h = Y(null), p = Y(null), { t: m } = oe(), N = { close: t }, C = (S) => {
+  const h = Y(null), f = Y(null), { t: m } = oe(), N = { close: t }, C = (S) => {
     d && S.target === S.currentTarget && t();
   };
   if (V(() => {
     e && h.current && h.current.focus();
   }, [e]), V(() => {
-    if (!y || !p.current) return;
+    if (!y || !f.current) return;
     const S = new ResizeObserver((L) => {
       for (const x of L) {
         const M = x.contentRect.height;
         y(M);
       }
     });
-    return S.observe(p.current), () => {
+    return S.observe(f.current), () => {
       S.disconnect();
     };
   }, [y]), !e) return null;
@@ -784,22 +784,22 @@ function or({
         return /* @__PURE__ */ s("div", { className: "nc-dialog-footer", children: /* @__PURE__ */ s(ne, { variant: "primary", onClick: c ?? t, disabled: g, children: m("common.ok") }) });
       case "ok-cancel":
         return /* @__PURE__ */ A("div", { className: "nc-dialog-footer", children: [
-          /* @__PURE__ */ s(fe, { onClick: f, children: m("common.cancel") }),
+          /* @__PURE__ */ s(fe, { onClick: p, children: m("common.cancel") }),
           /* @__PURE__ */ s(ne, { variant: "primary", onClick: c ?? t, disabled: g, children: m("common.ok") })
         ] });
       case "save-cancel":
         return /* @__PURE__ */ A("div", { className: "nc-dialog-footer", children: [
-          /* @__PURE__ */ s(fe, { onClick: f, children: m("common.cancel") }),
+          /* @__PURE__ */ s(fe, { onClick: p, children: m("common.cancel") }),
           /* @__PURE__ */ s(ne, { variant: "primary", onClick: l, disabled: g, children: m("common.save") })
         ] });
       case "delete-cancel":
         return /* @__PURE__ */ A("div", { className: "nc-dialog-footer", children: [
-          /* @__PURE__ */ s(fe, { onClick: f, children: m("common.cancel") }),
+          /* @__PURE__ */ s(fe, { onClick: p, children: m("common.cancel") }),
           /* @__PURE__ */ s(ne, { variant: "danger", onClick: u, disabled: g, children: m("common.delete") })
         ] });
       case "connect":
         return /* @__PURE__ */ A("div", { className: "nc-dialog-footer", children: [
-          /* @__PURE__ */ s(fe, { onClick: f, children: m("common.cancel") }),
+          /* @__PURE__ */ s(fe, { onClick: p, children: m("common.cancel") }),
           /* @__PURE__ */ s(ne, { variant: "primary", onClick: w, disabled: g, children: m("common.connect") })
         ] });
       case "close":
@@ -828,7 +828,7 @@ function or({
           /* @__PURE__ */ s("h3", { id: "nc-dialog-title", className: "nc-dialog-title", children: n }),
           /* @__PURE__ */ s(Ze, { onClick: t, "aria-label": "Close dialog" })
         ] }),
-        /* @__PURE__ */ s("div", { ref: p, className: "nc-dialog-content", children: r }),
+        /* @__PURE__ */ s("div", { ref: f, className: "nc-dialog-content", children: r }),
         P()
       ]
     }
@@ -903,7 +903,7 @@ function sr({
   disabled: c,
   label: l,
   clearable: u = !0,
-  type: f = "text",
+  type: p = "text",
   className: w = "",
   size: d = "default",
   appearance: g = "default",
@@ -912,14 +912,14 @@ function sr({
   showPasswordToggle: v = !1,
   multiline: y = !1,
   rows: h = 3,
-  validator: p,
+  validator: f,
   showErrorMessage: m = !0
 }) {
-  const N = Y(null), C = Y(null), P = Y(!1), [B, S] = E(!1), [L, x] = E(!1), [M, z] = E(!1), F = e !== void 0, [$, T] = E(t), H = F ? e : $, [q, O] = E(H), _ = p ? p(H) : null, D = !!_, J = !y && g === "plain", le = J && L, pe = le ? q : H;
+  const N = Y(null), C = Y(null), P = Y(!1), [B, S] = E(!1), [L, x] = E(!1), [M, z] = E(!1), F = e !== void 0, [I, T] = E(t), H = F ? e : I, [q, O] = E(H), _ = f ? f(H) : null, D = !!_, J = !y && g === "plain", le = J && L, pe = le ? q : H;
   V(() => {
     le || O(H);
   }, [H, le]);
-  const ve = f === "password", de = ve && v && !c && !y, we = u && pe && !c && (L || M), ye = d === "small" ? 32 : 44;
+  const ve = p === "password", de = ve && v && !c && !y, we = u && pe && !c && (L || M), ye = d === "small" ? 32 : 44;
   let R = 12;
   we && de ? R = ye * 2 : (we || de) && (R = ye);
   const W = b ? d === "small" ? 28 : 34 : void 0, U = () => {
@@ -997,7 +997,7 @@ function sr({
             "input",
             {
               ref: N,
-              type: ve && B ? "text" : f,
+              type: ve && B ? "text" : p,
               className: je,
               placeholder: a,
               value: pe,
@@ -1074,7 +1074,7 @@ function cr({ title: e, titleTools: t, children: n, style: r }) {
   ] });
 }
 function ar({ values: e, onChange: t, options: n, placeholder: r = "Select…", label: o }) {
-  const [i, a] = E(!1), [c, l] = E(""), u = Y(null), f = Ie(() => n.filter((d) => d.label.toLowerCase().includes(c.toLowerCase())), [n, c]);
+  const [i, a] = E(!1), [c, l] = E(""), u = Y(null), p = $e(() => n.filter((d) => d.label.toLowerCase().includes(c.toLowerCase())), [n, c]);
   V(() => {
     function d(g) {
       !(g.target instanceof Node) || !u.current || u.current.contains(g.target) || a(!1);
@@ -1116,14 +1116,14 @@ function ar({ values: e, onChange: t, options: n, placeholder: r = "Select…",
       )
     ] }),
     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) => {
+      p.map((d) => {
         const g = e.includes(d.value);
         return /* @__PURE__ */ A("div", { className: "nc-section nc-row", style: { justifyContent: "space-between", cursor: "pointer", padding: 12 }, onMouseDown: () => w(d.value), children: [
           /* @__PURE__ */ s("span", { children: d.label }),
           /* @__PURE__ */ s("span", { children: g ? "✔️" : "" })
         ] }, d.value);
       }),
-      f.length === 0 && /* @__PURE__ */ s("div", { className: "nc-section nc-label", children: "No results" })
+      p.length === 0 && /* @__PURE__ */ s("div", { className: "nc-section nc-label", children: "No results" })
     ] })
   ] });
 }
@@ -1167,7 +1167,7 @@ function lr({
   disabled: i = !1,
   size: a = "default"
 }) {
-  const [c, l] = E(!1), [u, f] = E(""), [w, d] = E(""), [g, k] = E({ top: 0, left: 0, width: 0, right: void 0 }), b = Y(null), v = Y(null);
+  const [c, l] = E(!1), [u, p] = E(""), [w, d] = E(""), [g, k] = E({ top: 0, left: 0, width: 0, right: void 0 }), b = Y(null), v = Y(null);
   V(() => {
     if (c && b.current) {
       const x = b.current.getBoundingClientRect(), z = Math.max(x.width, 400);
@@ -1192,10 +1192,10 @@ function lr({
     return document.addEventListener("mousedown", x), () => document.removeEventListener("mousedown", x);
   }, [c]);
   const y = () => {
-    f(e || Ke()), d(t || Ke()), l(!0);
+    p(e || Ke()), d(t || Ke()), l(!0);
   }, h = () => {
     l(!1);
-  }, p = () => {
+  }, f = () => {
     const x = Se(u), M = Se(w);
     if (x || M)
       return;
@@ -1224,7 +1224,7 @@ function lr({
                   type: "text",
                   className: `nc-month-input ${N ? "nc-error" : ""}`,
                   value: u,
-                  onChange: (x) => f(x.target.value),
+                  onChange: (x) => p(x.target.value),
                   placeholder: "YY-M(M) or YYYY-M(M)"
                 }
               ),
@@ -1251,7 +1251,7 @@ function lr({
               ne,
               {
                 variant: "primary",
-                onClick: p,
+                onClick: f,
                 disabled: !u || !w || !!N || !!C || !!S,
                 children: "Apply"
               }
@@ -1280,68 +1280,68 @@ function lr({
 }
 const Vt = 5, Ft = 3;
 function dr({ value: e, onChange: t, min: n, max: r, step: o = 1, label: i, disabled: a, className: c = "", style: l, size: u = "default" }) {
-  const f = u === "small", w = (String(o).split(".")[1] || "").length, d = Y(null), g = Y(!1), k = Y(null), [b, v] = E(!1), [y, h] = E(() => String(e)), p = ($) => parseFloat($.toFixed(w)), m = ($) => {
-    const T = p($);
+  const p = u === "small", w = (String(o).split(".")[1] || "").length, d = Y(null), g = Y(!1), k = Y(null), [b, v] = E(!1), [y, h] = E(() => String(e)), f = (I) => parseFloat(I.toFixed(w)), m = (I) => {
+    const T = f(I);
     h(String(T)), t(T);
   }, N = () => {
-    const $ = e - o;
-    n !== void 0 && $ < n || m(parseFloat($.toFixed(10)));
+    const I = e - o;
+    n !== void 0 && I < n || m(parseFloat(I.toFixed(10)));
   }, C = () => {
-    const $ = e + o;
-    r !== void 0 && $ > r || m(parseFloat($.toFixed(10)));
-  }, P = ($) => {
-    const T = $.target.value;
+    const I = e + o;
+    r !== void 0 && I > r || m(parseFloat(I.toFixed(10)));
+  }, P = (I) => {
+    const T = I.target.value;
     if (h(T), T === "") return;
     const H = parseFloat(T);
     isNaN(H) || t(H);
   }, B = () => {
-    const $ = y;
-    if ($ === "") {
+    const I = y;
+    if (I === "") {
       m(n !== void 0 ? n : 0);
       return;
     }
-    const T = parseFloat($);
+    const T = parseFloat(I);
     if (isNaN(T)) {
       m(n !== void 0 ? n : 0);
       return;
     }
-    let H = p(T);
+    let H = f(T);
     n !== void 0 && (H = Math.max(n, H)), r !== void 0 && (H = Math.min(r, H)), H !== T ? m(H) : h(String(H));
-  }, S = ($) => {
-    a || $.button !== 0 || (g.current = !1, d.current = {
-      startY: $.clientY,
+  }, S = (I) => {
+    a || I.button !== 0 || (g.current = !1, d.current = {
+      startY: I.clientY,
       startValue: e,
-      pointerId: $.pointerId,
+      pointerId: I.pointerId,
       hasMoved: !1,
       lastValue: e
     }, k.current = setTimeout(() => {
       g.current = !0, v(!0);
-    }, 200), $.currentTarget.setPointerCapture($.pointerId));
-  }, L = ($) => {
+    }, 200), I.currentTarget.setPointerCapture(I.pointerId));
+  }, L = (I) => {
     const T = d.current;
-    if (!T || T.pointerId !== $.pointerId) return;
-    const H = T.startY - $.clientY;
+    if (!T || T.pointerId !== I.pointerId) return;
+    const H = T.startY - I.clientY;
     if (Math.abs(H) >= Ft && (T.hasMoved = !0, g.current = !0, k.current && (clearTimeout(k.current), k.current = null), v(!0)), !T.hasMoved) return;
     const q = Math.trunc(H / Vt);
     let O = T.startValue + q * o;
-    n !== void 0 && (O = Math.max(n, O)), r !== void 0 && (O = Math.min(r, O)), O = p(O), O !== T.lastValue && (T.lastValue = O, h(String(O)), t(O));
-  }, x = ($) => {
+    n !== void 0 && (O = Math.max(n, O)), r !== void 0 && (O = Math.min(r, O)), O = f(O), O !== T.lastValue && (T.lastValue = O, h(String(O)), t(O));
+  }, x = (I) => {
     const T = d.current;
-    !T || T.pointerId !== $.pointerId || (k.current && (clearTimeout(k.current), k.current = null), $.currentTarget.hasPointerCapture($.pointerId) && $.currentTarget.releasePointerCapture($.pointerId), d.current = null, v(!1));
-  }, M = ($) => (T) => {
+    !T || T.pointerId !== I.pointerId || (k.current && (clearTimeout(k.current), k.current = null), I.currentTarget.hasPointerCapture(I.pointerId) && I.currentTarget.releasePointerCapture(I.pointerId), d.current = null, v(!1));
+  }, M = (I) => (T) => {
     if (g.current) {
       g.current = !1, T.preventDefault();
       return;
     }
-    $();
+    I();
   }, z = y === "" ? NaN : parseFloat(y), F = y === "" || isNaN(z) || n !== void 0 && z < n || r !== void 0 && z > r;
-  return /* @__PURE__ */ A("div", { className: `nc-col nc-number-input-col ${f ? "nc-small" : ""}`, children: [
-    i && /* @__PURE__ */ s("span", { className: `nc-label ${f ? "nc-small" : ""}`, children: i }),
-    /* @__PURE__ */ A("div", { className: `nc-number-input-container ${f ? "nc-small" : ""} ${c}`, style: l, children: [
+  return /* @__PURE__ */ A("div", { className: `nc-col nc-number-input-col ${p ? "nc-small" : ""}`, children: [
+    i && /* @__PURE__ */ s("span", { className: `nc-label ${p ? "nc-small" : ""}`, children: i }),
+    /* @__PURE__ */ A("div", { className: `nc-number-input-container ${p ? "nc-small" : ""} ${c}`, style: l, children: [
       /* @__PURE__ */ s(
         "input",
         {
-          className: `nc-input nc-number-input ${f ? "nc-small" : ""} ${F ? "nc-error" : ""}`,
+          className: `nc-input nc-number-input ${p ? "nc-small" : ""} ${F ? "nc-error" : ""}`,
           type: "number",
           value: y,
           onChange: P,
@@ -1355,12 +1355,12 @@ function dr({ value: e, onChange: t, min: n, max: r, step: o = 1, label: i, disa
       /* @__PURE__ */ A(
         "div",
         {
-          className: `nc-number-input-spinners ${f ? "nc-small" : ""} ${a ? "nc-disabled" : ""} ${b ? "nc-dragging" : ""}`,
+          className: `nc-number-input-spinners ${p ? "nc-small" : ""} ${a ? "nc-disabled" : ""} ${b ? "nc-dragging" : ""}`,
           children: [
             /* @__PURE__ */ s(
               "button",
               {
-                className: `nc-number-input-spin nc-number-input-spin-up ${f ? "nc-small" : ""}`,
+                className: `nc-number-input-spin nc-number-input-spin-up ${p ? "nc-small" : ""}`,
                 onClick: M(C),
                 onPointerDown: S,
                 onPointerMove: L,
@@ -1374,7 +1374,7 @@ function dr({ value: e, onChange: t, min: n, max: r, step: o = 1, label: i, disa
             /* @__PURE__ */ s(
               "button",
               {
-                className: `nc-number-input-spin nc-number-input-spin-down ${f ? "nc-small" : ""}`,
+                className: `nc-number-input-spin nc-number-input-spin-down ${p ? "nc-small" : ""}`,
                 onClick: M(N),
                 onPointerDown: S,
                 onPointerMove: L,
@@ -1400,10 +1400,10 @@ function ur({
   label: i,
   disabled: a,
   showValue: c = !0,
-  formatValue: l = (f) => f.toString(),
+  formatValue: l = (p) => p.toString(),
   width: u = 200
 }) {
-  const f = (d) => {
+  const p = (d) => {
     const g = parseFloat(d.target.value);
     t(g);
   }, w = (e - n) / (r - n) * 100;
@@ -1416,7 +1416,7 @@ function ur({
           type: "range",
           className: "nc-slider",
           value: e,
-          onChange: f,
+          onChange: p,
           min: n,
           max: r,
           step: o,
@@ -1469,36 +1469,36 @@ function pr({ active: e, children: t, keepMounted: n = !1, className: r = "", st
   return /* @__PURE__ */ s("div", { className: `nc-tab-panels ${r}`, style: o, children: a });
 }
 function fr({ tabs: e, active: t, onChange: n, onClose: r, permanentTabs: o, className: i, toolbar: a, multiline: c, orientation: l = "horizontal", style: u }) {
-  const f = Y(null), [w, d] = E(!1), [g, k] = E(!1), b = l === "verticalLeft" || l === "verticalRight", v = Y(!1), y = Y(0), h = Y(0), p = Y(!1);
+  const p = Y(null), [w, d] = E(!1), [g, k] = E(!1), b = l === "verticalLeft" || l === "verticalRight", v = Y(!1), y = Y(0), h = Y(0), f = Y(!1);
   V(() => {
     const S = () => {
-      if (f.current)
+      if (p.current)
         if (b) {
-          const { scrollTop: x, scrollHeight: M, clientHeight: z } = f.current;
+          const { scrollTop: x, scrollHeight: M, clientHeight: z } = p.current;
           d(x > 1), k(x < M - z - 1);
         } else {
-          const { scrollLeft: x, scrollWidth: M, clientWidth: z } = f.current;
+          const { scrollLeft: x, scrollWidth: M, clientWidth: z } = p.current;
           d(x > 1), k(x < M - z - 1);
         }
-    }, L = f.current;
+    }, L = p.current;
     if (L)
       return S(), L.addEventListener("scroll", S), window.addEventListener("resize", S), () => {
         L.removeEventListener("scroll", S), window.removeEventListener("resize", S);
       };
   }, [e, b]);
   const m = (S) => {
-    f.current && (v.current = !0, p.current = !1, y.current = b ? S.clientY : S.clientX, h.current = b ? f.current.scrollTop : f.current.scrollLeft, f.current.style.cursor = "grabbing", f.current.style.userSelect = "none");
+    p.current && (v.current = !0, f.current = !1, y.current = b ? S.clientY : S.clientX, h.current = b ? p.current.scrollTop : p.current.scrollLeft, p.current.style.cursor = "grabbing", p.current.style.userSelect = "none");
   }, N = (S) => {
-    if (!v.current || !f.current) return;
+    if (!v.current || !p.current) return;
     const L = b ? S.clientY : S.clientX, x = y.current - L;
-    Math.abs(x) > 3 && (p.current = !0), b ? f.current.scrollTop = h.current + x : f.current.scrollLeft = h.current + x;
+    Math.abs(x) > 3 && (f.current = !0), b ? p.current.scrollTop = h.current + x : p.current.scrollLeft = h.current + x;
   }, C = () => {
-    f.current && (v.current = !1, f.current.style.cursor = "", f.current.style.userSelect = "");
+    p.current && (v.current = !1, p.current.style.cursor = "", p.current.style.userSelect = "");
   }, P = () => {
     C();
   };
   V(() => {
-    const S = f.current;
+    const S = p.current;
     if (!S || b) return;
     const L = (x) => {
       x.deltaY !== 0 && (x.preventDefault(), S.scrollLeft += x.deltaY * 0.3);
@@ -1508,7 +1508,7 @@ function fr({ tabs: e, active: t, onChange: n, onClose: r, permanentTabs: o, cla
     };
   }, [b]);
   const B = (S) => {
-    p.current || n(S);
+    f.current || n(S);
   };
   return /* @__PURE__ */ A("div", { className: `nc-tab-container ${b ? `nc-vertical nc-${l}` : ""} ${i || ""}`, style: u, children: [
     /* @__PURE__ */ A("div", { className: "nc-tab-scroll-wrapper", children: [
@@ -1516,7 +1516,7 @@ function fr({ tabs: e, active: t, onChange: n, onClose: r, permanentTabs: o, cla
       /* @__PURE__ */ s(
         "div",
         {
-          ref: f,
+          ref: p,
           className: `nc-tab-scroll ${c ? "nc-multiline" : ""}`,
           onMouseDown: m,
           onMouseMove: N,
@@ -1646,8 +1646,8 @@ function Gt(e, t, n, r) {
   const l = o[i - 1].split("	"), u = Math.max(1, Math.min(n, l.length));
   for (let w = 0; w < u - 1; w++)
     a += l[w].length + 1;
-  const f = Math.max(1, Math.min(r, l[u - 1].length + 1));
-  return a += f - 1, a;
+  const p = Math.max(1, Math.min(r, l[u - 1].length + 1));
+  return a += p - 1, a;
 }
 function Kt(e, t) {
   const n = e.split(`
@@ -1659,46 +1659,46 @@ function Kt(e, t) {
 }
 const mr = Ct(
   function({ value: t, onChange: n, placeholder: r, className: o, style: i, showLineNumbers: a = !1, onCursorChange: c, highlightLine: l }, u) {
-    const f = Y(null), w = Y(null), d = Y(null);
+    const p = Y(null), w = Y(null), d = Y(null);
     Mt(u, () => ({
       goToLine(h) {
-        const p = f.current;
-        if (!p) return;
+        const f = p.current;
+        if (!f) return;
         const m = Kt(t, h);
-        p.focus(), p.setSelectionRange(m, m);
-        const N = parseFloat(getComputedStyle(p).lineHeight) || 18;
-        p.scrollTop = (Math.max(1, h) - 1) * N, k(), g();
+        f.focus(), f.setSelectionRange(m, m);
+        const N = parseFloat(getComputedStyle(f).lineHeight) || 18;
+        f.scrollTop = (Math.max(1, h) - 1) * N, k(), g();
       },
-      goToPosition(h, p, m) {
-        const N = f.current;
+      goToPosition(h, f, m) {
+        const N = p.current;
         if (!N) return;
-        const C = Gt(t, h, p, m);
+        const C = Gt(t, h, f, m);
         N.focus(), N.setSelectionRange(C, C);
         const P = parseFloat(getComputedStyle(N).lineHeight) || 18;
         N.scrollTop = (Math.max(1, h) - 1) * P, k(), g();
       }
     }), [t]);
     const g = X(() => {
-      if (!c || !f.current) return;
-      const h = Yt(t, f.current.selectionStart);
+      if (!c || !p.current) return;
+      const h = Yt(t, p.current.selectionStart);
       c(h);
     }, [c, t]), k = X(() => {
-      const h = f.current;
+      const h = p.current;
       h && (w.current && (w.current.scrollTop = h.scrollTop, w.current.scrollLeft = h.scrollLeft), d.current && (d.current.scrollTop = h.scrollTop));
     }, []);
     V(() => {
       if (l == null || l < 1) return;
-      const h = f.current;
+      const h = p.current;
       if (!h) return;
-      const p = parseFloat(getComputedStyle(h).lineHeight) || 18, m = (l - 1) * p, N = m + p;
-      (m < h.scrollTop || N > h.scrollTop + h.clientHeight) && (h.scrollTop = m - h.clientHeight / 2 + p / 2), k();
+      const f = parseFloat(getComputedStyle(h).lineHeight) || 18, m = (l - 1) * f, N = m + f;
+      (m < h.scrollTop || N > h.scrollTop + h.clientHeight) && (h.scrollTop = m - h.clientHeight / 2 + f / 2), k();
     }, [l]);
-    const b = Ie(() => t.split(`
+    const b = $e(() => t.split(`
 `).length, [t]), v = () => {
       const h = [];
-      for (let p = 1; p <= b; p++)
+      for (let f = 1; f <= b; f++)
         h.push(
-          /* @__PURE__ */ s("div", { className: `nc-csv-line-number ${l === p ? "nc-csv-highlight" : ""}`, children: p }, p)
+          /* @__PURE__ */ s("div", { className: `nc-csv-line-number ${l === f ? "nc-csv-highlight" : ""}`, children: f }, f)
         );
       return /* @__PURE__ */ s("div", { className: "nc-csv-gutter", ref: d, children: h });
     }, y = (h) => h ? h.split(`
@@ -1720,7 +1720,7 @@ const mr = Ct(
         /* @__PURE__ */ s(
           "textarea",
           {
-            ref: f,
+            ref: p,
             className: "nc-csv-textarea-input",
             value: t,
             onChange: (h) => {
@@ -1864,7 +1864,7 @@ function Xt({ notification: e }) {
 function gr() {
   const [e, t] = E([]), [n, r] = E(/* @__PURE__ */ new Map()), [o, i] = E(/* @__PURE__ */ new Set()), a = Y(null), c = Y([]);
   return V(() => _t((u) => {
-    const f = new Set(c.current.map((d) => d.id)), w = u.filter((d) => !f.has(d.id)).map((d) => d.id);
+    const p = new Set(c.current.map((d) => d.id)), w = u.filter((d) => !p.has(d.id)).map((d) => d.id);
     w.length > 0 ? (t(u), i(new Set(w)), requestAnimationFrame(() => {
       requestAnimationFrame(() => {
         i(/* @__PURE__ */ new Set());
@@ -1874,10 +1874,10 @@ function gr() {
     if (!a.current) return;
     const l = /* @__PURE__ */ new Map();
     let u = 0;
-    const f = a.current.children;
+    const p = a.current.children;
     e.forEach((w, d) => {
-      if (l.set(w.id, u), f[d]) {
-        const g = f[d].offsetHeight;
+      if (l.set(w.id, u), p[d]) {
+        const g = p[d].offsetHeight;
         w.isRemoving || (u += g + 12);
       }
     }), r(l);
@@ -1902,7 +1902,7 @@ function gr() {
             width: "100%"
           },
           children: e.map((l) => {
-            const u = o.has(l.id), f = l.isRemoving, w = n.get(l.id) || 0;
+            const u = o.has(l.id), p = l.isRemoving, w = n.get(l.id) || 0;
             return /* @__PURE__ */ s(
               "div",
               {
@@ -1912,8 +1912,8 @@ function gr() {
                   left: 0,
                   transform: u ? `translate3d(-40px, ${w}px, 0)` : `translate3d(0, ${w}px, 0)`,
                   // 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,
+                  transition: p ? "opacity 300ms ease-out" : "transform 300ms ease-out, opacity 300ms ease-out",
+                  opacity: p ? 0 : 1,
                   width: "100%"
                 },
                 children: /* @__PURE__ */ s(Xt, { notification: l })
@@ -1933,7 +1933,7 @@ const br = {
   show: (e) => Jt(e)
 };
 function vr(e) {
-  const t = $t.createInstance(), n = {};
+  const t = It.createInstance(), n = {};
   for (const o in e)
     n[o] = { translation: e[o] };
   const r = typeof document < "u" && document.documentElement.lang || "en";
@@ -2226,7 +2226,7 @@ class on extends ze.Component {
   }
 }
 function rt({ appId: e, isActive: t, onClose: n }) {
-  const { t: r } = oe(), o = me.get(e), [i, a] = E(""), [c, l] = E(null), [u, f] = E(null), [w, d] = E(!1), [g, k] = E(!1);
+  const { t: r } = oe(), o = me.get(e), [i, a] = E(""), [c, l] = E(null), [u, p] = E(null), [w, d] = E(!1), [g, k] = E(!1);
   ze.useEffect(() => {
     o != null && o.titleKey && a(r(o.titleKey));
   }, [o, r]);
@@ -2237,23 +2237,23 @@ function rt({ appId: e, isActive: t, onClose: n }) {
   }, []), y = X(() => {
     l(null);
   }, []), h = X((S) => {
-    f(S);
-  }, []), p = X(() => {
-    f(null);
+    p(S);
+  }, []), f = X(() => {
+    p(null);
   }, []), m = X((S) => {
     d(S);
   }, []), N = X((S) => {
     k(S);
-  }, []), C = Ie(() => ({
+  }, []), C = $e(() => ({
     setTitle: b,
     setBackHandler: v,
     clearBackHandler: y,
     setToolbar: h,
-    clearToolbar: p,
+    clearToolbar: f,
     setHideBackButton: m,
     setHideTitleBar: N,
     close: n
-  }), [b, v, y, h, p, m, N, n]);
+  }), [b, v, y, h, f, m, N, n]);
   if (!o)
     return null;
   const P = o.component, B = !o.hideTitleBar && !g;
@@ -2281,7 +2281,7 @@ function rt({ appId: e, isActive: t, onClose: n }) {
               overflowY: B ? "auto" : void 0
             },
             children: /* @__PURE__ */ s(nt.Provider, { value: C, children: /* @__PURE__ */ s(on, { appId: e, children: /* @__PURE__ */ s(
-              It,
+              $t,
               {
                 fallback: /* @__PURE__ */ s("div", { className: "nc-app-loading", children: /* @__PURE__ */ s(Qe, {}) }),
                 children: /* @__PURE__ */ s(P, {})
@@ -2437,12 +2437,12 @@ const Be = "-", sn = (e) => {
     experimentalParseClassName: n
   } = e, r = t.length === 1, o = t[0], i = t.length, a = (c) => {
     const l = [];
-    let u = 0, f = 0, w;
+    let u = 0, p = 0, w;
     for (let v = 0; v < c.length; v++) {
       let y = c[v];
       if (u === 0) {
         if (y === o && (r || c.slice(v, v + i) === t)) {
-          l.push(c.slice(f, v)), f = v + i;
+          l.push(c.slice(p, v)), p = v + i;
           continue;
         }
         if (y === "/") {
@@ -2452,7 +2452,7 @@ const Be = "-", sn = (e) => {
       }
       y === "[" ? u++ : y === "]" && u--;
     }
-    const d = l.length === 0 ? c : c.substring(f), g = d.startsWith(at), k = g ? d.substring(1) : d, b = w && w > f ? w - f : void 0;
+    const d = l.length === 0 ? c : c.substring(p), g = d.startsWith(at), k = g ? d.substring(1) : d, b = w && w > p ? w - p : void 0;
     return {
       modifiers: l,
       hasImportantModifier: g,
@@ -2485,7 +2485,7 @@ const Be = "-", sn = (e) => {
   let c = "";
   for (let l = a.length - 1; l >= 0; l -= 1) {
     const u = a[l], {
-      modifiers: f,
+      modifiers: p,
       hasImportantModifier: w,
       baseClassName: d,
       maybePostfixModifierPosition: g
@@ -2502,13 +2502,13 @@ const Be = "-", sn = (e) => {
       }
       k = !1;
     }
-    const v = fn(f).join(":"), y = w ? v + at : v, h = y + b;
+    const v = fn(p).join(":"), y = w ? v + at : v, h = y + b;
     if (i.includes(h))
       continue;
     i.push(h);
-    const p = o(b, k);
-    for (let m = 0; m < p.length; ++m) {
-      const N = p[m];
+    const f = o(b, k);
+    for (let m = 0; m < f.length; ++m) {
+      const N = f[m];
       i.push(y + N);
     }
     c = u + (c.length > 0 ? " " + c : c);
@@ -2532,15 +2532,15 @@ const lt = (e) => {
 function vn(e, ...t) {
   let n, r, o, i = a;
   function a(l) {
-    const u = t.reduce((f, w) => w(f), e());
+    const u = t.reduce((p, w) => w(p), e());
     return n = hn(u), r = n.cache.get, o = n.cache.set, i = c, c(l);
   }
   function c(l) {
     const u = r(l);
     if (u)
       return u;
-    const f = gn(l, n);
-    return o(l, f), f;
+    const p = gn(l, n);
+    return o(l, p), p;
   }
   return function() {
     return i(bn.apply(null, arguments));
@@ -2549,7 +2549,7 @@ function vn(e, ...t) {
 const K = (e) => {
   const t = (n) => n[e] || [];
   return t.isThemeGetter = !0, t;
-}, dt = /^\[(?:([a-z-]+):)?(.+)\]$/i, wn = /^\d+\/\d+$/, yn = /* @__PURE__ */ new Set(["px", "full", "screen"]), xn = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, kn = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, Nn = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, An = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, Sn = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, te = (e) => he(e) || yn.has(e) || wn.test(e), ie = (e) => be(e, "length", Pn), he = (e) => !!e && !Number.isNaN(Number(e)), $e = (e) => be(e, "number", he), xe = (e) => !!e && Number.isInteger(Number(e)), Cn = (e) => e.endsWith("%") && he(e.slice(0, -1)), I = (e) => dt.test(e), ce = (e) => xn.test(e), Mn = /* @__PURE__ */ new Set(["length", "size", "percentage"]), In = (e) => be(e, Mn, ut), $n = (e) => be(e, "position", ut), Rn = /* @__PURE__ */ new Set(["image", "url"]), Tn = (e) => be(e, Rn, zn), En = (e) => be(e, "", Ln), ke = () => !0, be = (e, t, n) => {
+}, dt = /^\[(?:([a-z-]+):)?(.+)\]$/i, wn = /^\d+\/\d+$/, yn = /* @__PURE__ */ new Set(["px", "full", "screen"]), xn = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, kn = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, Nn = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, An = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, Sn = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, te = (e) => he(e) || yn.has(e) || wn.test(e), ie = (e) => be(e, "length", Pn), he = (e) => !!e && !Number.isNaN(Number(e)), Ie = (e) => be(e, "number", he), xe = (e) => !!e && Number.isInteger(Number(e)), Cn = (e) => e.endsWith("%") && he(e.slice(0, -1)), $ = (e) => dt.test(e), ce = (e) => xn.test(e), Mn = /* @__PURE__ */ new Set(["length", "size", "percentage"]), $n = (e) => be(e, Mn, ut), In = (e) => be(e, "position", ut), Rn = /* @__PURE__ */ new Set(["image", "url"]), Tn = (e) => be(e, Rn, zn), En = (e) => be(e, "", Ln), ke = () => !0, be = (e, t, n) => {
   const r = dt.exec(e);
   return r ? r[1] ? typeof t == "string" ? r[1] === t : t.has(r[1]) : n(r[2]) : !1;
 }, Pn = (e) => (
@@ -2558,17 +2558,17 @@ const K = (e) => {
   // I could also use lookbehind assertion in `lengthUnitRegex` but that isn't supported widely enough.
   kn.test(e) && !Nn.test(e)
 ), ut = () => !1, Ln = (e) => An.test(e), zn = (e) => Sn.test(e), Bn = () => {
-  const e = K("colors"), t = K("spacing"), n = K("blur"), r = K("brightness"), o = K("borderColor"), i = K("borderRadius"), a = K("borderSpacing"), c = K("borderWidth"), l = K("contrast"), u = K("grayscale"), f = K("hueRotate"), w = K("invert"), d = K("gap"), g = K("gradientColorStops"), k = K("gradientColorStopPositions"), b = K("inset"), v = K("margin"), y = K("opacity"), h = K("padding"), p = K("saturate"), m = K("scale"), N = K("sepia"), C = K("skew"), P = K("space"), B = K("translate"), S = () => ["auto", "contain", "none"], L = () => ["auto", "hidden", "clip", "visible", "scroll"], x = () => ["auto", I, t], M = () => [I, t], z = () => ["", te, ie], F = () => ["auto", he, I], $ = () => ["bottom", "center", "left", "left-bottom", "left-top", "right", "right-bottom", "right-top", "top"], T = () => ["solid", "dashed", "dotted", "double", "none"], H = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], q = () => ["start", "end", "center", "between", "around", "evenly", "stretch"], O = () => ["", "0", I], _ = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], D = () => [he, I];
+  const e = K("colors"), t = K("spacing"), n = K("blur"), r = K("brightness"), o = K("borderColor"), i = K("borderRadius"), a = K("borderSpacing"), c = K("borderWidth"), l = K("contrast"), u = K("grayscale"), p = K("hueRotate"), w = K("invert"), d = K("gap"), g = K("gradientColorStops"), k = K("gradientColorStopPositions"), b = K("inset"), v = K("margin"), y = K("opacity"), h = K("padding"), f = K("saturate"), m = K("scale"), N = K("sepia"), C = K("skew"), P = K("space"), B = K("translate"), S = () => ["auto", "contain", "none"], L = () => ["auto", "hidden", "clip", "visible", "scroll"], x = () => ["auto", $, t], M = () => [$, t], z = () => ["", te, ie], F = () => ["auto", he, $], I = () => ["bottom", "center", "left", "left-bottom", "left-top", "right", "right-bottom", "right-top", "top"], T = () => ["solid", "dashed", "dotted", "double", "none"], H = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], q = () => ["start", "end", "center", "between", "around", "evenly", "stretch"], O = () => ["", "0", $], _ = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], D = () => [he, $];
   return {
     cacheSize: 500,
     separator: ":",
     theme: {
       colors: [ke],
       spacing: [te, ie],
-      blur: ["none", "", ce, I],
+      blur: ["none", "", ce, $],
       brightness: D(),
       borderColor: [e],
-      borderRadius: ["none", "", "full", ce, I],
+      borderRadius: ["none", "", "full", ce, $],
       borderSpacing: M(),
       borderWidth: z(),
       contrast: D(),
@@ -2596,7 +2596,7 @@ const K = (e) => {
        * @see https://tailwindcss.com/docs/aspect-ratio
        */
       aspect: [{
-        aspect: ["auto", "square", "video", I]
+        aspect: ["auto", "square", "video", $]
       }],
       /**
        * Container
@@ -2681,7 +2681,7 @@ const K = (e) => {
        * @see https://tailwindcss.com/docs/object-position
        */
       "object-position": [{
-        object: [...$(), I]
+        object: [...I(), $]
       }],
       /**
        * Overflow
@@ -2803,7 +2803,7 @@ const K = (e) => {
        * @see https://tailwindcss.com/docs/z-index
        */
       z: [{
-        z: ["auto", xe, I]
+        z: ["auto", xe, $]
       }],
       // Flexbox and Grid
       /**
@@ -2832,7 +2832,7 @@ const K = (e) => {
        * @see https://tailwindcss.com/docs/flex
        */
       flex: [{
-        flex: ["1", "auto", "initial", "none", I]
+        flex: ["1", "auto", "initial", "none", $]
       }],
       /**
        * Flex Grow
@@ -2853,7 +2853,7 @@ const K = (e) => {
        * @see https://tailwindcss.com/docs/order
        */
       order: [{
-        order: ["first", "last", "none", xe, I]
+        order: ["first", "last", "none", xe, $]
       }],
       /**
        * Grid Template Columns
@@ -2868,8 +2868,8 @@ const K = (e) => {
        */
       "col-start-end": [{
         col: ["auto", {
-          span: ["full", xe, I]
-        }, I]
+          span: ["full", xe, $]
+        }, $]
       }],
       /**
        * Grid Column Start
@@ -2898,8 +2898,8 @@ const K = (e) => {
        */
       "row-start-end": [{
         row: ["auto", {
-          span: [xe, I]
-        }, I]
+          span: [xe, $]
+        }, $]
       }],
       /**
        * Grid Row Start
@@ -2927,14 +2927,14 @@ const K = (e) => {
        * @see https://tailwindcss.com/docs/grid-auto-columns
        */
       "auto-cols": [{
-        "auto-cols": ["auto", "min", "max", "fr", I]
+        "auto-cols": ["auto", "min", "max", "fr", $]
       }],
       /**
        * Grid Auto Rows
        * @see https://tailwindcss.com/docs/grid-auto-rows
        */
       "auto-rows": [{
-        "auto-rows": ["auto", "min", "max", "fr", I]
+        "auto-rows": ["auto", "min", "max", "fr", $]
       }],
       /**
        * Gap
@@ -3177,21 +3177,21 @@ const K = (e) => {
        * @see https://tailwindcss.com/docs/width
        */
       w: [{
-        w: ["auto", "min", "max", "fit", "svw", "lvw", "dvw", I, t]
+        w: ["auto", "min", "max", "fit", "svw", "lvw", "dvw", $, t]
       }],
       /**
        * Min-Width
        * @see https://tailwindcss.com/docs/min-width
        */
       "min-w": [{
-        "min-w": [I, t, "min", "max", "fit"]
+        "min-w": [$, t, "min", "max", "fit"]
       }],
       /**
        * Max-Width
        * @see https://tailwindcss.com/docs/max-width
        */
       "max-w": [{
-        "max-w": [I, t, "none", "full", "min", "max", "fit", "prose", {
+        "max-w": [$, t, "none", "full", "min", "max", "fit", "prose", {
           screen: [ce]
         }, ce]
       }],
@@ -3200,28 +3200,28 @@ const K = (e) => {
        * @see https://tailwindcss.com/docs/height
        */
       h: [{
-        h: [I, t, "auto", "min", "max", "fit", "svh", "lvh", "dvh"]
+        h: [$, t, "auto", "min", "max", "fit", "svh", "lvh", "dvh"]
       }],
       /**
        * Min-Height
        * @see https://tailwindcss.com/docs/min-height
        */
       "min-h": [{
-        "min-h": [I, t, "min", "max", "fit", "svh", "lvh", "dvh"]
+        "min-h": [$, t, "min", "max", "fit", "svh", "lvh", "dvh"]
       }],
       /**
        * Max-Height
        * @see https://tailwindcss.com/docs/max-height
        */
       "max-h": [{
-        "max-h": [I, t, "min", "max", "fit", "svh", "lvh", "dvh"]
+        "max-h": [$, t, "min", "max", "fit", "svh", "lvh", "dvh"]
       }],
       /**
        * Size
        * @see https://tailwindcss.com/docs/size
        */
       size: [{
-        size: [I, t, "auto", "min", "max", "fit"]
+        size: [$, t, "auto", "min", "max", "fit"]
       }],
       // Typography
       /**
@@ -3246,7 +3246,7 @@ const K = (e) => {
        * @see https://tailwindcss.com/docs/font-weight
        */
       "font-weight": [{
-        font: ["thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black", $e]
+        font: ["thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black", Ie]
       }],
       /**
        * Font Family
@@ -3290,35 +3290,35 @@ const K = (e) => {
        * @see https://tailwindcss.com/docs/letter-spacing
        */
       tracking: [{
-        tracking: ["tighter", "tight", "normal", "wide", "wider", "widest", I]
+        tracking: ["tighter", "tight", "normal", "wide", "wider", "widest", $]
       }],
       /**
        * Line Clamp
        * @see https://tailwindcss.com/docs/line-clamp
        */
       "line-clamp": [{
-        "line-clamp": ["none", he, $e]
+        "line-clamp": ["none", he, Ie]
       }],
       /**
        * Line Height
        * @see https://tailwindcss.com/docs/line-height
        */
       leading: [{
-        leading: ["none", "tight", "snug", "normal", "relaxed", "loose", te, I]
+        leading: ["none", "tight", "snug", "normal", "relaxed", "loose", te, $]
       }],
       /**
        * List Style Image
        * @see https://tailwindcss.com/docs/list-style-image
        */
       "list-image": [{
-        "list-image": ["none", I]
+        "list-image": ["none", $]
       }],
       /**
        * List Style Type
        * @see https://tailwindcss.com/docs/list-style-type
        */
       "list-style-type": [{
-        list: ["none", "disc", "decimal", I]
+        list: ["none", "disc", "decimal", $]
       }],
       /**
        * List Style Position
@@ -3387,7 +3387,7 @@ const K = (e) => {
        * @see https://tailwindcss.com/docs/text-underline-offset
        */
       "underline-offset": [{
-        "underline-offset": ["auto", te, I]
+        "underline-offset": ["auto", te, $]
       }],
       /**
        * Text Decoration Color
@@ -3425,7 +3425,7 @@ const K = (e) => {
        * @see https://tailwindcss.com/docs/vertical-align
        */
       "vertical-align": [{
-        align: ["baseline", "top", "middle", "bottom", "text-top", "text-bottom", "sub", "super", I]
+        align: ["baseline", "top", "middle", "bottom", "text-top", "text-bottom", "sub", "super", $]
       }],
       /**
        * Whitespace
@@ -3453,7 +3453,7 @@ const K = (e) => {
        * @see https://tailwindcss.com/docs/content
        */
       content: [{
-        content: ["none", I]
+        content: ["none", $]
       }],
       // Backgrounds
       /**
@@ -3490,7 +3490,7 @@ const K = (e) => {
        * @see https://tailwindcss.com/docs/background-position
        */
       "bg-position": [{
-        bg: [...$(), $n]
+        bg: [...I(), In]
       }],
       /**
        * Background Repeat
@@ -3506,7 +3506,7 @@ const K = (e) => {
        * @see https://tailwindcss.com/docs/background-size
        */
       "bg-size": [{
-        bg: ["auto", "cover", "contain", In]
+        bg: ["auto", "cover", "contain", $n]
       }],
       /**
        * Background Image
@@ -3869,7 +3869,7 @@ const K = (e) => {
        * @see https://tailwindcss.com/docs/outline-offset
        */
       "outline-offset": [{
-        "outline-offset": [te, I]
+        "outline-offset": [te, $]
       }],
       /**
        * Outline Width
@@ -3996,7 +3996,7 @@ const K = (e) => {
        * @see https://tailwindcss.com/docs/drop-shadow
        */
       "drop-shadow": [{
-        "drop-shadow": ["", "none", ce, I]
+        "drop-shadow": ["", "none", ce, $]
       }],
       /**
        * Grayscale
@@ -4010,7 +4010,7 @@ const K = (e) => {
        * @see https://tailwindcss.com/docs/hue-rotate
        */
       "hue-rotate": [{
-        "hue-rotate": [f]
+        "hue-rotate": [p]
       }],
       /**
        * Invert
@@ -4024,7 +4024,7 @@ const K = (e) => {
        * @see https://tailwindcss.com/docs/saturate
        */
       saturate: [{
-        saturate: [p]
+        saturate: [f]
       }],
       /**
        * Sepia
@@ -4074,7 +4074,7 @@ const K = (e) => {
        * @see https://tailwindcss.com/docs/backdrop-hue-rotate
        */
       "backdrop-hue-rotate": [{
-        "backdrop-hue-rotate": [f]
+        "backdrop-hue-rotate": [p]
       }],
       /**
        * Backdrop Invert
@@ -4095,7 +4095,7 @@ const K = (e) => {
        * @see https://tailwindcss.com/docs/backdrop-saturate
        */
       "backdrop-saturate": [{
-        "backdrop-saturate": [p]
+        "backdrop-saturate": [f]
       }],
       /**
        * Backdrop Sepia
@@ -4153,7 +4153,7 @@ const K = (e) => {
        * @see https://tailwindcss.com/docs/transition-property
        */
       transition: [{
-        transition: ["none", "all", "", "colors", "opacity", "shadow", "transform", I]
+        transition: ["none", "all", "", "colors", "opacity", "shadow", "transform", $]
       }],
       /**
        * Transition Duration
@@ -4167,7 +4167,7 @@ const K = (e) => {
        * @see https://tailwindcss.com/docs/transition-timing-function
        */
       ease: [{
-        ease: ["linear", "in", "out", "in-out", I]
+        ease: ["linear", "in", "out", "in-out", $]
       }],
       /**
        * Transition Delay
@@ -4181,7 +4181,7 @@ const K = (e) => {
        * @see https://tailwindcss.com/docs/animation
        */
       animate: [{
-        animate: ["none", "spin", "ping", "pulse", "bounce", I]
+        animate: ["none", "spin", "ping", "pulse", "bounce", $]
       }],
       // Transforms
       /**
@@ -4217,7 +4217,7 @@ const K = (e) => {
        * @see https://tailwindcss.com/docs/rotate
        */
       rotate: [{
-        rotate: [xe, I]
+        rotate: [xe, $]
       }],
       /**
        * Translate X
@@ -4252,7 +4252,7 @@ const K = (e) => {
        * @see https://tailwindcss.com/docs/transform-origin
        */
       "transform-origin": [{
-        origin: ["center", "top", "top-right", "right", "bottom-right", "bottom", "bottom-left", "left", "top-left", I]
+        origin: ["center", "top", "top-right", "right", "bottom-right", "bottom", "bottom-left", "left", "top-left", $]
       }],
       // Interactivity
       /**
@@ -4274,7 +4274,7 @@ const K = (e) => {
        * @see https://tailwindcss.com/docs/cursor
        */
       cursor: [{
-        cursor: ["auto", "default", "pointer", "wait", "text", "move", "help", "not-allowed", "none", "context-menu", "progress", "cell", "crosshair", "vertical-text", "alias", "copy", "no-drop", "grab", "grabbing", "all-scroll", "col-resize", "row-resize", "n-resize", "e-resize", "s-resize", "w-resize", "ne-resize", "nw-resize", "se-resize", "sw-resize", "ew-resize", "ns-resize", "nesw-resize", "nwse-resize", "zoom-in", "zoom-out", I]
+        cursor: ["auto", "default", "pointer", "wait", "text", "move", "help", "not-allowed", "none", "context-menu", "progress", "cell", "crosshair", "vertical-text", "alias", "copy", "no-drop", "grab", "grabbing", "all-scroll", "col-resize", "row-resize", "n-resize", "e-resize", "s-resize", "w-resize", "ne-resize", "nw-resize", "se-resize", "sw-resize", "ew-resize", "ns-resize", "nesw-resize", "nwse-resize", "zoom-in", "zoom-out", $]
       }],
       /**
        * Caret Color
@@ -4496,7 +4496,7 @@ const K = (e) => {
        * @see https://tailwindcss.com/docs/will-change
        */
       "will-change": [{
-        "will-change": ["auto", "scroll", "contents", "transform", I]
+        "will-change": ["auto", "scroll", "contents", "transform", $]
       }],
       // SVG
       /**
@@ -4511,7 +4511,7 @@ const K = (e) => {
        * @see https://tailwindcss.com/docs/stroke-width
        */
       "stroke-w": [{
-        stroke: [te, ie, $e]
+        stroke: [te, ie, Ie]
       }],
       /**
        * Stroke
@@ -4634,21 +4634,21 @@ function xr({
   side: r = "left",
   getBadge: o
 }) {
-  const { t: i } = oe(), { isMobile: a } = it(), [c, l] = E(() => re.getActiveAppId()), [u, f] = E(() => Z.getRunningApps());
+  const { t: i } = oe(), { isMobile: a } = it(), [c, l] = E(() => re.getActiveAppId()), [u, p] = E(() => Z.getRunningApps());
   V(() => {
-    const p = re.subscribe("activeAppId", (m) => {
+    const f = re.subscribe("activeAppId", (m) => {
       l(m);
     });
     return () => {
-      p();
+      f();
     };
   }, []), V(() => Z.subscribe(() => {
-    f(Z.getRunningApps());
+    p(Z.getRunningApps());
   }), []);
-  const w = (p) => {
-    c === p ? Z.setActiveApp(null) : Z.launchApp(p);
-  }, d = e.map((p) => me.get(p)).filter((p) => !!p), g = u.filter((p) => !e.includes(p.appId)).map((p) => ({ running: p, def: me.get(p.appId) })).filter((p) => !!p.def), k = (p) => u.some((m) => m.appId === p), b = (p) => p.titleKey ? String(i(p.titleKey)) : p.id, v = (p) => typeof p == "number" && p > 99 ? "99+" : p, y = (p, m) => {
-    const N = o == null ? void 0 : o(p, m);
+  const w = (f) => {
+    c === f ? Z.setActiveApp(null) : Z.launchApp(f);
+  }, d = e.map((f) => me.get(f)).filter((f) => !!f), g = u.filter((f) => !e.includes(f.appId)).map((f) => ({ running: f, def: me.get(f.appId) })).filter((f) => !!f.def), k = (f) => u.some((m) => m.appId === f), b = (f) => f.titleKey ? String(i(f.titleKey)) : f.id, v = (f) => typeof f == "number" && f > 99 ? "99+" : f, y = (f, m) => {
+    const N = o == null ? void 0 : o(f, m);
     return N ? /* @__PURE__ */ s(
       "span",
       {
@@ -4659,31 +4659,31 @@ function xr({
     ) : null;
   }, h = a ? 24 : 28;
   return /* @__PURE__ */ A("div", { className: `nc-app-taskbar ${a ? "nc-mobile" : "nc-desktop"} nc-${r} ${t}`, children: [
-    d.map((p) => {
-      const m = p.icon, N = c === p.id, C = k(p.id), P = { isActive: N, isRunning: C, isPinned: !0 };
+    d.map((f) => {
+      const m = f.icon, N = c === f.id, C = k(f.id), P = { isActive: N, isRunning: C, isPinned: !0 };
       return /* @__PURE__ */ A(
         "button",
         {
           className: `nc-app-taskbar-button ${N ? "nc-active" : ""} ${C ? "nc-running" : ""}`,
-          onClick: () => w(p.id),
-          title: b(p),
+          onClick: () => w(f.id),
+          title: b(f),
           children: [
             /* @__PURE__ */ s(m, { size: h }),
-            y(p, P),
+            y(f, P),
             n && C && /* @__PURE__ */ s("span", { className: "nc-app-taskbar-indicator" })
           ]
         },
-        p.id
+        f.id
       );
     }),
     g.length > 0 && /* @__PURE__ */ s("div", { className: "nc-app-taskbar-separator" }),
-    g.map(({ running: p, def: m }) => {
-      const N = m.icon, C = c === p.appId, P = { isActive: C, isRunning: !0, isPinned: !1 };
+    g.map(({ running: f, def: m }) => {
+      const N = m.icon, C = c === f.appId, P = { isActive: C, isRunning: !0, isPinned: !1 };
       return /* @__PURE__ */ A(
         "button",
         {
           className: `nc-app-taskbar-button ${C ? "nc-active" : ""} nc-running`,
-          onClick: () => w(p.appId),
+          onClick: () => w(f.appId),
           title: b(m),
           children: [
             /* @__PURE__ */ s(N, { size: h }),
@@ -4691,7 +4691,7 @@ function xr({
             n && /* @__PURE__ */ s("span", { className: "nc-app-taskbar-indicator" })
           ]
         },
-        p.appId
+        f.appId
       );
     })
   ] });
@@ -4758,7 +4758,7 @@ function Sr({ rootView: e, children: t }) {
       const C = [...N];
       return C[m] = null, C;
     });
-  }, []), f = X((m) => {
+  }, []), p = X((m) => {
     i((N) => [...N, m]), c((N) => [...N, null]);
   }, []), w = X(() => {
     i((m) => m.length <= 1 ? m : m.slice(0, -1)), c((m) => m.slice(0, -1));
@@ -4774,20 +4774,20 @@ function Sr({ rootView: e, children: t }) {
     m ? r.setToolbar(m) : r.clearToolbar();
   }, [a, r]);
   const h = {
-    push: f,
+    push: p,
     pop: w,
     reset: d,
     depth: g,
     canGoBack: k,
     currentTitle: y
-  }, p = {
+  }, f = {
     stack: o,
     toolbarStack: a,
     updateToolbar: l,
     clearToolbarAt: u,
     topIndex: b
   };
-  return /* @__PURE__ */ s(De.Provider, { value: h, children: /* @__PURE__ */ s(We.Provider, { value: p, children: t }) });
+  return /* @__PURE__ */ s(De.Provider, { value: h, children: /* @__PURE__ */ s(We.Provider, { value: f, children: t }) });
 }
 function Hn({ index: e, children: t }) {
   const n = ae(We);