@kingsimba/nc-ui 0.1.30 → 0.1.31

package/dist/index.js

@@ -1,14 +1,14 @@
-var lt = Object.defineProperty;
-var dt = (e, t, n) => t in e ? lt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
-var Z = (e, t, n) => dt(e, typeof t != "symbol" ? t + "" : t, n);
-import { jsx as s, jsxs as k, Fragment as ut } from "react/jsx-runtime";
-import { d as Ce, E as pt, R as ft, T as ht, g as mt, V as gt, b as bt, a as vt, c as wt } from "./GeneratedIcons-HFZmBTBT.js";
-import $e, { useState as R, useRef as V, useMemo as we, useEffect as B, createContext as ce, useContext as te, Children as yt, isValidElement as xt, forwardRef as kt, useImperativeHandle as Nt, useCallback as O, Suspense as At } from "react";
+var dt = Object.defineProperty;
+var ut = (e, t, n) => t in e ? dt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
+var Q = (e, t, n) => ut(e, typeof t != "symbol" ? t + "" : t, n);
+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 X } from "react-i18next";
-import St from "i18next";
-import { c as Ct } from "./clsx-OuTLNxxd.js";
-function Ke({
+import { useTranslation as J } from "react-i18next";
+import Ct from "i18next";
+import { c as $t } from "./clsx-OuTLNxxd.js";
+function _e({
   size: e = "default",
   color: t,
   overlay: n = !1,
@@ -37,7 +37,7 @@ function Ke({
   );
   return n ? /* @__PURE__ */ s("div", { className: "nc-activity-indicator-overlay", children: o }) : o;
 }
-function U({ variant: e = "default", block: t, size: n = "default", appearance: r = "default", className: o, disabled: i, textSelectable: c, loading: a, onClick: l, children: u, ...f }) {
+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 }) {
   const v = [
     "nc-button",
     e !== "default" ? `nc-${e}` : "",
@@ -45,21 +45,21 @@ function U({ variant: e = "default", block: t, size: n = "default", appearance:
     n === "small" ? "nc-small" : "",
     n === "large" ? "nc-large" : "",
     r === "transparent" ? "nc-transparent" : "",
-    i || a ? "nc-disabled" : "",
-    c ? "nc-text-selectable" : "",
-    a ? "nc-loading" : "",
+    i || c ? "nc-disabled" : "",
+    a ? "nc-text-selectable" : "",
+    c ? "nc-loading" : "",
     o ?? ""
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ k(
+  return /* @__PURE__ */ N(
     "button",
     {
       className: v,
-      disabled: i || a,
+      disabled: i || c,
       onClick: (m) => {
-        if (!a) {
-          if (c) {
-            const w = window.getSelection();
-            if (w && w.toString().length > 0)
+        if (!c) {
+          if (a) {
+            const y = window.getSelection();
+            if (y && y.toString().length > 0)
               return;
           }
           l == null || l(m);
@@ -67,8 +67,8 @@ function U({ variant: e = "default", block: t, size: n = "default", appearance:
       },
       ...f,
       children: [
-        a && /* @__PURE__ */ s(
-          Ke,
+        c && /* @__PURE__ */ s(
+          _e,
           {
             size: "small",
             className: "nc-button-spinner",
@@ -80,64 +80,64 @@ function U({ variant: e = "default", block: t, size: n = "default", appearance:
     }
   );
 }
-const $t = {
+const Mt = {
   info: "primary",
   success: "success",
   warning: "warning",
   error: "danger",
   danger: "danger"
 };
-function jn({
+function Gn({
   code: e,
   text: t,
   type: n,
   button: r,
   onAction: o,
   children: i,
-  onClose: c,
-  className: a = "",
+  onClose: a,
+  className: c = "",
   style: l
 }) {
-  const u = i ?? /* @__PURE__ */ k(ut, { children: [
+  const u = i ?? /* @__PURE__ */ N(pt, { children: [
     e !== void 0 && /* @__PURE__ */ s("span", { className: "nc-alert-code", children: e }),
     t
   ] });
-  return /* @__PURE__ */ k("div", { className: `nc-alert nc-${n} ${a}`.trim(), style: l, children: [
-    /* @__PURE__ */ k("div", { className: "nc-alert-main", children: [
+  return /* @__PURE__ */ N("div", { className: `nc-alert nc-${n} ${c}`.trim(), style: l, children: [
+    /* @__PURE__ */ N("div", { className: "nc-alert-main", children: [
       /* @__PURE__ */ s("div", { className: `nc-alert-message nc-${n}`, children: u }),
-      c && /* @__PURE__ */ s(
+      a && /* @__PURE__ */ s(
         "button",
         {
           type: "button",
           className: "nc-alert-close",
           "aria-label": "Close alert",
-          onClick: c,
-          children: /* @__PURE__ */ s(Ce, { size: 16 })
+          onClick: a,
+          children: /* @__PURE__ */ s($e, { size: 16 })
         }
       )
     ] }),
     r && /* @__PURE__ */ s("span", { className: "nc-alert-action", children: /* @__PURE__ */ s(
-      U,
+      q,
       {
         size: "small",
-        variant: r.variant ?? $t[n],
+        variant: r.variant ?? Mt[n],
         onClick: o,
         children: r.text
       }
     ) })
   ] });
 }
-function Gn({
+function Yn({
   percentage: e = 0.5,
   status: t = "discharging",
   darkMode: n = !1,
   colored: r = !1
 }) {
   const o = Math.max(0, Math.min(1, Number(e) || 0)), i = o === 0 ? "-" : String(Math.round(o * 100));
-  let c;
-  r ? o < 0.1 ? c = "var(--nc-danger)" : o < 0.2 ? c = "var(--nc-warning)" : c = "var(--nc-success)" : c = n ? "#ffffff" : "#000000";
-  const a = "var(--nc-battery-shell-bg)", l = 24, u = 14, f = 2, v = 0, d = 12, m = 0, w = 0, y = 0, g = l, N = u, b = N - m * 2, p = g - m * 2, h = Math.max(1, Math.min(4, N / 4)), A = o === 0 ? 0 : 0.05 + o * 0.95, C = l + f + d, T = 20, L = 0.65, x = Math.max(u, T * L), I = l + f + 1, S = (u - T * L) / 2;
-  return /* @__PURE__ */ k(
+  let a;
+  r ? o < 0.1 ? a = "var(--nc-danger)" : o < 0.2 ? a = "var(--nc-warning)" : a = "var(--nc-success)" : a = n ? "#ffffff" : "#000000";
+  const c = "var(--nc-battery-shell-bg)", l = 24, u = 14, f = 2, v = 0, d = 12, m = 0, y = 0, b = 0, w = l, k = u, g = k - m * 2, p = w - m * 2, h = Math.max(1, Math.min(4, k / 4)), A = o === 0 ? 0 : 0.05 + o * 0.95, C = l + f + d, T = 20, P = 0.65, x = Math.max(u, T * P), I = l + f + 1, S = (u - T * P) / 2;
+  return /* @__PURE__ */ N(
     "svg",
     {
       className: "nc-battery",
@@ -147,27 +147,27 @@ function Gn({
       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 * A, height: b, fill: "white" }) }) }),
+        /* @__PURE__ */ s("defs", { children: /* @__PURE__ */ s("mask", { id: `nc-battery-fill-mask-${o}`, children: /* @__PURE__ */ s("rect", { x: "0", y: "0", width: p * A, height: g, fill: "white" }) }) }),
         /* @__PURE__ */ s(
           "rect",
           {
-            x: w,
-            y,
+            x: y,
+            y: b,
             rx: h,
             ry: h,
-            width: g,
-            height: N,
-            fill: a
+            width: w,
+            height: k,
+            fill: c
           }
         ),
         /* @__PURE__ */ s(
           "rect",
           {
-            x: w + m,
-            y: y + m,
+            x: y + m,
+            y: b + m,
             width: p,
-            height: b,
-            fill: c,
+            height: g,
+            fill: a,
             rx: h,
             ry: h,
             mask: `url(#nc-battery-fill-mask-${o})`
@@ -176,7 +176,7 @@ function Gn({
         /* @__PURE__ */ s(
           "text",
           {
-            x: w + g / 2,
+            x: y + w / 2,
             y: u - 3,
             fontSize: 11,
             fontWeight: "bold",
@@ -194,15 +194,15 @@ function Gn({
             height: u * 0.48,
             rx: 0.8,
             ry: 0.8,
-            fill: o === 1 ? c : a
+            fill: o === 1 ? a : c
           }
         ),
-        t === "charging" ? /* @__PURE__ */ s("g", { transform: `translate(${I}, ${S}) scale(${L})`, fill: c, children: /* @__PURE__ */ s("path", { d: "M10 0 L2 11 H8 L5 20 L14 8 H8 L10 0 Z" }) }) : null
+        t === "charging" ? /* @__PURE__ */ s("g", { transform: `translate(${I}, ${S}) scale(${P})`, fill: a, children: /* @__PURE__ */ s("path", { d: "M10 0 L2 11 H8 L5 20 L14 8 H8 L10 0 Z" }) }) : null
       ]
     }
   );
 }
-function Yn({
+function Kn({
   value: e,
   onChange: t,
   options: n,
@@ -210,21 +210,21 @@ function Yn({
   size: o = "default"
 }) {
   return /* @__PURE__ */ s("div", { className: `nc-button-group ${o === "small" ? "nc-small" : ""}`, children: n.map((i) => {
-    const c = r || !!i.disabled;
+    const a = r || !!i.disabled;
     return /* @__PURE__ */ s(
       "button",
       {
         type: "button",
         className: `nc-button-group-item ${e === i.key ? "nc-active" : ""}`,
-        onClick: () => !c && t(i.key),
-        disabled: c,
+        onClick: () => !a && t(i.key),
+        disabled: a,
         children: i.label
       },
       i.key
     );
   }) });
 }
-function Mt({ size: e }) {
+function It({ 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(
     "path",
     {
@@ -236,13 +236,13 @@ function Mt({ size: e }) {
     }
   ) });
 }
-function Kn({ checked: e, onChange: t, disabled: n, label: r, size: o = "default", labelColor: i, style: c, className: a = "" }) {
+function _n({ checked: e, onChange: t, disabled: n, label: r, size: o = "default", labelColor: i, style: a, className: c = "" }) {
   const l = o === "small";
-  return /* @__PURE__ */ k(
+  return /* @__PURE__ */ N(
     "label",
     {
-      className: `nc-checkbox-label ${l ? "nc-small" : ""} ${n ? "nc-disabled" : ""} ${a}`.trim(),
-      style: c,
+      className: `nc-checkbox-label ${l ? "nc-small" : ""} ${n ? "nc-disabled" : ""} ${c}`.trim(),
+      style: a,
       onClick: (u) => {
         n || (u.preventDefault(), t(!e));
       },
@@ -257,7 +257,7 @@ function Kn({ checked: e, onChange: t, disabled: n, label: r, size: o = "default
             onKeyDown: (u) => {
               n || (u.key === "Enter" || u.key === " ") && (u.preventDefault(), t(!e));
             },
-            children: e && /* @__PURE__ */ s(Mt, { size: o })
+            children: e && /* @__PURE__ */ s(It, { size: o })
           }
         ),
         r && /* @__PURE__ */ s("span", { className: "nc-checkbox-text", style: i ? { color: i } : void 0, children: r })
@@ -265,11 +265,11 @@ function Kn({ checked: e, onChange: t, disabled: n, label: r, size: o = "default
     }
   );
 }
-function It({ option: e, onChange: t, selected: n, highlighted: r, small: o }) {
-  const i = V(null), { t: c } = X();
-  return B(() => {
+function Rt({ option: e, onChange: t, selected: n, highlighted: r, small: o }) {
+  const i = H(null), { t: a } = J();
+  return z(() => {
     r && i.current && i.current.scrollIntoView({ block: "nearest" });
-  }, [r]), /* @__PURE__ */ k(
+  }, [r]), /* @__PURE__ */ N(
     "div",
     {
       ref: i,
@@ -283,38 +283,38 @@ function It({ option: e, onChange: t, selected: n, highlighted: r, small: o }) {
       },
       children: [
         e.label,
-        e.default && /* @__PURE__ */ k("span", { style: { fontSize: "0.85em", color: "var(--nc-text-weak)", marginLeft: 6 }, children: [
+        e.default && /* @__PURE__ */ N("span", { style: { fontSize: "0.85em", color: "var(--nc-text-weak)", marginLeft: 6 }, children: [
           "(",
-          c("common.default"),
+          a("common.default"),
           ")"
         ] })
       ]
     }
   );
 }
-function Rt({
+function Et({
   isOpen: e,
   options: t,
   onSelect: n,
   selectedValue: r,
   placement: o = "bottom",
   anchorRef: i,
-  small: c,
-  highlightedIndex: a = -1
+  small: a,
+  highlightedIndex: c = -1
 }) {
-  const [l, u] = R({ top: 0, left: 0, width: 0 }), [f, v] = R(o), { t: d } = X();
-  if (B(() => {
+  const [l, u] = E({ top: 0, left: 0, width: 0 }), [f, v] = E(o), { t: d } = J();
+  if (z(() => {
     if (e && i.current) {
-      const w = i.current.getBoundingClientRect();
-      let y = o;
+      const y = i.current.getBoundingClientRect();
+      let b = o;
       if (o === "bottom") {
-        const g = window.innerHeight - w.bottom, N = w.top;
-        g < 320 && N > g && (y = "top");
+        const w = window.innerHeight - y.bottom, k = y.top;
+        w < 320 && k > w && (b = "top");
       }
-      v(y), u({
-        top: y === "top" ? w.top - 4 : w.bottom + 4,
-        left: w.left,
-        width: w.width
+      v(b), u({
+        top: b === "top" ? y.top - 4 : y.bottom + 4,
+        left: y.left,
+        width: y.width
       });
     }
   }, [e, i, o]), !e) return null;
@@ -332,12 +332,12 @@ function Rt({
         maxHeight: 300,
         overflowY: "auto"
       },
-      children: t.length === 0 ? /* @__PURE__ */ s("div", { className: `nc-combo-dropdown-option nc-no-results ${c ? "nc-small" : ""}`, children: d("common.noResults") }) : t.map((w, y) => /* @__PURE__ */ s(It, { option: w, onChange: n, selected: w.value === r, highlighted: y === a, small: c }, w.value))
+      children: t.length === 0 ? /* @__PURE__ */ s("div", { className: `nc-combo-dropdown-option nc-no-results ${a ? "nc-small" : ""}`, children: d("common.noResults") }) : t.map((y, b) => /* @__PURE__ */ s(Rt, { option: y, onChange: n, selected: y.value === r, highlighted: b === c, small: a }, y.value))
     }
   );
   return pe(m, document.body);
 }
-function Et({ onClick: e, small: t }) {
+function Tt({ onClick: e, small: t }) {
   return /* @__PURE__ */ s(
     "span",
     {
@@ -356,7 +356,7 @@ function Et({ onClick: e, small: t }) {
     }
   );
 }
-function Tt({ open: e, small: t }) {
+function Pt({ open: e, small: t }) {
   return /* @__PURE__ */ s(
     "span",
     {
@@ -366,15 +366,15 @@ function Tt({ open: e, small: t }) {
     }
   );
 }
-function _n({
+function Un({
   value: e,
   onChange: t,
   placeholder: n = "Select…",
   options: r,
   disabled: o,
   label: i,
-  clearable: c = !0,
-  allowTyping: a = !1,
+  clearable: a = !0,
+  allowTyping: c = !1,
   placement: l = "bottom",
   size: u = "default",
   appearance: f = "default",
@@ -382,66 +382,66 @@ function _n({
   style: d,
   className: m
 }) {
-  const [w, y] = R(!1), [g, N] = R(""), [b, p] = R(-1), h = V(null), A = V(null), C = u === "small", { t: T } = X(), L = we(() => {
-    const E = g.toLowerCase();
-    return a ? r.filter((D) => D.label.toLowerCase().includes(E)) : r;
-  }, [r, g, a]);
-  B(() => {
-    w && p(-1);
-  }, [w, L]), B(() => {
-    if (!c && !e && r.length > 0 && t) {
-      const E = r.find((D) => D.default) || r[0];
-      t(E.value);
+  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 R = w.toLowerCase();
+    return c ? r.filter((B) => B.label.toLowerCase().includes(R)) : r;
+  }, [r, w, c]);
+  z(() => {
+    y && p(-1);
+  }, [y, P]), z(() => {
+    if (!a && !e && r.length > 0 && t) {
+      const R = r.find((B) => B.default) || r[0];
+      t(R.value);
     }
-  }, [c, e, r, t]), B(() => {
-    function E(D) {
-      var P;
-      D.target instanceof Node && h.current && ((P = h.current.parentElement) != null && P.contains(D.target) || y(!1));
+  }, [a, e, r, t]), z(() => {
+    function R(B) {
+      var W;
+      B.target instanceof Node && h.current && ((W = h.current.parentElement) != null && W.contains(B.target) || b(!1));
     }
-    return document.addEventListener("mousedown", E), () => document.removeEventListener("mousedown", E);
+    return document.addEventListener("mousedown", R), () => document.removeEventListener("mousedown", R);
   }, []);
-  const x = r.find((E) => E.value === e), I = x && c, S = !o && !I, $ = `nc-align-${v}`, z = !(w && a) && !!x, H = (E, D = !1) => {
-    var P;
-    t == null || t(E), y(!1), N(""), D && ((P = h.current) == null || P.blur());
-  }, K = () => {
-    t == null || t(void 0), N(""), y(!1);
-  }, j = (E) => {
-    if (!w) {
-      (E.key === "ArrowDown" || E.key === "ArrowUp") && (y(!0), E.preventDefault());
+  const x = r.find((R) => R.value === e), I = x && a, S = !o && !I, $ = `nc-align-${v}`, L = !(y && c) && !!x, O = (R, B = !1) => {
+    var W;
+    t == null || t(R), b(!1), k(""), B && ((W = h.current) == null || W.blur());
+  }, F = () => {
+    t == null || t(void 0), k(""), b(!1);
+  }, j = (R) => {
+    if (!y) {
+      (R.key === "ArrowDown" || R.key === "ArrowUp") && (b(!0), R.preventDefault());
       return;
     }
-    switch (E.key) {
+    switch (R.key) {
       case "ArrowDown":
-        E.preventDefault(), p((D) => {
-          const P = D + 1;
-          return P >= L.length ? 0 : P;
+        R.preventDefault(), p((B) => {
+          const W = B + 1;
+          return W >= P.length ? 0 : W;
         });
         break;
       case "ArrowUp":
-        E.preventDefault(), p((D) => {
-          const P = D - 1;
-          return P < 0 ? L.length - 1 : P;
+        R.preventDefault(), p((B) => {
+          const W = B - 1;
+          return W < 0 ? P.length - 1 : W;
         });
         break;
       case "Enter":
-        E.preventDefault(), b >= 0 && b < L.length && H(L[b].value, !0);
+        R.preventDefault(), g >= 0 && g < P.length && O(P[g].value, !0);
         break;
       case "Escape":
-        E.preventDefault(), y(!1), N("");
+        R.preventDefault(), b(!1), k("");
         break;
     }
   };
-  return /* @__PURE__ */ k("div", { className: `nc-combo-container ${f === "transparent" ? "nc-transparent" : ""} ${f === "plain" ? "nc-plain" : ""} ${w ? "nc-open" : ""} ${$} ${m || ""}`.trim(), style: { position: "relative", ...d }, children: [
+  return /* @__PURE__ */ N("div", { className: `nc-combo-container ${f === "transparent" ? "nc-transparent" : ""} ${f === "plain" ? "nc-plain" : ""} ${y ? "nc-open" : ""} ${$} ${m || ""}`.trim(), style: { position: "relative", ...d }, children: [
     i && /* @__PURE__ */ s("span", { className: `nc-label ${C ? "nc-small" : ""}`, children: i }),
-    /* @__PURE__ */ k(
+    /* @__PURE__ */ N(
       "div",
       {
         ref: A,
         style: { position: "relative", display: "flex", alignItems: "center" },
-        onMouseDown: (E) => {
-          o || a && E.target === h.current || (y((D) => (!D && a && x && N(x.label), !D)), a && !w && setTimeout(() => {
-            var D, P;
-            (D = h.current) == null || D.focus(), (P = h.current) == null || P.select();
+        onMouseDown: (R) => {
+          o || c && R.target === h.current || (b((B) => (!B && c && x && k(x.label), !B)), c && !y && setTimeout(() => {
+            var B, W;
+            (B = h.current) == null || B.focus(), (W = h.current) == null || W.select();
           }, 0));
         },
         children: [
@@ -452,26 +452,26 @@ function _n({
               className: `nc-input ${C ? "nc-small" : ""}`,
               placeholder: n,
               onFocus: () => {
-                !o && a && (y(!0), x && (N(x.label), setTimeout(() => {
-                  var E;
-                  return (E = h.current) == null ? void 0 : E.select();
+                !o && c && (b(!0), x && (k(x.label), setTimeout(() => {
+                  var R;
+                  return (R = h.current) == null ? void 0 : R.select();
                 }, 0)));
               },
-              onChange: (E) => a && N(E.target.value),
+              onChange: (R) => c && k(R.target.value),
               onKeyDown: j,
-              value: w && a ? g : (x == null ? void 0 : x.label) || "",
-              readOnly: o || !a,
+              value: y && c ? w : (x == null ? void 0 : x.label) || "",
+              readOnly: o || !c,
               style: {
                 width: "100%",
                 paddingRight: S || I ? C ? 32 : 44 : 12,
-                caretColor: a ? void 0 : "transparent",
-                cursor: a ? void 0 : "pointer",
-                userSelect: a ? void 0 : "none",
-                color: z ? "transparent" : "var(--nc-text)"
+                caretColor: c ? void 0 : "transparent",
+                cursor: c ? void 0 : "pointer",
+                userSelect: c ? void 0 : "none",
+                color: L ? "transparent" : "var(--nc-text)"
               }
             }
           ),
-          z && /* @__PURE__ */ k(
+          L && /* @__PURE__ */ N(
             "div",
             {
               "aria-hidden": !0,
@@ -486,7 +486,7 @@ function _n({
               },
               children: [
                 /* @__PURE__ */ s("span", { className: `nc-combo-overlay-text ${C ? "nc-small" : ""}`, children: x == null ? void 0 : x.label }),
-                (x == null ? void 0 : x.default) && /* @__PURE__ */ k("span", { className: `nc-combo-overlay-default ${C ? "nc-small" : ""}`, children: [
+                (x == null ? void 0 : x.default) && /* @__PURE__ */ N("span", { className: `nc-combo-overlay-default ${C ? "nc-small" : ""}`, children: [
                   "(",
                   T("common.default"),
                   ")"
@@ -494,15 +494,15 @@ function _n({
               ]
             }
           ),
-          I && /* @__PURE__ */ s(Et, { onClick: K, small: C }),
-          S && /* @__PURE__ */ s(Tt, { open: w, small: C })
+          I && /* @__PURE__ */ s(Tt, { onClick: F, small: C }),
+          S && /* @__PURE__ */ s(Pt, { open: y, small: C })
         ]
       }
     ),
-    /* @__PURE__ */ s(Rt, { isOpen: w, options: L, onSelect: H, selectedValue: e, placement: l, anchorRef: A, small: C, highlightedIndex: b })
+    /* @__PURE__ */ s(Et, { isOpen: y, options: P, onSelect: O, selectedValue: e, placement: l, anchorRef: A, small: C, highlightedIndex: g })
   ] });
 }
-function Un({ 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",
     {
@@ -512,11 +512,11 @@ function Un({ onClick: e, loading: t = !1, disabled: n = !1, size: r = "default"
       title: o ?? (t ? "Refreshing..." : "Refresh"),
       "aria-label": i ?? (t ? "Refreshing" : "Refresh"),
       "data-size": r,
-      children: /* @__PURE__ */ s(ft, { size: r === "small" ? 14 : r === "large" ? 20 : 18, className: t ? "nc-spinning" : "" })
+      children: /* @__PURE__ */ s(ht, { size: r === "small" ? 14 : r === "large" ? 20 : 18, className: t ? "nc-spinning" : "" })
     }
   );
 }
-function _e({ onClick: e, disabled: t = !1, size: n = "default", title: r = "Close", "aria-label": o = "Close" }) {
+function Ue({ onClick: e, disabled: t = !1, size: n = "default", title: r = "Close", "aria-label": o = "Close" }) {
   return /* @__PURE__ */ s(
     "button",
     {
@@ -526,11 +526,11 @@ function _e({ onClick: e, disabled: t = !1, size: n = "default", title: r = "Clo
       title: r,
       "aria-label": o,
       "data-size": n,
-      children: /* @__PURE__ */ s(Ce, { size: n === "small" ? 14 : n === "large" ? 20 : 18 })
+      children: /* @__PURE__ */ s($e, { size: n === "small" ? 14 : n === "large" ? 20 : 18 })
     }
   );
 }
-function qn({ onClick: e, disabled: t = !1, size: n = "default", title: r = "Edit", "aria-label": o = "Edit" }) {
+function Xn({ onClick: e, disabled: t = !1, size: n = "default", title: r = "Edit", "aria-label": o = "Edit" }) {
   return /* @__PURE__ */ s(
     "button",
     {
@@ -540,11 +540,11 @@ function qn({ onClick: e, disabled: t = !1, size: n = "default", title: r = "Edi
       title: r,
       "aria-label": o,
       "data-size": n,
-      children: /* @__PURE__ */ s(pt, { size: n === "small" ? 14 : n === "large" ? 20 : 18 })
+      children: /* @__PURE__ */ s(ft, { size: n === "small" ? 14 : n === "large" ? 20 : 18 })
     }
   );
 }
-function Xn({ onClick: e, disabled: t = !1, size: n = "default", title: r = "Delete", "aria-label": o = "Delete" }) {
+function Jn({ onClick: e, disabled: t = !1, size: n = "default", title: r = "Delete", "aria-label": o = "Delete" }) {
   return /* @__PURE__ */ s(
     "button",
     {
@@ -554,11 +554,11 @@ function Xn({ onClick: e, disabled: t = !1, size: n = "default", title: r = "Del
       title: r,
       "aria-label": o,
       "data-size": n,
-      children: /* @__PURE__ */ s(ht, { size: n === "small" ? 14 : n === "large" ? 20 : 18 })
+      children: /* @__PURE__ */ s(mt, { size: n === "small" ? 14 : n === "large" ? 20 : 18 })
     }
   );
 }
-function Jn({ onClick: e, disabled: t = !1, children: n, title: r, "aria-label": o, size: i = "default" }) {
+function Zn({ onClick: e, disabled: t = !1, children: n, title: r, "aria-label": o, size: i = "default" }) {
   return /* @__PURE__ */ s(
     "button",
     {
@@ -572,7 +572,7 @@ function Jn({ onClick: e, disabled: t = !1, children: n, title: r, "aria-label":
     }
   );
 }
-function Zn({
+function Qn({
   open: e,
   onClose: t,
   options: n,
@@ -580,27 +580,27 @@ function Zn({
   anchor: o,
   preferredDirection: i = "down"
 }) {
-  const c = V(null), [a, l] = R({ top: 0, left: 0 }), u = o || (r == null ? void 0 : r.current);
-  if (B(() => {
-    if (!e || !u || !c.current) return;
-    const d = u.getBoundingClientRect(), m = c.current.getBoundingClientRect(), w = window.innerHeight, y = window.innerWidth, g = d.bottom + 8, N = g + m.height <= w - 8;
-    let b = i;
-    (!N && i === "down" || i === "up" && N) && (b = "up");
+  const a = H(null), [c, l] = E({ top: 0, left: 0 }), u = o || (r == null ? void 0 : r.current);
+  if (z(() => {
+    if (!e || !u || !a.current) return;
+    const d = u.getBoundingClientRect(), m = a.current.getBoundingClientRect(), y = window.innerHeight, b = window.innerWidth, w = d.bottom + 8, k = w + m.height <= y - 8;
+    let g = i;
+    (!k && i === "down" || i === "up" && k) && (g = "up");
     let p;
-    b === "down" ? p = g : p = d.top - m.height - 8;
+    g === "down" ? p = w : p = d.top - m.height - 8;
     let h = d.left;
-    h + m.width > y - 8 && (h = d.right - m.width), l({
+    h + m.width > b - 8 && (h = d.right - m.width), l({
       top: Math.max(8, p),
       // Ensure minimum 8px from top
       left: Math.max(8, h)
       // Ensure minimum 8px from left
     });
-  }, [e, u, i]), B(() => {
+  }, [e, u, i]), z(() => {
     if (!e) return;
-    const d = (w) => {
-      c.current && !c.current.contains(w.target) && u && !u.contains(w.target) && t();
-    }, m = (w) => {
-      w.key === "Escape" && t();
+    const d = (y) => {
+      a.current && !a.current.contains(y.target) && u && !u.contains(y.target) && t();
+    }, m = (y) => {
+      y.key === "Escape" && t();
     };
     return document.addEventListener("mousedown", d), document.addEventListener("keydown", m), () => {
       document.removeEventListener("mousedown", d), document.removeEventListener("keydown", m);
@@ -613,12 +613,12 @@ function Zn({
     /* @__PURE__ */ s(
       "div",
       {
-        ref: c,
+        ref: a,
         className: "nc-context-menu",
         style: {
           position: "fixed",
-          top: `${a.top}px`,
-          left: `${a.left}px`,
+          top: `${c.top}px`,
+          left: `${c.left}px`,
           zIndex: 1e4
         },
         role: "menu",
@@ -638,7 +638,7 @@ function Zn({
             d.disabled ? "nc-disabled" : "",
             v && !d.icon ? "nc-indented" : ""
           ].filter(Boolean).join(" ");
-          return /* @__PURE__ */ k(
+          return /* @__PURE__ */ N(
             "button",
             {
               className: m,
@@ -658,114 +658,114 @@ function Zn({
     document.body
   );
 }
-const Ue = ce(null);
-function Pt() {
-  const e = te(Ue);
+const qe = ce(null);
+function Lt() {
+  const e = ne(qe);
   if (!e)
     throw new Error("useDialog must be used inside a Dialog component");
   return e;
 }
 function oe({ children: e, onClick: t, ...n }) {
-  const { close: r } = Pt(), { t: o } = X();
-  return /* @__PURE__ */ s(U, { onClick: (c) => {
-    t == null || t(c), r();
+  const { close: r } = Lt(), { t: o } = J();
+  return /* @__PURE__ */ s(q, { onClick: (a) => {
+    t == null || t(a), r();
   }, ...n, children: e ?? o("common.close") });
 }
-function Qn({
+function er({
   open: e,
   onClose: t,
   title: n,
   children: r,
   style: o,
   footerType: i = "ok-cancel",
-  footer: c,
-  onOk: a,
+  footer: a,
+  onOk: c,
   onSave: l,
   onDelete: u,
   onCancel: f,
   onConnect: v,
   closeOnOverlay: d = !0,
   primaryDisabled: m = !1,
-  fullScreen: w = !1,
-  hideTitleBar: y = !1,
-  className: g = "",
-  onContentHeightChange: N
+  fullScreen: y = !1,
+  hideTitleBar: b = !1,
+  className: w = "",
+  onContentHeightChange: k
 }) {
-  const b = V(null), p = V(null), { t: h } = X(), A = { close: t }, C = (x) => {
+  const g = H(null), p = H(null), { t: h } = J(), A = { close: t }, C = (x) => {
     d && x.target === x.currentTarget && t();
   };
-  if (B(() => {
-    e && b.current && b.current.focus();
-  }, [e]), B(() => {
-    if (!N || !p.current) return;
+  if (z(() => {
+    e && g.current && g.current.focus();
+  }, [e]), z(() => {
+    if (!k || !p.current) return;
     const x = new ResizeObserver((I) => {
       for (const S of I) {
         const $ = S.contentRect.height;
-        N($);
+        k($);
       }
     });
     return x.observe(p.current), () => {
       x.disconnect();
     };
-  }, [N]), !e) return null;
+  }, [k]), !e) return null;
   const T = () => {
     switch (i) {
       case "ok":
-        return /* @__PURE__ */ s("div", { className: "nc-dialog-footer", children: /* @__PURE__ */ s(U, { variant: "primary", onClick: a ?? t, disabled: m, children: h("common.ok") }) });
+        return /* @__PURE__ */ s("div", { className: "nc-dialog-footer", children: /* @__PURE__ */ s(q, { variant: "primary", onClick: c ?? t, disabled: m, children: h("common.ok") }) });
       case "ok-cancel":
-        return /* @__PURE__ */ k("div", { className: "nc-dialog-footer", children: [
+        return /* @__PURE__ */ N("div", { className: "nc-dialog-footer", children: [
           /* @__PURE__ */ s(oe, { onClick: f, children: h("common.cancel") }),
-          /* @__PURE__ */ s(U, { variant: "primary", onClick: a ?? t, disabled: m, children: h("common.ok") })
+          /* @__PURE__ */ s(q, { variant: "primary", onClick: c ?? t, disabled: m, children: h("common.ok") })
         ] });
       case "save-cancel":
-        return /* @__PURE__ */ k("div", { className: "nc-dialog-footer", children: [
+        return /* @__PURE__ */ N("div", { className: "nc-dialog-footer", children: [
           /* @__PURE__ */ s(oe, { onClick: f, children: h("common.cancel") }),
-          /* @__PURE__ */ s(U, { variant: "primary", onClick: l, disabled: m, children: h("common.save") })
+          /* @__PURE__ */ s(q, { variant: "primary", onClick: l, disabled: m, children: h("common.save") })
         ] });
       case "delete-cancel":
-        return /* @__PURE__ */ k("div", { className: "nc-dialog-footer", children: [
+        return /* @__PURE__ */ N("div", { className: "nc-dialog-footer", children: [
           /* @__PURE__ */ s(oe, { onClick: f, children: h("common.cancel") }),
-          /* @__PURE__ */ s(U, { variant: "danger", onClick: u, disabled: m, children: h("common.delete") })
+          /* @__PURE__ */ s(q, { variant: "danger", onClick: u, disabled: m, children: h("common.delete") })
         ] });
       case "connect":
-        return /* @__PURE__ */ k("div", { className: "nc-dialog-footer", children: [
+        return /* @__PURE__ */ N("div", { className: "nc-dialog-footer", children: [
           /* @__PURE__ */ s(oe, { onClick: f, children: h("common.cancel") }),
-          /* @__PURE__ */ s(U, { variant: "primary", onClick: v, disabled: m, children: h("common.connect") })
+          /* @__PURE__ */ s(q, { 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" }) });
       case "gotit":
         return /* @__PURE__ */ s("div", { className: "nc-dialog-footer", children: /* @__PURE__ */ s(oe, { variant: "primary", children: h("common.gotit") }) });
       case "custom":
-        return /* @__PURE__ */ s("div", { className: "nc-dialog-footer", children: c });
+        return /* @__PURE__ */ s("div", { className: "nc-dialog-footer", children: a });
       case "none":
         return null;
       default:
         return null;
     }
-  }, L = /* @__PURE__ */ s(Ue.Provider, { value: A, children: /* @__PURE__ */ s("div", { className: `nc-dialog-overlay${w ? " nc-fullscreen" : ""}`, onClick: C, children: /* @__PURE__ */ k(
+  }, P = /* @__PURE__ */ s(qe.Provider, { value: A, children: /* @__PURE__ */ s("div", { className: `nc-dialog-overlay${y ? " nc-fullscreen" : ""}`, onClick: C, children: /* @__PURE__ */ N(
     "div",
     {
-      ref: b,
-      className: `nc-dialog-container ${g}`,
+      ref: g,
+      className: `nc-dialog-container ${w}`,
       style: o,
       tabIndex: -1,
       role: "dialog",
       "aria-modal": "true",
-      "aria-labelledby": y ? void 0 : "nc-dialog-title",
+      "aria-labelledby": b ? void 0 : "nc-dialog-title",
       children: [
-        !y && /* @__PURE__ */ k("div", { className: "nc-dialog-header", children: [
+        !b && /* @__PURE__ */ N("div", { className: "nc-dialog-header", children: [
           /* @__PURE__ */ s("h3", { id: "nc-dialog-title", className: "nc-dialog-title", children: n }),
-          /* @__PURE__ */ s(_e, { onClick: t, "aria-label": "Close dialog" })
+          /* @__PURE__ */ s(Ue, { onClick: t, "aria-label": "Close dialog" })
         ] }),
         /* @__PURE__ */ s("div", { ref: p, className: "nc-dialog-content", children: r }),
         T()
       ]
     }
   ) }) });
-  return w ? pe(L, document.body) : L;
+  return y ? pe(P, document.body) : P;
 }
-function Lt({ onClick: e, size: t = "default", rightOffset: n = 4 }) {
+function zt({ onClick: e, size: t = "default", rightOffset: n = 4 }) {
   const r = t === "small" ? 28 : 34;
   return /* @__PURE__ */ s(
     "button",
@@ -794,7 +794,7 @@ function Lt({ onClick: e, size: t = "default", rightOffset: n = 4 }) {
     }
   );
 }
-function zt({ visible: e, onClick: t, size: n = "default" }) {
+function Bt({ visible: e, onClick: t, size: n = "default" }) {
   const r = n === "small" ? 28 : 34, o = n === "small" ? 16 : 18;
   return /* @__PURE__ */ s(
     "button",
@@ -818,92 +818,98 @@ function zt({ visible: e, onClick: t, size: n = "default" }) {
         alignItems: "center",
         justifyContent: "center"
       },
-      children: e ? /* @__PURE__ */ s(mt, { size: o }) : /* @__PURE__ */ s(gt, { size: o })
+      children: e ? /* @__PURE__ */ s(gt, { size: o }) : /* @__PURE__ */ s(bt, { size: o })
     }
   );
 }
-function er({
+function tr({
   value: e,
   defaultValue: t = "",
   onChange: n,
-  onEnter: r,
-  onClear: o,
-  placeholder: i,
+  onChangeConfirmed: r,
+  onEnter: o,
+  onClear: i,
+  placeholder: a,
   disabled: c,
-  label: a,
-  clearable: l = !0,
-  type: u = "text",
-  className: f = "",
-  size: v = "default",
-  appearance: d = "default",
-  style: m,
-  leadingIcon: w,
-  showPasswordToggle: y = !1,
-  multiline: g = !1,
-  rows: N = 3,
-  validator: b,
-  showErrorMessage: p = !0
+  label: l,
+  clearable: u = !0,
+  type: f = "text",
+  className: v = "",
+  size: d = "default",
+  appearance: m = "default",
+  style: y,
+  leadingIcon: b,
+  showPasswordToggle: w = !1,
+  multiline: k = !1,
+  rows: g = 3,
+  validator: p,
+  showErrorMessage: h = !0
 }) {
-  const h = V(null), A = V(null), C = V(!1), [T, L] = R(!1), [x, I] = R(!1), S = e !== void 0, [$, z] = R(t), H = S ? e : $, [K, j] = R(H), E = b ? b(H) : null, D = !!E, P = !g && d === "plain", re = P && x, F = re ? K : H;
-  B(() => {
-    re || j(H);
-  }, [H, re]);
-  const Ee = u === "password", fe = Ee && y && !c && !g, ye = l && F && !c && x, xe = v === "small" ? 32 : 44;
+  const A = H(null), C = H(null), T = H(!1), [P, x] = E(!1), [I, S] = E(!1), $ = e !== void 0, [L, O] = E(t), F = $ ? e : L, [j, R] = E(F), B = p ? p(F) : null, W = !!B, G = !k && m === "plain", Y = G && I, ye = Y ? j : F;
+  z(() => {
+    Y || R(F);
+  }, [F, Y]);
+  const Te = f === "password", fe = Te && w && !c && !k, xe = u && ye && !c && I, ke = d === "small" ? 32 : 44;
   let he = 12;
-  ye && fe ? he = xe * 2 : (ye || fe) && (he = xe);
-  const me = w ? v === "small" ? 28 : 34 : void 0, Te = () => P ? (S || z(K), K !== H && (n == null || n(K)), K) : H, ct = () => {
-    j(H);
+  xe && fe ? he = ke * 2 : (xe || fe) && (he = ke);
+  const me = b ? d === "small" ? 28 : 34 : void 0, Pe = () => {
+    if (!G)
+      return F;
+    const K = j !== F;
+    return $ || O(j), K && (n == null || n(j), r == null || r(j)), j;
   }, at = () => {
-    var G, J, We;
-    if (P) {
-      j(""), o == null || o(), (G = h.current) == null || G.focus();
+    R(F);
+  }, lt = () => {
+    var K, Z, He;
+    if (G) {
+      R(""), i == null || i(), (K = A.current) == null || K.focus();
       return;
     }
-    S || z(""), n == null || n(""), o == null || o(), g ? (J = A.current) == null || J.focus() : (We = h.current) == null || We.focus();
-  }, Pe = (G) => {
-    if (P && G.key === "Escape") {
-      G.preventDefault(), C.current = !0, ct(), G.currentTarget.blur();
+    $ || O(""), n == null || n(""), i == null || i(), k ? (Z = C.current) == null || Z.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 (G.key === "Enter" && !g) {
-      const J = P ? Te() : H;
-      P && (G.preventDefault(), C.current = !0, G.currentTarget.blur()), r == null || r(J);
+    if (K.key === "Enter" && !k) {
+      const Z = G ? Pe() : F;
+      G && (K.preventDefault(), T.current = !0, K.currentTarget.blur()), o == null || o(Z);
     }
-  }, Le = (G) => {
-    const J = G.target.value;
-    if (P) {
-      j(J);
+  }, ze = (K) => {
+    const Z = K.target.value;
+    if (G) {
+      R(Z);
       return;
     }
-    S || z(J), n == null || n(J);
-  }, ze = () => {
-    I(!0), P && j(H);
+    $ || O(Z), n == null || n(Z);
   }, Be = () => {
-    if (P && C.current) {
-      C.current = !1, I(!1);
+    S(!0), G && R(F);
+  }, De = () => {
+    if (G && T.current) {
+      T.current = !1, S(!1);
       return;
     }
-    P && Te(), I(!1);
-  }, De = `nc-input ${v === "small" ? "nc-small " : ""}${!g && d === "plain" ? "nc-plain " : ""}${D ? "nc-error " : ""}${f}`;
-  return /* @__PURE__ */ k("div", { className: "nc-col", style: { position: "relative", flex: 1, ...m }, children: [
-    a && /* @__PURE__ */ s("span", { className: "nc-label", children: a }),
-    /* @__PURE__ */ k("div", { style: { position: "relative", display: "flex", alignItems: g ? "flex-start" : "center" }, children: [
-      w && /* @__PURE__ */ s("span", { className: "nc-input-leading-icon", style: { height: g ? void 0 : "100%", top: g ? 10 : void 0 }, children: w }),
-      g ? /* @__PURE__ */ s(
+    G && Pe(), S(!1);
+  }, We = `nc-input ${d === "small" ? "nc-small " : ""}${!k && m === "plain" ? "nc-plain " : ""}${W ? "nc-error " : ""}${v}`;
+  return /* @__PURE__ */ N("div", { className: "nc-col", style: { position: "relative", flex: 1, ...y }, children: [
+    l && /* @__PURE__ */ s("span", { className: "nc-label", children: l }),
+    /* @__PURE__ */ N("div", { style: { position: "relative", display: "flex", alignItems: k ? "flex-start" : "center" }, children: [
+      b && /* @__PURE__ */ s("span", { className: "nc-input-leading-icon", style: { height: k ? void 0 : "100%", top: k ? 10 : void 0 }, children: b }),
+      k ? /* @__PURE__ */ s(
         "textarea",
         {
-          ref: A,
-          className: De,
-          placeholder: i,
-          value: F,
-          onChange: Le,
-          onKeyDown: Pe,
-          onFocus: ze,
-          onBlur: Be,
+          ref: C,
+          className: We,
+          placeholder: a,
+          value: ye,
+          onChange: ze,
+          onKeyDown: Le,
+          onFocus: Be,
+          onBlur: De,
           readOnly: c,
           "aria-disabled": c,
           tabIndex: c ? -1 : void 0,
-          rows: N,
+          rows: g,
           style: {
             width: "100%",
             paddingRight: he,
@@ -913,15 +919,15 @@ function er({
       ) : /* @__PURE__ */ s(
         "input",
         {
-          ref: h,
-          type: Ee && T ? "text" : u,
-          className: De,
-          placeholder: i,
-          value: F,
-          onChange: Le,
-          onKeyDown: Pe,
-          onFocus: ze,
-          onBlur: Be,
+          ref: A,
+          type: Te && P ? "text" : f,
+          className: We,
+          placeholder: a,
+          value: ye,
+          onChange: ze,
+          onKeyDown: Le,
+          onFocus: Be,
+          onBlur: De,
           readOnly: c,
           "aria-disabled": c,
           tabIndex: c ? -1 : void 0,
@@ -932,20 +938,20 @@ function er({
           }
         }
       ),
-      ye && /* @__PURE__ */ s(Lt, { onClick: at, size: v, rightOffset: fe ? xe + 4 : 4 }),
-      fe && /* @__PURE__ */ s(zt, { visible: T, onClick: () => L(!T), size: v })
+      xe && /* @__PURE__ */ s(zt, { onClick: lt, size: d, rightOffset: fe ? ke + 4 : 4 }),
+      fe && /* @__PURE__ */ s(Bt, { visible: P, onClick: () => x(!P), size: d })
     ] }),
-    D && p && /* @__PURE__ */ s("span", { className: "nc-error-message", children: E })
+    W && h && /* @__PURE__ */ s("span", { className: "nc-error-message", children: B })
   ] });
 }
-function tr({
+function nr({
   children: e,
   onClick: t,
   showBorder: n = !0,
   selectable: r = !1,
   style: o
 }) {
-  const [i, c] = $e.useState(!1);
+  const [i, a] = Me.useState(!1);
   return /* @__PURE__ */ s(
     "div",
     {
@@ -959,9 +965,9 @@ function tr({
           t(l);
         }
       },
-      onMouseDown: () => t && c(!0),
-      onMouseUp: () => c(!1),
-      onMouseLeave: () => c(!1),
+      onMouseDown: () => t && a(!0),
+      onMouseUp: () => a(!1),
+      onMouseLeave: () => a(!1),
       style: {
         cursor: t ? "pointer" : "default",
         userSelect: r ? "text" : void 0,
@@ -973,9 +979,9 @@ function tr({
     }
   );
 }
-function nr({ title: e, titleTools: t, children: n, style: r }) {
-  return /* @__PURE__ */ k("div", { className: "nc-list-group", style: r, children: [
-    (e || t) && /* @__PURE__ */ k("div", { className: "nc-list-group-title", children: [
+function rr({ title: e, titleTools: t, children: n, style: r }) {
+  return /* @__PURE__ */ N("div", { className: "nc-list-group", style: r, children: [
+    (e || t) && /* @__PURE__ */ N("div", { className: "nc-list-group-title", children: [
       /* @__PURE__ */ s("div", { children: e }),
       t && /* @__PURE__ */ s("div", { className: "nc-list-group-title-tools", children: t })
     ] }),
@@ -988,24 +994,24 @@ function nr({ title: e, titleTools: t, children: n, style: r }) {
     )
   ] });
 }
-function rr({ values: e, onChange: t, options: n, placeholder: r = "Select…", label: o }) {
-  const [i, c] = R(!1), [a, l] = R(""), u = V(null), f = we(() => n.filter((d) => d.label.toLowerCase().includes(a.toLowerCase())), [n, a]);
-  B(() => {
+function or({ values: e, onChange: t, options: n, placeholder: r = "Select…", label: o }) {
+  const [i, a] = E(!1), [c, l] = E(""), u = H(null), f = we(() => n.filter((d) => d.label.toLowerCase().includes(c.toLowerCase())), [n, c]);
+  z(() => {
     function d(m) {
-      !(m.target instanceof Node) || !u.current || u.current.contains(m.target) || c(!1);
+      !(m.target instanceof Node) || !u.current || u.current.contains(m.target) || a(!1);
     }
     return document.addEventListener("mousedown", d), () => document.removeEventListener("mousedown", d);
   }, []);
   const v = (d) => {
     e.includes(d) ? t(e.filter((m) => m !== d)) : t([...e, d]);
   };
-  return /* @__PURE__ */ k("div", { ref: u, className: "nc-col", style: { position: "relative" }, children: [
+  return /* @__PURE__ */ N("div", { ref: u, className: "nc-col", style: { position: "relative" }, children: [
     o && /* @__PURE__ */ s("span", { className: "nc-label", children: o }),
-    /* @__PURE__ */ k("div", { className: "nc-row", style: { flexWrap: "wrap", gap: 6, minHeight: 42, alignItems: "center", border: "1px solid var(--nc-button-border)", borderRadius: 8, background: "var(--nc-button-bg)", padding: "4px 8px" }, children: [
+    /* @__PURE__ */ N("div", { className: "nc-row", style: { flexWrap: "wrap", gap: 6, minHeight: 42, alignItems: "center", border: "1px solid var(--nc-button-border)", borderRadius: 8, background: "var(--nc-button-bg)", padding: "4px 8px" }, children: [
       e.length === 0 && /* @__PURE__ */ s("span", { className: "nc-label", children: r }),
       e.map((d) => {
-        const m = n.find((w) => w.value === d);
-        return m ? /* @__PURE__ */ k("span", { style: { padding: "4px 8px", borderRadius: 6, display: "inline-flex", alignItems: "center", gap: 4, background: "var(--nc-button-bg)", border: "1px solid var(--nc-button-border)" }, children: [
+        const m = n.find((y) => y.value === d);
+        return m ? /* @__PURE__ */ N("span", { style: { padding: "4px 8px", borderRadius: 6, display: "inline-flex", alignItems: "center", gap: 4, background: "var(--nc-button-bg)", border: "1px solid var(--nc-button-border)" }, children: [
           m.label,
           /* @__PURE__ */ s(
             "button",
@@ -1023,17 +1029,17 @@ function rr({ values: e, onChange: t, options: n, placeholder: r = "Select…",
         "input",
         {
           className: "nc-input",
-          value: a,
+          value: c,
           onChange: (d) => l(d.target.value),
-          onFocus: () => c(!0),
+          onFocus: () => a(!0),
           style: { minWidth: 50, border: "none", background: "transparent", padding: 4, minHeight: 32, flex: 1 }
         }
       )
     ] }),
-    i && /* @__PURE__ */ k("div", { className: "nc-combo-dropdown", style: { position: "absolute", top: "100%", left: 0, right: 0, zIndex: 10, marginTop: 4, boxShadow: "0 4px 12px var(--nc-shadow)" }, children: [
+    i && /* @__PURE__ */ N("div", { className: "nc-combo-dropdown", style: { position: "absolute", top: "100%", left: 0, right: 0, zIndex: 10, marginTop: 4, boxShadow: "0 4px 12px var(--nc-shadow)" }, children: [
       f.map((d) => {
         const m = e.includes(d.value);
-        return /* @__PURE__ */ k("div", { className: "nc-section nc-row", style: { justifyContent: "space-between", cursor: "pointer", padding: 12 }, onMouseDown: () => v(d.value), children: [
+        return /* @__PURE__ */ N("div", { className: "nc-section nc-row", style: { justifyContent: "space-between", cursor: "pointer", padding: 12 }, onMouseDown: () => v(d.value), children: [
           /* @__PURE__ */ s("span", { children: d.label }),
           /* @__PURE__ */ s("span", { children: m ? "✔️" : "" })
         ] }, d.value);
@@ -1062,65 +1068,65 @@ function ue(e) {
   }
   return `${n}-${r}`;
 }
-function He(e) {
+function Ve(e) {
   if (!e) return "";
   const t = ue(e);
   if (!/^\d{4}-\d{2}$/.test(t)) return e;
   const [n, r] = t.split("-");
   return `${n}/${r}`;
 }
-function Ve() {
+function Oe() {
   const e = /* @__PURE__ */ new Date(), t = e.getFullYear(), n = String(e.getMonth() + 1).padStart(2, "0");
   return `${t}-${n}`;
 }
-function or({
+function sr({
   startMonth: e,
   endMonth: t,
   onChange: n,
   label: r,
   className: o = "",
   disabled: i = !1,
-  size: c = "default"
+  size: a = "default"
 }) {
-  const [a, l] = R(!1), [u, f] = R(""), [v, d] = R(""), [m, w] = R({ top: 0, left: 0, width: 0, right: void 0 }), y = V(null), g = V(null);
-  B(() => {
-    if (a && y.current) {
-      const S = y.current.getBoundingClientRect(), z = Math.max(S.width, 400);
-      window.innerWidth - S.left < z && S.right >= z ? w({
+  const [c, l] = E(!1), [u, f] = E(""), [v, d] = E(""), [m, y] = E({ top: 0, left: 0, width: 0, right: void 0 }), b = H(null), w = H(null);
+  z(() => {
+    if (c && b.current) {
+      const S = b.current.getBoundingClientRect(), L = Math.max(S.width, 400);
+      window.innerWidth - S.left < L && S.right >= L ? y({
         top: S.bottom + 4,
         left: 0,
         // Not used but type needs it, let's just use 0
         right: window.innerWidth - S.right,
-        width: z
-      }) : w({
+        width: L
+      }) : y({
         top: S.bottom + 4,
         left: S.left,
         right: void 0,
-        width: z
+        width: L
       });
     }
-  }, [a]), B(() => {
-    if (!a) return;
+  }, [c]), z(() => {
+    if (!c) return;
     const S = ($) => {
-      y.current && !y.current.contains($.target) && g.current && !g.current.contains($.target) && l(!1);
+      b.current && !b.current.contains($.target) && w.current && !w.current.contains($.target) && l(!1);
     };
     return document.addEventListener("mousedown", S), () => document.removeEventListener("mousedown", S);
-  }, [a]);
-  const N = () => {
-    f(e || Ve()), d(t || Ve()), l(!0);
-  }, b = () => {
+  }, [c]);
+  const k = () => {
+    f(e || Oe()), d(t || Oe()), l(!0);
+  }, g = () => {
     l(!1);
   }, p = () => {
     const S = ge(u), $ = ge(v);
     if (S || $)
       return;
-    const z = ue(u), H = ue(v);
-    z && H && (n == null || n(z, H)), l(!1);
-  }, h = e && t ? `${He(e)} - ${He(t)}` : "Select month range", A = ge(u), C = ge(v), T = ue(u), L = ue(v), x = T && L && T > L, I = a ? pe(
+    const L = ue(u), O = ue(v);
+    L && O && (n == null || n(L, O)), l(!1);
+  }, h = e && t ? `${Ve(e)} - ${Ve(t)}` : "Select month range", A = ge(u), C = ge(v), T = ue(u), P = ue(v), x = T && P && T > P, I = c ? pe(
     /* @__PURE__ */ s(
       "div",
       {
-        ref: g,
+        ref: w,
         className: "nc-month-range-picker-popup",
         style: {
           position: "fixed",
@@ -1129,9 +1135,9 @@ function or({
           width: m.width,
           zIndex: 1e3
         },
-        children: /* @__PURE__ */ k("div", { className: "nc-month-range-picker-content", children: [
-          /* @__PURE__ */ k("div", { className: "nc-month-range-picker-row", children: [
-            /* @__PURE__ */ k("div", { className: "nc-month-range-picker-column", children: [
+        children: /* @__PURE__ */ N("div", { className: "nc-month-range-picker-content", children: [
+          /* @__PURE__ */ N("div", { className: "nc-month-range-picker-row", children: [
+            /* @__PURE__ */ N("div", { className: "nc-month-range-picker-column", children: [
               /* @__PURE__ */ s("label", { className: "nc-label", children: "Start Month" }),
               /* @__PURE__ */ s(
                 "input",
@@ -1145,7 +1151,7 @@ function or({
               ),
               A && /* @__PURE__ */ s("div", { className: "nc-month-error-text", children: A })
             ] }),
-            /* @__PURE__ */ k("div", { className: "nc-month-range-picker-column", children: [
+            /* @__PURE__ */ N("div", { className: "nc-month-range-picker-column", children: [
               /* @__PURE__ */ s("label", { className: "nc-label", children: "End Month" }),
               /* @__PURE__ */ s(
                 "input",
@@ -1161,9 +1167,9 @@ function or({
             ] })
           ] }),
           x && !A && !C && /* @__PURE__ */ s("div", { className: "nc-month-range-error", children: "End month must be after or equal to start month" }),
-          /* @__PURE__ */ k("div", { className: "nc-month-range-picker-footer", children: [
+          /* @__PURE__ */ N("div", { className: "nc-month-range-picker-footer", children: [
             /* @__PURE__ */ s(
-              U,
+              q,
               {
                 variant: "primary",
                 onClick: p,
@@ -1171,21 +1177,21 @@ function or({
                 children: "Apply"
               }
             ),
-            /* @__PURE__ */ s(U, { variant: "ghost", onClick: b, children: "Cancel" })
+            /* @__PURE__ */ s(q, { variant: "ghost", onClick: g, children: "Cancel" })
           ] })
         ] })
       }
     ),
     document.body
   ) : null;
-  return /* @__PURE__ */ k("div", { className: `nc-month-range-picker ${c === "small" ? "nc-small " : ""}${o}`, children: [
-    r && /* @__PURE__ */ s("label", { className: `nc-label${c === "small" ? " nc-small" : ""}`, children: r }),
+  return /* @__PURE__ */ N("div", { className: `nc-month-range-picker ${a === "small" ? "nc-small " : ""}${o}`, children: [
+    r && /* @__PURE__ */ s("label", { className: `nc-label${a === "small" ? " nc-small" : ""}`, children: r }),
     /* @__PURE__ */ s(
       "button",
       {
-        ref: y,
-        className: `nc-month-range-picker-input${c === "small" ? " nc-small" : ""}`,
-        onClick: N,
+        ref: b,
+        className: `nc-month-range-picker-input${a === "small" ? " nc-small" : ""}`,
+        onClick: k,
         disabled: i,
         children: h
       }
@@ -1193,17 +1199,17 @@ function or({
     I
   ] });
 }
-function sr({ value: e, onChange: t, min: n, max: r, step: o = 1, label: i, disabled: c, size: a = "default" }) {
-  const l = a === "small", u = () => {
+function ir({ value: e, onChange: t, min: n, max: r, step: o = 1, label: i, disabled: a, size: c = "default" }) {
+  const l = c === "small", u = () => {
     const d = e - o;
     n !== void 0 && d < n || t(parseFloat(d.toFixed(10)));
   }, f = () => {
     const d = e + o;
     r !== void 0 && d > r || t(parseFloat(d.toFixed(10)));
   };
-  return /* @__PURE__ */ k("div", { className: `nc-col nc-number-input-col ${l ? "nc-small" : ""}`, children: [
+  return /* @__PURE__ */ N("div", { className: `nc-col nc-number-input-col ${l ? "nc-small" : ""}`, children: [
     i && /* @__PURE__ */ s("span", { className: `nc-label ${l ? "nc-small" : ""}`, children: i }),
-    /* @__PURE__ */ k("div", { className: `nc-number-input-container ${l ? "nc-small" : ""}`, children: [
+    /* @__PURE__ */ N("div", { className: `nc-number-input-container ${l ? "nc-small" : ""}`, children: [
       /* @__PURE__ */ s(
         "input",
         {
@@ -1217,7 +1223,7 @@ function sr({ value: e, onChange: t, min: n, max: r, step: o = 1, label: i, disa
           min: n,
           max: r,
           step: o,
-          disabled: c
+          disabled: a
         }
       ),
       /* @__PURE__ */ s(
@@ -1225,7 +1231,7 @@ function sr({ value: e, onChange: t, min: n, max: r, step: o = 1, label: i, disa
         {
           className: `nc-button nc-ghost nc-number-input-button ${l ? "nc-small" : ""}`,
           onClick: u,
-          disabled: c || n !== void 0 && e <= n,
+          disabled: a || n !== void 0 && e <= n,
           children: "−"
         }
       ),
@@ -1234,22 +1240,22 @@ function sr({ value: e, onChange: t, min: n, max: r, step: o = 1, label: i, disa
         {
           className: `nc-button nc-ghost nc-number-input-button ${l ? "nc-small" : ""}`,
           onClick: f,
-          disabled: c || r !== void 0 && e >= r,
+          disabled: a || r !== void 0 && e >= r,
           children: "+"
         }
       )
     ] })
   ] });
 }
-function ir({
+function cr({
   value: e,
   onChange: t,
   min: n = 0,
   max: r = 100,
   step: o = 1,
   label: i,
-  disabled: c,
-  showValue: a = !0,
+  disabled: a,
+  showValue: c = !0,
   formatValue: l = (f) => f.toString(),
   width: u = 200
 }) {
@@ -1257,9 +1263,9 @@ function ir({
     const m = parseFloat(d.target.value);
     t(m);
   }, v = (e - n) / (r - n) * 100;
-  return /* @__PURE__ */ k("div", { className: "nc-col", style: { gap: 6 }, children: [
+  return /* @__PURE__ */ N("div", { className: "nc-col", style: { gap: 6 }, children: [
     i && /* @__PURE__ */ s("span", { className: "nc-label", children: i }),
-    /* @__PURE__ */ k("div", { style: { display: "flex", gap: 12, alignItems: "center" }, children: [
+    /* @__PURE__ */ N("div", { style: { display: "flex", gap: 12, alignItems: "center" }, children: [
       /* @__PURE__ */ s(
         "input",
         {
@@ -1270,14 +1276,14 @@ function ir({
           min: n,
           max: r,
           step: o,
-          disabled: c,
+          disabled: a,
           style: {
             width: u,
             "--nc-slider-percentage": `${v}%`
           }
         }
       ),
-      a && /* @__PURE__ */ s(
+      c && /* @__PURE__ */ s(
         "span",
         {
           style: {
@@ -1293,81 +1299,81 @@ function ir({
     ] })
   ] });
 }
-const Bt = ({ 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 Dt({ children: e, className: t = "", style: n }) {
+const Dt = ({ 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 Wt({ children: e, className: t = "", style: n }) {
   return /* @__PURE__ */ s("div", { className: `nc-tab-panel ${t}`, style: n, children: e });
 }
-function cr({ active: e, children: t, keepMounted: n = !1, className: r = "", style: o }) {
-  const i = yt.toArray(t).filter(
-    (a) => xt(a) && (a.type === Dt || a.type.displayName === "TabPanel")
+function ar({ active: e, children: t, keepMounted: n = !1, className: r = "", style: o }) {
+  const i = xt.toArray(t).filter(
+    (c) => kt(c) && (c.type === Wt || c.type.displayName === "TabPanel")
   );
   if (n)
-    return /* @__PURE__ */ s("div", { className: `nc-tab-panels ${r}`, style: o, children: i.map((a) => {
-      const l = a.props.tab === e;
+    return /* @__PURE__ */ s("div", { className: `nc-tab-panels ${r}`, style: o, children: i.map((c) => {
+      const l = c.props.tab === e;
       return /* @__PURE__ */ s(
         "div",
         {
           className: `nc-tab-panel-wrapper ${l ? "nc-active" : ""}`,
           style: { display: l ? void 0 : "none" },
           "aria-hidden": !l,
-          children: a
+          children: c
         },
-        a.props.tab
+        c.props.tab
       );
     }) });
-  const c = i.find((a) => a.props.tab === e);
-  return /* @__PURE__ */ s("div", { className: `nc-tab-panels ${r}`, style: o, children: c });
+  const a = i.find((c) => c.props.tab === e);
+  return /* @__PURE__ */ s("div", { className: `nc-tab-panels ${r}`, style: o, children: a });
 }
-function ar({ tabs: e, active: t, onChange: n, onClose: r, permanentTabs: o, className: i, toolbar: c, multiline: a, orientation: l = "horizontal", style: u }) {
-  const f = V(null), [v, d] = R(!1), [m, w] = R(!1), y = l === "verticalLeft" || l === "verticalRight", g = V(!1), N = V(0), b = V(0), p = V(!1);
-  B(() => {
+function lr({ tabs: e, active: t, onChange: n, onClose: r, permanentTabs: o, className: i, toolbar: a, multiline: c, orientation: l = "horizontal", style: u }) {
+  const f = H(null), [v, d] = E(!1), [m, y] = E(!1), b = l === "verticalLeft" || l === "verticalRight", w = H(!1), k = H(0), g = H(0), p = H(!1);
+  z(() => {
     const x = () => {
       if (f.current)
-        if (y) {
-          const { scrollTop: S, scrollHeight: $, clientHeight: z } = f.current;
-          d(S > 1), w(S < $ - z - 1);
+        if (b) {
+          const { scrollTop: S, scrollHeight: $, clientHeight: L } = f.current;
+          d(S > 1), y(S < $ - L - 1);
         } else {
-          const { scrollLeft: S, scrollWidth: $, clientWidth: z } = f.current;
-          d(S > 1), w(S < $ - z - 1);
+          const { scrollLeft: S, scrollWidth: $, clientWidth: L } = f.current;
+          d(S > 1), y(S < $ - L - 1);
         }
     }, I = f.current;
     if (I)
       return x(), I.addEventListener("scroll", x), window.addEventListener("resize", x), () => {
         I.removeEventListener("scroll", x), window.removeEventListener("resize", x);
       };
-  }, [e, y]);
+  }, [e, b]);
   const h = (x) => {
-    f.current && (g.current = !0, p.current = !1, N.current = y ? x.clientY : x.clientX, b.current = y ? f.current.scrollTop : f.current.scrollLeft, f.current.style.cursor = "grabbing", f.current.style.userSelect = "none");
+    f.current && (w.current = !0, p.current = !1, k.current = b ? x.clientY : x.clientX, g.current = b ? f.current.scrollTop : f.current.scrollLeft, f.current.style.cursor = "grabbing", f.current.style.userSelect = "none");
   }, A = (x) => {
-    if (!g.current || !f.current) return;
-    const I = y ? x.clientY : x.clientX, S = N.current - I;
-    Math.abs(S) > 3 && (p.current = !0), y ? f.current.scrollTop = b.current + S : f.current.scrollLeft = b.current + S;
+    if (!w.current || !f.current) return;
+    const I = b ? x.clientY : x.clientX, S = k.current - I;
+    Math.abs(S) > 3 && (p.current = !0), b ? f.current.scrollTop = g.current + S : f.current.scrollLeft = g.current + S;
   }, C = () => {
-    f.current && (g.current = !1, f.current.style.cursor = "", f.current.style.userSelect = "");
+    f.current && (w.current = !1, f.current.style.cursor = "", f.current.style.userSelect = "");
   }, T = () => {
     C();
   };
-  B(() => {
+  z(() => {
     const x = f.current;
-    if (!x || y) return;
+    if (!x || b) return;
     const I = (S) => {
       S.deltaY !== 0 && (S.preventDefault(), x.scrollLeft += S.deltaY * 0.3);
     };
     return x.addEventListener("wheel", I, { passive: !1 }), () => {
       x.removeEventListener("wheel", I);
     };
-  }, [y]);
-  const L = (x) => {
+  }, [b]);
+  const P = (x) => {
     p.current || n(x);
   };
-  return /* @__PURE__ */ k("div", { className: `nc-tab-container ${y ? `nc-vertical nc-${l}` : ""} ${i || ""}`, style: u, children: [
-    /* @__PURE__ */ k("div", { className: "nc-tab-scroll-wrapper", children: [
-      v && /* @__PURE__ */ s("div", { className: `nc-tab-scroll-indicator ${y ? "nc-top" : "nc-left"}`, children: y ? /* @__PURE__ */ s(Bt, { size: 16 }) : /* @__PURE__ */ s(bt, { size: 16 }) }),
+  return /* @__PURE__ */ N("div", { className: `nc-tab-container ${b ? `nc-vertical nc-${l}` : ""} ${i || ""}`, style: u, children: [
+    /* @__PURE__ */ N("div", { className: "nc-tab-scroll-wrapper", children: [
+      v && /* @__PURE__ */ s("div", { className: `nc-tab-scroll-indicator ${b ? "nc-top" : "nc-left"}`, children: b ? /* @__PURE__ */ s(Dt, { size: 16 }) : /* @__PURE__ */ s(vt, { size: 16 }) }),
       /* @__PURE__ */ s(
         "div",
         {
           ref: f,
-          className: `nc-tab-scroll ${a ? "nc-multiline" : ""}`,
+          className: `nc-tab-scroll ${c ? "nc-multiline" : ""}`,
           onMouseDown: h,
           onMouseMove: A,
           onMouseUp: C,
@@ -1375,18 +1381,18 @@ function ar({ tabs: e, active: t, onChange: n, onClose: r, permanentTabs: o, cla
           style: { cursor: "grab" },
           children: e.map((x) => {
             const I = typeof x == "string" ? x : x.id, S = typeof x == "string" ? x : x.label, $ = r && !(o != null && o.includes(I));
-            return /* @__PURE__ */ k(
+            return /* @__PURE__ */ N(
               "div",
               {
                 className: `nc-tab-item ${t === I ? "nc-active" : ""} ${$ ? "nc-closable" : ""}`,
-                onClick: () => L(I),
+                onClick: () => P(I),
                 role: "button",
                 tabIndex: 0,
-                onKeyDown: (z) => {
-                  (z.key === "Enter" || z.key === " ") && n(I);
+                onKeyDown: (L) => {
+                  (L.key === "Enter" || L.key === " ") && n(I);
                 },
                 children: [
-                  /* @__PURE__ */ s("span", { className: "nc-tab-label", children: y ? S : typeof S == "string" ? S.toUpperCase() : S }),
+                  /* @__PURE__ */ s("span", { className: "nc-tab-label", children: b ? S : typeof S == "string" ? S.toUpperCase() : S }),
                   $ && /* @__PURE__ */ s(
                     "span",
                     {
@@ -1394,13 +1400,13 @@ function ar({ tabs: e, active: t, onChange: n, onClose: r, permanentTabs: o, cla
                       role: "button",
                       tabIndex: 0,
                       "aria-label": `Close ${typeof S == "string" ? S : I}`,
-                      onClick: (z) => {
-                        z.stopPropagation(), r(I);
+                      onClick: (L) => {
+                        L.stopPropagation(), r(I);
                       },
-                      onKeyDown: (z) => {
-                        (z.key === "Enter" || z.key === " ") && (z.stopPropagation(), r(I));
+                      onKeyDown: (L) => {
+                        (L.key === "Enter" || L.key === " ") && (L.stopPropagation(), r(I));
                       },
-                      children: /* @__PURE__ */ k("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", children: [
+                      children: /* @__PURE__ */ N("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", children: [
                         /* @__PURE__ */ s("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
                         /* @__PURE__ */ s("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
                       ] })
@@ -1413,13 +1419,13 @@ function ar({ tabs: e, active: t, onChange: n, onClose: r, permanentTabs: o, cla
           })
         }
       ),
-      m && /* @__PURE__ */ s("div", { className: `nc-tab-scroll-indicator ${y ? "nc-bottom" : "nc-right"}`, children: y ? /* @__PURE__ */ s(vt, { size: 16 }) : /* @__PURE__ */ s(wt, { size: 16 }) })
+      m && /* @__PURE__ */ s("div", { className: `nc-tab-scroll-indicator ${b ? "nc-bottom" : "nc-right"}`, children: b ? /* @__PURE__ */ s(wt, { size: 16 }) : /* @__PURE__ */ s(yt, { size: 16 }) })
     ] }),
-    c && /* @__PURE__ */ s("div", { className: "nc-tab-toolbar", children: c })
+    a && /* @__PURE__ */ s("div", { className: "nc-tab-toolbar", children: a })
   ] });
 }
-function lr({ checked: e, onChange: t, disabled: n, label: r }) {
-  return /* @__PURE__ */ k(
+function dr({ checked: e, onChange: t, disabled: n, label: r }) {
+  return /* @__PURE__ */ N(
     "label",
     {
       className: "nc-row",
@@ -1470,7 +1476,7 @@ function lr({ checked: e, onChange: t, disabled: n, label: r }) {
     }
   );
 }
-const Oe = [
+const Fe = [
   "var(--nc-csv-col-0)",
   "var(--nc-csv-col-1)",
   "var(--nc-csv-col-2)",
@@ -1482,24 +1488,24 @@ const Oe = [
   "var(--nc-csv-col-8)",
   "var(--nc-csv-col-9)"
 ];
-function Wt(e, t) {
+function Ht(e, t) {
   const r = e.slice(0, t).split(`
-`), o = r.length, c = r[o - 1].split("	"), a = c.length, l = c[a - 1].length + 1;
-  return { line: o, column: a, character: l, offset: t };
+`), 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 };
 }
-function Ht(e, t, n, r) {
+function Vt(e, t, n, r) {
   const o = e.split(`
 `), i = Math.max(1, Math.min(t, o.length));
-  let c = 0;
+  let a = 0;
   for (let v = 0; v < i - 1; v++)
-    c += o[v].length + 1;
+    a += o[v].length + 1;
   const l = o[i - 1].split("	"), u = Math.max(1, Math.min(n, l.length));
   for (let v = 0; v < u - 1; v++)
-    c += l[v].length + 1;
+    a += l[v].length + 1;
   const f = Math.max(1, Math.min(r, l[u - 1].length + 1));
-  return c += f - 1, c;
+  return a += f - 1, a;
 }
-function Vt(e, t) {
+function Ot(e, t) {
   const n = e.split(`
 `), r = Math.max(1, Math.min(t, n.length));
   let o = 0;
@@ -1507,76 +1513,76 @@ function Vt(e, t) {
     o += n[i].length + 1;
   return o;
 }
-const dr = kt(
-  function({ value: t, onChange: n, placeholder: r, className: o, style: i, showLineNumbers: c = !1, onCursorChange: a, highlightLine: l }, u) {
-    const f = V(null), v = V(null), d = V(null);
-    Nt(u, () => ({
-      goToLine(b) {
+const ur = Nt(
+  function({ value: t, onChange: n, placeholder: r, className: o, style: i, showLineNumbers: a = !1, onCursorChange: c, highlightLine: l }, u) {
+    const f = H(null), v = H(null), d = H(null);
+    At(u, () => ({
+      goToLine(g) {
         const p = f.current;
         if (!p) return;
-        const h = Vt(t, b);
+        const h = Ot(t, g);
         p.focus(), p.setSelectionRange(h, h);
         const A = parseFloat(getComputedStyle(p).lineHeight) || 18;
-        p.scrollTop = (Math.max(1, b) - 1) * A, w(), m();
+        p.scrollTop = (Math.max(1, g) - 1) * A, y(), m();
       },
-      goToPosition(b, p, h) {
+      goToPosition(g, p, h) {
         const A = f.current;
         if (!A) return;
-        const C = Ht(t, b, p, h);
+        const C = Vt(t, g, p, h);
         A.focus(), A.setSelectionRange(C, C);
         const T = parseFloat(getComputedStyle(A).lineHeight) || 18;
-        A.scrollTop = (Math.max(1, b) - 1) * T, w(), m();
+        A.scrollTop = (Math.max(1, g) - 1) * T, y(), m();
       }
     }), [t]);
-    const m = O(() => {
-      if (!a || !f.current) return;
-      const b = Wt(t, f.current.selectionStart);
-      a(b);
-    }, [a, t]), w = O(() => {
-      const b = f.current;
-      b && (v.current && (v.current.scrollTop = b.scrollTop, v.current.scrollLeft = b.scrollLeft), d.current && (d.current.scrollTop = b.scrollTop));
+    const m = V(() => {
+      if (!c || !f.current) return;
+      const g = Ht(t, f.current.selectionStart);
+      c(g);
+    }, [c, t]), y = V(() => {
+      const g = f.current;
+      g && (v.current && (v.current.scrollTop = g.scrollTop, v.current.scrollLeft = g.scrollLeft), d.current && (d.current.scrollTop = g.scrollTop));
     }, []);
-    B(() => {
+    z(() => {
       if (l == null || l < 1) return;
-      const b = f.current;
-      if (!b) return;
-      const p = parseFloat(getComputedStyle(b).lineHeight) || 18, h = (l - 1) * p, A = h + p;
-      (h < b.scrollTop || A > b.scrollTop + b.clientHeight) && (b.scrollTop = h - b.clientHeight / 2 + p / 2), w();
+      const g = f.current;
+      if (!g) return;
+      const p = parseFloat(getComputedStyle(g).lineHeight) || 18, h = (l - 1) * p, A = h + p;
+      (h < g.scrollTop || A > g.scrollTop + g.clientHeight) && (g.scrollTop = h - g.clientHeight / 2 + p / 2), y();
     }, [l]);
-    const y = we(() => t.split(`
-`).length, [t]), g = () => {
-      const b = [];
-      for (let p = 1; p <= y; p++)
-        b.push(
+    const b = we(() => t.split(`
+`).length, [t]), w = () => {
+      const g = [];
+      for (let p = 1; p <= b; p++)
+        g.push(
           /* @__PURE__ */ s("div", { className: `nc-csv-line-number ${l === p ? "nc-csv-highlight" : ""}`, children: p }, p)
         );
-      return /* @__PURE__ */ s("div", { className: "nc-csv-gutter", ref: d, children: b });
-    }, N = (b) => b ? b.split(`
+      return /* @__PURE__ */ s("div", { className: "nc-csv-gutter", ref: d, children: g });
+    }, k = (g) => g ? g.split(`
 `).map((h, A) => {
       const C = h.split("	");
-      return /* @__PURE__ */ k("div", { className: `nc-csv-line ${l === A + 1 ? "nc-csv-highlight" : ""}`, children: [
-        C.map((T, L) => /* @__PURE__ */ k("span", { children: [
-          L > 0 && /* @__PURE__ */ s("span", { className: "nc-csv-tab-char", children: "	" }),
-          /* @__PURE__ */ s("span", { style: { color: Oe[L % Oe.length] }, children: T })
-        ] }, L)),
+      return /* @__PURE__ */ N("div", { className: `nc-csv-line ${l === A + 1 ? "nc-csv-highlight" : ""}`, children: [
+        C.map((T, P) => /* @__PURE__ */ N("span", { children: [
+          P > 0 && /* @__PURE__ */ s("span", { className: "nc-csv-tab-char", children: "	" }),
+          /* @__PURE__ */ s("span", { style: { color: Fe[P % Fe.length] }, children: T })
+        ] }, P)),
         h === "" && `
 `
       ] }, A);
     }) : null;
-    return /* @__PURE__ */ k("div", { className: `nc-csv-textarea-container ${c ? "nc-csv-with-gutter" : ""} ${o ?? ""}`, style: i, children: [
-      c && g(),
-      /* @__PURE__ */ k("div", { className: "nc-csv-textarea-editor", children: [
-        /* @__PURE__ */ s("div", { className: "nc-csv-textarea-backdrop", ref: v, children: /* @__PURE__ */ s("pre", { className: "nc-csv-textarea-highlights", children: N(t) }) }),
+    return /* @__PURE__ */ N("div", { className: `nc-csv-textarea-container ${a ? "nc-csv-with-gutter" : ""} ${o ?? ""}`, style: i, children: [
+      a && w(),
+      /* @__PURE__ */ N("div", { className: "nc-csv-textarea-editor", children: [
+        /* @__PURE__ */ s("div", { className: "nc-csv-textarea-backdrop", ref: v, children: /* @__PURE__ */ s("pre", { className: "nc-csv-textarea-highlights", children: k(t) }) }),
         /* @__PURE__ */ s(
           "textarea",
           {
             ref: f,
             className: "nc-csv-textarea-input",
             value: t,
-            onChange: (b) => {
-              n(b.target.value), requestAnimationFrame(m);
+            onChange: (g) => {
+              n(g.target.value), requestAnimationFrame(m);
             },
-            onScroll: w,
+            onScroll: y,
             onSelect: m,
             onKeyUp: m,
             onClick: m,
@@ -1590,27 +1596,27 @@ const dr = kt(
     ] });
   }
 );
-let ne = { notifications: [] };
-const Ne = /* @__PURE__ */ new Set(), Fe = /* @__PURE__ */ new Map();
-function Ae() {
-  const e = ne.notifications.slice();
-  for (const t of Array.from(Ne))
+let re = { notifications: [] };
+const Ae = /* @__PURE__ */ new Set(), je = /* @__PURE__ */ new Map();
+function Se() {
+  const e = re.notifications.slice();
+  for (const t of Array.from(Ae))
     try {
       t(e);
     } catch {
     }
 }
-function Ot(e) {
-  Ne.add(e);
+function Ft(e) {
+  Ae.add(e);
   try {
-    e(ne.notifications.slice());
+    e(re.notifications.slice());
   } catch {
   }
   return () => {
-    Ne.delete(e);
+    Ae.delete(e);
   };
 }
-function Ft(e) {
+function jt(e) {
   const t = `notification-${Date.now()}-${Math.random()}`, { duration: n, type: r, ...o } = e, i = {
     id: t,
     dismissible: !0,
@@ -1618,20 +1624,20 @@ function Ft(e) {
     type: r === "error" ? "danger" : r ?? "info",
     duration: n ?? 5e3
   };
-  return ne.notifications = [i, ...ne.notifications], Ae(), i.duration && i.duration > 0 && setTimeout(() => {
-    qe(t);
+  return re.notifications = [i, ...re.notifications], Se(), i.duration && i.duration > 0 && setTimeout(() => {
+    Xe(t);
   }, i.duration), t;
 }
-function qe(e) {
-  const t = ne.notifications.find((r) => r.id === e);
+function Xe(e) {
+  const t = re.notifications.find((r) => r.id === e);
   if (!t) return;
-  t.isRemoving = !0, Ae();
+  t.isRemoving = !0, Se();
   const n = window.setTimeout(() => {
-    ne.notifications = ne.notifications.filter((r) => r.id !== e), Ae(), Fe.delete(e);
+    re.notifications = re.notifications.filter((r) => r.id !== e), Se(), je.delete(e);
   }, 300);
-  Fe.set(e, n);
+  je.set(e, n);
 }
-function jt({ type: e }) {
+function Gt({ type: e }) {
   switch (e) {
     case "success":
       return /* @__PURE__ */ s("svg", { viewBox: "0 0 20 20", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ s(
@@ -1645,13 +1651,13 @@ function jt({ type: e }) {
         }
       ) });
     case "danger":
-      return /* @__PURE__ */ k("svg", { viewBox: "0 0 20 20", fill: "none", "aria-hidden": "true", children: [
+      return /* @__PURE__ */ N("svg", { viewBox: "0 0 20 20", fill: "none", "aria-hidden": "true", children: [
         /* @__PURE__ */ s("circle", { cx: "10", cy: "10", r: "7", stroke: "currentColor", strokeWidth: "2" }),
         /* @__PURE__ */ s("path", { d: "M10 6.5v4.25", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }),
         /* @__PURE__ */ s("circle", { cx: "10", cy: "13.75", r: "1", fill: "currentColor" })
       ] });
     case "warning":
-      return /* @__PURE__ */ k("svg", { viewBox: "0 0 20 20", fill: "none", "aria-hidden": "true", children: [
+      return /* @__PURE__ */ N("svg", { viewBox: "0 0 20 20", fill: "none", "aria-hidden": "true", children: [
         /* @__PURE__ */ s(
           "path",
           {
@@ -1665,15 +1671,15 @@ function jt({ type: e }) {
         /* @__PURE__ */ s("circle", { cx: "10", cy: "13.25", r: "1", fill: "currentColor" })
       ] });
     default:
-      return /* @__PURE__ */ k("svg", { viewBox: "0 0 20 20", fill: "none", "aria-hidden": "true", children: [
+      return /* @__PURE__ */ N("svg", { viewBox: "0 0 20 20", fill: "none", "aria-hidden": "true", children: [
         /* @__PURE__ */ s("circle", { cx: "10", cy: "10", r: "7", stroke: "currentColor", strokeWidth: "2" }),
         /* @__PURE__ */ s("path", { d: "M10 9v4", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }),
         /* @__PURE__ */ s("circle", { cx: "10", cy: "6.5", r: "1", fill: "currentColor" })
       ] });
   }
 }
-function Gt({ notification: e }) {
-  const { t } = X(), n = e.type || "info", r = () => {
+function Yt({ notification: e }) {
+  const { t } = J(), n = e.type || "info", r = () => {
     if (e.title) return e.title;
     switch (n) {
       case "success":
@@ -1686,15 +1692,15 @@ function Gt({ notification: e }) {
         return t("common.info");
     }
   }, o = () => {
-    qe(e.id);
+    Xe(e.id);
   };
   return /* @__PURE__ */ s(
     "div",
     {
       className: `nc-notification nc-notification-${n}`,
-      children: /* @__PURE__ */ k("div", { className: "nc-notification-content", children: [
-        /* @__PURE__ */ s("div", { className: `nc-notification-icon nc-notification-icon-${n}`, children: /* @__PURE__ */ s(jt, { type: n }) }),
-        /* @__PURE__ */ k("div", { className: "nc-notification-body", children: [
+      children: /* @__PURE__ */ N("div", { className: "nc-notification-content", children: [
+        /* @__PURE__ */ s("div", { className: `nc-notification-icon nc-notification-icon-${n}`, children: /* @__PURE__ */ s(Gt, { type: n }) }),
+        /* @__PURE__ */ N("div", { className: "nc-notification-body", children: [
           /* @__PURE__ */ s("div", { className: "nc-notification-title", children: r() }),
           /* @__PURE__ */ s("div", { className: "nc-notification-message", children: e.message })
         ] }),
@@ -1704,27 +1710,27 @@ function Gt({ notification: e }) {
             className: "nc-notification-dismiss",
             onClick: o,
             "aria-label": t("common.close"),
-            children: /* @__PURE__ */ s(Ce, { size: 16 })
+            children: /* @__PURE__ */ s($e, { size: 16 })
           }
         )
       ] })
     }
   );
 }
-function ur() {
-  const [e, t] = R([]), [n, r] = R(/* @__PURE__ */ new Map()), [o, i] = R(/* @__PURE__ */ new Set()), c = V(null), a = V([]);
-  return B(() => Ot((u) => {
-    const f = new Set(a.current.map((d) => d.id)), v = u.filter((d) => !f.has(d.id)).map((d) => d.id);
+function pr() {
+  const [e, t] = E([]), [n, r] = E(/* @__PURE__ */ new Map()), [o, i] = E(/* @__PURE__ */ new Set()), a = H(null), c = H([]);
+  return z(() => Ft((u) => {
+    const f = new Set(c.current.map((d) => d.id)), v = u.filter((d) => !f.has(d.id)).map((d) => d.id);
     v.length > 0 ? (t(u), i(new Set(v)), requestAnimationFrame(() => {
       requestAnimationFrame(() => {
         i(/* @__PURE__ */ new Set());
       });
-    })) : t(u), a.current = u;
-  }), []), B(() => {
-    if (!c.current) return;
+    })) : t(u), c.current = u;
+  }), []), z(() => {
+    if (!a.current) return;
     const l = /* @__PURE__ */ new Map();
     let u = 0;
-    const f = c.current.children;
+    const f = a.current.children;
     e.forEach((v, d) => {
       if (l.set(v.id, u), f[d]) {
         const m = f[d].offsetHeight;
@@ -1745,7 +1751,7 @@ function ur() {
       children: /* @__PURE__ */ s(
         "div",
         {
-          ref: c,
+          ref: a,
           style: {
             pointerEvents: "auto",
             position: "relative",
@@ -1766,7 +1772,7 @@ function ur() {
                   opacity: f ? 0 : 1,
                   width: "100%"
                 },
-                children: /* @__PURE__ */ s(Gt, { notification: l })
+                children: /* @__PURE__ */ s(Yt, { notification: l })
               },
               l.id
             );
@@ -1776,14 +1782,14 @@ function ur() {
     }
   );
 }
-function Yt(e) {
-  return Ft(e);
+function Kt(e) {
+  return jt(e);
 }
-const pr = {
-  show: (e) => Yt(e)
+const fr = {
+  show: (e) => Kt(e)
 };
-function fr(e) {
-  const t = St.createInstance(), n = {};
+function hr(e) {
+  const t = Ct.createInstance(), n = {};
   for (const o in e)
     n[o] = { translation: e[o] };
   const r = typeof document < "u" && document.documentElement.lang || "en";
@@ -1796,16 +1802,16 @@ function fr(e) {
       // React already escapes by default
     }
   }), typeof MutationObserver < "u" && typeof document < "u" && new MutationObserver((i) => {
-    for (const c of i)
-      if (c.type === "attributes" && c.attributeName === "lang") {
-        const a = document.documentElement.lang || "en";
-        t.changeLanguage(a);
+    for (const a of i)
+      if (a.type === "attributes" && a.attributeName === "lang") {
+        const c = document.documentElement.lang || "en";
+        t.changeLanguage(c);
       }
   }).observe(document.documentElement, { attributes: !0 }), t;
 }
-class Kt {
+class _t {
   constructor() {
-    Z(this, "apps", /* @__PURE__ */ new Map());
+    Q(this, "apps", /* @__PURE__ */ new Map());
   }
   /**
    * Register an app definition.
@@ -1843,16 +1849,16 @@ class Kt {
     return this.apps.has(t);
   }
 }
-const ie = new Kt(), je = "nc-ui-app-state";
-class _t {
+const ie = new _t(), Ge = "nc-ui-app-state";
+class Ut {
   constructor() {
-    Z(this, "state");
-    Z(this, "listeners", /* @__PURE__ */ new Map());
+    Q(this, "state");
+    Q(this, "listeners", /* @__PURE__ */ new Map());
     this.state = this.loadState();
   }
   loadState() {
     try {
-      const t = localStorage.getItem(je);
+      const t = localStorage.getItem(Ge);
       if (t)
         return JSON.parse(t);
     } catch {
@@ -1861,7 +1867,7 @@ class _t {
   }
   saveState() {
     try {
-      localStorage.setItem(je, JSON.stringify(this.state));
+      localStorage.setItem(Ge, JSON.stringify(this.state));
     } catch {
     }
   }
@@ -1891,13 +1897,13 @@ class _t {
     (r = this.listeners.get(t)) == null || r.forEach((o) => o(n));
   }
 }
-const q = new _t();
-class Ut {
+const X = new Ut();
+class qt {
   constructor() {
-    Z(this, "apps", []);
-    Z(this, "activeAppId", null);
-    Z(this, "listeners", /* @__PURE__ */ new Set());
-    Z(this, "refReadyResolvers", /* @__PURE__ */ new Map());
+    Q(this, "apps", []);
+    Q(this, "activeAppId", null);
+    Q(this, "listeners", /* @__PURE__ */ new Set());
+    Q(this, "refReadyResolvers", /* @__PURE__ */ new Map());
   }
   /**
    * Launch an app and wait for it to be ready (ref populated).
@@ -1911,14 +1917,14 @@ class Ut {
     const { launchInBackground: r = !1 } = n || {};
     if (!ie.has(t))
       return console.error(`Cannot launch app "${t}": not registered`), null;
-    const o = this.apps.find((c) => c.appId === t);
+    const o = this.apps.find((a) => a.appId === t);
     if (o)
-      return r || (this.setActiveApp(t), q._setActiveAppId(t)), o.ref ? o : this.waitForRef(t);
+      return r || (this.setActiveApp(t), X._setActiveAppId(t)), o.ref ? o : this.waitForRef(t);
     const i = {
       appId: t,
       launchedAt: Date.now()
     };
-    return this.apps.push(i), r || (this.activeAppId = t, q._setActiveAppId(t)), this.notify(), this.waitForRef(t);
+    return this.apps.push(i), r || (this.activeAppId = t, X._setActiveAppId(t)), this.notify(), this.waitForRef(t);
   }
   waitForRef(t) {
     return new Promise((n) => {
@@ -1955,7 +1961,7 @@ class Ut {
     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, q._setActiveAppId(this.activeAppId);
+      this.activeAppId = o && this.apps.length > 0 ? this.apps[this.apps.length - 1].appId : null, X._setActiveAppId(this.activeAppId);
     }
     this.notify();
   }
@@ -1967,7 +1973,7 @@ class Ut {
       console.warn(`Cannot activate app "${t}": not running`);
       return;
     }
-    this.activeAppId !== t && (this.activeAppId = t, this.notify(), q._setActiveAppId(t));
+    this.activeAppId !== t && (this.activeAppId = t, this.notify(), X._setActiveAppId(t));
   }
   /**
    * Toggle an app: if active, deactivate; if inactive, activate.
@@ -2011,15 +2017,15 @@ class Ut {
     this.listeners.forEach((t) => t());
   }
 }
-const Y = new Ut(), Xe = ce(null);
-function qt() {
-  const e = te(Xe);
+const _ = new qt(), Je = ce(null);
+function Xt() {
+  const e = ne(Je);
   if (!e)
     throw new Error("useApp must be used inside an App");
   return e;
 }
-function Xt({ size: e = 16 }) {
-  return /* @__PURE__ */ k(
+function Jt({ size: e = 16 }) {
+  return /* @__PURE__ */ N(
     "svg",
     {
       width: e,
@@ -2037,9 +2043,9 @@ function Xt({ size: e = 16 }) {
     }
   );
 }
-function Jt({ title: e, onClose: t, onBack: n, toolbar: r, hideBackButton: o }) {
-  return /* @__PURE__ */ k("div", { className: "nc-app-title-bar", children: [
-    /* @__PURE__ */ k("div", { className: "nc-app-title-bar-left", children: [
+function Zt({ title: e, onClose: t, onBack: n, toolbar: r, hideBackButton: o }) {
+  return /* @__PURE__ */ N("div", { className: "nc-app-title-bar", children: [
+    /* @__PURE__ */ N("div", { className: "nc-app-title-bar-left", children: [
       n && !o && /* @__PURE__ */ s(
         "button",
         {
@@ -2047,18 +2053,18 @@ function Jt({ title: e, onClose: t, onBack: n, toolbar: r, hideBackButton: o })
           onClick: n,
           title: "Back",
           "aria-label": "Go back",
-          children: /* @__PURE__ */ s(Xt, { size: 16 })
+          children: /* @__PURE__ */ s(Jt, { size: 16 })
         }
       ),
       /* @__PURE__ */ s("span", { className: "nc-app-title-bar-title", children: e })
     ] }),
-    /* @__PURE__ */ k("div", { className: "nc-app-title-bar-right", children: [
+    /* @__PURE__ */ N("div", { className: "nc-app-title-bar-right", children: [
       r && /* @__PURE__ */ s("div", { className: "nc-app-title-bar-toolbar", children: r }),
-      /* @__PURE__ */ s(_e, { onClick: t, "aria-label": "Close application" })
+      /* @__PURE__ */ s(Ue, { onClick: t, "aria-label": "Close application" })
     ] })
   ] });
 }
-class Zt extends $e.Component {
+class Qt extends Me.Component {
   constructor(t) {
     super(t), this.state = { hasError: !1 };
   }
@@ -2069,7 +2075,7 @@ class Zt extends $e.Component {
     console.error(`Error loading app ${this.props.appId}:`, t, n);
   }
   render() {
-    return this.state.hasError ? /* @__PURE__ */ k(
+    return this.state.hasError ? /* @__PURE__ */ N(
       "div",
       {
         style: {
@@ -2091,39 +2097,39 @@ class Zt extends $e.Component {
     ) : this.props.children;
   }
 }
-function Je({ appId: e, isActive: t, onClose: n }) {
-  const { t: r } = X(), o = ie.get(e), [i, c] = R(""), [a, l] = R(null), [u, f] = R(null), [v, d] = R(!1), [m, w] = R(!1);
-  $e.useEffect(() => {
-    o != null && o.titleKey && c(r(o.titleKey));
+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);
+  Me.useEffect(() => {
+    o != null && o.titleKey && a(r(o.titleKey));
   }, [o, r]);
-  const y = O((x) => {
-    c(x);
-  }, []), g = O((x) => {
+  const b = V((x) => {
+    a(x);
+  }, []), w = V((x) => {
     l(() => x);
-  }, []), N = O(() => {
+  }, []), k = V(() => {
     l(null);
-  }, []), b = O((x) => {
+  }, []), g = V((x) => {
     f(x);
-  }, []), p = O(() => {
+  }, []), p = V(() => {
     f(null);
-  }, []), h = O((x) => {
+  }, []), h = V((x) => {
     d(x);
-  }, []), A = O((x) => {
-    w(x);
+  }, []), A = V((x) => {
+    y(x);
   }, []), C = we(() => ({
-    setTitle: y,
-    setBackHandler: g,
-    clearBackHandler: N,
-    setToolbar: b,
+    setTitle: b,
+    setBackHandler: w,
+    clearBackHandler: k,
+    setToolbar: g,
     clearToolbar: p,
     setHideBackButton: h,
     setHideTitleBar: A,
     close: n
-  }), [y, g, N, b, p, h, A, n]);
+  }), [b, w, k, g, p, h, A, n]);
   if (!o)
     return null;
-  const T = o.component, L = !o.hideTitleBar && !m;
-  return /* @__PURE__ */ k(
+  const T = o.component, P = !o.hideTitleBar && !m;
+  return /* @__PURE__ */ N(
     "div",
     {
       style: {
@@ -2133,12 +2139,12 @@ function Je({ appId: e, isActive: t, onClose: n }) {
         minHeight: 0
       },
       children: [
-        L && /* @__PURE__ */ s(
-          Jt,
+        P && /* @__PURE__ */ s(
+          Zt,
           {
             title: i,
             onClose: n,
-            onBack: a ?? void 0,
+            onBack: c ?? void 0,
             toolbar: u,
             hideBackButton: v
           }
@@ -2146,7 +2152,7 @@ function Je({ appId: e, isActive: t, onClose: n }) {
         /* @__PURE__ */ s(
           "div",
           {
-            className: L ? "nc-app-content-wrapper" : "",
+            className: P ? "nc-app-content-wrapper" : "",
             style: {
               padding: o.padding,
               flex: 1,
@@ -2156,8 +2162,8 @@ function Je({ appId: e, isActive: t, onClose: n }) {
               backgroundColor: "var(--nc-bg-tertiary)",
               position: "relative"
             },
-            children: /* @__PURE__ */ s(Xe.Provider, { value: C, children: /* @__PURE__ */ s(Zt, { appId: e, children: /* @__PURE__ */ s(
-              At,
+            children: /* @__PURE__ */ s(Je.Provider, { value: C, children: /* @__PURE__ */ s(Qt, { appId: e, children: /* @__PURE__ */ s(
+              St,
               {
                 fallback: /* @__PURE__ */ s(
                   "div",
@@ -2168,7 +2174,7 @@ function Je({ appId: e, isActive: t, onClose: n }) {
                       justifyContent: "center",
                       flex: 1
                     },
-                    children: /* @__PURE__ */ s(Ke, {})
+                    children: /* @__PURE__ */ s(_e, {})
                   }
                 ),
                 children: /* @__PURE__ */ s(T, {})
@@ -2180,16 +2186,16 @@ function Je({ appId: e, isActive: t, onClose: n }) {
     }
   );
 }
-const be = 768, ve = 1024, Ze = {
+const be = 768, ve = 1024, Qe = {
   isMobile: !1,
   isTablet: !1,
   isDesktop: !0,
   width: typeof window < "u" ? window.innerWidth : 1024,
   height: typeof window < "u" ? window.innerHeight : 768
-}, Qe = ce(Ze);
-function hr({ children: e }) {
-  const [t, n] = R(() => {
-    if (typeof window > "u") return Ze;
+}, et = ce(Qe);
+function mr({ children: e }) {
+  const [t, n] = E(() => {
+    if (typeof window > "u") return Qe;
     const r = window.innerWidth, o = window.innerHeight;
     return {
       isMobile: r < be,
@@ -2199,7 +2205,7 @@ function hr({ children: e }) {
       height: o
     };
   });
-  return B(() => {
+  return z(() => {
     const r = () => {
       const o = window.innerWidth, i = window.innerHeight;
       n({
@@ -2211,46 +2217,46 @@ function hr({ children: e }) {
       });
     };
     return window.addEventListener("resize", r), () => window.removeEventListener("resize", r);
-  }, []), /* @__PURE__ */ s(Qe.Provider, { value: t, children: e });
+  }, []), /* @__PURE__ */ s(et.Provider, { value: t, children: e });
 }
-function et() {
-  return te(Qe);
+function tt() {
+  return ne(et);
 }
-const Me = "-", Qt = (e) => {
-  const t = tn(e), {
+const Ie = "-", en = (e) => {
+  const t = nn(e), {
     conflictingClassGroups: n,
     conflictingClassGroupModifiers: r
   } = e;
   return {
-    getClassGroupId: (c) => {
-      const a = c.split(Me);
-      return a[0] === "" && a.length !== 1 && a.shift(), tt(a, t) || en(c);
+    getClassGroupId: (a) => {
+      const c = a.split(Ie);
+      return c[0] === "" && c.length !== 1 && c.shift(), nt(c, t) || tn(a);
     },
-    getConflictingClassGroupIds: (c, a) => {
-      const l = n[c] || [];
-      return a && r[c] ? [...l, ...r[c]] : l;
+    getConflictingClassGroupIds: (a, c) => {
+      const l = n[a] || [];
+      return c && r[a] ? [...l, ...r[a]] : l;
     }
   };
-}, tt = (e, t) => {
-  var c;
+}, nt = (e, t) => {
+  var a;
   if (e.length === 0)
     return t.classGroupId;
-  const n = e[0], r = t.nextPart.get(n), o = r ? tt(e.slice(1), r) : void 0;
+  const n = e[0], r = t.nextPart.get(n), o = r ? nt(e.slice(1), r) : void 0;
   if (o)
     return o;
   if (t.validators.length === 0)
     return;
-  const i = e.join(Me);
-  return (c = t.validators.find(({
-    validator: a
-  }) => a(i))) == null ? void 0 : c.classGroupId;
-}, Ge = /^\[(.+)\]$/, en = (e) => {
-  if (Ge.test(e)) {
-    const t = Ge.exec(e)[1], n = t == null ? void 0 : t.substring(0, t.indexOf(":"));
+  const i = e.join(Ie);
+  return (a = t.validators.find(({
+    validator: c
+  }) => c(i))) == null ? void 0 : a.classGroupId;
+}, Ye = /^\[(.+)\]$/, tn = (e) => {
+  if (Ye.test(e)) {
+    const t = Ye.exec(e)[1], n = t == null ? void 0 : t.substring(0, t.indexOf(":"));
     if (n)
       return "arbitrary.." + n;
   }
-}, tn = (e) => {
+}, nn = (e) => {
   const {
     theme: t,
     prefix: n
@@ -2258,19 +2264,19 @@ const Me = "-", Qt = (e) => {
     nextPart: /* @__PURE__ */ new Map(),
     validators: []
   };
-  return rn(Object.entries(e.classGroups), n).forEach(([i, c]) => {
-    Se(c, r, i, t);
+  return on(Object.entries(e.classGroups), n).forEach(([i, a]) => {
+    Ce(a, r, i, t);
   }), r;
-}, Se = (e, t, n, r) => {
+}, Ce = (e, t, n, r) => {
   e.forEach((o) => {
     if (typeof o == "string") {
-      const i = o === "" ? t : Ye(t, o);
+      const i = o === "" ? t : Ke(t, o);
       i.classGroupId = n;
       return;
     }
     if (typeof o == "function") {
-      if (nn(o)) {
-        Se(o(r), t, n, r);
+      if (rn(o)) {
+        Ce(o(r), t, n, r);
         return;
       }
       t.validators.push({
@@ -2279,22 +2285,22 @@ const Me = "-", Qt = (e) => {
       });
       return;
     }
-    Object.entries(o).forEach(([i, c]) => {
-      Se(c, Ye(t, i), n, r);
+    Object.entries(o).forEach(([i, a]) => {
+      Ce(a, Ke(t, i), n, r);
     });
   });
-}, Ye = (e, t) => {
+}, Ke = (e, t) => {
   let n = e;
-  return t.split(Me).forEach((r) => {
+  return t.split(Ie).forEach((r) => {
     n.nextPart.has(r) || n.nextPart.set(r, {
       nextPart: /* @__PURE__ */ new Map(),
       validators: []
     }), n = n.nextPart.get(r);
   }), n;
-}, nn = (e) => e.isThemeGetter, rn = (e, t) => t ? e.map(([n, r]) => {
-  const o = r.map((i) => typeof i == "string" ? t + i : typeof i == "object" ? Object.fromEntries(Object.entries(i).map(([c, a]) => [t + c, a])) : i);
+}, rn = (e) => e.isThemeGetter, on = (e, t) => t ? e.map(([n, r]) => {
+  const o = r.map((i) => typeof i == "string" ? t + i : typeof i == "object" ? Object.fromEntries(Object.entries(i).map(([a, c]) => [t + a, c])) : i);
   return [n, o];
-}) : e, on = (e) => {
+}) : e, sn = (e) => {
   if (e < 1)
     return {
       get: () => {
@@ -2303,55 +2309,55 @@ const Me = "-", Qt = (e) => {
       }
     };
   let t = 0, n = /* @__PURE__ */ new Map(), r = /* @__PURE__ */ new Map();
-  const o = (i, c) => {
-    n.set(i, c), t++, t > e && (t = 0, r = n, n = /* @__PURE__ */ new Map());
+  const o = (i, a) => {
+    n.set(i, a), t++, t > e && (t = 0, r = n, n = /* @__PURE__ */ new Map());
   };
   return {
     get(i) {
-      let c = n.get(i);
-      if (c !== void 0)
-        return c;
-      if ((c = r.get(i)) !== void 0)
-        return o(i, c), c;
+      let a = n.get(i);
+      if (a !== void 0)
+        return a;
+      if ((a = r.get(i)) !== void 0)
+        return o(i, a), a;
     },
-    set(i, c) {
-      n.has(i) ? n.set(i, c) : o(i, c);
+    set(i, a) {
+      n.has(i) ? n.set(i, a) : o(i, a);
     }
   };
-}, nt = "!", sn = (e) => {
+}, rt = "!", cn = (e) => {
   const {
     separator: t,
     experimentalParseClassName: n
-  } = e, r = t.length === 1, o = t[0], i = t.length, c = (a) => {
+  } = e, r = t.length === 1, o = t[0], i = t.length, a = (c) => {
     const l = [];
     let u = 0, f = 0, v;
-    for (let g = 0; g < a.length; g++) {
-      let N = a[g];
+    for (let w = 0; w < c.length; w++) {
+      let k = c[w];
       if (u === 0) {
-        if (N === o && (r || a.slice(g, g + i) === t)) {
-          l.push(a.slice(f, g)), f = g + i;
+        if (k === o && (r || c.slice(w, w + i) === t)) {
+          l.push(c.slice(f, w)), f = w + i;
           continue;
         }
-        if (N === "/") {
-          v = g;
+        if (k === "/") {
+          v = w;
           continue;
         }
       }
-      N === "[" ? u++ : N === "]" && u--;
+      k === "[" ? u++ : k === "]" && u--;
     }
-    const d = l.length === 0 ? a : a.substring(f), m = d.startsWith(nt), w = m ? d.substring(1) : d, y = v && v > f ? v - f : void 0;
+    const d = l.length === 0 ? c : c.substring(f), m = d.startsWith(rt), y = m ? d.substring(1) : d, b = v && v > f ? v - f : void 0;
     return {
       modifiers: l,
       hasImportantModifier: m,
-      baseClassName: w,
-      maybePostfixModifierPosition: y
+      baseClassName: y,
+      maybePostfixModifierPosition: b
     };
   };
-  return n ? (a) => n({
-    className: a,
-    parseClassName: c
-  }) : c;
-}, cn = (e) => {
+  return n ? (c) => n({
+    className: c,
+    parseClassName: a
+  }) : a;
+}, an = (e) => {
   if (e.length <= 1)
     return e;
   const t = [];
@@ -2359,120 +2365,120 @@ const Me = "-", Qt = (e) => {
   return e.forEach((r) => {
     r[0] === "[" ? (t.push(...n.sort(), r), n = []) : n.push(r);
   }), t.push(...n.sort()), t;
-}, an = (e) => ({
-  cache: on(e.cacheSize),
-  parseClassName: sn(e),
-  ...Qt(e)
-}), ln = /\s+/, dn = (e, t) => {
+}, ln = (e) => ({
+  cache: sn(e.cacheSize),
+  parseClassName: cn(e),
+  ...en(e)
+}), dn = /\s+/, un = (e, t) => {
   const {
     parseClassName: n,
     getClassGroupId: r,
     getConflictingClassGroupIds: o
-  } = t, i = [], c = e.trim().split(ln);
-  let a = "";
-  for (let l = c.length - 1; l >= 0; l -= 1) {
-    const u = c[l], {
+  } = t, i = [], a = e.trim().split(dn);
+  let c = "";
+  for (let l = a.length - 1; l >= 0; l -= 1) {
+    const u = a[l], {
       modifiers: f,
       hasImportantModifier: v,
       baseClassName: d,
       maybePostfixModifierPosition: m
     } = n(u);
-    let w = !!m, y = r(w ? d.substring(0, m) : d);
-    if (!y) {
-      if (!w) {
-        a = u + (a.length > 0 ? " " + a : a);
+    let y = !!m, b = r(y ? d.substring(0, m) : d);
+    if (!b) {
+      if (!y) {
+        c = u + (c.length > 0 ? " " + c : c);
         continue;
       }
-      if (y = r(d), !y) {
-        a = u + (a.length > 0 ? " " + a : a);
+      if (b = r(d), !b) {
+        c = u + (c.length > 0 ? " " + c : c);
         continue;
       }
-      w = !1;
+      y = !1;
     }
-    const g = cn(f).join(":"), N = v ? g + nt : g, b = N + y;
-    if (i.includes(b))
+    const w = an(f).join(":"), k = v ? w + rt : w, g = k + b;
+    if (i.includes(g))
       continue;
-    i.push(b);
-    const p = o(y, w);
+    i.push(g);
+    const p = o(b, y);
     for (let h = 0; h < p.length; ++h) {
       const A = p[h];
-      i.push(N + A);
+      i.push(k + A);
     }
-    a = u + (a.length > 0 ? " " + a : a);
+    c = u + (c.length > 0 ? " " + c : c);
   }
-  return a;
+  return c;
 };
-function un() {
+function pn() {
   let e = 0, t, n, r = "";
   for (; e < arguments.length; )
-    (t = arguments[e++]) && (n = rt(t)) && (r && (r += " "), r += n);
+    (t = arguments[e++]) && (n = ot(t)) && (r && (r += " "), r += n);
   return r;
 }
-const rt = (e) => {
+const ot = (e) => {
   if (typeof e == "string")
     return e;
   let t, n = "";
   for (let r = 0; r < e.length; r++)
-    e[r] && (t = rt(e[r])) && (n && (n += " "), n += t);
+    e[r] && (t = ot(e[r])) && (n && (n += " "), n += t);
   return n;
 };
-function pn(e, ...t) {
-  let n, r, o, i = c;
-  function c(l) {
+function fn(e, ...t) {
+  let n, r, o, i = a;
+  function a(l) {
     const u = t.reduce((f, v) => v(f), e());
-    return n = an(u), r = n.cache.get, o = n.cache.set, i = a, a(l);
+    return n = ln(u), r = n.cache.get, o = n.cache.set, i = c, c(l);
   }
-  function a(l) {
+  function c(l) {
     const u = r(l);
     if (u)
       return u;
-    const f = dn(l, n);
+    const f = un(l, n);
     return o(l, f), f;
   }
   return function() {
-    return i(un.apply(null, arguments));
+    return i(pn.apply(null, arguments));
   };
 }
-const W = (e) => {
+const D = (e) => {
   const t = (n) => n[e] || [];
   return t.isThemeGetter = !0, t;
-}, ot = /^\[(?:([a-z-]+):)?(.+)\]$/i, fn = /^\d+\/\d+$/, hn = /* @__PURE__ */ new Set(["px", "full", "screen"]), mn = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, gn = /\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$/, bn = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, vn = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, wn = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, _ = (e) => se(e) || hn.has(e) || fn.test(e), Q = (e) => ae(e, "length", $n), se = (e) => !!e && !Number.isNaN(Number(e)), ke = (e) => ae(e, "number", se), le = (e) => !!e && Number.isInteger(Number(e)), yn = (e) => e.endsWith("%") && se(e.slice(0, -1)), M = (e) => ot.test(e), ee = (e) => mn.test(e), xn = /* @__PURE__ */ new Set(["length", "size", "percentage"]), kn = (e) => ae(e, xn, st), Nn = (e) => ae(e, "position", st), An = /* @__PURE__ */ new Set(["image", "url"]), Sn = (e) => ae(e, An, In), Cn = (e) => ae(e, "", Mn), de = () => !0, ae = (e, t, n) => {
-  const r = ot.exec(e);
+}, 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) => {
+  const r = st.exec(e);
   return r ? r[1] ? typeof t == "string" ? r[1] === t : t.has(r[1]) : n(r[2]) : !1;
-}, $n = (e) => (
+}, Mn = (e) => (
   // `colorFunctionRegex` check is necessary because color functions can have percentages in them which which would be incorrectly classified as lengths.
   // For example, `hsl(0 0% 0%)` would be classified as a length without this check.
   // I could also use lookbehind assertion in `lengthUnitRegex` but that isn't supported widely enough.
-  gn.test(e) && !bn.test(e)
-), st = () => !1, Mn = (e) => vn.test(e), In = (e) => wn.test(e), Rn = () => {
-  const e = W("colors"), t = W("spacing"), n = W("blur"), r = W("brightness"), o = W("borderColor"), i = W("borderRadius"), c = W("borderSpacing"), a = W("borderWidth"), l = W("contrast"), u = W("grayscale"), f = W("hueRotate"), v = W("invert"), d = W("gap"), m = W("gradientColorStops"), w = W("gradientColorStopPositions"), y = W("inset"), g = W("margin"), N = W("opacity"), b = W("padding"), p = W("saturate"), h = W("scale"), A = W("sepia"), C = W("skew"), T = W("space"), L = W("translate"), x = () => ["auto", "contain", "none"], I = () => ["auto", "hidden", "clip", "visible", "scroll"], S = () => ["auto", M, t], $ = () => [M, t], z = () => ["", _, Q], H = () => ["auto", se, M], K = () => ["bottom", "center", "left", "left-bottom", "left-top", "right", "right-bottom", "right-top", "top"], j = () => ["solid", "dashed", "dotted", "double", "none"], E = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], D = () => ["start", "end", "center", "between", "around", "evenly", "stretch"], P = () => ["", "0", M], re = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], F = () => [se, M];
+  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];
   return {
     cacheSize: 500,
     separator: ":",
     theme: {
       colors: [de],
-      spacing: [_, Q],
-      blur: ["none", "", ee, M],
-      brightness: F(),
+      spacing: [U, ee],
+      blur: ["none", "", te, M],
+      brightness: Y(),
       borderColor: [e],
-      borderRadius: ["none", "", "full", ee, M],
+      borderRadius: ["none", "", "full", te, M],
       borderSpacing: $(),
-      borderWidth: z(),
-      contrast: F(),
-      grayscale: P(),
-      hueRotate: F(),
-      invert: P(),
+      borderWidth: L(),
+      contrast: Y(),
+      grayscale: W(),
+      hueRotate: Y(),
+      invert: W(),
       gap: $(),
       gradientColorStops: [e],
-      gradientColorStopPositions: [yn, Q],
+      gradientColorStopPositions: [xn, ee],
       inset: S(),
       margin: S(),
-      opacity: F(),
+      opacity: Y(),
       padding: $(),
-      saturate: F(),
-      scale: F(),
-      sepia: P(),
-      skew: F(),
+      saturate: Y(),
+      scale: Y(),
+      sepia: W(),
+      skew: Y(),
       space: $(),
       translate: $()
     },
@@ -2495,21 +2501,21 @@ const W = (e) => {
        * @see https://tailwindcss.com/docs/columns
        */
       columns: [{
-        columns: [ee]
+        columns: [te]
       }],
       /**
        * Break After
        * @see https://tailwindcss.com/docs/break-after
        */
       "break-after": [{
-        "break-after": re()
+        "break-after": G()
       }],
       /**
        * Break Before
        * @see https://tailwindcss.com/docs/break-before
        */
       "break-before": [{
-        "break-before": re()
+        "break-before": G()
       }],
       /**
        * Break Inside
@@ -2568,7 +2574,7 @@ const W = (e) => {
        * @see https://tailwindcss.com/docs/object-position
        */
       "object-position": [{
-        object: [...K(), M]
+        object: [...F(), M]
       }],
       /**
        * Overflow
@@ -2622,63 +2628,63 @@ const W = (e) => {
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       inset: [{
-        inset: [y]
+        inset: [b]
       }],
       /**
        * Right / Left
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-x": [{
-        "inset-x": [y]
+        "inset-x": [b]
       }],
       /**
        * Top / Bottom
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-y": [{
-        "inset-y": [y]
+        "inset-y": [b]
       }],
       /**
        * Start
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       start: [{
-        start: [y]
+        start: [b]
       }],
       /**
        * End
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       end: [{
-        end: [y]
+        end: [b]
       }],
       /**
        * Top
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       top: [{
-        top: [y]
+        top: [b]
       }],
       /**
        * Right
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       right: [{
-        right: [y]
+        right: [b]
       }],
       /**
        * Bottom
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       bottom: [{
-        bottom: [y]
+        bottom: [b]
       }],
       /**
        * Left
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       left: [{
-        left: [y]
+        left: [b]
       }],
       /**
        * Visibility
@@ -2726,14 +2732,14 @@ const W = (e) => {
        * @see https://tailwindcss.com/docs/flex-grow
        */
       grow: [{
-        grow: P()
+        grow: W()
       }],
       /**
        * Flex Shrink
        * @see https://tailwindcss.com/docs/flex-shrink
        */
       shrink: [{
-        shrink: P()
+        shrink: W()
       }],
       /**
        * Order
@@ -2763,14 +2769,14 @@ const W = (e) => {
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-start": [{
-        "col-start": H()
+        "col-start": O()
       }],
       /**
        * Grid Column End
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-end": [{
-        "col-end": H()
+        "col-end": O()
       }],
       /**
        * Grid Template Rows
@@ -2793,14 +2799,14 @@ const W = (e) => {
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-start": [{
-        "row-start": H()
+        "row-start": O()
       }],
       /**
        * Grid Row End
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-end": [{
-        "row-end": H()
+        "row-end": O()
       }],
       /**
        * Grid Auto Flow
@@ -2849,7 +2855,7 @@ const W = (e) => {
        * @see https://tailwindcss.com/docs/justify-content
        */
       "justify-content": [{
-        justify: ["normal", ...D()]
+        justify: ["normal", ...B()]
       }],
       /**
        * Justify Items
@@ -2870,7 +2876,7 @@ const W = (e) => {
        * @see https://tailwindcss.com/docs/align-content
        */
       "align-content": [{
-        content: ["normal", ...D(), "baseline"]
+        content: ["normal", ...B(), "baseline"]
       }],
       /**
        * Align Items
@@ -2891,7 +2897,7 @@ const W = (e) => {
        * @see https://tailwindcss.com/docs/place-content
        */
       "place-content": [{
-        "place-content": [...D(), "baseline"]
+        "place-content": [...B(), "baseline"]
       }],
       /**
        * Place Items
@@ -2913,126 +2919,126 @@ const W = (e) => {
        * @see https://tailwindcss.com/docs/padding
        */
       p: [{
-        p: [b]
+        p: [g]
       }],
       /**
        * Padding X
        * @see https://tailwindcss.com/docs/padding
        */
       px: [{
-        px: [b]
+        px: [g]
       }],
       /**
        * Padding Y
        * @see https://tailwindcss.com/docs/padding
        */
       py: [{
-        py: [b]
+        py: [g]
       }],
       /**
        * Padding Start
        * @see https://tailwindcss.com/docs/padding
        */
       ps: [{
-        ps: [b]
+        ps: [g]
       }],
       /**
        * Padding End
        * @see https://tailwindcss.com/docs/padding
        */
       pe: [{
-        pe: [b]
+        pe: [g]
       }],
       /**
        * Padding Top
        * @see https://tailwindcss.com/docs/padding
        */
       pt: [{
-        pt: [b]
+        pt: [g]
       }],
       /**
        * Padding Right
        * @see https://tailwindcss.com/docs/padding
        */
       pr: [{
-        pr: [b]
+        pr: [g]
       }],
       /**
        * Padding Bottom
        * @see https://tailwindcss.com/docs/padding
        */
       pb: [{
-        pb: [b]
+        pb: [g]
       }],
       /**
        * Padding Left
        * @see https://tailwindcss.com/docs/padding
        */
       pl: [{
-        pl: [b]
+        pl: [g]
       }],
       /**
        * Margin
        * @see https://tailwindcss.com/docs/margin
        */
       m: [{
-        m: [g]
+        m: [w]
       }],
       /**
        * Margin X
        * @see https://tailwindcss.com/docs/margin
        */
       mx: [{
-        mx: [g]
+        mx: [w]
       }],
       /**
        * Margin Y
        * @see https://tailwindcss.com/docs/margin
        */
       my: [{
-        my: [g]
+        my: [w]
       }],
       /**
        * Margin Start
        * @see https://tailwindcss.com/docs/margin
        */
       ms: [{
-        ms: [g]
+        ms: [w]
       }],
       /**
        * Margin End
        * @see https://tailwindcss.com/docs/margin
        */
       me: [{
-        me: [g]
+        me: [w]
       }],
       /**
        * Margin Top
        * @see https://tailwindcss.com/docs/margin
        */
       mt: [{
-        mt: [g]
+        mt: [w]
       }],
       /**
        * Margin Right
        * @see https://tailwindcss.com/docs/margin
        */
       mr: [{
-        mr: [g]
+        mr: [w]
       }],
       /**
        * Margin Bottom
        * @see https://tailwindcss.com/docs/margin
        */
       mb: [{
-        mb: [g]
+        mb: [w]
       }],
       /**
        * Margin Left
        * @see https://tailwindcss.com/docs/margin
        */
       ml: [{
-        ml: [g]
+        ml: [w]
       }],
       /**
        * Space Between X
@@ -3079,8 +3085,8 @@ const W = (e) => {
        */
       "max-w": [{
         "max-w": [M, t, "none", "full", "min", "max", "fit", "prose", {
-          screen: [ee]
-        }, ee]
+          screen: [te]
+        }, te]
       }],
       /**
        * Height
@@ -3116,7 +3122,7 @@ const W = (e) => {
        * @see https://tailwindcss.com/docs/font-size
        */
       "font-size": [{
-        text: ["base", ee, Q]
+        text: ["base", te, ee]
       }],
       /**
        * Font Smoothing
@@ -3133,7 +3139,7 @@ const W = (e) => {
        * @see https://tailwindcss.com/docs/font-weight
        */
       "font-weight": [{
-        font: ["thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black", ke]
+        font: ["thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black", Ne]
       }],
       /**
        * Font Family
@@ -3184,14 +3190,14 @@ const W = (e) => {
        * @see https://tailwindcss.com/docs/line-clamp
        */
       "line-clamp": [{
-        "line-clamp": ["none", se, ke]
+        "line-clamp": ["none", se, Ne]
       }],
       /**
        * Line Height
        * @see https://tailwindcss.com/docs/line-height
        */
       leading: [{
-        leading: ["none", "tight", "snug", "normal", "relaxed", "loose", _, M]
+        leading: ["none", "tight", "snug", "normal", "relaxed", "loose", U, M]
       }],
       /**
        * List Style Image
@@ -3227,7 +3233,7 @@ const W = (e) => {
        * @see https://tailwindcss.com/docs/placeholder-opacity
        */
       "placeholder-opacity": [{
-        "placeholder-opacity": [N]
+        "placeholder-opacity": [k]
       }],
       /**
        * Text Alignment
@@ -3248,7 +3254,7 @@ const W = (e) => {
        * @see https://tailwindcss.com/docs/text-opacity
        */
       "text-opacity": [{
-        "text-opacity": [N]
+        "text-opacity": [k]
       }],
       /**
        * Text Decoration
@@ -3267,14 +3273,14 @@ const W = (e) => {
        * @see https://tailwindcss.com/docs/text-decoration-thickness
        */
       "text-decoration-thickness": [{
-        decoration: ["auto", "from-font", _, Q]
+        decoration: ["auto", "from-font", U, ee]
       }],
       /**
        * Text Underline Offset
        * @see https://tailwindcss.com/docs/text-underline-offset
        */
       "underline-offset": [{
-        "underline-offset": ["auto", _, M]
+        "underline-offset": ["auto", U, M]
       }],
       /**
        * Text Decoration Color
@@ -3363,7 +3369,7 @@ const W = (e) => {
        * @see https://tailwindcss.com/docs/background-opacity
        */
       "bg-opacity": [{
-        "bg-opacity": [N]
+        "bg-opacity": [k]
       }],
       /**
        * Background Origin
@@ -3377,7 +3383,7 @@ const W = (e) => {
        * @see https://tailwindcss.com/docs/background-position
        */
       "bg-position": [{
-        bg: [...K(), Nn]
+        bg: [...F(), An]
       }],
       /**
        * Background Repeat
@@ -3393,7 +3399,7 @@ const W = (e) => {
        * @see https://tailwindcss.com/docs/background-size
        */
       "bg-size": [{
-        bg: ["auto", "cover", "contain", kn]
+        bg: ["auto", "cover", "contain", Nn]
       }],
       /**
        * Background Image
@@ -3402,7 +3408,7 @@ const W = (e) => {
       "bg-image": [{
         bg: ["none", {
           "gradient-to": ["t", "tr", "r", "br", "b", "bl", "l", "tl"]
-        }, Sn]
+        }, Cn]
       }],
       /**
        * Background Color
@@ -3416,21 +3422,21 @@ const W = (e) => {
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-from-pos": [{
-        from: [w]
+        from: [y]
       }],
       /**
        * Gradient Color Stops Via Position
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-via-pos": [{
-        via: [w]
+        via: [y]
       }],
       /**
        * Gradient Color Stops To Position
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-to-pos": [{
-        to: [w]
+        to: [y]
       }],
       /**
        * Gradient Color Stops From
@@ -3564,70 +3570,70 @@ const W = (e) => {
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w": [{
-        border: [a]
+        border: [c]
       }],
       /**
        * Border Width X
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-x": [{
-        "border-x": [a]
+        "border-x": [c]
       }],
       /**
        * Border Width Y
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-y": [{
-        "border-y": [a]
+        "border-y": [c]
       }],
       /**
        * Border Width Start
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-s": [{
-        "border-s": [a]
+        "border-s": [c]
       }],
       /**
        * Border Width End
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-e": [{
-        "border-e": [a]
+        "border-e": [c]
       }],
       /**
        * Border Width Top
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-t": [{
-        "border-t": [a]
+        "border-t": [c]
       }],
       /**
        * Border Width Right
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-r": [{
-        "border-r": [a]
+        "border-r": [c]
       }],
       /**
        * Border Width Bottom
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-b": [{
-        "border-b": [a]
+        "border-b": [c]
       }],
       /**
        * Border Width Left
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-l": [{
-        "border-l": [a]
+        "border-l": [c]
       }],
       /**
        * Border Opacity
        * @see https://tailwindcss.com/docs/border-opacity
        */
       "border-opacity": [{
-        "border-opacity": [N]
+        "border-opacity": [k]
       }],
       /**
        * Border Style
@@ -3641,7 +3647,7 @@ const W = (e) => {
        * @see https://tailwindcss.com/docs/divide-width
        */
       "divide-x": [{
-        "divide-x": [a]
+        "divide-x": [c]
       }],
       /**
        * Divide Width X Reverse
@@ -3653,7 +3659,7 @@ const W = (e) => {
        * @see https://tailwindcss.com/docs/divide-width
        */
       "divide-y": [{
-        "divide-y": [a]
+        "divide-y": [c]
       }],
       /**
        * Divide Width Y Reverse
@@ -3665,7 +3671,7 @@ const W = (e) => {
        * @see https://tailwindcss.com/docs/divide-opacity
        */
       "divide-opacity": [{
-        "divide-opacity": [N]
+        "divide-opacity": [k]
       }],
       /**
        * Divide Style
@@ -3756,14 +3762,14 @@ const W = (e) => {
        * @see https://tailwindcss.com/docs/outline-offset
        */
       "outline-offset": [{
-        "outline-offset": [_, M]
+        "outline-offset": [U, M]
       }],
       /**
        * Outline Width
        * @see https://tailwindcss.com/docs/outline-width
        */
       "outline-w": [{
-        outline: [_, Q]
+        outline: [U, ee]
       }],
       /**
        * Outline Color
@@ -3777,7 +3783,7 @@ const W = (e) => {
        * @see https://tailwindcss.com/docs/ring-width
        */
       "ring-w": [{
-        ring: z()
+        ring: L()
       }],
       /**
        * Ring Width Inset
@@ -3796,14 +3802,14 @@ const W = (e) => {
        * @see https://tailwindcss.com/docs/ring-opacity
        */
       "ring-opacity": [{
-        "ring-opacity": [N]
+        "ring-opacity": [k]
       }],
       /**
        * Ring Offset Width
        * @see https://tailwindcss.com/docs/ring-offset-width
        */
       "ring-offset-w": [{
-        "ring-offset": [_, Q]
+        "ring-offset": [U, ee]
       }],
       /**
        * Ring Offset Color
@@ -3818,7 +3824,7 @@ const W = (e) => {
        * @see https://tailwindcss.com/docs/box-shadow
        */
       shadow: [{
-        shadow: ["", "inner", "none", ee, Cn]
+        shadow: ["", "inner", "none", te, $n]
       }],
       /**
        * Box Shadow Color
@@ -3832,21 +3838,21 @@ const W = (e) => {
        * @see https://tailwindcss.com/docs/opacity
        */
       opacity: [{
-        opacity: [N]
+        opacity: [k]
       }],
       /**
        * Mix Blend Mode
        * @see https://tailwindcss.com/docs/mix-blend-mode
        */
       "mix-blend": [{
-        "mix-blend": [...E(), "plus-lighter", "plus-darker"]
+        "mix-blend": [...R(), "plus-lighter", "plus-darker"]
       }],
       /**
        * Background Blend Mode
        * @see https://tailwindcss.com/docs/background-blend-mode
        */
       "bg-blend": [{
-        "bg-blend": E()
+        "bg-blend": R()
       }],
       // Filters
       /**
@@ -3883,7 +3889,7 @@ const W = (e) => {
        * @see https://tailwindcss.com/docs/drop-shadow
        */
       "drop-shadow": [{
-        "drop-shadow": ["", "none", ee, M]
+        "drop-shadow": ["", "none", te, M]
       }],
       /**
        * Grayscale
@@ -3975,7 +3981,7 @@ const W = (e) => {
        * @see https://tailwindcss.com/docs/backdrop-opacity
        */
       "backdrop-opacity": [{
-        "backdrop-opacity": [N]
+        "backdrop-opacity": [k]
       }],
       /**
        * Backdrop Saturate
@@ -4004,21 +4010,21 @@ const W = (e) => {
        * @see https://tailwindcss.com/docs/border-spacing
        */
       "border-spacing": [{
-        "border-spacing": [c]
+        "border-spacing": [a]
       }],
       /**
        * Border Spacing X
        * @see https://tailwindcss.com/docs/border-spacing
        */
       "border-spacing-x": [{
-        "border-spacing-x": [c]
+        "border-spacing-x": [a]
       }],
       /**
        * Border Spacing Y
        * @see https://tailwindcss.com/docs/border-spacing
        */
       "border-spacing-y": [{
-        "border-spacing-y": [c]
+        "border-spacing-y": [a]
       }],
       /**
        * Table Layout
@@ -4047,7 +4053,7 @@ const W = (e) => {
        * @see https://tailwindcss.com/docs/transition-duration
        */
       duration: [{
-        duration: F()
+        duration: Y()
       }],
       /**
        * Transition Timing Function
@@ -4061,7 +4067,7 @@ const W = (e) => {
        * @see https://tailwindcss.com/docs/transition-delay
        */
       delay: [{
-        delay: F()
+        delay: Y()
       }],
       /**
        * Animation
@@ -4111,14 +4117,14 @@ const W = (e) => {
        * @see https://tailwindcss.com/docs/translate
        */
       "translate-x": [{
-        "translate-x": [L]
+        "translate-x": [P]
       }],
       /**
        * Translate Y
        * @see https://tailwindcss.com/docs/translate
        */
       "translate-y": [{
-        "translate-y": [L]
+        "translate-y": [P]
       }],
       /**
        * Skew X
@@ -4398,7 +4404,7 @@ const W = (e) => {
        * @see https://tailwindcss.com/docs/stroke-width
        */
       "stroke-w": [{
-        stroke: [_, Q, ke]
+        stroke: [U, ee, Ne]
       }],
       /**
        * Stroke
@@ -4473,90 +4479,90 @@ const W = (e) => {
       "font-size": ["leading"]
     }
   };
-}, En = /* @__PURE__ */ pn(Rn);
-function Tn(...e) {
-  return En(Ct(e));
+}, Tn = /* @__PURE__ */ fn(En);
+function Pn(...e) {
+  return Tn($t(e));
 }
-function mr({ autoWidth: e = !0, className: t, style: n }) {
-  const [r, o] = R(() => q.getActiveAppId()), [i, c] = R(() => Y.getRunningApps()), { isMobile: a } = et();
-  B(() => {
-    const g = q.subscribe("activeAppId", (N) => {
-      o(N);
+function gr({ autoWidth: e = !0, className: t, style: n }) {
+  const [r, o] = E(() => X.getActiveAppId()), [i, a] = E(() => _.getRunningApps()), { isMobile: c } = tt();
+  z(() => {
+    const w = X.subscribe("activeAppId", (k) => {
+      o(k);
     });
     return () => {
-      g();
+      w();
     };
-  }, []), B(() => Y.subscribe(() => {
-    c(Y.getRunningApps());
-  }), []), B(() => {
+  }, []), z(() => _.subscribe(() => {
+    a(_.getRunningApps());
+  }), []), z(() => {
     if (!new URLSearchParams(window.location.search).has("app")) {
-      const b = q.getActiveAppId();
-      b && !Y.isRunning(b) && Y.launchApp(b);
+      const g = X.getActiveAppId();
+      g && !_.isRunning(g) && _.launchApp(g);
     }
   }, []);
-  const l = (g) => {
-    Y.closeApp(g);
-  }, u = r ? ie.get(r) : null, v = (u == null ? void 0 : u.width) ?? 400, d = r !== null, y = { ...{
+  const l = (w) => {
+    _.closeApp(w);
+  }, u = r ? ie.get(r) : null, v = (u == null ? void 0 : u.width) ?? 400, d = r !== null, b = { ...{
     overflow: "hidden",
     display: d ? "flex" : "none",
     flexDirection: "column",
     flexShrink: 0,
     // Only set width if autoWidth is enabled
-    ...e && d ? { width: a ? "100%" : v } : {}
+    ...e && d ? { width: c ? "100%" : v } : {}
   }, ...n };
-  return /* @__PURE__ */ s("div", { className: Tn("nc-app-panel", t), style: y, children: i.map((g) => /* @__PURE__ */ s(
-    Je,
+  return /* @__PURE__ */ s("div", { className: Pn("nc-app-panel", t), style: b, children: i.map((w) => /* @__PURE__ */ s(
+    Ze,
     {
-      appId: g.appId,
-      isActive: r === g.appId,
-      onClose: () => l(g.appId)
+      appId: w.appId,
+      isActive: r === w.appId,
+      onClose: () => l(w.appId)
     },
-    g.appId
+    w.appId
   )) });
 }
-function gr({
+function br({
   pinnedAppIds: e,
   className: t = "",
   showIndicators: n = !0,
   side: r = "left",
   getBadge: o
 }) {
-  const { t: i } = X(), { isMobile: c } = et(), [a, l] = R(() => q.getActiveAppId()), [u, f] = R(() => Y.getRunningApps());
-  B(() => {
-    const p = q.subscribe("activeAppId", (h) => {
+  const { t: i } = J(), { isMobile: a } = tt(), [c, l] = E(() => X.getActiveAppId()), [u, f] = E(() => _.getRunningApps());
+  z(() => {
+    const p = X.subscribe("activeAppId", (h) => {
       l(h);
     });
     return () => {
       p();
     };
-  }, []), B(() => Y.subscribe(() => {
-    f(Y.getRunningApps());
+  }, []), z(() => _.subscribe(() => {
+    f(_.getRunningApps());
   }), []);
   const v = (p) => {
-    a === p ? Y.setActiveApp(null) : Y.launchApp(p);
-  }, d = e.map((p) => ie.get(p)).filter((p) => !!p), m = u.filter((p) => !e.includes(p.appId)).map((p) => ({ running: p, def: ie.get(p.appId) })).filter((p) => !!p.def), w = (p) => u.some((h) => h.appId === p), y = (p) => p.titleKey ? String(i(p.titleKey)) : p.id, g = (p) => typeof p == "number" && p > 99 ? "99+" : p, N = (p, h) => {
+    c === p ? _.setActiveApp(null) : _.launchApp(p);
+  }, d = e.map((p) => ie.get(p)).filter((p) => !!p), m = u.filter((p) => !e.includes(p.appId)).map((p) => ({ running: p, def: ie.get(p.appId) })).filter((p) => !!p.def), y = (p) => u.some((h) => h.appId === p), b = (p) => p.titleKey ? String(i(p.titleKey)) : p.id, w = (p) => typeof p == "number" && p > 99 ? "99+" : p, k = (p, h) => {
     const A = o == null ? void 0 : o(p, h);
     return A ? /* @__PURE__ */ s(
       "span",
       {
         className: `nc-app-taskbar-badge nc-${A.tone ?? "default"}`,
         "aria-label": A.ariaLabel,
-        children: g(A.content)
+        children: w(A.content)
       }
     ) : null;
-  }, b = c ? 24 : 28;
-  return /* @__PURE__ */ k("div", { className: `nc-app-taskbar ${c ? "nc-mobile" : "nc-desktop"} nc-${r} ${t}`, children: [
+  }, g = a ? 24 : 28;
+  return /* @__PURE__ */ N("div", { className: `nc-app-taskbar ${a ? "nc-mobile" : "nc-desktop"} nc-${r} ${t}`, children: [
     d.map((p) => {
-      const h = p.icon, A = a === p.id, C = w(p.id), T = { isActive: A, isRunning: C, isPinned: !0 };
-      return /* @__PURE__ */ k(
+      const h = p.icon, A = c === p.id, C = y(p.id), T = { isActive: A, isRunning: C, isPinned: !0 };
+      return /* @__PURE__ */ N(
         "button",
         {
           className: `nc-app-taskbar-button ${A ? "nc-active" : ""} ${C ? "nc-running" : ""}`,
           onClick: () => v(p.id),
-          title: y(p),
+          title: b(p),
           children: [
-            /* @__PURE__ */ s(h, { size: b }),
-            N(p, T),
+            /* @__PURE__ */ s(h, { size: g }),
+            k(p, T),
             n && C && /* @__PURE__ */ s("span", { className: "nc-app-taskbar-indicator" })
           ]
         },
@@ -4565,16 +4571,16 @@ function gr({
     }),
     m.length > 0 && /* @__PURE__ */ s("div", { className: "nc-app-taskbar-separator" }),
     m.map(({ running: p, def: h }) => {
-      const A = h.icon, C = a === p.appId, T = { isActive: C, isRunning: !0, isPinned: !1 };
-      return /* @__PURE__ */ k(
+      const A = h.icon, C = c === p.appId, T = { isActive: C, isRunning: !0, isPinned: !1 };
+      return /* @__PURE__ */ N(
         "button",
         {
           className: `nc-app-taskbar-button ${C ? "nc-active" : ""} nc-running`,
           onClick: () => v(p.appId),
-          title: y(h),
+          title: b(h),
           children: [
-            /* @__PURE__ */ s(A, { size: b }),
-            N(h, T),
+            /* @__PURE__ */ s(A, { size: g }),
+            k(h, T),
             n && /* @__PURE__ */ s("span", { className: "nc-app-taskbar-indicator" })
           ]
         },
@@ -4583,7 +4589,7 @@ function gr({
     })
   ] });
 }
-function br({
+function vr({
   appId: e,
   open: t,
   onClose: n,
@@ -4591,15 +4597,15 @@ function br({
   className: o = "",
   style: i
 }) {
-  const c = (l) => {
+  const a = (l) => {
     r && l.target === l.currentTarget && n();
   };
   if (!t) return null;
-  const a = /* @__PURE__ */ s(
+  const c = /* @__PURE__ */ s(
     "div",
     {
       className: "nc-dialog-overlay nc-fullscreen",
-      onClick: c,
+      onClick: a,
       children: /* @__PURE__ */ s(
         "div",
         {
@@ -4607,7 +4613,7 @@ function br({
           style: i,
           onClick: (l) => l.stopPropagation(),
           children: /* @__PURE__ */ s(
-            Je,
+            Ze,
             {
               appId: e,
               isActive: !0,
@@ -4618,86 +4624,86 @@ function br({
       )
     }
   );
-  return pe(a, document.body);
+  return pe(c, document.body);
 }
-const Ie = ce(null), it = ce(null);
-function vr() {
-  const e = te(Ie);
+const Re = ce(null), ct = ce(null);
+function wr() {
+  const e = ne(Re);
   if (!e)
     throw new Error("useNavStack must be used within a NavStackProvider");
   return e;
 }
-function wr() {
-  const e = te(it);
+function yr() {
+  const e = ne(ct);
   if (!e)
     throw new Error("useNavView must be used within NavStack");
   return e;
 }
-const Re = ce(null);
-function yr({ rootView: e, children: t }) {
-  const { t: n } = X(), r = qt(), [o, i] = R([e]), [c, a] = R([null]), l = O((h, A) => {
-    a((C) => {
+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) => {
+    c((C) => {
       const T = [...C];
       return T[h] = A, T;
     });
-  }, []), u = O((h) => {
-    a((A) => {
+  }, []), u = V((h) => {
+    c((A) => {
       const C = [...A];
       return C[h] = null, C;
     });
-  }, []), f = O((h) => {
-    i((A) => [...A, h]), a((A) => [...A, null]);
-  }, []), v = O(() => {
-    i((h) => h.length <= 1 ? h : h.slice(0, -1)), a((h) => h.slice(0, -1));
-  }, []), d = O(() => {
-    i([e]), a([null]);
-  }, [e]), m = o.length, w = m > 1, y = o.length - 1, g = o[o.length - 1], N = g != null && g.titleKey ? n(g.titleKey) : (g == null ? void 0 : g.title) ?? "";
-  B(() => {
-    r.setTitle(N);
-  }, [N, r]), B(() => {
-    w ? r.setBackHandler(v) : r.clearBackHandler();
-  }, [w, v, r]), B(() => {
-    const h = c[c.length - 1];
+  }, []), f = V((h) => {
+    i((A) => [...A, h]), c((A) => [...A, null]);
+  }, []), v = V(() => {
+    i((h) => h.length <= 1 ? h : h.slice(0, -1)), c((h) => h.slice(0, -1));
+  }, []), d = V(() => {
+    i([e]), c([null]);
+  }, [e]), m = o.length, y = m > 1, b = o.length - 1, w = o[o.length - 1], k = w != null && w.titleKey ? n(w.titleKey) : (w == null ? void 0 : w.title) ?? "";
+  z(() => {
+    r.setTitle(k);
+  }, [k, r]), z(() => {
+    y ? r.setBackHandler(v) : r.clearBackHandler();
+  }, [y, v, r]), z(() => {
+    const h = a[a.length - 1];
     h ? r.setToolbar(h) : r.clearToolbar();
-  }, [c, r]);
-  const b = {
+  }, [a, r]);
+  const g = {
     push: f,
     pop: v,
     reset: d,
     depth: m,
-    canGoBack: w,
-    currentTitle: N
+    canGoBack: y,
+    currentTitle: k
   }, p = {
     stack: o,
-    toolbarStack: c,
+    toolbarStack: a,
     updateToolbar: l,
     clearToolbarAt: u,
-    topIndex: y
+    topIndex: b
   };
-  return /* @__PURE__ */ s(Ie.Provider, { value: b, children: /* @__PURE__ */ s(Re.Provider, { value: p, children: t }) });
+  return /* @__PURE__ */ s(Re.Provider, { value: g, children: /* @__PURE__ */ s(Ee.Provider, { value: p, children: t }) });
 }
-function Pn({ index: e, children: t }) {
-  const n = te(Re);
+function Ln({ index: e, children: t }) {
+  const n = ne(Ee);
   if (!n)
     throw new Error("NavViewProvider must be used within NavStackProvider");
-  const { updateToolbar: r, clearToolbarAt: o, topIndex: i } = n, c = O((u) => {
+  const { updateToolbar: r, clearToolbarAt: o, topIndex: i } = n, a = V((u) => {
     e === i && r(e, u);
-  }, [e, i, r]), a = O(() => {
+  }, [e, i, r]), c = V(() => {
     e === i && o(e);
   }, [e, i, o]), l = {
-    setToolbar: c,
-    clearToolbar: a
+    setToolbar: a,
+    clearToolbar: c
   };
-  return /* @__PURE__ */ s(it.Provider, { value: l, children: t });
+  return /* @__PURE__ */ s(ct.Provider, { value: l, children: t });
 }
-function xr() {
-  const e = te(Ie), t = te(Re);
+function kr() {
+  const e = ne(Re), t = ne(Ee);
   if (!e || !t)
     throw new Error("NavStackContainer must be used within a NavStackProvider");
   const { stack: n } = t;
   return /* @__PURE__ */ s("div", { className: "nav-stack-container", children: /* @__PURE__ */ s("div", { className: "nav-stack-content", children: n.map((r, o) => {
     const i = o === n.length - 1;
-    return /* @__PURE__ */ s(Pn, { index: o, children: /* @__PURE__ */ s(
+    return /* @__PURE__ */ s(Ln, { index: o, children: /* @__PURE__ */ s(
       "div",
       {
         style: { display: i ? "flex" : "none", flexDirection: "column", height: "100%" },
@@ -4707,55 +4713,55 @@ function xr() {
   }) }) });
 }
 export {
-  Ke as ActivityIndicator,
-  jn as Alert,
-  Je as AppContainer,
-  Xe as AppContext,
-  br as AppDialog,
-  mr as AppPanel,
-  gr as AppTaskbar,
-  Jt as AppTitleBar,
-  Gn as Battery,
-  U as Button,
-  Yn as ButtonGroup,
-  Kn as Checkbox,
-  _e as CloseButton,
-  _n as ComboBox,
-  Zn as ContextMenu,
-  dr as CsvTextArea,
-  Qn as Dialog,
+  _e as ActivityIndicator,
+  Gn as Alert,
+  Ze as AppContainer,
+  Je as AppContext,
+  vr as AppDialog,
+  gr as AppPanel,
+  br as AppTaskbar,
+  Zt as AppTitleBar,
+  Yn as Battery,
+  q as Button,
+  Kn as ButtonGroup,
+  _n as Checkbox,
+  Ue as CloseButton,
+  Un as ComboBox,
+  Qn as ContextMenu,
+  ur as CsvTextArea,
+  er as Dialog,
   oe as DialogClose,
-  qn as EditButton,
-  Jn as Hyperlink,
-  er as Input,
-  nr as ListGroup,
-  tr as ListGroupItem,
-  or as MonthRangePicker,
-  rr as MultiSelect,
-  xr as NavStackContainer,
-  yr as NavStackProvider,
-  Gt as Notification,
-  ur as NotificationContainer,
-  sr as NumberInput,
-  Un as RefreshButton,
-  ir as Slider,
-  Dt as TabPanel,
-  cr as TabPanels,
-  ar as Tabs,
-  lr as Toggle,
-  Xn as TrashButton,
-  hr as ViewportProvider,
+  Xn as EditButton,
+  Zn as Hyperlink,
+  tr as Input,
+  rr as ListGroup,
+  nr as ListGroupItem,
+  sr as MonthRangePicker,
+  or as MultiSelect,
+  kr as NavStackContainer,
+  xr as NavStackProvider,
+  Yt as Notification,
+  pr as NotificationContainer,
+  ir as NumberInput,
+  qn as RefreshButton,
+  cr as Slider,
+  Wt as TabPanel,
+  ar as TabPanels,
+  lr as Tabs,
+  dr as Toggle,
+  Jn as TrashButton,
+  mr as ViewportProvider,
   ie as appRegistry,
-  q as appStateStore,
-  Tn as cn,
-  fr as createAppI18nFactory,
-  pr as notificationManager,
-  Y as runningAppsStore,
-  Yt as showNotification,
-  qt as useApp,
-  Pt as useDialog,
-  vr as useNavStack,
-  wr as useNavView,
-  et as useViewport
+  X as appStateStore,
+  Pn as cn,
+  hr as createAppI18nFactory,
+  fr as notificationManager,
+  _ as runningAppsStore,
+  Kt as showNotification,
+  Xt as useApp,
+  Lt as useDialog,
+  wr as useNavStack,
+  yr as useNavView,
+  tt as useViewport
 };
 //# sourceMappingURL=index.js.map