@kingsimba/nc-ui 0.1.48 → 0.1.49

package/dist/index.js

@@ -2,13 +2,13 @@ var ht = Object.defineProperty;
 var mt = (e, t, n) => t in e ? ht(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var se = (e, t, n) => mt(e, typeof t != "symbol" ? t + "" : t, n);
 import { jsx as s, jsxs as A, Fragment as Ee } from "react/jsx-runtime";
-import { d as Le, E as gt, R as bt, V as vt, k as wt, Y as yt, b as xt, a as kt, c as Nt } from "./GeneratedIcons-eOaZDTB3.js";
-import ze, { useState as P, useRef as j, useEffect as V, useMemo as $e, createContext as be, useContext as ae, Children as At, isValidElement as St, forwardRef as Ct, useImperativeHandle as Mt, useCallback as X, Suspense as $t } from "react";
+import { d as Le, E as gt, R as bt, W as vt, k as wt, Z as yt, b as xt, a as kt, c as Nt } from "./GeneratedIcons-DAopmpGr.js";
+import ze, { useState as P, useRef as Y, useEffect as V, useMemo as $e, createContext as be, useContext as ae, Children as At, isValidElement as St, forwardRef as Ct, useImperativeHandle as Mt, useCallback as X, Suspense as $t } from "react";
 import { createPortal as Ae } from "react-dom";
 import { useTranslation as oe } from "react-i18next";
 import It from "i18next";
 import { c as Rt } from "./clsx-OuTLNxxd.js";
-function Qe({
+function Je({
   size: e = "default",
   color: t,
   overlay: n = !1,
@@ -68,7 +68,7 @@ function ne({ variant: e = "default", block: t, size: n = "default", appearance:
       ...p,
       children: [
         c && /* @__PURE__ */ s(
-          Qe,
+          Je,
           {
             size: "small",
             className: "nc-button-spinner",
@@ -236,7 +236,7 @@ function Pt({ size: e }) {
     }
   ) });
 }
-function Jn({ checked: e, onChange: t, disabled: n, label: r, size: o = "default", labelColor: i, style: a, className: c = "" }) {
+function Zn({ checked: e, onChange: t, disabled: n, label: r, size: o = "default", labelColor: i, style: a, className: c = "" }) {
   const l = o === "small", u = o === "tiny";
   return /* @__PURE__ */ A(
     "label",
@@ -266,7 +266,7 @@ function Jn({ checked: e, onChange: t, disabled: n, label: r, size: o = "default
   );
 }
 function Et({ option: e, onChange: t, selected: n, highlighted: r, small: o, renderOption: i, index: a }) {
-  const c = j(null), { t: l } = oe(), u = e.disabled === !0;
+  const c = Y(null), { t: l } = oe(), u = e.disabled === !0;
   return V(() => {
     r && c.current && c.current.scrollIntoView({ block: "nearest" });
   }, [r]), /* @__PURE__ */ s(
@@ -372,7 +372,7 @@ function Bt({ open: e, small: t }) {
     }
   );
 }
-function Qn({
+function Jn({
   value: e,
   onChange: t,
   placeholder: n = "Select…",
@@ -392,9 +392,9 @@ function Qn({
   style: v,
   className: y
 }) {
-  const [h, f] = P(!1), [m, N] = P(""), [C, E] = P(-1), B = j(null), S = j(null), L = j(null), x = g === "small", { t: M } = oe(), z = !!o, F = w || z, [I, T] = P([]), [H, q] = P(() => {
+  const [h, f] = P(!1), [m, N] = P(""), [C, E] = P(-1), B = Y(null), S = Y(null), L = Y(null), x = g === "small", { t: M } = oe(), z = !!o, F = w || z, [I, T] = P([]), [H, q] = P(() => {
     if (r && e) {
-      const R = r.find((Y) => Y.value === e);
+      const R = r.find((j) => j.value === e);
       return R ? R.label : "";
     }
     return o && e ? e : "";
@@ -405,11 +405,11 @@ function Qn({
       return;
     }
     if (r) {
-      const R = r.find((Y) => Y.value === e);
+      const R = r.find((j) => j.value === e);
       R && q(R.label);
     } else o && q(e);
   }, [e, r, o]);
-  const O = (R, Y = !1) => {
+  const O = (R, j = !1) => {
     if (!o) return;
     L.current && clearTimeout(L.current);
     const W = async () => {
@@ -420,29 +420,29 @@ function Qn({
         T([]);
       }
     };
-    Y ? W() : L.current = setTimeout(W, 200);
+    j ? W() : L.current = setTimeout(W, 200);
   }, _ = $e(() => {
     if (z) return I;
     const R = m.toLowerCase();
-    return F ? (r || []).filter((Y) => Y.label.toLowerCase().includes(R)) : r || [];
+    return F ? (r || []).filter((j) => j.label.toLowerCase().includes(R)) : r || [];
   }, [r, m, F, z, I]);
   V(() => {
     h && E(-1);
   }, [h, _]), V(() => {
     if (!p && !e && r && r.length > 0 && t) {
-      const R = r.find((Y) => Y.default) || r[0];
+      const R = r.find((j) => j.default) || r[0];
       t(R.value);
     }
   }, [p, e, r, t]), V(() => {
-    function R(Y) {
+    function R(j) {
       var W;
-      Y.target instanceof Node && B.current && ((W = B.current.parentElement) != null && W.contains(Y.target) || f(!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 && p, le = !l && !J, fe = `nc-align-${b}`, de = !(h && F) && !!D, ue = (R, Y, W = !1) => {
+  const D = c ?? (r ? r.find((R) => R.value === e) : e ? { label: H, value: e } : void 0), Z = D && p, le = !l && !Z, fe = `nc-align-${b}`, de = !(h && F) && !!D, ue = (R, j, W = !1) => {
     var U;
-    q(Y), t == null || t(R), f(!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(""), f(!1);
   }, ye = (R) => {
@@ -450,7 +450,7 @@ function Qn({
       (R.key === "ArrowDown" || R.key === "ArrowUp") && (f(!0), R.preventDefault());
       return;
     }
-    const Y = (W, U) => {
+    const j = (W, U) => {
       if (U === 1) {
         for (let G = W; G < _.length; G++)
           if (!_[G].disabled) return G;
@@ -468,13 +468,13 @@ function Qn({
       case "ArrowDown":
         R.preventDefault(), E((W) => {
           const U = W + 1, G = U >= _.length ? 0 : U;
-          return Y(G, 1);
+          return j(G, 1);
         });
         break;
       case "ArrowUp":
         R.preventDefault(), E((W) => {
           const U = W - 1, G = U < 0 ? _.length - 1 : U;
-          return Y(G, -1);
+          return j(G, -1);
         });
         break;
       case "Enter":
@@ -494,8 +494,8 @@ function Qn({
         style: { position: "relative", display: "flex", alignItems: "center" },
         onMouseDown: (R) => {
           if (l || F && R.target === B.current) return;
-          const Y = !h;
-          if (f((W) => (!W && F && D && N(D.label), !W)), z && Y) {
+          const j = !h;
+          if (f((W) => (!W && F && D && N(D.label), !W)), z && j) {
             const W = F && D ? D.label : "";
             T([]), setTimeout(() => O(W, !0), 0);
           }
@@ -516,21 +516,21 @@ function Qn({
                   f(!0);
                   const R = D ? D.label : "";
                   D && (N(R), setTimeout(() => {
-                    var Y;
-                    return (Y = B.current) == null ? void 0 : Y.select();
+                    var j;
+                    return (j = B.current) == null ? void 0 : j.select();
                   }, 0)), z && (T([]), O(R, !0));
                 }
               },
               onChange: (R) => {
-                const Y = R.target.value;
-                F && (N(Y), z && O(Y));
+                const j = R.target.value;
+                F && (N(j), z && O(j));
               },
               onKeyDown: ye,
               value: h && F ? m : (D == null ? void 0 : D.label) || "",
               readOnly: l || !F,
               style: {
                 width: "100%",
-                paddingRight: le || J ? x ? 32 : 44 : 12,
+                paddingRight: le || Z ? x ? 32 : 44 : 12,
                 caretColor: w ? void 0 : "transparent",
                 cursor: w ? void 0 : "pointer",
                 // The input text is invisible behind the overlay, so it must not be selectable
@@ -548,7 +548,7 @@ function Qn({
               style: {
                 position: "absolute",
                 left: x ? 8 : 12,
-                right: le || J ? x ? 12 : 24 : x ? 8 : 12,
+                right: le || Z ? x ? 12 : 24 : x ? 8 : 12,
                 top: "50%",
                 transform: "translateY(-50%)",
                 // The overlay carries the visible text, so it is the layer that can be selected/copied.
@@ -568,7 +568,7 @@ function Qn({
               ] })
             }
           ),
-          J && /* @__PURE__ */ s(zt, { onClick: we, small: x }),
+          Z && /* @__PURE__ */ s(zt, { onClick: we, small: x }),
           le && /* @__PURE__ */ s(Bt, { open: h, small: x })
         ]
       }
@@ -576,7 +576,7 @@ function Qn({
     /* @__PURE__ */ s(Lt, { isOpen: h, options: _, onSelect: ue, selectedValue: e, placement: d, anchorRef: S, small: x, highlightedIndex: C, renderOption: i })
   ] });
 }
-function Zn({ onClick: e, loading: t = !1, disabled: n = !1, size: r = "default", title: o, "aria-label": i }) {
+function Qn({ onClick: e, loading: t = !1, disabled: n = !1, size: r = "default", title: o, "aria-label": i }) {
   return /* @__PURE__ */ s(
     "button",
     {
@@ -590,7 +590,7 @@ function Zn({ onClick: e, loading: t = !1, disabled: n = !1, size: r = "default"
     }
   );
 }
-function Ze({ onClick: e, disabled: t = !1, size: n = "default", title: r = "Close", "aria-label": o = "Close" }) {
+function Qe({ onClick: e, disabled: t = !1, size: n = "default", title: r = "Close", "aria-label": o = "Close" }) {
   return /* @__PURE__ */ s(
     "button",
     {
@@ -654,7 +654,7 @@ function rr({
   anchor: o,
   preferredDirection: i = "down"
 }) {
-  const a = j(null), [c, l] = P({ top: 0, left: 0 }), u = o || (r == null ? void 0 : r.current);
+  const a = Y(null), [c, l] = P({ top: 0, left: 0 }), u = o || (r == null ? void 0 : r.current);
   if (V(() => {
     if (!e || !u || !a.current) return;
     const d = u.getBoundingClientRect(), g = a.current.getBoundingClientRect(), k = window.innerHeight, b = window.innerWidth, v = d.bottom + 8, y = v + g.height <= k - 8;
@@ -765,7 +765,7 @@ function or({
   className: v = "",
   onContentHeightChange: y
 }) {
-  const h = j(null), f = j(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(() => {
@@ -830,7 +830,7 @@ function or({
       children: [
         !b && /* @__PURE__ */ A("div", { className: "nc-dialog-header", children: [
           /* @__PURE__ */ s("h3", { id: "nc-dialog-title", className: "nc-dialog-title", children: n }),
-          /* @__PURE__ */ s(Ze, { onClick: t, "aria-label": "Close dialog" })
+          /* @__PURE__ */ s(Qe, { onClick: t, "aria-label": "Close dialog" })
         ] }),
         /* @__PURE__ */ s("div", { ref: f, className: "nc-dialog-content", children: r }),
         E()
@@ -919,7 +919,7 @@ function sr({
   validator: f,
   showErrorMessage: m = !0
 }) {
-  const N = j(null), C = j(null), E = j(!1), [B, S] = P(!1), [L, x] = P(!1), [M, z] = P(!1), F = e !== void 0, [I, T] = P(t), H = F ? e : I, [q, O] = P(H), _ = f ? f(H) : null, D = !!_, J = !y && g === "plain", le = J && L, fe = le ? q : H;
+  const N = Y(null), C = Y(null), E = Y(!1), [B, S] = P(!1), [L, x] = P(!1), [M, z] = P(!1), F = e !== void 0, [I, T] = P(t), H = F ? e : I, [q, O] = P(H), _ = f ? f(H) : null, D = !!_, Z = !y && g === "plain", le = Z && L, fe = le ? q : H;
   V(() => {
     le || O(H);
   }, [H, le]);
@@ -927,44 +927,44 @@ function sr({
   let R = 12;
   we && ue ? R = ye * 2 : (we || ue) && (R = ye);
   const W = b ? d === "small" ? 28 : 34 : void 0, U = () => {
-    if (!J)
+    if (!Z)
       return H;
-    const Q = q !== H;
-    return F || T(q), Q && (n == null || n(q), r == null || r(q)), q;
+    const J = q !== H;
+    return F || T(q), J && (n == null || n(q), r == null || r(q)), q;
   }, G = () => {
     O(H);
   }, ft = () => {
-    var Q, ee, je;
-    if (J) {
-      O(""), i == null || i(), (Q = N.current) == null || Q.focus();
+    var J, ee, Ye;
+    if (Z) {
+      O(""), i == null || i(), (J = N.current) == null || J.focus();
       return;
     }
-    F || T(""), n == null || n(""), i == null || i(), y ? (ee = C.current) == null || ee.focus() : (je = N.current) == null || je.focus();
-  }, He = (Q) => {
-    if (J && Q.key === "Escape") {
-      Q.preventDefault(), E.current = !0, G(), Q.currentTarget.blur();
+    F || T(""), n == null || n(""), i == null || i(), y ? (ee = C.current) == null || ee.focus() : (Ye = N.current) == null || Ye.focus();
+  }, He = (J) => {
+    if (Z && J.key === "Escape") {
+      J.preventDefault(), E.current = !0, G(), J.currentTarget.blur();
       return;
     }
-    if (Q.key === "Enter" && !y) {
-      const ee = J ? U() : H;
-      J && (Q.preventDefault(), E.current = !0, Q.currentTarget.blur()), o == null || o(ee);
+    if (J.key === "Enter" && !y) {
+      const ee = Z ? U() : H;
+      Z && (J.preventDefault(), E.current = !0, J.currentTarget.blur()), o == null || o(ee);
     }
-  }, Ve = (Q) => {
-    const ee = Q.target.value;
-    if (J) {
+  }, Ve = (J) => {
+    const ee = J.target.value;
+    if (Z) {
       O(ee), n == null || n(ee);
       return;
     }
     F || T(ee), n == null || n(ee);
   }, Fe = () => {
-    x(!0), J && O(H);
+    x(!0), Z && O(H);
   }, Oe = () => {
-    if (J && E.current) {
+    if (Z && E.current) {
       E.current = !1, x(!1);
       return;
     }
-    J && U(), x(!1);
-  }, Ye = `nc-input ${d === "small" ? "nc-small " : ""}${!y && g === "plain" ? "nc-plain " : ""}${D ? "nc-error " : ""}${w}`;
+    Z && U(), x(!1);
+  }, je = `nc-input ${d === "small" ? "nc-small " : ""}${!y && g === "plain" ? "nc-plain " : ""}${D ? "nc-error " : ""}${w}`;
   return /* @__PURE__ */ A(
     "div",
     {
@@ -980,7 +980,7 @@ function sr({
             "textarea",
             {
               ref: C,
-              className: Ye,
+              className: je,
               placeholder: a,
               value: fe,
               onChange: Ve,
@@ -1002,7 +1002,7 @@ function sr({
             {
               ref: N,
               type: de && B ? "text" : p,
-              className: Ye,
+              className: je,
               placeholder: a,
               value: fe,
               onChange: Ve,
@@ -1078,7 +1078,7 @@ function cr({ title: e, titleTools: t, children: n, style: r }) {
   ] });
 }
 function ar({ values: e, onChange: t, options: n, placeholder: r = "Select…", label: o }) {
-  const [i, a] = P(!1), [c, l] = P(""), u = j(null), p = $e(() => n.filter((d) => d.label.toLowerCase().includes(c.toLowerCase())), [n, c]);
+  const [i, a] = P(!1), [c, l] = P(""), u = 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);
@@ -1171,7 +1171,7 @@ function lr({
   disabled: i = !1,
   size: a = "default"
 }) {
-  const [c, l] = P(!1), [u, p] = P(""), [w, d] = P(""), [g, k] = P({ top: 0, left: 0, width: 0, right: void 0 }), b = j(null), v = j(null);
+  const [c, l] = P(!1), [u, p] = P(""), [w, d] = P(""), [g, k] = P({ 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);
@@ -1284,7 +1284,7 @@ function lr({
 }
 const Vt = 5, Ft = 3;
 function dr({ value: e, onChange: t, min: n, max: r, step: o = 1, label: i, disabled: a, className: c = "", style: l, size: u = "default" }) {
-  const p = u === "small", w = (String(o).split(".")[1] || "").length, d = j(null), g = j(!1), k = j(null), [b, v] = P(!1), [y, h] = P(() => String(e)), f = (I) => parseFloat(I.toFixed(w)), m = (I) => {
+  const p = u === "small", w = (String(o).split(".")[1] || "").length, d = Y(null), g = Y(!1), k = Y(null), [b, v] = P(!1), [y, h] = P(() => String(e)), f = (I) => parseFloat(I.toFixed(w)), m = (I) => {
     const T = f(I);
     h(String(T)), t(T);
   }, N = () => {
@@ -1448,12 +1448,12 @@ function ur({
   ] });
 }
 const Ot = ({ size: e = 24, className: t, style: n }) => /* @__PURE__ */ s("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", className: t, style: n, children: /* @__PURE__ */ s("polyline", { points: "18 15 12 9 6 15" }) });
-function Yt({ children: e, className: t = "", style: n }) {
+function jt({ children: e, className: t = "", style: n }) {
   return /* @__PURE__ */ s("div", { className: `nc-tab-panel ${t}`, style: n, children: e });
 }
 function pr({ active: e, children: t, keepMounted: n = !1, className: r = "", style: o }) {
   const i = At.toArray(t).filter(
-    (c) => St(c) && (c.type === Yt || c.type.displayName === "TabPanel")
+    (c) => St(c) && (c.type === jt || c.type.displayName === "TabPanel")
   );
   if (n)
     return /* @__PURE__ */ s("div", { className: `nc-tab-panels ${r}`, style: o, children: i.map((c) => {
@@ -1473,7 +1473,7 @@ function pr({ active: e, children: t, keepMounted: n = !1, className: r = "", st
   return /* @__PURE__ */ s("div", { className: `nc-tab-panels ${r}`, style: o, children: a });
 }
 function fr({ tabs: e, active: t, onChange: n, onClose: r, permanentTabs: o, className: i, toolbar: a, multiline: c, orientation: l = "horizontal", style: u }) {
-  const p = j(null), [w, d] = P(!1), [g, k] = P(!1), b = l === "verticalLeft" || l === "verticalRight", v = j(!1), y = j(0), h = j(0), f = j(!1);
+  const p = Y(null), [w, d] = P(!1), [g, k] = P(!1), b = l === "verticalLeft" || l === "verticalRight", v = Y(!1), y = Y(0), h = Y(0), f = Y(!1);
   V(() => {
     const S = () => {
       if (p.current)
@@ -1636,7 +1636,7 @@ const _e = [
   "var(--nc-csv-col-8)",
   "var(--nc-csv-col-9)"
 ];
-function jt(e, t) {
+function Yt(e, t) {
   const r = e.slice(0, t).split(`
 `), o = r.length, a = r[o - 1].split("	"), c = a.length, l = a[c - 1].length + 1;
   return { line: o, column: c, character: l, offset: t };
@@ -1663,7 +1663,7 @@ 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 p = j(null), w = j(null), d = j(null);
+    const p = Y(null), w = Y(null), d = Y(null);
     Mt(u, () => ({
       goToLine(h) {
         const f = p.current;
@@ -1684,7 +1684,7 @@ const mr = Ct(
     }), [t]);
     const g = X(() => {
       if (!c || !p.current) return;
-      const h = jt(t, p.current.selectionStart);
+      const h = Yt(t, p.current.selectionStart);
       c(h);
     }, [c, t]), k = X(() => {
       const h = p.current;
@@ -1866,7 +1866,7 @@ function Xt({ notification: e }) {
   );
 }
 function gr() {
-  const [e, t] = P([]), [n, r] = P(/* @__PURE__ */ new Map()), [o, i] = P(/* @__PURE__ */ new Set()), a = j(null), c = j([]);
+  const [e, t] = P([]), [n, r] = P(/* @__PURE__ */ new Map()), [o, i] = P(/* @__PURE__ */ new Set()), a = Y(null), c = Y([]);
   return V(() => _t((u) => {
     const p = new Set(c.current.map((d) => d.id)), w = u.filter((d) => !p.has(d.id)).map((d) => d.id);
     w.length > 0 ? (t(u), i(new Set(w)), requestAnimationFrame(() => {
@@ -1930,11 +1930,11 @@ function gr() {
     }
   );
 }
-function Jt(e) {
+function Zt(e) {
   return Ut(e);
 }
 const br = {
-  show: (e) => Jt(e)
+  show: (e) => Zt(e)
 };
 function vr(e) {
   const t = It.createInstance(), n = {};
@@ -1957,7 +1957,7 @@ function vr(e) {
       }
   }).observe(document.documentElement, { attributes: !0 }), t;
 }
-class Qt {
+class Jt {
   constructor() {
     se(this, "apps", /* @__PURE__ */ new Map());
   }
@@ -1997,8 +1997,8 @@ class Qt {
     return this.apps.has(t);
   }
 }
-const ge = new Qt(), qe = "nc-ui-app-state";
-class Zt {
+const ge = new Jt(), qe = "nc-ui-app-state";
+class Qt {
   constructor() {
     se(this, "state");
     se(this, "listeners", /* @__PURE__ */ new Map());
@@ -2045,7 +2045,7 @@ class Zt {
     (r = this.listeners.get(t)) == null || r.forEach((o) => o(n));
   }
 }
-const re = new Zt();
+const re = new Qt();
 class en {
   constructor() {
     se(this, "apps", []);
@@ -2165,7 +2165,7 @@ class en {
     this.listeners.forEach((t) => t());
   }
 }
-const Z = new en(), nt = be(null);
+const Q = new en(), nt = be(null);
 function tn() {
   const e = ae(nt);
   if (!e)
@@ -2208,7 +2208,7 @@ function rn({ title: e, onClose: t, onBack: n, toolbar: r, hideBackButton: o })
     ] }),
     /* @__PURE__ */ A("div", { className: "nc-app-title-bar-right", children: [
       r && /* @__PURE__ */ s("div", { className: "nc-app-title-bar-toolbar", children: r }),
-      /* @__PURE__ */ s(Ze, { onClick: t, "aria-label": "Close application" })
+      /* @__PURE__ */ s(Qe, { onClick: t, "aria-label": "Close application" })
     ] })
   ] });
 }
@@ -2287,7 +2287,7 @@ function rt({ appId: e, isActive: t, onClose: n }) {
             children: /* @__PURE__ */ s(nt.Provider, { value: C, children: /* @__PURE__ */ s(on, { appId: e, children: /* @__PURE__ */ s(
               $t,
               {
-                fallback: /* @__PURE__ */ s("div", { className: "nc-app-loading", children: /* @__PURE__ */ s(Qe, {}) }),
+                fallback: /* @__PURE__ */ s("div", { className: "nc-app-loading", children: /* @__PURE__ */ s(Je, {}) }),
                 children: /* @__PURE__ */ s(E, {})
               }
             ) }) })
@@ -2381,7 +2381,7 @@ const Be = "-", sn = (e) => {
 }, Pe = (e, t, n, r) => {
   e.forEach((o) => {
     if (typeof o == "string") {
-      const i = o === "" ? t : Je(t, o);
+      const i = o === "" ? t : Ze(t, o);
       i.classGroupId = n;
       return;
     }
@@ -2397,10 +2397,10 @@ const Be = "-", sn = (e) => {
       return;
     }
     Object.entries(o).forEach(([i, a]) => {
-      Pe(a, Je(t, i), n, r);
+      Pe(a, Ze(t, i), n, r);
     });
   });
-}, Je = (e, t) => {
+}, Ze = (e, t) => {
   let n = e;
   return t.split(Be).forEach((r) => {
     n.nextPart.has(r) || n.nextPart.set(r, {
@@ -4595,7 +4595,7 @@ function Wn(...e) {
   return Dn(Rt(e));
 }
 function yr({ autoWidth: e = !0, className: t, style: n }) {
-  const [r, o] = P(() => re.getActiveAppId()), [i, a] = P(() => Z.getRunningApps()), { isMobile: c } = it();
+  const [r, o] = P(() => re.getActiveAppId()), [i, a] = P(() => Q.getRunningApps()), { isMobile: c } = it();
   V(() => {
     const v = re.subscribe("activeAppId", (y) => {
       o(y);
@@ -4603,16 +4603,16 @@ function yr({ autoWidth: e = !0, className: t, style: n }) {
     return () => {
       v();
     };
-  }, []), V(() => Z.subscribe(() => {
-    a(Z.getRunningApps());
+  }, []), V(() => Q.subscribe(() => {
+    a(Q.getRunningApps());
   }), []), V(() => {
     if (!new URLSearchParams(window.location.search).has("app")) {
       const h = re.getActiveAppId();
-      h && !Z.isRunning(h) && Z.launchApp(h);
+      h && !Q.isRunning(h) && Q.launchApp(h);
     }
   }, []);
   const l = (v) => {
-    Z.closeApp(v);
+    Q.closeApp(v);
   }, u = r ? ge.get(r) : null, w = (u == null ? void 0 : u.width) ?? 400, d = r !== null, b = { ...{
     overflow: "hidden",
     display: d ? "flex" : "none",
@@ -4638,7 +4638,7 @@ function xr({
   side: r = "left",
   getBadge: o
 }) {
-  const { t: i } = oe(), { isMobile: a } = it(), [c, l] = P(() => re.getActiveAppId()), [u, p] = P(() => Z.getRunningApps());
+  const { t: i } = oe(), { isMobile: a } = it(), [c, l] = P(() => re.getActiveAppId()), [u, p] = P(() => Q.getRunningApps());
   V(() => {
     const f = re.subscribe("activeAppId", (m) => {
       l(m);
@@ -4646,11 +4646,11 @@ function xr({
     return () => {
       f();
     };
-  }, []), V(() => Z.subscribe(() => {
-    p(Z.getRunningApps());
+  }, []), V(() => Q.subscribe(() => {
+    p(Q.getRunningApps());
   }), []);
   const w = (f) => {
-    c === f ? Z.setActiveApp(null) : Z.launchApp(f);
+    c === f ? Q.setActiveApp(null) : Q.launchApp(f);
   }, d = e.map((f) => ge.get(f)).filter((f) => !!f), g = u.filter((f) => !e.includes(f.appId)).map((f) => ({ running: f, def: ge.get(f.appId) })).filter((f) => !!f.def), k = (f) => u.some((m) => m.appId === f), b = (f) => f.titleKey ? String(i(f.titleKey)) : f.id, v = (f) => typeof f == "number" && f > 99 ? "99+" : f, y = (f, m) => {
     const N = o == null ? void 0 : o(f, m);
     return N ? /* @__PURE__ */ s(
@@ -4824,7 +4824,7 @@ function Cr() {
   }) }) });
 }
 export {
-  Qe as ActivityIndicator,
+  Je as ActivityIndicator,
   Un as Alert,
   rt as AppContainer,
   nt as AppContext,
@@ -4835,9 +4835,9 @@ export {
   qn as Battery,
   ne as Button,
   Xn as ButtonGroup,
-  Jn as Checkbox,
-  Ze as CloseButton,
-  Qn as ComboBox,
+  Zn as Checkbox,
+  Qe as CloseButton,
+  Jn as ComboBox,
   rr as ContextMenu,
   mr as CsvTextArea,
   or as Dialog,
@@ -4854,9 +4854,9 @@ export {
   Xt as Notification,
   gr as NotificationContainer,
   dr as NumberInput,
-  Zn as RefreshButton,
+  Qn as RefreshButton,
   ur as Slider,
-  Yt as TabPanel,
+  jt as TabPanel,
   pr as TabPanels,
   fr as Tabs,
   hr as Toggle,
@@ -4867,8 +4867,8 @@ export {
   Wn as cn,
   vr as createAppI18nFactory,
   br as notificationManager,
-  Z as runningAppsStore,
-  Jt as showNotification,
+  Q as runningAppsStore,
+  Zt as showNotification,
   tn as useApp,
   Dt as useDialog,
   Nr as useNavStack,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kingsimba/nc-ui",
-  "version": "0.1.48",
+  "version": "0.1.49",
   "type": "module",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",