@kingsimba/nc-ui 0.1.35 → 0.1.37

package/dist/index.js

@@ -1,14 +1,14 @@
-var pt = Object.defineProperty;
-var ft = (e, t, n) => t in e ? pt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
-var oe = (e, t, n) => ft(e, typeof t != "symbol" ? t + "" : t, n);
-import { jsx as s, jsxs as N, Fragment as Te } from "react/jsx-runtime";
-import { d as Ee, E as ht, R as mt, T as gt, g as bt, V as vt, b as wt, a as yt, c as xt } from "./GeneratedIcons-HFZmBTBT.js";
-import Le, { useState as T, useRef as O, useEffect as D, useMemo as Ce, createContext as be, useContext as ce, Children as kt, isValidElement as Nt, forwardRef as At, useImperativeHandle as St, useCallback as Y, Suspense as Ct } from "react";
-import { createPortal as ke } from "react-dom";
-import { useTranslation as ne } from "react-i18next";
-import $t from "i18next";
-import { c as Mt } from "./clsx-OuTLNxxd.js";
-function Je({
+var ht = Object.defineProperty;
+var mt = (e, t, n) => t in e ? ht(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
+var oe = (e, t, n) => mt(e, typeof t != "symbol" ? t + "" : t, n);
+import { jsx as s, jsxs as N, Fragment as Le } from "react/jsx-runtime";
+import { d as Pe, E as gt, R as bt, T as vt, g as wt, V as yt, b as xt, a as kt, c as Nt } from "./GeneratedIcons-HFZmBTBT.js";
+import ze, { useState as R, useRef as F, useEffect as D, useMemo as Me, createContext as ge, useContext as ce, Children as At, isValidElement as St, forwardRef as Ct, useImperativeHandle as $t, useCallback as Y, Suspense as Mt } from "react";
+import { createPortal as Ae } from "react-dom";
+import { useTranslation as re } from "react-i18next";
+import It from "i18next";
+import { c as Rt } from "./clsx-OuTLNxxd.js";
+function Qe({
   size: e = "default",
   color: t,
   overlay: n = !1,
@@ -37,7 +37,7 @@ function Je({
   );
   return n ? /* @__PURE__ */ s("div", { className: "nc-activity-indicator-overlay", children: o }) : o;
 }
-function ee({ variant: e = "default", block: t, size: n = "default", appearance: r = "default", className: o, disabled: i, textSelectable: a, loading: c, onClick: l, children: u, ...f }) {
+function te({ 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 b = [
     "nc-button",
     e !== "default" ? `nc-${e}` : "",
@@ -68,7 +68,7 @@ function ee({ variant: e = "default", block: t, size: n = "default", appearance:
       ...f,
       children: [
         c && /* @__PURE__ */ s(
-          Je,
+          Qe,
           {
             size: "small",
             className: "nc-button-spinner",
@@ -80,14 +80,14 @@ function ee({ variant: e = "default", block: t, size: n = "default", appearance:
     }
   );
 }
-const It = {
+const Tt = {
   info: "primary",
   success: "success",
   warning: "warning",
   error: "danger",
   danger: "danger"
 };
-function Gn({
+function Kn({
   code: e,
   text: t,
   type: n,
@@ -98,7 +98,7 @@ function Gn({
   className: c = "",
   style: l
 }) {
-  const u = i ?? /* @__PURE__ */ N(Te, { children: [
+  const u = i ?? /* @__PURE__ */ N(Le, { children: [
     e !== void 0 && /* @__PURE__ */ s("span", { className: "nc-alert-code", children: e }),
     t
   ] });
@@ -112,22 +112,22 @@ function Gn({
           className: "nc-alert-close",
           "aria-label": "Close alert",
           onClick: a,
-          children: /* @__PURE__ */ s(Ee, { size: 16 })
+          children: /* @__PURE__ */ s(Pe, { size: 16 })
         }
       )
     ] }),
     r && /* @__PURE__ */ s("span", { className: "nc-alert-action", children: /* @__PURE__ */ s(
-      ee,
+      te,
       {
         size: "small",
-        variant: r.variant ?? It[n],
+        variant: r.variant ?? Tt[n],
         onClick: o,
         children: r.text
       }
     ) })
   ] });
 }
-function Yn({
+function _n({
   percentage: e = 0.5,
   status: t = "discharging",
   darkMode: n = !1,
@@ -135,15 +135,15 @@ function Yn({
 }) {
   const o = Math.max(0, Math.min(1, Number(e) || 0)), i = o === 0 ? "-" : String(Math.round(o * 100));
   let a;
-  r ? o < 0.1 ? a = "var(--nc-danger)" : o < 0.2 ? a = "var(--nc-warning)" : a = "var(--nc-success)" : a = n ? "#ffffff" : "#000000";
-  const c = "var(--nc-battery-shell-bg)", l = 24, u = 14, f = 2, b = 0, d = 12, m = 0, A = 0, v = 0, w = l, y = u, h = y - m * 2, p = w - m * 2, g = Math.max(1, Math.min(4, y / 4)), x = o === 0 ? 0 : 0.05 + o * 0.95, $ = l + f + d, R = 20, E = 0.65, S = Math.max(u, R * E), L = l + f + 1, k = (u - R * E) / 2;
+  r ? o < 0.1 ? a = "var(--nc-danger)" : o < 0.2 ? a = "var(--nc-warning)" : a = "var(--nc-success)" : a = n ? "rgba(255,255,255,0.35)" : "#000000";
+  const c = "var(--nc-battery-shell-bg)", l = 24, u = 14, f = 2, b = 0, d = 12, m = 0, A = 0, v = 0, w = l, y = u, h = y - m * 2, p = w - m * 2, g = Math.max(1, Math.min(4, y / 4)), x = o === 0 ? 0 : 0.05 + o * 0.95, C = l + f + d, T = 20, E = 0.65, S = Math.max(u, T * E), L = l + f + 1, k = (u - T * E) / 2;
   return /* @__PURE__ */ N(
     "svg",
     {
       className: "nc-battery",
-      width: $,
+      width: C,
       height: S,
-      viewBox: `0 0 ${$} ${S}`,
+      viewBox: `0 0 ${C} ${S}`,
       role: "img",
       "aria-label": `Battery ${i === "-" ? "-" : `${i}%`} ${t}`,
       children: [
@@ -202,7 +202,7 @@ function Yn({
     }
   );
 }
-function Kn({
+function Un({
   value: e,
   onChange: t,
   options: n,
@@ -224,7 +224,7 @@ function Kn({
     );
   }) });
 }
-function Rt({ size: e }) {
+function Et({ size: e }) {
   return /* @__PURE__ */ s("svg", { className: `nc-checkbox-icon ${e === "small" ? "nc-small" : ""}`, viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ s(
     "path",
     {
@@ -236,7 +236,7 @@ function Rt({ size: e }) {
     }
   ) });
 }
-function _n({ checked: e, onChange: t, disabled: n, label: r, size: o = "default", labelColor: i, style: a, className: c = "" }) {
+function qn({ checked: e, onChange: t, disabled: n, label: r, size: o = "default", labelColor: i, style: a, className: c = "" }) {
   const l = o === "small";
   return /* @__PURE__ */ N(
     "label",
@@ -257,7 +257,7 @@ function _n({ 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(Rt, { size: o })
+            children: e && /* @__PURE__ */ s(Et, { size: o })
           }
         ),
         r && /* @__PURE__ */ s("span", { className: "nc-checkbox-text", style: i ? { color: i } : void 0, children: r })
@@ -265,23 +265,27 @@ function _n({ checked: e, onChange: t, disabled: n, label: r, size: o = "default
     }
   );
 }
-function Tt({ option: e, onChange: t, selected: n, highlighted: r, small: o, renderOption: i, index: a }) {
-  const c = O(null), { t: l } = ne();
+function Lt({ option: e, onChange: t, selected: n, highlighted: r, small: o, renderOption: i, index: a }) {
+  const c = F(null), { t: l } = re(), u = e.disabled === !0;
   return D(() => {
     r && c.current && c.current.scrollIntoView({ block: "nearest" });
   }, [r]), /* @__PURE__ */ s(
     "div",
     {
       ref: c,
-      className: `nc-combo-dropdown-option ${o ? "nc-small" : ""} ${r ? "nc-highlighted" : ""}`,
+      className: `nc-combo-dropdown-option ${o ? "nc-small" : ""} ${r ? "nc-highlighted" : ""} ${u ? "nc-disabled" : ""}`,
       role: "option",
-      onClick: () => t(e.value, e.label),
+      onClick: () => {
+        u || t(e.value, e.label);
+      },
       "aria-selected": n,
+      "aria-disabled": u,
       style: {
-        cursor: "pointer",
-        background: r ? "rgba(59,130,246,0.18)" : n ? "rgba(59,130,246,0.12)" : void 0
+        cursor: u ? "default" : "pointer",
+        opacity: u ? 0.4 : void 0,
+        background: r && !u ? "rgba(59,130,246,0.18)" : n && !u ? "rgba(59,130,246,0.12)" : void 0
       },
-      children: i ? i(e, a, !!r) : /* @__PURE__ */ N(Te, { children: [
+      children: i ? i(e, a, !!r) : /* @__PURE__ */ N(Le, { children: [
         e.label,
         e.default && /* @__PURE__ */ N("span", { style: { fontSize: "0.85em", color: "var(--nc-text-weak)", marginLeft: 6 }, children: [
           "(",
@@ -292,7 +296,7 @@ function Tt({ option: e, onChange: t, selected: n, highlighted: r, small: o, ren
     }
   );
 }
-function Et({
+function Pt({
   isOpen: e,
   options: t,
   onSelect: n,
@@ -303,7 +307,7 @@ function Et({
   highlightedIndex: c = -1,
   renderOption: l
 }) {
-  const [u, f] = T({ top: 0, left: 0, width: 0 }), [b, d] = T(o), { t: m } = ne();
+  const [u, f] = R({ top: 0, left: 0, width: 0 }), [b, d] = R(o), { t: m } = re();
   if (D(() => {
     if (e && i.current) {
       const v = i.current.getBoundingClientRect();
@@ -334,12 +338,12 @@ function Et({
         maxHeight: 300,
         overflowY: "auto"
       },
-      children: t.length === 0 ? /* @__PURE__ */ s("div", { className: `nc-combo-dropdown-option nc-no-results ${a ? "nc-small" : ""}`, children: m("common.noResults") }) : t.map((v, w) => /* @__PURE__ */ s(Tt, { option: v, onChange: n, selected: v.value === r, highlighted: w === c, small: a, renderOption: l, index: w }, v.value))
+      children: t.length === 0 ? /* @__PURE__ */ s("div", { className: `nc-combo-dropdown-option nc-no-results ${a ? "nc-small" : ""}`, children: m("common.noResults") }) : t.map((v, w) => /* @__PURE__ */ s(Lt, { option: v, onChange: n, selected: v.value === r, highlighted: w === c, small: a, renderOption: l, index: w }, v.value))
     }
   );
-  return ke(A, document.body);
+  return Ae(A, document.body);
 }
-function Lt({ onClick: e, small: t }) {
+function zt({ onClick: e, small: t }) {
   return /* @__PURE__ */ s(
     "span",
     {
@@ -358,7 +362,7 @@ function Lt({ onClick: e, small: t }) {
     }
   );
 }
-function Pt({ open: e, small: t }) {
+function Bt({ open: e, small: t }) {
   return /* @__PURE__ */ s(
     "span",
     {
@@ -368,7 +372,7 @@ function Pt({ open: e, small: t }) {
     }
   );
 }
-function Un({
+function Xn({
   value: e,
   onChange: t,
   placeholder: n = "Select…",
@@ -388,86 +392,100 @@ function Un({
   style: w,
   className: y
 }) {
-  const [h, p] = T(!1), [g, x] = T(""), [$, R] = T(-1), E = O(null), S = O(null), L = O(null), k = m === "small", { t: C } = ne(), z = !!o, H = b || z, [j, G] = T([]), [X, U] = T(() => {
+  const [h, p] = R(!1), [g, x] = R(""), [C, T] = R(-1), E = F(null), S = F(null), L = F(null), k = m === "small", { t: $ } = re(), P = !!o, H = b || P, [ae, X] = R([]), [K, _] = R(() => {
     if (r && e) {
-      const I = r.find((B) => B.value === e);
+      const I = r.find((W) => W.value === e);
       return I ? I.label : "";
     }
     return o && e ? e : "";
   });
   D(() => {
     if (!e) {
-      U("");
+      _("");
       return;
     }
     if (r) {
-      const I = r.find((B) => B.value === e);
-      I && U(I.label);
-    } else o && U(e);
+      const I = r.find((W) => W.value === e);
+      I && _(I.label);
+    } else o && _(e);
   }, [e, r, o]);
-  const _ = (I, B = !1) => {
+  const U = (I, W = !1) => {
     if (!o) return;
     L.current && clearTimeout(L.current);
-    const V = async () => {
+    const B = async () => {
       try {
-        const J = await o(I);
-        G(J), R(-1);
+        const G = await o(I);
+        X(G), T(-1);
       } catch {
-        G([]);
+        X([]);
       }
     };
-    B ? V() : L.current = setTimeout(V, 200);
-  }, F = Ce(() => {
-    if (z) return j;
+    W ? B() : L.current = setTimeout(B, 200);
+  }, j = Me(() => {
+    if (P) return ae;
     const I = g.toLowerCase();
-    return H ? (r || []).filter((B) => B.label.toLowerCase().includes(I)) : r || [];
-  }, [r, g, H, z, j]);
+    return H ? (r || []).filter((W) => W.label.toLowerCase().includes(I)) : r || [];
+  }, [r, g, H, P, ae]);
   D(() => {
-    h && R(-1);
-  }, [h, F]), D(() => {
+    h && T(-1);
+  }, [h, j]), D(() => {
     if (!f && !e && r && r.length > 0 && t) {
-      const I = r.find((B) => B.default) || r[0];
+      const I = r.find((W) => W.default) || r[0];
       t(I.value);
     }
   }, [f, e, r, t]), D(() => {
-    function I(B) {
-      var V;
-      B.target instanceof Node && E.current && ((V = E.current.parentElement) != null && V.contains(B.target) || p(!1));
+    function I(W) {
+      var B;
+      W.target instanceof Node && E.current && ((B = E.current.parentElement) != null && B.contains(W.target) || p(!1));
     }
     return document.addEventListener("mousedown", I), () => document.removeEventListener("mousedown", I);
   }, []);
-  const P = c ?? (r ? r.find((I) => I.value === e) : e ? { label: X, value: e } : void 0), re = P && f, de = !l && !re, ae = `nc-align-${v}`, ue = !(h && H) && !!P, pe = (I, B, V = !1) => {
-    var J;
-    U(B), t == null || t(I), p(!1), x(""), V && ((J = E.current) == null || J.blur());
-  }, fe = () => {
+  const z = c ?? (r ? r.find((I) => I.value === e) : e ? { label: K, value: e } : void 0), q = z && f, le = !l && !q, pe = `nc-align-${v}`, ve = !(h && H) && !!z, de = (I, W, B = !1) => {
+    var G;
+    _(W), t == null || t(I), p(!1), x(""), B && ((G = E.current) == null || G.blur());
+  }, we = () => {
     t == null || t(void 0), x(""), p(!1);
-  }, De = (I) => {
+  }, ye = (I) => {
     if (!h) {
       (I.key === "ArrowDown" || I.key === "ArrowUp") && (p(!0), I.preventDefault());
       return;
     }
+    const W = (B, G) => {
+      if (G === 1) {
+        for (let V = B; V < j.length; V++)
+          if (!j[V].disabled) return V;
+        for (let V = 0; V < B; V++)
+          if (!j[V].disabled) return V;
+      } else {
+        for (let V = B; V >= 0; V--)
+          if (!j[V].disabled) return V;
+        for (let V = j.length - 1; V > B; V--)
+          if (!j[V].disabled) return V;
+      }
+      return B;
+    };
     switch (I.key) {
       case "ArrowDown":
-        I.preventDefault(), R((B) => {
-          const V = B + 1;
-          return V >= F.length ? 0 : V;
+        I.preventDefault(), T((B) => {
+          const G = B + 1, V = G >= j.length ? 0 : G;
+          return W(V, 1);
         });
         break;
       case "ArrowUp":
-        I.preventDefault(), R((B) => {
-          const V = B - 1;
-          return V < 0 ? F.length - 1 : V;
+        I.preventDefault(), T((B) => {
+          const G = B - 1, V = G < 0 ? j.length - 1 : G;
+          return W(V, -1);
         });
         break;
       case "Enter":
-        I.preventDefault(), $ >= 0 && $ < F.length && pe(F[$].value, F[$].label, !0);
+        I.preventDefault(), C >= 0 && C < j.length && !j[C].disabled && de(j[C].value, j[C].label, !0);
         break;
       case "Escape":
         I.preventDefault(), p(!1), x("");
         break;
     }
   };
-  return /* @__PURE__ */ N("div", { className: `nc-combo-container ${A === "transparent" ? "nc-transparent" : ""} ${A === "plain" ? "nc-plain" : ""} ${h ? "nc-open" : ""} ${ae} ${y || ""}`.trim(), style: { position: "relative", ...w }, children: [
+  return /* @__PURE__ */ N("div", { className: `nc-combo-container ${A === "transparent" ? "nc-transparent" : ""} ${A === "plain" ? "nc-plain" : ""} ${h ? "nc-open" : ""} ${pe} ${y || ""}`.trim(), style: { position: "relative", ...w }, children: [
     u && /* @__PURE__ */ s("span", { className: `nc-label ${k ? "nc-small" : ""}`, children: u }),
     /* @__PURE__ */ N(
       "div",
@@ -476,14 +494,14 @@ function Un({
         style: { position: "relative", display: "flex", alignItems: "center" },
         onMouseDown: (I) => {
           if (l || H && I.target === E.current) return;
-          const B = !h;
-          if (p((V) => (!V && H && P && x(P.label), !V)), z && B) {
-            const V = H && P ? P.label : "";
-            G([]), setTimeout(() => _(V, !0), 0);
+          const W = !h;
+          if (p((B) => (!B && H && z && x(z.label), !B)), P && W) {
+            const B = H && z ? z.label : "";
+            X([]), setTimeout(() => U(B, !0), 0);
           }
           H && !h && setTimeout(() => {
-            var V, J;
-            (V = E.current) == null || V.focus(), (J = E.current) == null || J.select();
+            var B, G;
+            (B = E.current) == null || B.focus(), (G = E.current) == null || G.select();
           }, 0);
         },
         children: [
@@ -496,39 +514,39 @@ function Un({
               onFocus: () => {
                 if (!l && H) {
                   p(!0);
-                  const I = P ? P.label : "";
-                  P && (x(I), setTimeout(() => {
-                    var B;
-                    return (B = E.current) == null ? void 0 : B.select();
-                  }, 0)), z && (G([]), _(I, !0));
+                  const I = z ? z.label : "";
+                  z && (x(I), setTimeout(() => {
+                    var W;
+                    return (W = E.current) == null ? void 0 : W.select();
+                  }, 0)), P && (X([]), U(I, !0));
                 }
               },
               onChange: (I) => {
-                const B = I.target.value;
-                H && (x(B), z && _(B));
+                const W = I.target.value;
+                H && (x(W), P && U(W));
               },
-              onKeyDown: De,
-              value: h && H ? g : (P == null ? void 0 : P.label) || "",
+              onKeyDown: ye,
+              value: h && H ? g : (z == null ? void 0 : z.label) || "",
               readOnly: l || !H,
               style: {
                 width: "100%",
-                paddingRight: de || re ? k ? 32 : 44 : 12,
+                paddingRight: le || q ? k ? 32 : 44 : 12,
                 caretColor: b ? void 0 : "transparent",
                 cursor: b ? void 0 : "pointer",
                 userSelect: b ? void 0 : "none",
-                color: ue ? "transparent" : "var(--nc-text)"
+                color: ve ? "transparent" : "var(--nc-text)"
               }
             }
           ),
-          ue && /* @__PURE__ */ s(
+          ve && /* @__PURE__ */ s(
             "div",
             {
               "aria-hidden": !0,
-              className: `nc-combo-overlay ${ae}`,
+              className: `nc-combo-overlay ${pe}`,
               style: {
                 position: "absolute",
                 left: k ? 8 : 12,
-                right: de || re ? k ? 12 : 24 : k ? 8 : 12,
+                right: le || q ? k ? 12 : 24 : k ? 8 : 12,
                 top: "50%",
                 transform: "translateY(-50%)",
                 pointerEvents: "none",
@@ -536,25 +554,25 @@ function Un({
                 alignItems: "center",
                 gap: 6
               },
-              children: a && P ? a(P) : /* @__PURE__ */ N(Te, { children: [
-                /* @__PURE__ */ s("span", { className: `nc-combo-overlay-text ${k ? "nc-small" : ""}`, children: P == null ? void 0 : P.label }),
-                (P == null ? void 0 : P.default) && /* @__PURE__ */ N("span", { className: `nc-combo-overlay-default ${k ? "nc-small" : ""}`, children: [
+              children: a && z ? a(z) : /* @__PURE__ */ N(Le, { children: [
+                /* @__PURE__ */ s("span", { className: `nc-combo-overlay-text ${k ? "nc-small" : ""}`, children: z == null ? void 0 : z.label }),
+                (z == null ? void 0 : z.default) && /* @__PURE__ */ N("span", { className: `nc-combo-overlay-default ${k ? "nc-small" : ""}`, children: [
                   "(",
-                  C("common.default"),
+                  $("common.default"),
                   ")"
                 ] })
               ] })
             }
           ),
-          re && /* @__PURE__ */ s(Lt, { onClick: fe, small: k }),
-          de && /* @__PURE__ */ s(Pt, { open: h, small: k })
+          q && /* @__PURE__ */ s(zt, { onClick: we, small: k }),
+          le && /* @__PURE__ */ s(Bt, { open: h, small: k })
         ]
       }
     ),
-    /* @__PURE__ */ s(Et, { isOpen: h, options: F, onSelect: pe, selectedValue: e, placement: d, anchorRef: S, small: k, highlightedIndex: $, renderOption: i })
+    /* @__PURE__ */ s(Pt, { isOpen: h, options: j, onSelect: de, selectedValue: e, placement: d, anchorRef: S, small: k, highlightedIndex: C, renderOption: i })
   ] });
 }
-function qn({ onClick: e, loading: t = !1, disabled: n = !1, size: r = "default", title: o, "aria-label": i }) {
+function Jn({ onClick: e, loading: t = !1, disabled: n = !1, size: r = "default", title: o, "aria-label": i }) {
   return /* @__PURE__ */ s(
     "button",
     {
@@ -564,11 +582,11 @@ function qn({ 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(mt, { size: r === "small" ? 14 : r === "large" ? 20 : 18, className: t ? "nc-spinning" : "" })
+      children: /* @__PURE__ */ s(bt, { size: r === "small" ? 14 : r === "large" ? 20 : 18, className: t ? "nc-spinning" : "" })
     }
   );
 }
-function Qe({ onClick: e, disabled: t = !1, size: n = "default", title: r = "Close", "aria-label": o = "Close" }) {
+function Ze({ onClick: e, disabled: t = !1, size: n = "default", title: r = "Close", "aria-label": o = "Close" }) {
   return /* @__PURE__ */ s(
     "button",
     {
@@ -578,11 +596,11 @@ function Qe({ onClick: e, disabled: t = !1, size: n = "default", title: r = "Clo
       title: r,
       "aria-label": o,
       "data-size": n,
-      children: /* @__PURE__ */ s(Ee, { size: n === "small" ? 14 : n === "large" ? 20 : 18 })
+      children: /* @__PURE__ */ s(Pe, { size: n === "small" ? 14 : n === "large" ? 20 : 18 })
     }
   );
 }
-function Xn({ onClick: e, disabled: t = !1, size: n = "default", title: r = "Edit", "aria-label": o = "Edit" }) {
+function Qn({ onClick: e, disabled: t = !1, size: n = "default", title: r = "Edit", "aria-label": o = "Edit" }) {
   return /* @__PURE__ */ s(
     "button",
     {
@@ -592,11 +610,11 @@ function Xn({ onClick: e, disabled: t = !1, size: n = "default", title: r = "Edi
       title: r,
       "aria-label": o,
       "data-size": n,
-      children: /* @__PURE__ */ s(ht, { size: n === "small" ? 14 : n === "large" ? 20 : 18 })
+      children: /* @__PURE__ */ s(gt, { size: n === "small" ? 14 : n === "large" ? 20 : 18 })
     }
   );
 }
-function Jn({ onClick: e, disabled: t = !1, size: n = "default", title: r = "Delete", "aria-label": o = "Delete" }) {
+function Zn({ onClick: e, disabled: t = !1, size: n = "default", title: r = "Delete", "aria-label": o = "Delete" }) {
   return /* @__PURE__ */ s(
     "button",
     {
@@ -606,11 +624,11 @@ function Jn({ onClick: e, disabled: t = !1, size: n = "default", title: r = "Del
       title: r,
       "aria-label": o,
       "data-size": n,
-      children: /* @__PURE__ */ s(gt, { size: n === "small" ? 14 : n === "large" ? 20 : 18 })
+      children: /* @__PURE__ */ s(vt, { size: n === "small" ? 14 : n === "large" ? 20 : 18 })
     }
   );
 }
-function Qn({ onClick: e, disabled: t = !1, children: n, title: r, "aria-label": o, size: i = "default" }) {
+function er({ onClick: e, disabled: t = !1, children: n, title: r, "aria-label": o, size: i = "default" }) {
   return /* @__PURE__ */ s(
     "button",
     {
@@ -624,7 +642,7 @@ function Qn({ onClick: e, disabled: t = !1, children: n, title: r, "aria-label":
     }
   );
 }
-function Zn({
+function tr({
   open: e,
   onClose: t,
   options: n,
@@ -632,7 +650,7 @@ function Zn({
   anchor: o,
   preferredDirection: i = "down"
 }) {
-  const a = O(null), [c, l] = T({ top: 0, left: 0 }), u = o || (r == null ? void 0 : r.current);
+  const a = F(null), [c, l] = R({ top: 0, left: 0 }), u = o || (r == null ? void 0 : r.current);
   if (D(() => {
     if (!e || !u || !a.current) return;
     const d = u.getBoundingClientRect(), m = a.current.getBoundingClientRect(), A = window.innerHeight, v = window.innerWidth, w = d.bottom + 8, y = w + m.height <= A - 8;
@@ -661,7 +679,7 @@ function Zn({
   const f = (d) => {
     d.type !== "separator" && !d.disabled && d.onClick && (d.onClick(), t());
   }, b = n.some((d) => d.icon);
-  return ke(
+  return Ae(
     /* @__PURE__ */ s(
       "div",
       {
@@ -710,20 +728,20 @@ function Zn({
     document.body
   );
 }
-const Ze = be(null);
-function zt() {
-  const e = ce(Ze);
+const et = ge(null);
+function Dt() {
+  const e = ce(et);
   if (!e)
     throw new Error("useDialog must be used inside a Dialog component");
   return e;
 }
-function he({ children: e, onClick: t, ...n }) {
-  const { close: r } = zt(), { t: o } = ne();
-  return /* @__PURE__ */ s(ee, { onClick: (a) => {
+function fe({ children: e, onClick: t, ...n }) {
+  const { close: r } = Dt(), { t: o } = re();
+  return /* @__PURE__ */ s(te, { onClick: (a) => {
     t == null || t(a), r();
   }, ...n, children: e ?? o("common.close") });
 }
-function er({
+function nr({
   open: e,
   onClose: t,
   title: n,
@@ -743,7 +761,7 @@ function er({
   className: w = "",
   onContentHeightChange: y
 }) {
-  const h = O(null), p = O(null), { t: g } = ne(), x = { close: t }, $ = (S) => {
+  const h = F(null), p = F(null), { t: g } = re(), x = { close: t }, C = (S) => {
     d && S.target === S.currentTarget && t();
   };
   if (D(() => {
@@ -752,42 +770,42 @@ function er({
     if (!y || !p.current) return;
     const S = new ResizeObserver((L) => {
       for (const k of L) {
-        const C = k.contentRect.height;
-        y(C);
+        const $ = k.contentRect.height;
+        y($);
       }
     });
     return S.observe(p.current), () => {
       S.disconnect();
     };
   }, [y]), !e) return null;
-  const R = () => {
+  const T = () => {
     switch (i) {
       case "ok":
-        return /* @__PURE__ */ s("div", { className: "nc-dialog-footer", children: /* @__PURE__ */ s(ee, { variant: "primary", onClick: c ?? t, disabled: m, children: g("common.ok") }) });
+        return /* @__PURE__ */ s("div", { className: "nc-dialog-footer", children: /* @__PURE__ */ s(te, { variant: "primary", onClick: c ?? t, disabled: m, children: g("common.ok") }) });
       case "ok-cancel":
         return /* @__PURE__ */ N("div", { className: "nc-dialog-footer", children: [
-          /* @__PURE__ */ s(he, { onClick: f, children: g("common.cancel") }),
-          /* @__PURE__ */ s(ee, { variant: "primary", onClick: c ?? t, disabled: m, children: g("common.ok") })
+          /* @__PURE__ */ s(fe, { onClick: f, children: g("common.cancel") }),
+          /* @__PURE__ */ s(te, { variant: "primary", onClick: c ?? t, disabled: m, children: g("common.ok") })
         ] });
       case "save-cancel":
         return /* @__PURE__ */ N("div", { className: "nc-dialog-footer", children: [
-          /* @__PURE__ */ s(he, { onClick: f, children: g("common.cancel") }),
-          /* @__PURE__ */ s(ee, { variant: "primary", onClick: l, disabled: m, children: g("common.save") })
+          /* @__PURE__ */ s(fe, { onClick: f, children: g("common.cancel") }),
+          /* @__PURE__ */ s(te, { variant: "primary", onClick: l, disabled: m, children: g("common.save") })
         ] });
       case "delete-cancel":
         return /* @__PURE__ */ N("div", { className: "nc-dialog-footer", children: [
-          /* @__PURE__ */ s(he, { onClick: f, children: g("common.cancel") }),
-          /* @__PURE__ */ s(ee, { variant: "danger", onClick: u, disabled: m, children: g("common.delete") })
+          /* @__PURE__ */ s(fe, { onClick: f, children: g("common.cancel") }),
+          /* @__PURE__ */ s(te, { variant: "danger", onClick: u, disabled: m, children: g("common.delete") })
         ] });
       case "connect":
         return /* @__PURE__ */ N("div", { className: "nc-dialog-footer", children: [
-          /* @__PURE__ */ s(he, { onClick: f, children: g("common.cancel") }),
-          /* @__PURE__ */ s(ee, { variant: "primary", onClick: b, disabled: m, children: g("common.connect") })
+          /* @__PURE__ */ s(fe, { onClick: f, children: g("common.cancel") }),
+          /* @__PURE__ */ s(te, { variant: "primary", onClick: b, disabled: m, children: g("common.connect") })
         ] });
       case "close":
-        return /* @__PURE__ */ s("div", { className: "nc-dialog-footer", children: /* @__PURE__ */ s(he, { variant: "primary" }) });
+        return /* @__PURE__ */ s("div", { className: "nc-dialog-footer", children: /* @__PURE__ */ s(fe, { variant: "primary" }) });
       case "gotit":
-        return /* @__PURE__ */ s("div", { className: "nc-dialog-footer", children: /* @__PURE__ */ s(he, { variant: "primary", children: g("common.gotit") }) });
+        return /* @__PURE__ */ s("div", { className: "nc-dialog-footer", children: /* @__PURE__ */ s(fe, { variant: "primary", children: g("common.gotit") }) });
       case "custom":
         return /* @__PURE__ */ s("div", { className: "nc-dialog-footer", children: a });
       case "none":
@@ -795,7 +813,7 @@ function er({
       default:
         return null;
     }
-  }, E = /* @__PURE__ */ s(Ze.Provider, { value: x, children: /* @__PURE__ */ s("div", { className: `nc-dialog-overlay${A ? " nc-fullscreen" : ""}`, onClick: $, children: /* @__PURE__ */ N(
+  }, E = /* @__PURE__ */ s(et.Provider, { value: x, children: /* @__PURE__ */ s("div", { className: `nc-dialog-overlay${A ? " nc-fullscreen" : ""}`, onClick: C, children: /* @__PURE__ */ N(
     "div",
     {
       ref: h,
@@ -808,16 +826,16 @@ function er({
       children: [
         !v && /* @__PURE__ */ N("div", { className: "nc-dialog-header", children: [
           /* @__PURE__ */ s("h3", { id: "nc-dialog-title", className: "nc-dialog-title", children: n }),
-          /* @__PURE__ */ s(Qe, { onClick: t, "aria-label": "Close dialog" })
+          /* @__PURE__ */ s(Ze, { onClick: t, "aria-label": "Close dialog" })
         ] }),
         /* @__PURE__ */ s("div", { ref: p, className: "nc-dialog-content", children: r }),
-        R()
+        T()
       ]
     }
   ) }) });
-  return A ? ke(E, document.body) : E;
+  return A ? Ae(E, document.body) : E;
 }
-function Bt({ onClick: e, size: t = "default", rightOffset: n = 4 }) {
+function Wt({ onClick: e, size: t = "default", rightOffset: n = 4 }) {
   const r = t === "small" ? 28 : 34;
   return /* @__PURE__ */ s(
     "button",
@@ -846,7 +864,7 @@ function Bt({ onClick: e, size: t = "default", rightOffset: n = 4 }) {
     }
   );
 }
-function Dt({ visible: e, onClick: t, size: n = "default" }) {
+function Ht({ visible: e, onClick: t, size: n = "default" }) {
   const r = n === "small" ? 28 : 34, o = n === "small" ? 16 : 18;
   return /* @__PURE__ */ s(
     "button",
@@ -870,11 +888,11 @@ function Dt({ visible: e, onClick: t, size: n = "default" }) {
         alignItems: "center",
         justifyContent: "center"
       },
-      children: e ? /* @__PURE__ */ s(bt, { size: o }) : /* @__PURE__ */ s(vt, { size: o })
+      children: e ? /* @__PURE__ */ s(wt, { size: o }) : /* @__PURE__ */ s(yt, { size: o })
     }
   );
 }
-function tr({
+function rr({
   value: e,
   defaultValue: t = "",
   onChange: n,
@@ -897,113 +915,122 @@ function tr({
   validator: p,
   showErrorMessage: g = !0
 }) {
-  const x = O(null), $ = O(null), R = O(!1), [E, S] = T(!1), [L, k] = T(!1), C = e !== void 0, [z, H] = T(t), j = C ? e : z, [G, X] = T(j), U = p ? p(j) : null, _ = !!U, F = !y && m === "plain", P = F && L, re = P ? G : j;
+  const x = F(null), C = F(null), T = F(!1), [E, S] = R(!1), [L, k] = R(!1), [$, P] = R(!1), H = e !== void 0, [ae, X] = R(t), K = H ? e : ae, [_, U] = R(K), j = p ? p(K) : null, z = !!j, q = !y && m === "plain", le = q && L, pe = le ? _ : K;
   D(() => {
-    P || X(j);
-  }, [j, P]);
-  const de = f === "password", ae = de && w && !c && !y, ue = u && re && !c && L, pe = d === "small" ? 32 : 44;
-  let fe = 12;
-  ue && ae ? fe = pe * 2 : (ue || ae) && (fe = pe);
-  const I = v ? d === "small" ? 28 : 34 : void 0, B = () => {
-    if (!F)
-      return j;
-    const K = G !== j;
-    return C || H(G), K && (n == null || n(G), r == null || r(G)), G;
+    le || U(K);
+  }, [K, le]);
+  const ve = f === "password", de = ve && w && !c && !y, we = u && pe && !c && (L || $), ye = d === "small" ? 32 : 44;
+  let I = 12;
+  we && de ? I = ye * 2 : (we || de) && (I = ye);
+  const B = v ? d === "small" ? 28 : 34 : void 0, G = () => {
+    if (!q)
+      return K;
+    const J = _ !== K;
+    return H || X(_), J && (n == null || n(_), r == null || r(_)), _;
   }, V = () => {
-    X(j);
-  }, J = () => {
-    var K, Q, je;
-    if (F) {
-      X(""), i == null || i(), (K = x.current) == null || K.focus();
+    U(K);
+  }, ft = () => {
+    var J, Z, Ge;
+    if (q) {
+      U(""), i == null || i(), (J = x.current) == null || J.focus();
       return;
     }
-    C || H(""), n == null || n(""), i == null || i(), y ? (Q = $.current) == null || Q.focus() : (je = x.current) == null || je.focus();
-  }, We = (K) => {
-    if (F && K.key === "Escape") {
-      K.preventDefault(), R.current = !0, V(), K.currentTarget.blur();
+    H || X(""), n == null || n(""), i == null || i(), y ? (Z = C.current) == null || Z.focus() : (Ge = x.current) == null || Ge.focus();
+  }, He = (J) => {
+    if (q && J.key === "Escape") {
+      J.preventDefault(), T.current = !0, V(), J.currentTarget.blur();
       return;
     }
-    if (K.key === "Enter" && !y) {
-      const Q = F ? B() : j;
-      F && (K.preventDefault(), R.current = !0, K.currentTarget.blur()), o == null || o(Q);
+    if (J.key === "Enter" && !y) {
+      const Z = q ? G() : K;
+      q && (J.preventDefault(), T.current = !0, J.currentTarget.blur()), o == null || o(Z);
     }
-  }, He = (K) => {
-    const Q = K.target.value;
-    if (F) {
-      X(Q), n == null || n(Q);
+  }, Ve = (J) => {
+    const Z = J.target.value;
+    if (q) {
+      U(Z), n == null || n(Z);
       return;
     }
-    C || H(Q), n == null || n(Q);
-  }, Ve = () => {
-    k(!0), F && X(j);
+    H || X(Z), n == null || n(Z);
   }, Oe = () => {
-    if (F && R.current) {
-      R.current = !1, k(!1);
+    k(!0), q && U(K);
+  }, Fe = () => {
+    if (q && T.current) {
+      T.current = !1, k(!1);
       return;
     }
-    F && B(), k(!1);
-  }, Fe = `nc-input ${d === "small" ? "nc-small " : ""}${!y && m === "plain" ? "nc-plain " : ""}${_ ? "nc-error " : ""}${b}`;
-  return /* @__PURE__ */ N("div", { className: "nc-col", style: { position: "relative", flex: 1, ...A }, children: [
-    l && /* @__PURE__ */ s("span", { className: "nc-label", children: l }),
-    /* @__PURE__ */ N("div", { style: { position: "relative", display: "flex", alignItems: y ? "flex-start" : "center" }, children: [
-      v && /* @__PURE__ */ s("span", { className: "nc-input-leading-icon", style: { height: y ? void 0 : "100%", top: y ? 10 : void 0 }, children: v }),
-      y ? /* @__PURE__ */ s(
-        "textarea",
-        {
-          ref: $,
-          className: Fe,
-          placeholder: a,
-          value: re,
-          onChange: He,
-          onKeyDown: We,
-          onFocus: Ve,
-          onBlur: Oe,
-          readOnly: c,
-          "aria-disabled": c,
-          tabIndex: c ? -1 : void 0,
-          rows: h,
-          style: {
-            width: "100%",
-            paddingRight: fe,
-            ...I !== void 0 ? { paddingLeft: I } : {}
-          }
-        }
-      ) : /* @__PURE__ */ s(
-        "input",
-        {
-          ref: x,
-          type: de && E ? "text" : f,
-          className: Fe,
-          placeholder: a,
-          value: re,
-          onChange: He,
-          onKeyDown: We,
-          onFocus: Ve,
-          onBlur: Oe,
-          readOnly: c,
-          "aria-disabled": c,
-          tabIndex: c ? -1 : void 0,
-          style: {
-            width: "100%",
-            paddingRight: fe,
-            ...I !== void 0 ? { paddingLeft: I } : {}
-          }
-        }
-      ),
-      ue && /* @__PURE__ */ s(Bt, { onClick: J, size: d, rightOffset: ae ? pe + 4 : 4 }),
-      ae && /* @__PURE__ */ s(Dt, { visible: E, onClick: () => S(!E), size: d })
-    ] }),
-    _ && g && /* @__PURE__ */ s("span", { className: "nc-error-message", children: U })
-  ] });
+    q && G(), k(!1);
+  }, je = `nc-input ${d === "small" ? "nc-small " : ""}${!y && m === "plain" ? "nc-plain " : ""}${z ? "nc-error " : ""}${b}`;
+  return /* @__PURE__ */ N(
+    "div",
+    {
+      className: "nc-col",
+      style: { position: "relative", flex: 1, ...A },
+      onMouseEnter: () => P(!0),
+      onMouseLeave: () => P(!1),
+      children: [
+        l && /* @__PURE__ */ s("span", { className: "nc-label", children: l }),
+        /* @__PURE__ */ N("div", { style: { position: "relative", display: "flex", alignItems: y ? "flex-start" : "center" }, children: [
+          v && /* @__PURE__ */ s("span", { className: "nc-input-leading-icon", style: { height: y ? void 0 : "100%", top: y ? 10 : void 0 }, children: v }),
+          y ? /* @__PURE__ */ s(
+            "textarea",
+            {
+              ref: C,
+              className: je,
+              placeholder: a,
+              value: pe,
+              onChange: Ve,
+              onKeyDown: He,
+              onFocus: Oe,
+              onBlur: Fe,
+              readOnly: c,
+              "aria-disabled": c,
+              tabIndex: c ? -1 : void 0,
+              rows: h,
+              style: {
+                width: "100%",
+                paddingRight: I,
+                ...B !== void 0 ? { paddingLeft: B } : {}
+              }
+            }
+          ) : /* @__PURE__ */ s(
+            "input",
+            {
+              ref: x,
+              type: ve && E ? "text" : f,
+              className: je,
+              placeholder: a,
+              value: pe,
+              onChange: Ve,
+              onKeyDown: He,
+              onFocus: Oe,
+              onBlur: Fe,
+              readOnly: c,
+              "aria-disabled": c,
+              tabIndex: c ? -1 : void 0,
+              style: {
+                width: "100%",
+                paddingRight: I,
+                ...B !== void 0 ? { paddingLeft: B } : {}
+              }
+            }
+          ),
+          we && /* @__PURE__ */ s(Wt, { onClick: ft, size: d, rightOffset: de ? ye + 4 : 4 }),
+          de && /* @__PURE__ */ s(Ht, { visible: E, onClick: () => S(!E), size: d })
+        ] }),
+        z && g && /* @__PURE__ */ s("span", { className: "nc-error-message", children: j })
+      ]
+    }
+  );
 }
-function nr({
+function or({
   children: e,
   onClick: t,
   showBorder: n = !0,
   selectable: r = !1,
   style: o
 }) {
-  const [i, a] = Le.useState(!1);
+  const [i, a] = ze.useState(!1);
   return /* @__PURE__ */ s(
     "div",
     {
@@ -1031,7 +1058,7 @@ function nr({
     }
   );
 }
-function rr({ title: e, titleTools: t, children: n, style: r }) {
+function sr({ 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 }),
@@ -1046,8 +1073,8 @@ function rr({ title: e, titleTools: t, children: n, style: r }) {
     )
   ] });
 }
-function or({ values: e, onChange: t, options: n, placeholder: r = "Select…", label: o }) {
-  const [i, a] = T(!1), [c, l] = T(""), u = O(null), f = Ce(() => n.filter((d) => d.label.toLowerCase().includes(c.toLowerCase())), [n, c]);
+function ir({ values: e, onChange: t, options: n, placeholder: r = "Select…", label: o }) {
+  const [i, a] = R(!1), [c, l] = R(""), u = F(null), f = Me(() => n.filter((d) => d.label.toLowerCase().includes(c.toLowerCase())), [n, c]);
   D(() => {
     function d(m) {
       !(m.target instanceof Node) || !u.current || u.current.contains(m.target) || a(!1);
@@ -1100,7 +1127,7 @@ function or({ values: e, onChange: t, options: n, placeholder: r = "Select…",
     ] })
   ] });
 }
-function Ne(e) {
+function Se(e) {
   if (!e) return null;
   const t = /^\d{2}-\d{1,2}$/, n = /^\d{4}-\d{1,2}$/;
   if (!t.test(e) && !n.test(e))
@@ -1108,7 +1135,7 @@ function Ne(e) {
   const r = e.split("-"), o = parseInt(r[1], 10);
   return o < 1 || o > 12 ? "Month must be between 1 and 12" : null;
 }
-function xe(e) {
+function Ne(e) {
   if (!e) return "";
   const t = e.split("-");
   if (t.length !== 2) return e;
@@ -1120,18 +1147,18 @@ function xe(e) {
   }
   return `${n}-${r}`;
 }
-function Ge(e) {
+function Ye(e) {
   if (!e) return "";
-  const t = xe(e);
+  const t = Ne(e);
   if (!/^\d{4}-\d{2}$/.test(t)) return e;
   const [n, r] = t.split("-");
   return `${n}/${r}`;
 }
-function Ye() {
+function Ke() {
   const e = /* @__PURE__ */ new Date(), t = e.getFullYear(), n = String(e.getMonth() + 1).padStart(2, "0");
   return `${t}-${n}`;
 }
-function sr({
+function cr({
   startMonth: e,
   endMonth: t,
   onChange: n,
@@ -1140,41 +1167,41 @@ function sr({
   disabled: i = !1,
   size: a = "default"
 }) {
-  const [c, l] = T(!1), [u, f] = T(""), [b, d] = T(""), [m, A] = T({ top: 0, left: 0, width: 0, right: void 0 }), v = O(null), w = O(null);
+  const [c, l] = R(!1), [u, f] = R(""), [b, d] = R(""), [m, A] = R({ top: 0, left: 0, width: 0, right: void 0 }), v = F(null), w = F(null);
   D(() => {
     if (c && v.current) {
-      const k = v.current.getBoundingClientRect(), z = Math.max(k.width, 400);
-      window.innerWidth - k.left < z && k.right >= z ? A({
+      const k = v.current.getBoundingClientRect(), P = Math.max(k.width, 400);
+      window.innerWidth - k.left < P && k.right >= P ? A({
         top: k.bottom + 4,
         left: 0,
         // Not used but type needs it, let's just use 0
         right: window.innerWidth - k.right,
-        width: z
+        width: P
       }) : A({
         top: k.bottom + 4,
         left: k.left,
         right: void 0,
-        width: z
+        width: P
       });
     }
   }, [c]), D(() => {
     if (!c) return;
-    const k = (C) => {
-      v.current && !v.current.contains(C.target) && w.current && !w.current.contains(C.target) && l(!1);
+    const k = ($) => {
+      v.current && !v.current.contains($.target) && w.current && !w.current.contains($.target) && l(!1);
     };
     return document.addEventListener("mousedown", k), () => document.removeEventListener("mousedown", k);
   }, [c]);
   const y = () => {
-    f(e || Ye()), d(t || Ye()), l(!0);
+    f(e || Ke()), d(t || Ke()), l(!0);
   }, h = () => {
     l(!1);
   }, p = () => {
-    const k = Ne(u), C = Ne(b);
-    if (k || C)
+    const k = Se(u), $ = Se(b);
+    if (k || $)
       return;
-    const z = xe(u), H = xe(b);
-    z && H && (n == null || n(z, H)), l(!1);
-  }, g = e && t ? `${Ge(e)} - ${Ge(t)}` : "Select month range", x = Ne(u), $ = Ne(b), R = xe(u), E = xe(b), S = R && E && R > E, L = c ? ke(
+    const P = Ne(u), H = Ne(b);
+    P && H && (n == null || n(P, H)), l(!1);
+  }, g = e && t ? `${Ye(e)} - ${Ye(t)}` : "Select month range", x = Se(u), C = Se(b), T = Ne(u), E = Ne(b), S = T && E && T > E, L = c ? Ae(
     /* @__PURE__ */ s(
       "div",
       {
@@ -1209,27 +1236,27 @@ function sr({
                 "input",
                 {
                   type: "text",
-                  className: `nc-month-input ${$ ? "nc-error" : ""}`,
+                  className: `nc-month-input ${C ? "nc-error" : ""}`,
                   value: b,
                   onChange: (k) => d(k.target.value),
                   placeholder: "YY-M(M) or YYYY-M(M)"
                 }
               ),
-              $ && /* @__PURE__ */ s("div", { className: "nc-month-error-text", children: $ })
+              C && /* @__PURE__ */ s("div", { className: "nc-month-error-text", children: C })
             ] })
           ] }),
-          S && !x && !$ && /* @__PURE__ */ s("div", { className: "nc-month-range-error", children: "End month must be after or equal to start month" }),
+          S && !x && !C && /* @__PURE__ */ s("div", { className: "nc-month-range-error", children: "End month must be after or equal to start month" }),
           /* @__PURE__ */ N("div", { className: "nc-month-range-picker-footer", children: [
             /* @__PURE__ */ s(
-              ee,
+              te,
               {
                 variant: "primary",
                 onClick: p,
-                disabled: !u || !b || !!x || !!$ || !!S,
+                disabled: !u || !b || !!x || !!C || !!S,
                 children: "Apply"
               }
             ),
-            /* @__PURE__ */ s(ee, { variant: "ghost", onClick: h, children: "Cancel" })
+            /* @__PURE__ */ s(te, { variant: "ghost", onClick: h, children: "Cancel" })
           ] })
         ] })
       }
@@ -1251,7 +1278,7 @@ function sr({
     L
   ] });
 }
-function ir({ value: e, onChange: t, min: n, max: r, step: o = 1, label: i, disabled: a, size: c = "default" }) {
+function ar({ 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)));
@@ -1299,7 +1326,7 @@ function ir({ value: e, onChange: t, min: n, max: r, step: o = 1, label: i, disa
     ] })
   ] });
 }
-function cr({
+function lr({
   value: e,
   onChange: t,
   min: n = 0,
@@ -1351,13 +1378,13 @@ function cr({
     ] })
   ] });
 }
-const Wt = ({ 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 Ht({ children: e, className: t = "", style: n }) {
+const Vt = ({ 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 Ot({ children: e, className: t = "", style: n }) {
   return /* @__PURE__ */ s("div", { className: `nc-tab-panel ${t}`, style: n, children: e });
 }
-function ar({ active: e, children: t, keepMounted: n = !1, className: r = "", style: o }) {
-  const i = kt.toArray(t).filter(
-    (c) => Nt(c) && (c.type === Ht || c.type.displayName === "TabPanel")
+function dr({ active: e, children: t, keepMounted: n = !1, className: r = "", style: o }) {
+  const i = At.toArray(t).filter(
+    (c) => St(c) && (c.type === Ot || c.type.displayName === "TabPanel")
   );
   if (n)
     return /* @__PURE__ */ s("div", { className: `nc-tab-panels ${r}`, style: o, children: i.map((c) => {
@@ -1376,17 +1403,17 @@ function ar({ active: e, children: t, keepMounted: n = !1, className: r = "", st
   const a = i.find((c) => c.props.tab === e);
   return /* @__PURE__ */ s("div", { className: `nc-tab-panels ${r}`, style: o, children: a });
 }
-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 = O(null), [b, d] = T(!1), [m, A] = T(!1), v = l === "verticalLeft" || l === "verticalRight", w = O(!1), y = O(0), h = O(0), p = O(!1);
+function ur({ tabs: e, active: t, onChange: n, onClose: r, permanentTabs: o, className: i, toolbar: a, multiline: c, orientation: l = "horizontal", style: u }) {
+  const f = F(null), [b, d] = R(!1), [m, A] = R(!1), v = l === "verticalLeft" || l === "verticalRight", w = F(!1), y = F(0), h = F(0), p = F(!1);
   D(() => {
     const S = () => {
       if (f.current)
         if (v) {
-          const { scrollTop: k, scrollHeight: C, clientHeight: z } = f.current;
-          d(k > 1), A(k < C - z - 1);
+          const { scrollTop: k, scrollHeight: $, clientHeight: P } = f.current;
+          d(k > 1), A(k < $ - P - 1);
         } else {
-          const { scrollLeft: k, scrollWidth: C, clientWidth: z } = f.current;
-          d(k > 1), A(k < C - z - 1);
+          const { scrollLeft: k, scrollWidth: $, clientWidth: P } = f.current;
+          d(k > 1), A(k < $ - P - 1);
         }
     }, L = f.current;
     if (L)
@@ -1400,10 +1427,10 @@ function lr({ tabs: e, active: t, onChange: n, onClose: r, permanentTabs: o, cla
     if (!w.current || !f.current) return;
     const L = v ? S.clientY : S.clientX, k = y.current - L;
     Math.abs(k) > 3 && (p.current = !0), v ? f.current.scrollTop = h.current + k : f.current.scrollLeft = h.current + k;
-  }, $ = () => {
+  }, C = () => {
     f.current && (w.current = !1, f.current.style.cursor = "", f.current.style.userSelect = "");
-  }, R = () => {
-    $();
+  }, T = () => {
+    C();
   };
   D(() => {
     const S = f.current;
@@ -1420,7 +1447,7 @@ function lr({ tabs: e, active: t, onChange: n, onClose: r, permanentTabs: o, cla
   };
   return /* @__PURE__ */ N("div", { className: `nc-tab-container ${v ? `nc-vertical nc-${l}` : ""} ${i || ""}`, style: u, children: [
     /* @__PURE__ */ N("div", { className: "nc-tab-scroll-wrapper", children: [
-      b && /* @__PURE__ */ s("div", { className: `nc-tab-scroll-indicator ${v ? "nc-top" : "nc-left"}`, children: v ? /* @__PURE__ */ s(Wt, { size: 16 }) : /* @__PURE__ */ s(wt, { size: 16 }) }),
+      b && /* @__PURE__ */ s("div", { className: `nc-tab-scroll-indicator ${v ? "nc-top" : "nc-left"}`, children: v ? /* @__PURE__ */ s(Vt, { size: 16 }) : /* @__PURE__ */ s(xt, { size: 16 }) }),
       /* @__PURE__ */ s(
         "div",
         {
@@ -1428,35 +1455,35 @@ function lr({ tabs: e, active: t, onChange: n, onClose: r, permanentTabs: o, cla
           className: `nc-tab-scroll ${c ? "nc-multiline" : ""}`,
           onMouseDown: g,
           onMouseMove: x,
-          onMouseUp: $,
-          onMouseLeave: R,
+          onMouseUp: C,
+          onMouseLeave: T,
           style: { cursor: "grab" },
           children: e.map((S) => {
-            const L = typeof S == "string" ? S : S.id, k = typeof S == "string" ? S : S.label, C = r && !(o != null && o.includes(L));
+            const L = typeof S == "string" ? S : S.id, k = typeof S == "string" ? S : S.label, $ = r && !(o != null && o.includes(L));
             return /* @__PURE__ */ N(
               "div",
               {
-                className: `nc-tab-item ${t === L ? "nc-active" : ""} ${C ? "nc-closable" : ""}`,
+                className: `nc-tab-item ${t === L ? "nc-active" : ""} ${$ ? "nc-closable" : ""}`,
                 onClick: () => E(L),
                 role: "button",
                 tabIndex: 0,
-                onKeyDown: (z) => {
-                  (z.key === "Enter" || z.key === " ") && n(L);
+                onKeyDown: (P) => {
+                  (P.key === "Enter" || P.key === " ") && n(L);
                 },
                 children: [
                   /* @__PURE__ */ s("span", { className: "nc-tab-label", children: v ? k : typeof k == "string" ? k.toUpperCase() : k }),
-                  C && /* @__PURE__ */ s(
+                  $ && /* @__PURE__ */ s(
                     "span",
                     {
                       className: "nc-tab-close",
                       role: "button",
                       tabIndex: 0,
                       "aria-label": `Close ${typeof k == "string" ? k : L}`,
-                      onClick: (z) => {
-                        z.stopPropagation(), r(L);
+                      onClick: (P) => {
+                        P.stopPropagation(), r(L);
                       },
-                      onKeyDown: (z) => {
-                        (z.key === "Enter" || z.key === " ") && (z.stopPropagation(), r(L));
+                      onKeyDown: (P) => {
+                        (P.key === "Enter" || P.key === " ") && (P.stopPropagation(), r(L));
                       },
                       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" }),
@@ -1471,12 +1498,12 @@ function lr({ tabs: e, active: t, onChange: n, onClose: r, permanentTabs: o, cla
           })
         }
       ),
-      m && /* @__PURE__ */ s("div", { className: `nc-tab-scroll-indicator ${v ? "nc-bottom" : "nc-right"}`, children: v ? /* @__PURE__ */ s(yt, { size: 16 }) : /* @__PURE__ */ s(xt, { size: 16 }) })
+      m && /* @__PURE__ */ s("div", { className: `nc-tab-scroll-indicator ${v ? "nc-bottom" : "nc-right"}`, children: v ? /* @__PURE__ */ s(kt, { size: 16 }) : /* @__PURE__ */ s(Nt, { size: 16 }) })
     ] }),
     a && /* @__PURE__ */ s("div", { className: "nc-tab-toolbar", children: a })
   ] });
 }
-function dr({ checked: e, onChange: t, disabled: n, label: r }) {
+function pr({ checked: e, onChange: t, disabled: n, label: r }) {
   return /* @__PURE__ */ N(
     "label",
     {
@@ -1528,7 +1555,7 @@ function dr({ checked: e, onChange: t, disabled: n, label: r }) {
     }
   );
 }
-const Ke = [
+const _e = [
   "var(--nc-csv-col-0)",
   "var(--nc-csv-col-1)",
   "var(--nc-csv-col-2)",
@@ -1540,12 +1567,12 @@ const Ke = [
   "var(--nc-csv-col-8)",
   "var(--nc-csv-col-9)"
 ];
-function Vt(e, t) {
+function Ft(e, t) {
   const r = e.slice(0, t).split(`
 `), o = r.length, a = r[o - 1].split("	"), c = a.length, l = a[c - 1].length + 1;
   return { line: o, column: c, character: l, offset: t };
 }
-function Ot(e, t, n, r) {
+function jt(e, t, n, r) {
   const o = e.split(`
 `), i = Math.max(1, Math.min(t, o.length));
   let a = 0;
@@ -1557,7 +1584,7 @@ function Ot(e, t, n, r) {
   const f = Math.max(1, Math.min(r, l[u - 1].length + 1));
   return a += f - 1, a;
 }
-function Ft(e, t) {
+function Gt(e, t) {
   const n = e.split(`
 `), r = Math.max(1, Math.min(t, n.length));
   let o = 0;
@@ -1565,14 +1592,14 @@ function Ft(e, t) {
     o += n[i].length + 1;
   return o;
 }
-const ur = At(
+const fr = Ct(
   function({ value: t, onChange: n, placeholder: r, className: o, style: i, showLineNumbers: a = !1, onCursorChange: c, highlightLine: l }, u) {
-    const f = O(null), b = O(null), d = O(null);
-    St(u, () => ({
+    const f = F(null), b = F(null), d = F(null);
+    $t(u, () => ({
       goToLine(h) {
         const p = f.current;
         if (!p) return;
-        const g = Ft(t, h);
+        const g = Gt(t, h);
         p.focus(), p.setSelectionRange(g, g);
         const x = parseFloat(getComputedStyle(p).lineHeight) || 18;
         p.scrollTop = (Math.max(1, h) - 1) * x, A(), m();
@@ -1580,15 +1607,15 @@ const ur = At(
       goToPosition(h, p, g) {
         const x = f.current;
         if (!x) return;
-        const $ = Ot(t, h, p, g);
-        x.focus(), x.setSelectionRange($, $);
-        const R = parseFloat(getComputedStyle(x).lineHeight) || 18;
-        x.scrollTop = (Math.max(1, h) - 1) * R, A(), m();
+        const C = jt(t, h, p, g);
+        x.focus(), x.setSelectionRange(C, C);
+        const T = parseFloat(getComputedStyle(x).lineHeight) || 18;
+        x.scrollTop = (Math.max(1, h) - 1) * T, A(), m();
       }
     }), [t]);
     const m = Y(() => {
       if (!c || !f.current) return;
-      const h = Vt(t, f.current.selectionStart);
+      const h = Ft(t, f.current.selectionStart);
       c(h);
     }, [c, t]), A = Y(() => {
       const h = f.current;
@@ -1601,7 +1628,7 @@ const ur = At(
       const p = parseFloat(getComputedStyle(h).lineHeight) || 18, g = (l - 1) * p, x = g + p;
       (g < h.scrollTop || x > h.scrollTop + h.clientHeight) && (h.scrollTop = g - h.clientHeight / 2 + p / 2), A();
     }, [l]);
-    const v = Ce(() => t.split(`
+    const v = Me(() => t.split(`
 `).length, [t]), w = () => {
       const h = [];
       for (let p = 1; p <= v; p++)
@@ -1611,11 +1638,11 @@ const ur = At(
       return /* @__PURE__ */ s("div", { className: "nc-csv-gutter", ref: d, children: h });
     }, y = (h) => h ? h.split(`
 `).map((g, x) => {
-      const $ = g.split("	");
+      const C = g.split("	");
       return /* @__PURE__ */ N("div", { className: `nc-csv-line ${l === x + 1 ? "nc-csv-highlight" : ""}`, children: [
-        $.map((R, E) => /* @__PURE__ */ N("span", { children: [
+        C.map((T, E) => /* @__PURE__ */ N("span", { children: [
           E > 0 && /* @__PURE__ */ s("span", { className: "nc-csv-tab-char", children: "	" }),
-          /* @__PURE__ */ s("span", { style: { color: Ke[E % Ke.length] }, children: R })
+          /* @__PURE__ */ s("span", { style: { color: _e[E % _e.length] }, children: T })
         ] }, E)),
         g === "" && `
 `
@@ -1648,27 +1675,27 @@ const ur = At(
     ] });
   }
 );
-let le = { notifications: [] };
-const Me = /* @__PURE__ */ new Set(), _e = /* @__PURE__ */ new Map();
-function Ie() {
-  const e = le.notifications.slice();
-  for (const t of Array.from(Me))
+let ue = { notifications: [] };
+const Re = /* @__PURE__ */ new Set(), Ue = /* @__PURE__ */ new Map();
+function Te() {
+  const e = ue.notifications.slice();
+  for (const t of Array.from(Re))
     try {
       t(e);
     } catch {
     }
 }
-function jt(e) {
-  Me.add(e);
+function Yt(e) {
+  Re.add(e);
   try {
-    e(le.notifications.slice());
+    e(ue.notifications.slice());
   } catch {
   }
   return () => {
-    Me.delete(e);
+    Re.delete(e);
   };
 }
-function Gt(e) {
+function Kt(e) {
   const t = `notification-${Date.now()}-${Math.random()}`, { duration: n, type: r, ...o } = e, i = {
     id: t,
     dismissible: !0,
@@ -1676,20 +1703,20 @@ function Gt(e) {
     type: r === "error" ? "danger" : r ?? "info",
     duration: n ?? 5e3
   };
-  return le.notifications = [i, ...le.notifications], Ie(), i.duration && i.duration > 0 && setTimeout(() => {
-    et(t);
+  return ue.notifications = [i, ...ue.notifications], Te(), i.duration && i.duration > 0 && setTimeout(() => {
+    tt(t);
   }, i.duration), t;
 }
-function et(e) {
-  const t = le.notifications.find((r) => r.id === e);
+function tt(e) {
+  const t = ue.notifications.find((r) => r.id === e);
   if (!t) return;
-  t.isRemoving = !0, Ie();
+  t.isRemoving = !0, Te();
   const n = window.setTimeout(() => {
-    le.notifications = le.notifications.filter((r) => r.id !== e), Ie(), _e.delete(e);
+    ue.notifications = ue.notifications.filter((r) => r.id !== e), Te(), Ue.delete(e);
   }, 300);
-  _e.set(e, n);
+  Ue.set(e, n);
 }
-function Yt({ type: e }) {
+function _t({ type: e }) {
   switch (e) {
     case "success":
       return /* @__PURE__ */ s("svg", { viewBox: "0 0 20 20", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ s(
@@ -1730,8 +1757,8 @@ function Yt({ type: e }) {
       ] });
   }
 }
-function Kt({ notification: e }) {
-  const { t } = ne(), n = e.type || "info", r = () => {
+function Ut({ notification: e }) {
+  const { t } = re(), n = e.type || "info", r = () => {
     if (e.title) return e.title;
     switch (n) {
       case "success":
@@ -1744,14 +1771,14 @@ function Kt({ notification: e }) {
         return t("common.info");
     }
   }, o = () => {
-    et(e.id);
+    tt(e.id);
   };
   return /* @__PURE__ */ s(
     "div",
     {
       className: `nc-notification nc-notification-${n}`,
       children: /* @__PURE__ */ N("div", { className: "nc-notification-content", children: [
-        /* @__PURE__ */ s("div", { className: `nc-notification-icon nc-notification-icon-${n}`, children: /* @__PURE__ */ s(Yt, { type: n }) }),
+        /* @__PURE__ */ s("div", { className: `nc-notification-icon nc-notification-icon-${n}`, children: /* @__PURE__ */ s(_t, { 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 })
@@ -1762,16 +1789,16 @@ function Kt({ notification: e }) {
             className: "nc-notification-dismiss",
             onClick: o,
             "aria-label": t("common.close"),
-            children: /* @__PURE__ */ s(Ee, { size: 16 })
+            children: /* @__PURE__ */ s(Pe, { size: 16 })
           }
         )
       ] })
     }
   );
 }
-function pr() {
-  const [e, t] = T([]), [n, r] = T(/* @__PURE__ */ new Map()), [o, i] = T(/* @__PURE__ */ new Set()), a = O(null), c = O([]);
-  return D(() => jt((u) => {
+function hr() {
+  const [e, t] = R([]), [n, r] = R(/* @__PURE__ */ new Map()), [o, i] = R(/* @__PURE__ */ new Set()), a = F(null), c = F([]);
+  return D(() => Yt((u) => {
     const f = new Set(c.current.map((d) => d.id)), b = u.filter((d) => !f.has(d.id)).map((d) => d.id);
     b.length > 0 ? (t(u), i(new Set(b)), requestAnimationFrame(() => {
       requestAnimationFrame(() => {
@@ -1824,7 +1851,7 @@ function pr() {
                   opacity: f ? 0 : 1,
                   width: "100%"
                 },
-                children: /* @__PURE__ */ s(Kt, { notification: l })
+                children: /* @__PURE__ */ s(Ut, { notification: l })
               },
               l.id
             );
@@ -1834,14 +1861,14 @@ function pr() {
     }
   );
 }
-function _t(e) {
-  return Gt(e);
+function qt(e) {
+  return Kt(e);
 }
-const fr = {
-  show: (e) => _t(e)
+const mr = {
+  show: (e) => qt(e)
 };
-function hr(e) {
-  const t = $t.createInstance(), n = {};
+function gr(e) {
+  const t = It.createInstance(), n = {};
   for (const o in e)
     n[o] = { translation: e[o] };
   const r = typeof document < "u" && document.documentElement.lang || "en";
@@ -1861,7 +1888,7 @@ function hr(e) {
       }
   }).observe(document.documentElement, { attributes: !0 }), t;
 }
-class Ut {
+class Xt {
   constructor() {
     oe(this, "apps", /* @__PURE__ */ new Map());
   }
@@ -1901,8 +1928,8 @@ class Ut {
     return this.apps.has(t);
   }
 }
-const ge = new Ut(), Ue = "nc-ui-app-state";
-class qt {
+const me = new Xt(), qe = "nc-ui-app-state";
+class Jt {
   constructor() {
     oe(this, "state");
     oe(this, "listeners", /* @__PURE__ */ new Map());
@@ -1910,7 +1937,7 @@ class qt {
   }
   loadState() {
     try {
-      const t = localStorage.getItem(Ue);
+      const t = localStorage.getItem(qe);
       if (t)
         return JSON.parse(t);
     } catch {
@@ -1919,7 +1946,7 @@ class qt {
   }
   saveState() {
     try {
-      localStorage.setItem(Ue, JSON.stringify(this.state));
+      localStorage.setItem(qe, JSON.stringify(this.state));
     } catch {
     }
   }
@@ -1949,8 +1976,8 @@ class qt {
     (r = this.listeners.get(t)) == null || r.forEach((o) => o(n));
   }
 }
-const te = new qt();
-class Xt {
+const ne = new Jt();
+class Qt {
   constructor() {
     oe(this, "apps", []);
     oe(this, "activeAppId", null);
@@ -1967,16 +1994,16 @@ class Xt {
    */
   async launchApp(t, n) {
     const { launchInBackground: r = !1 } = n || {};
-    if (!ge.has(t))
+    if (!me.has(t))
       return console.error(`Cannot launch app "${t}": not registered`), null;
     const o = this.apps.find((a) => a.appId === t);
     if (o)
-      return r || (this.setActiveApp(t), te._setActiveAppId(t)), o.ref ? o : this.waitForRef(t);
+      return r || (this.setActiveApp(t), ne._setActiveAppId(t)), o.ref ? o : this.waitForRef(t);
     const i = {
       appId: t,
       launchedAt: Date.now()
     };
-    return this.apps.push(i), r || (this.activeAppId = t, te._setActiveAppId(t)), this.notify(), this.waitForRef(t);
+    return this.apps.push(i), r || (this.activeAppId = t, ne._setActiveAppId(t)), this.notify(), this.waitForRef(t);
   }
   waitForRef(t) {
     return new Promise((n) => {
@@ -2013,7 +2040,7 @@ class Xt {
     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, te._setActiveAppId(this.activeAppId);
+      this.activeAppId = o && this.apps.length > 0 ? this.apps[this.apps.length - 1].appId : null, ne._setActiveAppId(this.activeAppId);
     }
     this.notify();
   }
@@ -2025,7 +2052,7 @@ class Xt {
       console.warn(`Cannot activate app "${t}": not running`);
       return;
     }
-    this.activeAppId !== t && (this.activeAppId = t, this.notify(), te._setActiveAppId(t));
+    this.activeAppId !== t && (this.activeAppId = t, this.notify(), ne._setActiveAppId(t));
   }
   /**
    * Toggle an app: if active, deactivate; if inactive, activate.
@@ -2043,7 +2070,7 @@ class Xt {
    * Get the currently active app definition.
    */
   getActiveApp() {
-    return this.activeAppId ? ge.get(this.activeAppId) ?? null : null;
+    return this.activeAppId ? me.get(this.activeAppId) ?? null : null;
   }
   /**
    * Get all running apps.
@@ -2069,14 +2096,14 @@ class Xt {
     this.listeners.forEach((t) => t());
   }
 }
-const q = new Xt(), tt = be(null);
-function Jt() {
-  const e = ce(tt);
+const Q = new Qt(), nt = ge(null);
+function Zt() {
+  const e = ce(nt);
   if (!e)
     throw new Error("useApp must be used inside an App");
   return e;
 }
-function Qt({ size: e = 16 }) {
+function en({ size: e = 16 }) {
   return /* @__PURE__ */ N(
     "svg",
     {
@@ -2095,7 +2122,7 @@ function Qt({ size: e = 16 }) {
     }
   );
 }
-function Zt({ title: e, onClose: t, onBack: n, toolbar: r, hideBackButton: o }) {
+function tn({ 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(
@@ -2105,18 +2132,18 @@ function Zt({ title: e, onClose: t, onBack: n, toolbar: r, hideBackButton: o })
           onClick: n,
           title: "Back",
           "aria-label": "Go back",
-          children: /* @__PURE__ */ s(Qt, { size: 16 })
+          children: /* @__PURE__ */ s(en, { size: 16 })
         }
       ),
       /* @__PURE__ */ s("span", { className: "nc-app-title-bar-title", children: e })
     ] }),
     /* @__PURE__ */ N("div", { className: "nc-app-title-bar-right", children: [
       r && /* @__PURE__ */ s("div", { className: "nc-app-title-bar-toolbar", children: r }),
-      /* @__PURE__ */ s(Qe, { onClick: t, "aria-label": "Close application" })
+      /* @__PURE__ */ s(Ze, { onClick: t, "aria-label": "Close application" })
     ] })
   ] });
 }
-class en extends Le.Component {
+class nn extends ze.Component {
   constructor(t) {
     super(t), this.state = { hasError: !1 };
   }
@@ -2127,31 +2154,15 @@ class en extends Le.Component {
     console.error(`Error loading app ${this.props.appId}:`, t, n);
   }
   render() {
-    return this.state.hasError ? /* @__PURE__ */ N(
-      "div",
-      {
-        style: {
-          display: "flex",
-          alignItems: "center",
-          justifyContent: "center",
-          flex: 1,
-          flexDirection: "column",
-          gap: "16px",
-          padding: "20px",
-          textAlign: "center",
-          color: "var(--text-secondary)"
-        },
-        children: [
-          /* @__PURE__ */ s("div", { children: "Failed to load app" }),
-          this.state.error && /* @__PURE__ */ s("div", { style: { fontSize: "12px", opacity: 0.7 }, children: this.state.error.message })
-        ]
-      }
-    ) : this.props.children;
+    return this.state.hasError ? /* @__PURE__ */ N("div", { className: "nc-app-error", children: [
+      /* @__PURE__ */ s("div", { children: "Failed to load app" }),
+      this.state.error && /* @__PURE__ */ s("div", { style: { fontSize: "12px", opacity: 0.7 }, children: this.state.error.message })
+    ] }) : this.props.children;
   }
 }
-function nt({ appId: e, isActive: t, onClose: n }) {
-  const { t: r } = ne(), o = ge.get(e), [i, a] = T(""), [c, l] = T(null), [u, f] = T(null), [b, d] = T(!1), [m, A] = T(!1);
-  Le.useEffect(() => {
+function rt({ appId: e, isActive: t, onClose: n }) {
+  const { t: r } = re(), o = me.get(e), [i, a] = R(""), [c, l] = R(null), [u, f] = R(null), [b, d] = R(!1), [m, A] = R(!1);
+  ze.useEffect(() => {
     o != null && o.titleKey && a(r(o.titleKey));
   }, [o, r]);
   const v = Y((S) => {
@@ -2168,7 +2179,7 @@ function nt({ appId: e, isActive: t, onClose: n }) {
     d(S);
   }, []), x = Y((S) => {
     A(S);
-  }, []), $ = Ce(() => ({
+  }, []), C = Me(() => ({
     setTitle: v,
     setBackHandler: w,
     clearBackHandler: y,
@@ -2180,19 +2191,14 @@ function nt({ appId: e, isActive: t, onClose: n }) {
   }), [v, w, y, h, p, g, x, n]);
   if (!o)
     return null;
-  const R = o.component, E = !o.hideTitleBar && !m;
+  const T = o.component, E = !o.hideTitleBar && !m;
   return /* @__PURE__ */ N(
     "div",
     {
-      style: {
-        display: t ? "flex" : "none",
-        flexDirection: "column",
-        flex: 1,
-        minHeight: 0
-      },
+      className: `nc-app-container${t ? "" : " nc-hidden"}`,
       children: [
         E && /* @__PURE__ */ s(
-          Zt,
+          tn,
           {
             title: i,
             onClose: n,
@@ -2204,32 +2210,16 @@ function nt({ appId: e, isActive: t, onClose: n }) {
         /* @__PURE__ */ s(
           "div",
           {
-            className: E ? "nc-app-content-wrapper" : "",
+            className: "nc-app-content-wrapper",
             style: {
               padding: o.padding,
-              flex: 1,
-              minHeight: 0,
-              display: "flex",
-              flexDirection: "column",
-              backgroundColor: "var(--nc-bg-tertiary)",
-              position: "relative"
+              overflowY: E ? "auto" : void 0
             },
-            children: /* @__PURE__ */ s(tt.Provider, { value: $, children: /* @__PURE__ */ s(en, { appId: e, children: /* @__PURE__ */ s(
-              Ct,
+            children: /* @__PURE__ */ s(nt.Provider, { value: C, children: /* @__PURE__ */ s(nn, { appId: e, children: /* @__PURE__ */ s(
+              Mt,
               {
-                fallback: /* @__PURE__ */ s(
-                  "div",
-                  {
-                    style: {
-                      display: "flex",
-                      alignItems: "center",
-                      justifyContent: "center",
-                      flex: 1
-                    },
-                    children: /* @__PURE__ */ s(Je, {})
-                  }
-                ),
-                children: /* @__PURE__ */ s(R, {})
+                fallback: /* @__PURE__ */ s("div", { className: "nc-app-loading", children: /* @__PURE__ */ s(Qe, {}) }),
+                children: /* @__PURE__ */ s(T, {})
               }
             ) }) })
           }
@@ -2238,21 +2228,21 @@ function nt({ appId: e, isActive: t, onClose: n }) {
     }
   );
 }
-const Ae = 768, Se = 1024, rt = {
+const Ce = 768, $e = 1024, ot = {
   isMobile: !1,
   isTablet: !1,
   isDesktop: !0,
   width: typeof window < "u" ? window.innerWidth : 1024,
   height: typeof window < "u" ? window.innerHeight : 768
-}, ot = be(rt);
-function mr({ children: e }) {
-  const [t, n] = T(() => {
-    if (typeof window > "u") return rt;
+}, st = ge(ot);
+function br({ children: e }) {
+  const [t, n] = R(() => {
+    if (typeof window > "u") return ot;
     const r = window.innerWidth, o = window.innerHeight;
     return {
-      isMobile: r < Ae,
-      isTablet: r >= Ae && r < Se,
-      isDesktop: r >= Se,
+      isMobile: r < Ce,
+      isTablet: r >= Ce && r < $e,
+      isDesktop: r >= $e,
       width: r,
       height: o
     };
@@ -2261,54 +2251,54 @@ function mr({ children: e }) {
     const r = () => {
       const o = window.innerWidth, i = window.innerHeight;
       n({
-        isMobile: o < Ae,
-        isTablet: o >= Ae && o < Se,
-        isDesktop: o >= Se,
+        isMobile: o < Ce,
+        isTablet: o >= Ce && o < $e,
+        isDesktop: o >= $e,
         width: o,
         height: i
       });
     };
     return window.addEventListener("resize", r), () => window.removeEventListener("resize", r);
-  }, []), /* @__PURE__ */ s(ot.Provider, { value: t, children: e });
+  }, []), /* @__PURE__ */ s(st.Provider, { value: t, children: e });
 }
-function st() {
-  return ce(ot);
+function it() {
+  return ce(st);
 }
-const Pe = "-", tn = (e) => {
-  const t = rn(e), {
+const Be = "-", rn = (e) => {
+  const t = sn(e), {
     conflictingClassGroups: n,
     conflictingClassGroupModifiers: r
   } = e;
   return {
     getClassGroupId: (a) => {
-      const c = a.split(Pe);
-      return c[0] === "" && c.length !== 1 && c.shift(), it(c, t) || nn(a);
+      const c = a.split(Be);
+      return c[0] === "" && c.length !== 1 && c.shift(), ct(c, t) || on(a);
     },
     getConflictingClassGroupIds: (a, c) => {
       const l = n[a] || [];
       return c && r[a] ? [...l, ...r[a]] : l;
     }
   };
-}, it = (e, t) => {
+}, ct = (e, t) => {
   var a;
   if (e.length === 0)
     return t.classGroupId;
-  const n = e[0], r = t.nextPart.get(n), o = r ? it(e.slice(1), r) : void 0;
+  const n = e[0], r = t.nextPart.get(n), o = r ? ct(e.slice(1), r) : void 0;
   if (o)
     return o;
   if (t.validators.length === 0)
     return;
-  const i = e.join(Pe);
+  const i = e.join(Be);
   return (a = t.validators.find(({
     validator: c
   }) => c(i))) == null ? void 0 : a.classGroupId;
-}, qe = /^\[(.+)\]$/, nn = (e) => {
-  if (qe.test(e)) {
-    const t = qe.exec(e)[1], n = t == null ? void 0 : t.substring(0, t.indexOf(":"));
+}, Xe = /^\[(.+)\]$/, on = (e) => {
+  if (Xe.test(e)) {
+    const t = Xe.exec(e)[1], n = t == null ? void 0 : t.substring(0, t.indexOf(":"));
     if (n)
       return "arbitrary.." + n;
   }
-}, rn = (e) => {
+}, sn = (e) => {
   const {
     theme: t,
     prefix: n
@@ -2316,19 +2306,19 @@ const Pe = "-", tn = (e) => {
     nextPart: /* @__PURE__ */ new Map(),
     validators: []
   };
-  return sn(Object.entries(e.classGroups), n).forEach(([i, a]) => {
-    Re(a, r, i, t);
+  return an(Object.entries(e.classGroups), n).forEach(([i, a]) => {
+    Ee(a, r, i, t);
   }), r;
-}, Re = (e, t, n, r) => {
+}, Ee = (e, t, n, r) => {
   e.forEach((o) => {
     if (typeof o == "string") {
-      const i = o === "" ? t : Xe(t, o);
+      const i = o === "" ? t : Je(t, o);
       i.classGroupId = n;
       return;
     }
     if (typeof o == "function") {
-      if (on(o)) {
-        Re(o(r), t, n, r);
+      if (cn(o)) {
+        Ee(o(r), t, n, r);
         return;
       }
       t.validators.push({
@@ -2338,21 +2328,21 @@ const Pe = "-", tn = (e) => {
       return;
     }
     Object.entries(o).forEach(([i, a]) => {
-      Re(a, Xe(t, i), n, r);
+      Ee(a, Je(t, i), n, r);
     });
   });
-}, Xe = (e, t) => {
+}, Je = (e, t) => {
   let n = e;
-  return t.split(Pe).forEach((r) => {
+  return t.split(Be).forEach((r) => {
     n.nextPart.has(r) || n.nextPart.set(r, {
       nextPart: /* @__PURE__ */ new Map(),
       validators: []
     }), n = n.nextPart.get(r);
   }), n;
-}, on = (e) => e.isThemeGetter, sn = (e, t) => t ? e.map(([n, r]) => {
+}, cn = (e) => e.isThemeGetter, an = (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, cn = (e) => {
+}) : e, ln = (e) => {
   if (e < 1)
     return {
       get: () => {
@@ -2376,7 +2366,7 @@ const Pe = "-", tn = (e) => {
       n.has(i) ? n.set(i, a) : o(i, a);
     }
   };
-}, ct = "!", an = (e) => {
+}, at = "!", dn = (e) => {
   const {
     separator: t,
     experimentalParseClassName: n
@@ -2397,7 +2387,7 @@ const Pe = "-", tn = (e) => {
       }
       y === "[" ? u++ : y === "]" && u--;
     }
-    const d = l.length === 0 ? c : c.substring(f), m = d.startsWith(ct), A = m ? d.substring(1) : d, v = b && b > f ? b - f : void 0;
+    const d = l.length === 0 ? c : c.substring(f), m = d.startsWith(at), A = m ? d.substring(1) : d, v = b && b > f ? b - f : void 0;
     return {
       modifiers: l,
       hasImportantModifier: m,
@@ -2409,7 +2399,7 @@ const Pe = "-", tn = (e) => {
     className: c,
     parseClassName: a
   }) : a;
-}, ln = (e) => {
+}, un = (e) => {
   if (e.length <= 1)
     return e;
   const t = [];
@@ -2417,16 +2407,16 @@ const Pe = "-", tn = (e) => {
   return e.forEach((r) => {
     r[0] === "[" ? (t.push(...n.sort(), r), n = []) : n.push(r);
   }), t.push(...n.sort()), t;
-}, dn = (e) => ({
-  cache: cn(e.cacheSize),
-  parseClassName: an(e),
-  ...tn(e)
-}), un = /\s+/, pn = (e, t) => {
+}, pn = (e) => ({
+  cache: ln(e.cacheSize),
+  parseClassName: dn(e),
+  ...rn(e)
+}), fn = /\s+/, hn = (e, t) => {
   const {
     parseClassName: n,
     getClassGroupId: r,
     getConflictingClassGroupIds: o
-  } = t, i = [], a = e.trim().split(un);
+  } = t, i = [], a = e.trim().split(fn);
   let c = "";
   for (let l = a.length - 1; l >= 0; l -= 1) {
     const u = a[l], {
@@ -2447,7 +2437,7 @@ const Pe = "-", tn = (e) => {
       }
       A = !1;
     }
-    const w = ln(f).join(":"), y = b ? w + ct : w, h = y + v;
+    const w = un(f).join(":"), y = b ? w + at : w, h = y + v;
     if (i.includes(h))
       continue;
     i.push(h);
@@ -2460,79 +2450,79 @@ const Pe = "-", tn = (e) => {
   }
   return c;
 };
-function fn() {
+function mn() {
   let e = 0, t, n, r = "";
   for (; e < arguments.length; )
-    (t = arguments[e++]) && (n = at(t)) && (r && (r += " "), r += n);
+    (t = arguments[e++]) && (n = lt(t)) && (r && (r += " "), r += n);
   return r;
 }
-const at = (e) => {
+const lt = (e) => {
   if (typeof e == "string")
     return e;
   let t, n = "";
   for (let r = 0; r < e.length; r++)
-    e[r] && (t = at(e[r])) && (n && (n += " "), n += t);
+    e[r] && (t = lt(e[r])) && (n && (n += " "), n += t);
   return n;
 };
-function hn(e, ...t) {
+function gn(e, ...t) {
   let n, r, o, i = a;
   function a(l) {
     const u = t.reduce((f, b) => b(f), e());
-    return n = dn(u), r = n.cache.get, o = n.cache.set, i = c, c(l);
+    return n = pn(u), r = n.cache.get, o = n.cache.set, i = c, c(l);
   }
   function c(l) {
     const u = r(l);
     if (u)
       return u;
-    const f = pn(l, n);
+    const f = hn(l, n);
     return o(l, f), f;
   }
   return function() {
-    return i(fn.apply(null, arguments));
+    return i(mn.apply(null, arguments));
   };
 }
-const W = (e) => {
+const O = (e) => {
   const t = (n) => n[e] || [];
   return t.isThemeGetter = !0, t;
-}, lt = /^\[(?:([a-z-]+):)?(.+)\]$/i, mn = /^\d+\/\d+$/, gn = /* @__PURE__ */ new Set(["px", "full", "screen"]), bn = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, vn = /\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$/, wn = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, yn = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, xn = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, Z = (e) => me(e) || gn.has(e) || mn.test(e), se = (e) => ve(e, "length", In), me = (e) => !!e && !Number.isNaN(Number(e)), $e = (e) => ve(e, "number", me), we = (e) => !!e && Number.isInteger(Number(e)), kn = (e) => e.endsWith("%") && me(e.slice(0, -1)), M = (e) => lt.test(e), ie = (e) => bn.test(e), Nn = /* @__PURE__ */ new Set(["length", "size", "percentage"]), An = (e) => ve(e, Nn, dt), Sn = (e) => ve(e, "position", dt), Cn = /* @__PURE__ */ new Set(["image", "url"]), $n = (e) => ve(e, Cn, Tn), Mn = (e) => ve(e, "", Rn), ye = () => !0, ve = (e, t, n) => {
-  const r = lt.exec(e);
+}, dt = /^\[(?:([a-z-]+):)?(.+)\]$/i, bn = /^\d+\/\d+$/, vn = /* @__PURE__ */ new Set(["px", "full", "screen"]), wn = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, yn = /\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$/, xn = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, kn = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, Nn = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, ee = (e) => he(e) || vn.has(e) || bn.test(e), se = (e) => be(e, "length", Tn), he = (e) => !!e && !Number.isNaN(Number(e)), Ie = (e) => be(e, "number", he), xe = (e) => !!e && Number.isInteger(Number(e)), An = (e) => e.endsWith("%") && he(e.slice(0, -1)), M = (e) => dt.test(e), ie = (e) => wn.test(e), Sn = /* @__PURE__ */ new Set(["length", "size", "percentage"]), Cn = (e) => be(e, Sn, ut), $n = (e) => be(e, "position", ut), Mn = /* @__PURE__ */ new Set(["image", "url"]), In = (e) => be(e, Mn, Ln), Rn = (e) => be(e, "", En), ke = () => !0, be = (e, t, n) => {
+  const r = dt.exec(e);
   return r ? r[1] ? typeof t == "string" ? r[1] === t : t.has(r[1]) : n(r[2]) : !1;
-}, In = (e) => (
+}, Tn = (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.
-  vn.test(e) && !wn.test(e)
-), dt = () => !1, Rn = (e) => yn.test(e), Tn = (e) => xn.test(e), En = () => {
-  const e = W("colors"), t = W("spacing"), n = W("blur"), r = W("brightness"), o = W("borderColor"), i = W("borderRadius"), a = W("borderSpacing"), c = W("borderWidth"), l = W("contrast"), u = W("grayscale"), f = W("hueRotate"), b = W("invert"), d = W("gap"), m = W("gradientColorStops"), A = W("gradientColorStopPositions"), v = W("inset"), w = W("margin"), y = W("opacity"), h = W("padding"), p = W("saturate"), g = W("scale"), x = W("sepia"), $ = W("skew"), R = W("space"), E = W("translate"), S = () => ["auto", "contain", "none"], L = () => ["auto", "hidden", "clip", "visible", "scroll"], k = () => ["auto", M, t], C = () => [M, t], z = () => ["", Z, se], H = () => ["auto", me, M], j = () => ["bottom", "center", "left", "left-bottom", "left-top", "right", "right-bottom", "right-top", "top"], G = () => ["solid", "dashed", "dotted", "double", "none"], X = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], U = () => ["start", "end", "center", "between", "around", "evenly", "stretch"], _ = () => ["", "0", M], F = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], P = () => [me, M];
+  yn.test(e) && !xn.test(e)
+), ut = () => !1, En = (e) => kn.test(e), Ln = (e) => Nn.test(e), Pn = () => {
+  const e = O("colors"), t = O("spacing"), n = O("blur"), r = O("brightness"), o = O("borderColor"), i = O("borderRadius"), a = O("borderSpacing"), c = O("borderWidth"), l = O("contrast"), u = O("grayscale"), f = O("hueRotate"), b = O("invert"), d = O("gap"), m = O("gradientColorStops"), A = O("gradientColorStopPositions"), v = O("inset"), w = O("margin"), y = O("opacity"), h = O("padding"), p = O("saturate"), g = O("scale"), x = O("sepia"), C = O("skew"), T = O("space"), E = O("translate"), S = () => ["auto", "contain", "none"], L = () => ["auto", "hidden", "clip", "visible", "scroll"], k = () => ["auto", M, t], $ = () => [M, t], P = () => ["", ee, se], H = () => ["auto", he, M], ae = () => ["bottom", "center", "left", "left-bottom", "left-top", "right", "right-bottom", "right-top", "top"], X = () => ["solid", "dashed", "dotted", "double", "none"], K = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], _ = () => ["start", "end", "center", "between", "around", "evenly", "stretch"], U = () => ["", "0", M], j = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], z = () => [he, M];
   return {
     cacheSize: 500,
     separator: ":",
     theme: {
-      colors: [ye],
-      spacing: [Z, se],
+      colors: [ke],
+      spacing: [ee, se],
       blur: ["none", "", ie, M],
-      brightness: P(),
+      brightness: z(),
       borderColor: [e],
       borderRadius: ["none", "", "full", ie, M],
-      borderSpacing: C(),
-      borderWidth: z(),
-      contrast: P(),
-      grayscale: _(),
-      hueRotate: P(),
-      invert: _(),
-      gap: C(),
+      borderSpacing: $(),
+      borderWidth: P(),
+      contrast: z(),
+      grayscale: U(),
+      hueRotate: z(),
+      invert: U(),
+      gap: $(),
       gradientColorStops: [e],
-      gradientColorStopPositions: [kn, se],
+      gradientColorStopPositions: [An, se],
       inset: k(),
       margin: k(),
-      opacity: P(),
-      padding: C(),
-      saturate: P(),
-      scale: P(),
-      sepia: _(),
-      skew: P(),
-      space: C(),
-      translate: C()
+      opacity: z(),
+      padding: $(),
+      saturate: z(),
+      scale: z(),
+      sepia: U(),
+      skew: z(),
+      space: $(),
+      translate: $()
     },
     classGroups: {
       // Layout
@@ -2560,14 +2550,14 @@ const W = (e) => {
        * @see https://tailwindcss.com/docs/break-after
        */
       "break-after": [{
-        "break-after": F()
+        "break-after": j()
       }],
       /**
        * Break Before
        * @see https://tailwindcss.com/docs/break-before
        */
       "break-before": [{
-        "break-before": F()
+        "break-before": j()
       }],
       /**
        * Break Inside
@@ -2626,7 +2616,7 @@ const W = (e) => {
        * @see https://tailwindcss.com/docs/object-position
        */
       "object-position": [{
-        object: [...j(), M]
+        object: [...ae(), M]
       }],
       /**
        * Overflow
@@ -2748,7 +2738,7 @@ const W = (e) => {
        * @see https://tailwindcss.com/docs/z-index
        */
       z: [{
-        z: ["auto", we, M]
+        z: ["auto", xe, M]
       }],
       // Flexbox and Grid
       /**
@@ -2784,28 +2774,28 @@ const W = (e) => {
        * @see https://tailwindcss.com/docs/flex-grow
        */
       grow: [{
-        grow: _()
+        grow: U()
       }],
       /**
        * Flex Shrink
        * @see https://tailwindcss.com/docs/flex-shrink
        */
       shrink: [{
-        shrink: _()
+        shrink: U()
       }],
       /**
        * Order
        * @see https://tailwindcss.com/docs/order
        */
       order: [{
-        order: ["first", "last", "none", we, M]
+        order: ["first", "last", "none", xe, M]
       }],
       /**
        * Grid Template Columns
        * @see https://tailwindcss.com/docs/grid-template-columns
        */
       "grid-cols": [{
-        "grid-cols": [ye]
+        "grid-cols": [ke]
       }],
       /**
        * Grid Column Start / End
@@ -2813,7 +2803,7 @@ const W = (e) => {
        */
       "col-start-end": [{
         col: ["auto", {
-          span: ["full", we, M]
+          span: ["full", xe, M]
         }, M]
       }],
       /**
@@ -2835,7 +2825,7 @@ const W = (e) => {
        * @see https://tailwindcss.com/docs/grid-template-rows
        */
       "grid-rows": [{
-        "grid-rows": [ye]
+        "grid-rows": [ke]
       }],
       /**
        * Grid Row Start / End
@@ -2843,7 +2833,7 @@ const W = (e) => {
        */
       "row-start-end": [{
         row: ["auto", {
-          span: [we, M]
+          span: [xe, M]
         }, M]
       }],
       /**
@@ -2907,7 +2897,7 @@ const W = (e) => {
        * @see https://tailwindcss.com/docs/justify-content
        */
       "justify-content": [{
-        justify: ["normal", ...U()]
+        justify: ["normal", ..._()]
       }],
       /**
        * Justify Items
@@ -2928,7 +2918,7 @@ const W = (e) => {
        * @see https://tailwindcss.com/docs/align-content
        */
       "align-content": [{
-        content: ["normal", ...U(), "baseline"]
+        content: ["normal", ..._(), "baseline"]
       }],
       /**
        * Align Items
@@ -2949,7 +2939,7 @@ const W = (e) => {
        * @see https://tailwindcss.com/docs/place-content
        */
       "place-content": [{
-        "place-content": [...U(), "baseline"]
+        "place-content": [..._(), "baseline"]
       }],
       /**
        * Place Items
@@ -3097,7 +3087,7 @@ const W = (e) => {
        * @see https://tailwindcss.com/docs/space
        */
       "space-x": [{
-        "space-x": [R]
+        "space-x": [T]
       }],
       /**
        * Space Between X Reverse
@@ -3109,7 +3099,7 @@ const W = (e) => {
        * @see https://tailwindcss.com/docs/space
        */
       "space-y": [{
-        "space-y": [R]
+        "space-y": [T]
       }],
       /**
        * Space Between Y Reverse
@@ -3191,14 +3181,14 @@ const W = (e) => {
        * @see https://tailwindcss.com/docs/font-weight
        */
       "font-weight": [{
-        font: ["thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black", $e]
+        font: ["thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black", Ie]
       }],
       /**
        * Font Family
        * @see https://tailwindcss.com/docs/font-family
        */
       "font-family": [{
-        font: [ye]
+        font: [ke]
       }],
       /**
        * Font Variant Numeric
@@ -3242,14 +3232,14 @@ const W = (e) => {
        * @see https://tailwindcss.com/docs/line-clamp
        */
       "line-clamp": [{
-        "line-clamp": ["none", me, $e]
+        "line-clamp": ["none", he, Ie]
       }],
       /**
        * Line Height
        * @see https://tailwindcss.com/docs/line-height
        */
       leading: [{
-        leading: ["none", "tight", "snug", "normal", "relaxed", "loose", Z, M]
+        leading: ["none", "tight", "snug", "normal", "relaxed", "loose", ee, M]
       }],
       /**
        * List Style Image
@@ -3318,21 +3308,21 @@ const W = (e) => {
        * @see https://tailwindcss.com/docs/text-decoration-style
        */
       "text-decoration-style": [{
-        decoration: [...G(), "wavy"]
+        decoration: [...X(), "wavy"]
       }],
       /**
        * Text Decoration Thickness
        * @see https://tailwindcss.com/docs/text-decoration-thickness
        */
       "text-decoration-thickness": [{
-        decoration: ["auto", "from-font", Z, se]
+        decoration: ["auto", "from-font", ee, se]
       }],
       /**
        * Text Underline Offset
        * @see https://tailwindcss.com/docs/text-underline-offset
        */
       "underline-offset": [{
-        "underline-offset": ["auto", Z, M]
+        "underline-offset": ["auto", ee, M]
       }],
       /**
        * Text Decoration Color
@@ -3363,7 +3353,7 @@ const W = (e) => {
        * @see https://tailwindcss.com/docs/text-indent
        */
       indent: [{
-        indent: C()
+        indent: $()
       }],
       /**
        * Vertical Alignment
@@ -3435,7 +3425,7 @@ const W = (e) => {
        * @see https://tailwindcss.com/docs/background-position
        */
       "bg-position": [{
-        bg: [...j(), Sn]
+        bg: [...ae(), $n]
       }],
       /**
        * Background Repeat
@@ -3451,7 +3441,7 @@ const W = (e) => {
        * @see https://tailwindcss.com/docs/background-size
        */
       "bg-size": [{
-        bg: ["auto", "cover", "contain", An]
+        bg: ["auto", "cover", "contain", Cn]
       }],
       /**
        * Background Image
@@ -3460,7 +3450,7 @@ const W = (e) => {
       "bg-image": [{
         bg: ["none", {
           "gradient-to": ["t", "tr", "r", "br", "b", "bl", "l", "tl"]
-        }, $n]
+        }, In]
       }],
       /**
        * Background Color
@@ -3692,7 +3682,7 @@ const W = (e) => {
        * @see https://tailwindcss.com/docs/border-style
        */
       "border-style": [{
-        border: [...G(), "hidden"]
+        border: [...X(), "hidden"]
       }],
       /**
        * Divide Width X
@@ -3730,7 +3720,7 @@ const W = (e) => {
        * @see https://tailwindcss.com/docs/divide-style
        */
       "divide-style": [{
-        divide: G()
+        divide: X()
       }],
       /**
        * Border Color
@@ -3807,21 +3797,21 @@ const W = (e) => {
        * @see https://tailwindcss.com/docs/outline-style
        */
       "outline-style": [{
-        outline: ["", ...G()]
+        outline: ["", ...X()]
       }],
       /**
        * Outline Offset
        * @see https://tailwindcss.com/docs/outline-offset
        */
       "outline-offset": [{
-        "outline-offset": [Z, M]
+        "outline-offset": [ee, M]
       }],
       /**
        * Outline Width
        * @see https://tailwindcss.com/docs/outline-width
        */
       "outline-w": [{
-        outline: [Z, se]
+        outline: [ee, se]
       }],
       /**
        * Outline Color
@@ -3835,7 +3825,7 @@ const W = (e) => {
        * @see https://tailwindcss.com/docs/ring-width
        */
       "ring-w": [{
-        ring: z()
+        ring: P()
       }],
       /**
        * Ring Width Inset
@@ -3861,7 +3851,7 @@ const W = (e) => {
        * @see https://tailwindcss.com/docs/ring-offset-width
        */
       "ring-offset-w": [{
-        "ring-offset": [Z, se]
+        "ring-offset": [ee, se]
       }],
       /**
        * Ring Offset Color
@@ -3876,14 +3866,14 @@ const W = (e) => {
        * @see https://tailwindcss.com/docs/box-shadow
        */
       shadow: [{
-        shadow: ["", "inner", "none", ie, Mn]
+        shadow: ["", "inner", "none", ie, Rn]
       }],
       /**
        * Box Shadow Color
        * @see https://tailwindcss.com/docs/box-shadow-color
        */
       "shadow-color": [{
-        shadow: [ye]
+        shadow: [ke]
       }],
       /**
        * Opacity
@@ -3897,14 +3887,14 @@ const W = (e) => {
        * @see https://tailwindcss.com/docs/mix-blend-mode
        */
       "mix-blend": [{
-        "mix-blend": [...X(), "plus-lighter", "plus-darker"]
+        "mix-blend": [...K(), "plus-lighter", "plus-darker"]
       }],
       /**
        * Background Blend Mode
        * @see https://tailwindcss.com/docs/background-blend-mode
        */
       "bg-blend": [{
-        "bg-blend": X()
+        "bg-blend": K()
       }],
       // Filters
       /**
@@ -4105,7 +4095,7 @@ const W = (e) => {
        * @see https://tailwindcss.com/docs/transition-duration
        */
       duration: [{
-        duration: P()
+        duration: z()
       }],
       /**
        * Transition Timing Function
@@ -4119,7 +4109,7 @@ const W = (e) => {
        * @see https://tailwindcss.com/docs/transition-delay
        */
       delay: [{
-        delay: P()
+        delay: z()
       }],
       /**
        * Animation
@@ -4162,7 +4152,7 @@ const W = (e) => {
        * @see https://tailwindcss.com/docs/rotate
        */
       rotate: [{
-        rotate: [we, M]
+        rotate: [xe, M]
       }],
       /**
        * Translate X
@@ -4183,14 +4173,14 @@ const W = (e) => {
        * @see https://tailwindcss.com/docs/skew
        */
       "skew-x": [{
-        "skew-x": [$]
+        "skew-x": [C]
       }],
       /**
        * Skew Y
        * @see https://tailwindcss.com/docs/skew
        */
       "skew-y": [{
-        "skew-y": [$]
+        "skew-y": [C]
       }],
       /**
        * Transform Origin
@@ -4254,126 +4244,126 @@ const W = (e) => {
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-m": [{
-        "scroll-m": C()
+        "scroll-m": $()
       }],
       /**
        * Scroll Margin X
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mx": [{
-        "scroll-mx": C()
+        "scroll-mx": $()
       }],
       /**
        * Scroll Margin Y
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-my": [{
-        "scroll-my": C()
+        "scroll-my": $()
       }],
       /**
        * Scroll Margin Start
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-ms": [{
-        "scroll-ms": C()
+        "scroll-ms": $()
       }],
       /**
        * Scroll Margin End
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-me": [{
-        "scroll-me": C()
+        "scroll-me": $()
       }],
       /**
        * Scroll Margin Top
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mt": [{
-        "scroll-mt": C()
+        "scroll-mt": $()
       }],
       /**
        * Scroll Margin Right
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mr": [{
-        "scroll-mr": C()
+        "scroll-mr": $()
       }],
       /**
        * Scroll Margin Bottom
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mb": [{
-        "scroll-mb": C()
+        "scroll-mb": $()
       }],
       /**
        * Scroll Margin Left
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-ml": [{
-        "scroll-ml": C()
+        "scroll-ml": $()
       }],
       /**
        * Scroll Padding
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-p": [{
-        "scroll-p": C()
+        "scroll-p": $()
       }],
       /**
        * Scroll Padding X
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-px": [{
-        "scroll-px": C()
+        "scroll-px": $()
       }],
       /**
        * Scroll Padding Y
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-py": [{
-        "scroll-py": C()
+        "scroll-py": $()
       }],
       /**
        * Scroll Padding Start
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-ps": [{
-        "scroll-ps": C()
+        "scroll-ps": $()
       }],
       /**
        * Scroll Padding End
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pe": [{
-        "scroll-pe": C()
+        "scroll-pe": $()
       }],
       /**
        * Scroll Padding Top
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pt": [{
-        "scroll-pt": C()
+        "scroll-pt": $()
       }],
       /**
        * Scroll Padding Right
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pr": [{
-        "scroll-pr": C()
+        "scroll-pr": $()
       }],
       /**
        * Scroll Padding Bottom
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pb": [{
-        "scroll-pb": C()
+        "scroll-pb": $()
       }],
       /**
        * Scroll Padding Left
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pl": [{
-        "scroll-pl": C()
+        "scroll-pl": $()
       }],
       /**
        * Scroll Snap Align
@@ -4456,7 +4446,7 @@ const W = (e) => {
        * @see https://tailwindcss.com/docs/stroke-width
        */
       "stroke-w": [{
-        stroke: [Z, se, $e]
+        stroke: [ee, se, Ie]
       }],
       /**
        * Stroke
@@ -4531,30 +4521,30 @@ const W = (e) => {
       "font-size": ["leading"]
     }
   };
-}, Ln = /* @__PURE__ */ hn(En);
-function Pn(...e) {
-  return Ln(Mt(e));
+}, zn = /* @__PURE__ */ gn(Pn);
+function Bn(...e) {
+  return zn(Rt(e));
 }
-function gr({ autoWidth: e = !0, className: t, style: n }) {
-  const [r, o] = T(() => te.getActiveAppId()), [i, a] = T(() => q.getRunningApps()), { isMobile: c } = st();
+function vr({ autoWidth: e = !0, className: t, style: n }) {
+  const [r, o] = R(() => ne.getActiveAppId()), [i, a] = R(() => Q.getRunningApps()), { isMobile: c } = it();
   D(() => {
-    const w = te.subscribe("activeAppId", (y) => {
+    const w = ne.subscribe("activeAppId", (y) => {
       o(y);
     });
     return () => {
       w();
     };
-  }, []), D(() => q.subscribe(() => {
-    a(q.getRunningApps());
+  }, []), D(() => Q.subscribe(() => {
+    a(Q.getRunningApps());
   }), []), D(() => {
     if (!new URLSearchParams(window.location.search).has("app")) {
-      const h = te.getActiveAppId();
-      h && !q.isRunning(h) && q.launchApp(h);
+      const h = ne.getActiveAppId();
+      h && !Q.isRunning(h) && Q.launchApp(h);
     }
   }, []);
   const l = (w) => {
-    q.closeApp(w);
-  }, u = r ? ge.get(r) : null, b = (u == null ? void 0 : u.width) ?? 400, d = r !== null, v = { ...{
+    Q.closeApp(w);
+  }, u = r ? me.get(r) : null, b = (u == null ? void 0 : u.width) ?? 400, d = r !== null, v = { ...{
     overflow: "hidden",
     display: d ? "flex" : "none",
     flexDirection: "column",
@@ -4562,8 +4552,8 @@ function gr({ autoWidth: e = !0, className: t, style: n }) {
     // Only set width if autoWidth is enabled
     ...e && d ? { width: c ? "100%" : b } : {}
   }, ...n };
-  return /* @__PURE__ */ s("div", { className: Pn("nc-app-panel", t), style: v, children: i.map((w) => /* @__PURE__ */ s(
-    nt,
+  return /* @__PURE__ */ s("div", { className: Bn("nc-app-panel", t), style: v, children: i.map((w) => /* @__PURE__ */ s(
+    rt,
     {
       appId: w.appId,
       isActive: r === w.appId,
@@ -4572,27 +4562,27 @@ function gr({ autoWidth: e = !0, className: t, style: n }) {
     w.appId
   )) });
 }
-function br({
+function wr({
   pinnedAppIds: e,
   className: t = "",
   showIndicators: n = !0,
   side: r = "left",
   getBadge: o
 }) {
-  const { t: i } = ne(), { isMobile: a } = st(), [c, l] = T(() => te.getActiveAppId()), [u, f] = T(() => q.getRunningApps());
+  const { t: i } = re(), { isMobile: a } = it(), [c, l] = R(() => ne.getActiveAppId()), [u, f] = R(() => Q.getRunningApps());
   D(() => {
-    const p = te.subscribe("activeAppId", (g) => {
+    const p = ne.subscribe("activeAppId", (g) => {
       l(g);
     });
     return () => {
       p();
     };
-  }, []), D(() => q.subscribe(() => {
-    f(q.getRunningApps());
+  }, []), D(() => Q.subscribe(() => {
+    f(Q.getRunningApps());
   }), []);
   const b = (p) => {
-    c === p ? q.setActiveApp(null) : q.launchApp(p);
-  }, d = e.map((p) => ge.get(p)).filter((p) => !!p), m = u.filter((p) => !e.includes(p.appId)).map((p) => ({ running: p, def: ge.get(p.appId) })).filter((p) => !!p.def), A = (p) => u.some((g) => g.appId === p), v = (p) => p.titleKey ? String(i(p.titleKey)) : p.id, w = (p) => typeof p == "number" && p > 99 ? "99+" : p, y = (p, g) => {
+    c === p ? Q.setActiveApp(null) : Q.launchApp(p);
+  }, d = e.map((p) => me.get(p)).filter((p) => !!p), m = u.filter((p) => !e.includes(p.appId)).map((p) => ({ running: p, def: me.get(p.appId) })).filter((p) => !!p.def), A = (p) => u.some((g) => g.appId === p), v = (p) => p.titleKey ? String(i(p.titleKey)) : p.id, w = (p) => typeof p == "number" && p > 99 ? "99+" : p, y = (p, g) => {
     const x = o == null ? void 0 : o(p, g);
     return x ? /* @__PURE__ */ s(
       "span",
@@ -4605,17 +4595,17 @@ function br({
   }, h = a ? 24 : 28;
   return /* @__PURE__ */ N("div", { className: `nc-app-taskbar ${a ? "nc-mobile" : "nc-desktop"} nc-${r} ${t}`, children: [
     d.map((p) => {
-      const g = p.icon, x = c === p.id, $ = A(p.id), R = { isActive: x, isRunning: $, isPinned: !0 };
+      const g = p.icon, x = c === p.id, C = A(p.id), T = { isActive: x, isRunning: C, isPinned: !0 };
       return /* @__PURE__ */ N(
         "button",
         {
-          className: `nc-app-taskbar-button ${x ? "nc-active" : ""} ${$ ? "nc-running" : ""}`,
+          className: `nc-app-taskbar-button ${x ? "nc-active" : ""} ${C ? "nc-running" : ""}`,
           onClick: () => b(p.id),
           title: v(p),
           children: [
             /* @__PURE__ */ s(g, { size: h }),
-            y(p, R),
-            n && $ && /* @__PURE__ */ s("span", { className: "nc-app-taskbar-indicator" })
+            y(p, T),
+            n && C && /* @__PURE__ */ s("span", { className: "nc-app-taskbar-indicator" })
           ]
         },
         p.id
@@ -4623,16 +4613,16 @@ function br({
     }),
     m.length > 0 && /* @__PURE__ */ s("div", { className: "nc-app-taskbar-separator" }),
     m.map(({ running: p, def: g }) => {
-      const x = g.icon, $ = c === p.appId, R = { isActive: $, isRunning: !0, isPinned: !1 };
+      const x = g.icon, C = c === p.appId, T = { isActive: C, isRunning: !0, isPinned: !1 };
       return /* @__PURE__ */ N(
         "button",
         {
-          className: `nc-app-taskbar-button ${$ ? "nc-active" : ""} nc-running`,
+          className: `nc-app-taskbar-button ${C ? "nc-active" : ""} nc-running`,
           onClick: () => b(p.appId),
           title: v(g),
           children: [
             /* @__PURE__ */ s(x, { size: h }),
-            y(g, R),
+            y(g, T),
             n && /* @__PURE__ */ s("span", { className: "nc-app-taskbar-indicator" })
           ]
         },
@@ -4641,7 +4631,7 @@ function br({
     })
   ] });
 }
-function vr({
+function yr({
   appId: e,
   open: t,
   onClose: n,
@@ -4665,7 +4655,7 @@ function vr({
           style: i,
           onClick: (l) => l.stopPropagation(),
           children: /* @__PURE__ */ s(
-            nt,
+            rt,
             {
               appId: e,
               isActive: !0,
@@ -4676,32 +4666,32 @@ function vr({
       )
     }
   );
-  return ke(c, document.body);
+  return Ae(c, document.body);
 }
-const ze = be(null), ut = be(null);
-function wr() {
-  const e = ce(ze);
+const De = ge(null), pt = ge(null);
+function xr() {
+  const e = ce(De);
   if (!e)
     throw new Error("useNavStack must be used within a NavStackProvider");
   return e;
 }
-function yr() {
-  const e = ce(ut);
+function kr() {
+  const e = ce(pt);
   if (!e)
     throw new Error("useNavView must be used within NavStack");
   return e;
 }
-const Be = be(null);
-function xr({ rootView: e, children: t }) {
-  const { t: n } = ne(), r = Jt(), [o, i] = T([e]), [a, c] = T([null]), l = Y((g, x) => {
-    c(($) => {
-      const R = [...$];
-      return R[g] = x, R;
+const We = ge(null);
+function Nr({ rootView: e, children: t }) {
+  const { t: n } = re(), r = Zt(), [o, i] = R([e]), [a, c] = R([null]), l = Y((g, x) => {
+    c((C) => {
+      const T = [...C];
+      return T[g] = x, T;
     });
   }, []), u = Y((g) => {
     c((x) => {
-      const $ = [...x];
-      return $[g] = null, $;
+      const C = [...x];
+      return C[g] = null, C;
     });
   }, []), f = Y((g) => {
     i((x) => [...x, g]), c((x) => [...x, null]);
@@ -4732,10 +4722,10 @@ function xr({ rootView: e, children: t }) {
     clearToolbarAt: u,
     topIndex: v
   };
-  return /* @__PURE__ */ s(ze.Provider, { value: h, children: /* @__PURE__ */ s(Be.Provider, { value: p, children: t }) });
+  return /* @__PURE__ */ s(De.Provider, { value: h, children: /* @__PURE__ */ s(We.Provider, { value: p, children: t }) });
 }
-function zn({ index: e, children: t }) {
-  const n = ce(Be);
+function Dn({ index: e, children: t }) {
+  const n = ce(We);
   if (!n)
     throw new Error("NavViewProvider must be used within NavStackProvider");
   const { updateToolbar: r, clearToolbarAt: o, topIndex: i } = n, a = Y((u) => {
@@ -4746,16 +4736,16 @@ function zn({ index: e, children: t }) {
     setToolbar: a,
     clearToolbar: c
   };
-  return /* @__PURE__ */ s(ut.Provider, { value: l, children: t });
+  return /* @__PURE__ */ s(pt.Provider, { value: l, children: t });
 }
-function kr() {
-  const e = ce(ze), t = ce(Be);
+function Ar() {
+  const e = ce(De), t = ce(We);
   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(zn, { index: o, children: /* @__PURE__ */ s(
+    return /* @__PURE__ */ s(Dn, { index: o, children: /* @__PURE__ */ s(
       "div",
       {
         style: { display: i ? "flex" : "none", flexDirection: "column", height: "100%" },
@@ -4765,55 +4755,55 @@ function kr() {
   }) }) });
 }
 export {
-  Je as ActivityIndicator,
-  Gn as Alert,
-  nt as AppContainer,
-  tt as AppContext,
-  vr as AppDialog,
-  gr as AppPanel,
-  br as AppTaskbar,
-  Zt as AppTitleBar,
-  Yn as Battery,
-  ee as Button,
-  Kn as ButtonGroup,
-  _n as Checkbox,
-  Qe as CloseButton,
-  Un as ComboBox,
-  Zn as ContextMenu,
-  ur as CsvTextArea,
-  er as Dialog,
-  he as DialogClose,
-  Xn as EditButton,
-  Qn as Hyperlink,
-  tr as Input,
-  rr as ListGroup,
-  nr as ListGroupItem,
-  sr as MonthRangePicker,
-  or as MultiSelect,
-  kr as NavStackContainer,
-  xr as NavStackProvider,
-  Kt as Notification,
-  pr as NotificationContainer,
-  ir as NumberInput,
-  qn as RefreshButton,
-  cr as Slider,
-  Ht as TabPanel,
-  ar as TabPanels,
-  lr as Tabs,
-  dr as Toggle,
-  Jn as TrashButton,
-  mr as ViewportProvider,
-  ge as appRegistry,
-  te as appStateStore,
-  Pn as cn,
-  hr as createAppI18nFactory,
-  fr as notificationManager,
-  q as runningAppsStore,
-  _t as showNotification,
-  Jt as useApp,
-  zt as useDialog,
-  wr as useNavStack,
-  yr as useNavView,
-  st as useViewport
+  Qe as ActivityIndicator,
+  Kn as Alert,
+  rt as AppContainer,
+  nt as AppContext,
+  yr as AppDialog,
+  vr as AppPanel,
+  wr as AppTaskbar,
+  tn as AppTitleBar,
+  _n as Battery,
+  te as Button,
+  Un as ButtonGroup,
+  qn as Checkbox,
+  Ze as CloseButton,
+  Xn as ComboBox,
+  tr as ContextMenu,
+  fr as CsvTextArea,
+  nr as Dialog,
+  fe as DialogClose,
+  Qn as EditButton,
+  er as Hyperlink,
+  rr as Input,
+  sr as ListGroup,
+  or as ListGroupItem,
+  cr as MonthRangePicker,
+  ir as MultiSelect,
+  Ar as NavStackContainer,
+  Nr as NavStackProvider,
+  Ut as Notification,
+  hr as NotificationContainer,
+  ar as NumberInput,
+  Jn as RefreshButton,
+  lr as Slider,
+  Ot as TabPanel,
+  dr as TabPanels,
+  ur as Tabs,
+  pr as Toggle,
+  Zn as TrashButton,
+  br as ViewportProvider,
+  me as appRegistry,
+  ne as appStateStore,
+  Bn as cn,
+  gr as createAppI18nFactory,
+  mr as notificationManager,
+  Q as runningAppsStore,
+  qt as showNotification,
+  Zt as useApp,
+  Dt as useDialog,
+  xr as useNavStack,
+  kr as useNavView,
+  it as useViewport
 };
 //# sourceMappingURL=index.js.map