@kingsimba/nc-ui 0.1.32 → 0.1.34

package/dist/index.js

@@ -5,7 +5,7 @@ import { jsx as s, jsxs as N, Fragment as pt } from "react/jsx-runtime";
 import { d as $e, E as ft, R as ht, T as mt, g as gt, V as bt, b as vt, a as wt, c as yt } from "./GeneratedIcons-HFZmBTBT.js";
 import Me, { useState as E, useRef as H, useMemo as we, useEffect as z, createContext as ce, useContext as ne, Children as xt, isValidElement as kt, forwardRef as Nt, useImperativeHandle as At, useCallback as V, Suspense as St } from "react";
 import { createPortal as pe } from "react-dom";
-import { useTranslation as J } from "react-i18next";
+import { useTranslation as Z } from "react-i18next";
 import Ct from "i18next";
 import { c as $t } from "./clsx-OuTLNxxd.js";
 function _e({
@@ -37,7 +37,7 @@ function _e({
   );
   return n ? /* @__PURE__ */ s("div", { className: "nc-activity-indicator-overlay", children: o }) : o;
 }
-function q({ 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 X({ variant: e = "default", block: t, size: n = "default", appearance: r = "default", className: o, disabled: i, textSelectable: a, loading: c, onClick: l, children: u, ...f }) {
   const v = [
     "nc-button",
     e !== "default" ? `nc-${e}` : "",
@@ -117,7 +117,7 @@ function Gn({
       )
     ] }),
     r && /* @__PURE__ */ s("span", { className: "nc-alert-action", children: /* @__PURE__ */ s(
-      q,
+      X,
       {
         size: "small",
         variant: r.variant ?? Mt[n],
@@ -266,7 +266,7 @@ function _n({ checked: e, onChange: t, disabled: n, label: r, size: o = "default
   );
 }
 function Rt({ option: e, onChange: t, selected: n, highlighted: r, small: o }) {
-  const i = H(null), { t: a } = J();
+  const i = H(null), { t: a } = Z();
   return z(() => {
     r && i.current && i.current.scrollIntoView({ block: "nearest" });
   }, [r]), /* @__PURE__ */ N(
@@ -302,7 +302,7 @@ function Et({
   small: a,
   highlightedIndex: c = -1
 }) {
-  const [l, u] = E({ top: 0, left: 0, width: 0 }), [f, v] = E(o), { t: d } = J();
+  const [l, u] = E({ top: 0, left: 0, width: 0 }), [f, v] = E(o), { t: d } = Z();
   if (z(() => {
     if (e && i.current) {
       const y = i.current.getBoundingClientRect();
@@ -382,7 +382,7 @@ function Un({
   style: d,
   className: m
 }) {
-  const [y, b] = E(!1), [w, k] = E(""), [g, p] = E(-1), h = H(null), A = H(null), C = u === "small", { t: T } = J(), P = we(() => {
+  const [y, b] = E(!1), [w, k] = E(""), [g, p] = E(-1), h = H(null), A = H(null), C = u === "small", { t: T } = Z(), P = we(() => {
     const R = w.toLowerCase();
     return c ? r.filter((B) => B.label.toLowerCase().includes(R)) : r;
   }, [r, w, c]);
@@ -666,8 +666,8 @@ function Lt() {
   return e;
 }
 function oe({ children: e, onClick: t, ...n }) {
-  const { close: r } = Lt(), { t: o } = J();
-  return /* @__PURE__ */ s(q, { onClick: (a) => {
+  const { close: r } = Lt(), { t: o } = Z();
+  return /* @__PURE__ */ s(X, { onClick: (a) => {
     t == null || t(a), r();
   }, ...n, children: e ?? o("common.close") });
 }
@@ -691,7 +691,7 @@ function er({
   className: w = "",
   onContentHeightChange: k
 }) {
-  const g = H(null), p = H(null), { t: h } = J(), A = { close: t }, C = (x) => {
+  const g = H(null), p = H(null), { t: h } = Z(), A = { close: t }, C = (x) => {
     d && x.target === x.currentTarget && t();
   };
   if (z(() => {
@@ -711,26 +711,26 @@ function er({
   const T = () => {
     switch (i) {
       case "ok":
-        return /* @__PURE__ */ s("div", { className: "nc-dialog-footer", children: /* @__PURE__ */ s(q, { variant: "primary", onClick: c ?? t, disabled: m, children: h("common.ok") }) });
+        return /* @__PURE__ */ s("div", { className: "nc-dialog-footer", children: /* @__PURE__ */ s(X, { variant: "primary", onClick: c ?? t, disabled: m, children: h("common.ok") }) });
       case "ok-cancel":
         return /* @__PURE__ */ N("div", { className: "nc-dialog-footer", children: [
           /* @__PURE__ */ s(oe, { onClick: f, children: h("common.cancel") }),
-          /* @__PURE__ */ s(q, { variant: "primary", onClick: c ?? t, disabled: m, children: h("common.ok") })
+          /* @__PURE__ */ s(X, { variant: "primary", onClick: c ?? t, disabled: m, children: h("common.ok") })
         ] });
       case "save-cancel":
         return /* @__PURE__ */ N("div", { className: "nc-dialog-footer", children: [
           /* @__PURE__ */ s(oe, { onClick: f, children: h("common.cancel") }),
-          /* @__PURE__ */ s(q, { variant: "primary", onClick: l, disabled: m, children: h("common.save") })
+          /* @__PURE__ */ s(X, { variant: "primary", onClick: l, disabled: m, children: h("common.save") })
         ] });
       case "delete-cancel":
         return /* @__PURE__ */ N("div", { className: "nc-dialog-footer", children: [
           /* @__PURE__ */ s(oe, { onClick: f, children: h("common.cancel") }),
-          /* @__PURE__ */ s(q, { variant: "danger", onClick: u, disabled: m, children: h("common.delete") })
+          /* @__PURE__ */ s(X, { variant: "danger", onClick: u, disabled: m, children: h("common.delete") })
         ] });
       case "connect":
         return /* @__PURE__ */ N("div", { className: "nc-dialog-footer", children: [
           /* @__PURE__ */ s(oe, { onClick: f, children: h("common.cancel") }),
-          /* @__PURE__ */ s(q, { variant: "primary", onClick: v, disabled: m, children: h("common.connect") })
+          /* @__PURE__ */ s(X, { variant: "primary", onClick: v, disabled: m, children: h("common.connect") })
         ] });
       case "close":
         return /* @__PURE__ */ s("div", { className: "nc-dialog-footer", children: /* @__PURE__ */ s(oe, { variant: "primary" }) });
@@ -860,28 +860,28 @@ function tr({
   }, at = () => {
     R(F);
   }, lt = () => {
-    var K, Z, He;
+    var K, U, He;
     if (G) {
       R(""), i == null || i(), (K = A.current) == null || K.focus();
       return;
     }
-    $ || O(""), n == null || n(""), i == null || i(), k ? (Z = C.current) == null || Z.focus() : (He = A.current) == null || He.focus();
+    $ || O(""), n == null || n(""), i == null || i(), k ? (U = C.current) == null || U.focus() : (He = A.current) == null || He.focus();
   }, Le = (K) => {
     if (G && K.key === "Escape") {
       K.preventDefault(), T.current = !0, at(), K.currentTarget.blur();
       return;
     }
     if (K.key === "Enter" && !k) {
-      const Z = G ? Pe() : F;
-      G && (K.preventDefault(), T.current = !0, K.currentTarget.blur()), o == null || o(Z);
+      const U = G ? Pe() : F;
+      G && (K.preventDefault(), T.current = !0, K.currentTarget.blur()), o == null || o(U);
     }
   }, ze = (K) => {
-    const Z = K.target.value;
+    const U = K.target.value;
     if (G) {
-      R(Z);
+      R(U), n == null || n(U);
       return;
     }
-    $ || O(Z), n == null || n(Z);
+    $ || O(U), n == null || n(U);
   }, Be = () => {
     S(!0), G && R(F);
   }, De = () => {
@@ -1169,7 +1169,7 @@ function sr({
           x && !A && !C && /* @__PURE__ */ s("div", { className: "nc-month-range-error", children: "End month must be after or equal to start month" }),
           /* @__PURE__ */ N("div", { className: "nc-month-range-picker-footer", children: [
             /* @__PURE__ */ s(
-              q,
+              X,
               {
                 variant: "primary",
                 onClick: p,
@@ -1177,7 +1177,7 @@ function sr({
                 children: "Apply"
               }
             ),
-            /* @__PURE__ */ s(q, { variant: "ghost", onClick: g, children: "Cancel" })
+            /* @__PURE__ */ s(X, { variant: "ghost", onClick: g, children: "Cancel" })
           ] })
         ] })
       }
@@ -1679,7 +1679,7 @@ function Gt({ type: e }) {
   }
 }
 function Yt({ notification: e }) {
-  const { t } = J(), n = e.type || "info", r = () => {
+  const { t } = Z(), n = e.type || "info", r = () => {
     if (e.title) return e.title;
     switch (n) {
       case "success":
@@ -1897,7 +1897,7 @@ class Ut {
     (r = this.listeners.get(t)) == null || r.forEach((o) => o(n));
   }
 }
-const X = new Ut();
+const J = new Ut();
 class qt {
   constructor() {
     Q(this, "apps", []);
@@ -1919,12 +1919,12 @@ class qt {
       return console.error(`Cannot launch app "${t}": not registered`), null;
     const o = this.apps.find((a) => a.appId === t);
     if (o)
-      return r || (this.setActiveApp(t), X._setActiveAppId(t)), o.ref ? o : this.waitForRef(t);
+      return r || (this.setActiveApp(t), J._setActiveAppId(t)), o.ref ? o : this.waitForRef(t);
     const i = {
       appId: t,
       launchedAt: Date.now()
     };
-    return this.apps.push(i), r || (this.activeAppId = t, X._setActiveAppId(t)), this.notify(), this.waitForRef(t);
+    return this.apps.push(i), r || (this.activeAppId = t, J._setActiveAppId(t)), this.notify(), this.waitForRef(t);
   }
   waitForRef(t) {
     return new Promise((n) => {
@@ -1961,7 +1961,7 @@ class qt {
     const r = this.apps[n];
     if (r.ref && (r.ref = void 0), this.apps.splice(n, 1), this.activeAppId === t) {
       const o = window.innerWidth >= 768;
-      this.activeAppId = o && this.apps.length > 0 ? this.apps[this.apps.length - 1].appId : null, X._setActiveAppId(this.activeAppId);
+      this.activeAppId = o && this.apps.length > 0 ? this.apps[this.apps.length - 1].appId : null, J._setActiveAppId(this.activeAppId);
     }
     this.notify();
   }
@@ -1973,7 +1973,7 @@ class qt {
       console.warn(`Cannot activate app "${t}": not running`);
       return;
     }
-    this.activeAppId !== t && (this.activeAppId = t, this.notify(), X._setActiveAppId(t));
+    this.activeAppId !== t && (this.activeAppId = t, this.notify(), J._setActiveAppId(t));
   }
   /**
    * Toggle an app: if active, deactivate; if inactive, activate.
@@ -2098,7 +2098,7 @@ class Qt extends Me.Component {
   }
 }
 function Ze({ appId: e, isActive: t, onClose: n }) {
-  const { t: r } = J(), o = ie.get(e), [i, a] = E(""), [c, l] = E(null), [u, f] = E(null), [v, d] = E(!1), [m, y] = E(!1);
+  const { t: r } = Z(), o = ie.get(e), [i, a] = E(""), [c, l] = E(null), [u, f] = E(null), [v, d] = E(!1), [m, y] = E(!1);
   Me.useEffect(() => {
     o != null && o.titleKey && a(r(o.titleKey));
   }, [o, r]);
@@ -2442,7 +2442,7 @@ function fn(e, ...t) {
 const D = (e) => {
   const t = (n) => n[e] || [];
   return t.isThemeGetter = !0, t;
-}, st = /^\[(?:([a-z-]+):)?(.+)\]$/i, hn = /^\d+\/\d+$/, mn = /* @__PURE__ */ new Set(["px", "full", "screen"]), gn = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, bn = /\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$/, vn = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, wn = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, yn = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, U = (e) => se(e) || mn.has(e) || hn.test(e), ee = (e) => ae(e, "length", Mn), se = (e) => !!e && !Number.isNaN(Number(e)), Ne = (e) => ae(e, "number", se), le = (e) => !!e && Number.isInteger(Number(e)), xn = (e) => e.endsWith("%") && se(e.slice(0, -1)), M = (e) => st.test(e), te = (e) => gn.test(e), kn = /* @__PURE__ */ new Set(["length", "size", "percentage"]), Nn = (e) => ae(e, kn, it), An = (e) => ae(e, "position", it), Sn = /* @__PURE__ */ new Set(["image", "url"]), Cn = (e) => ae(e, Sn, Rn), $n = (e) => ae(e, "", In), de = () => !0, ae = (e, t, n) => {
+}, st = /^\[(?:([a-z-]+):)?(.+)\]$/i, hn = /^\d+\/\d+$/, mn = /* @__PURE__ */ new Set(["px", "full", "screen"]), gn = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, bn = /\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$/, vn = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, wn = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, yn = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, q = (e) => se(e) || mn.has(e) || hn.test(e), ee = (e) => ae(e, "length", Mn), se = (e) => !!e && !Number.isNaN(Number(e)), Ne = (e) => ae(e, "number", se), le = (e) => !!e && Number.isInteger(Number(e)), xn = (e) => e.endsWith("%") && se(e.slice(0, -1)), M = (e) => st.test(e), te = (e) => gn.test(e), kn = /* @__PURE__ */ new Set(["length", "size", "percentage"]), Nn = (e) => ae(e, kn, it), An = (e) => ae(e, "position", it), Sn = /* @__PURE__ */ new Set(["image", "url"]), Cn = (e) => ae(e, Sn, Rn), $n = (e) => ae(e, "", In), de = () => !0, ae = (e, t, n) => {
   const r = st.exec(e);
   return r ? r[1] ? typeof t == "string" ? r[1] === t : t.has(r[1]) : n(r[2]) : !1;
 }, Mn = (e) => (
@@ -2451,13 +2451,13 @@ const D = (e) => {
   // I could also use lookbehind assertion in `lengthUnitRegex` but that isn't supported widely enough.
   bn.test(e) && !vn.test(e)
 ), it = () => !1, In = (e) => wn.test(e), Rn = (e) => yn.test(e), En = () => {
-  const e = D("colors"), t = D("spacing"), n = D("blur"), r = D("brightness"), o = D("borderColor"), i = D("borderRadius"), a = D("borderSpacing"), c = D("borderWidth"), l = D("contrast"), u = D("grayscale"), f = D("hueRotate"), v = D("invert"), d = D("gap"), m = D("gradientColorStops"), y = D("gradientColorStopPositions"), b = D("inset"), w = D("margin"), k = D("opacity"), g = D("padding"), p = D("saturate"), h = D("scale"), A = D("sepia"), C = D("skew"), T = D("space"), P = D("translate"), x = () => ["auto", "contain", "none"], I = () => ["auto", "hidden", "clip", "visible", "scroll"], S = () => ["auto", M, t], $ = () => [M, t], L = () => ["", U, ee], O = () => ["auto", se, M], F = () => ["bottom", "center", "left", "left-bottom", "left-top", "right", "right-bottom", "right-top", "top"], j = () => ["solid", "dashed", "dotted", "double", "none"], R = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], B = () => ["start", "end", "center", "between", "around", "evenly", "stretch"], W = () => ["", "0", M], G = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], Y = () => [se, M];
+  const e = D("colors"), t = D("spacing"), n = D("blur"), r = D("brightness"), o = D("borderColor"), i = D("borderRadius"), a = D("borderSpacing"), c = D("borderWidth"), l = D("contrast"), u = D("grayscale"), f = D("hueRotate"), v = D("invert"), d = D("gap"), m = D("gradientColorStops"), y = D("gradientColorStopPositions"), b = D("inset"), w = D("margin"), k = D("opacity"), g = D("padding"), p = D("saturate"), h = D("scale"), A = D("sepia"), C = D("skew"), T = D("space"), P = D("translate"), x = () => ["auto", "contain", "none"], I = () => ["auto", "hidden", "clip", "visible", "scroll"], S = () => ["auto", M, t], $ = () => [M, t], L = () => ["", q, ee], O = () => ["auto", se, M], F = () => ["bottom", "center", "left", "left-bottom", "left-top", "right", "right-bottom", "right-top", "top"], j = () => ["solid", "dashed", "dotted", "double", "none"], R = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], B = () => ["start", "end", "center", "between", "around", "evenly", "stretch"], W = () => ["", "0", M], G = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], Y = () => [se, M];
   return {
     cacheSize: 500,
     separator: ":",
     theme: {
       colors: [de],
-      spacing: [U, ee],
+      spacing: [q, ee],
       blur: ["none", "", te, M],
       brightness: Y(),
       borderColor: [e],
@@ -3197,7 +3197,7 @@ const D = (e) => {
        * @see https://tailwindcss.com/docs/line-height
        */
       leading: [{
-        leading: ["none", "tight", "snug", "normal", "relaxed", "loose", U, M]
+        leading: ["none", "tight", "snug", "normal", "relaxed", "loose", q, M]
       }],
       /**
        * List Style Image
@@ -3273,14 +3273,14 @@ const D = (e) => {
        * @see https://tailwindcss.com/docs/text-decoration-thickness
        */
       "text-decoration-thickness": [{
-        decoration: ["auto", "from-font", U, ee]
+        decoration: ["auto", "from-font", q, ee]
       }],
       /**
        * Text Underline Offset
        * @see https://tailwindcss.com/docs/text-underline-offset
        */
       "underline-offset": [{
-        "underline-offset": ["auto", U, M]
+        "underline-offset": ["auto", q, M]
       }],
       /**
        * Text Decoration Color
@@ -3762,14 +3762,14 @@ const D = (e) => {
        * @see https://tailwindcss.com/docs/outline-offset
        */
       "outline-offset": [{
-        "outline-offset": [U, M]
+        "outline-offset": [q, M]
       }],
       /**
        * Outline Width
        * @see https://tailwindcss.com/docs/outline-width
        */
       "outline-w": [{
-        outline: [U, ee]
+        outline: [q, ee]
       }],
       /**
        * Outline Color
@@ -3809,7 +3809,7 @@ const D = (e) => {
        * @see https://tailwindcss.com/docs/ring-offset-width
        */
       "ring-offset-w": [{
-        "ring-offset": [U, ee]
+        "ring-offset": [q, ee]
       }],
       /**
        * Ring Offset Color
@@ -4404,7 +4404,7 @@ const D = (e) => {
        * @see https://tailwindcss.com/docs/stroke-width
        */
       "stroke-w": [{
-        stroke: [U, ee, Ne]
+        stroke: [q, ee, Ne]
       }],
       /**
        * Stroke
@@ -4484,9 +4484,9 @@ function Pn(...e) {
   return Tn($t(e));
 }
 function gr({ autoWidth: e = !0, className: t, style: n }) {
-  const [r, o] = E(() => X.getActiveAppId()), [i, a] = E(() => _.getRunningApps()), { isMobile: c } = tt();
+  const [r, o] = E(() => J.getActiveAppId()), [i, a] = E(() => _.getRunningApps()), { isMobile: c } = tt();
   z(() => {
-    const w = X.subscribe("activeAppId", (k) => {
+    const w = J.subscribe("activeAppId", (k) => {
       o(k);
     });
     return () => {
@@ -4496,7 +4496,7 @@ function gr({ autoWidth: e = !0, className: t, style: n }) {
     a(_.getRunningApps());
   }), []), z(() => {
     if (!new URLSearchParams(window.location.search).has("app")) {
-      const g = X.getActiveAppId();
+      const g = J.getActiveAppId();
       g && !_.isRunning(g) && _.launchApp(g);
     }
   }, []);
@@ -4527,9 +4527,9 @@ function br({
   side: r = "left",
   getBadge: o
 }) {
-  const { t: i } = J(), { isMobile: a } = tt(), [c, l] = E(() => X.getActiveAppId()), [u, f] = E(() => _.getRunningApps());
+  const { t: i } = Z(), { isMobile: a } = tt(), [c, l] = E(() => J.getActiveAppId()), [u, f] = E(() => _.getRunningApps());
   z(() => {
-    const p = X.subscribe("activeAppId", (h) => {
+    const p = J.subscribe("activeAppId", (h) => {
       l(h);
     });
     return () => {
@@ -4641,7 +4641,7 @@ function yr() {
 }
 const Ee = ce(null);
 function xr({ rootView: e, children: t }) {
-  const { t: n } = J(), r = Xt(), [o, i] = E([e]), [a, c] = E([null]), l = V((h, A) => {
+  const { t: n } = Z(), r = Xt(), [o, i] = E([e]), [a, c] = E([null]), l = V((h, A) => {
     c((C) => {
       const T = [...C];
       return T[h] = A, T;
@@ -4722,7 +4722,7 @@ export {
   br as AppTaskbar,
   Zt as AppTitleBar,
   Yn as Battery,
-  q as Button,
+  X as Button,
   Kn as ButtonGroup,
   _n as Checkbox,
   Ue as CloseButton,
@@ -4752,7 +4752,7 @@ export {
   Jn as TrashButton,
   mr as ViewportProvider,
   ie as appRegistry,
-  X as appStateStore,
+  J as appStateStore,
   Pn as cn,
   hr as createAppI18nFactory,
   fr as notificationManager,