@kingsimba/nc-ui 0.1.5 → 0.1.6

package/dist/index.js

@@ -1,14 +1,14 @@
-var Ue = Object.defineProperty;
-var _e = (e, t, n) => t in e ? Ue(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
-var V = (e, t, n) => _e(e, typeof t != "symbol" ? t + "" : t, n);
+var Fe = Object.defineProperty;
+var Ke = (e, t, n) => t in e ? Fe(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
+var K = (e, t, n) => Ke(e, typeof t != "symbol" ? t + "" : t, n);
 import { jsx as s, jsxs as y } from "react/jsx-runtime";
-import ve, { useState as z, useRef as H, useMemo as we, useEffect as T, createContext as ne, useContext as q, useCallback as W, Suspense as qe } from "react";
+import ve, { useState as z, useRef as H, useMemo as we, useEffect as B, createContext as ne, useContext as q, useCallback as W, Suspense as _e } from "react";
 import { createPortal as le } from "react-dom";
 import { useTranslation as J } from "react-i18next";
-import { R as Je, C as Ee, e as Xe, T as Qe, E as Ze, V as et, b as tt, c as nt, a as rt } from "./GeneratedIcons-BMopyrwd.js";
-import ot from "i18next";
-import { c as st } from "./clsx-OuTLNxxd.js";
-function ze({
+import { R as Ue, C as Re, e as qe, T as Je, E as Xe, V as Qe, b as Ze, c as et, a as tt } from "./GeneratedIcons-BMopyrwd.js";
+import nt from "i18next";
+import { c as rt } from "./clsx-OuTLNxxd.js";
+function Ee({
   size: e = "default",
   color: t,
   overlay: n = !1,
@@ -37,37 +37,37 @@ function ze({
   );
   return n ? /* @__PURE__ */ s("div", { className: "nc-activity-indicator-overlay", children: o }) : o;
 }
-function F({ variant: e = "default", block: t, size: n = "default", className: r, disabled: o, textSelectable: i, loading: a, onClick: c, children: d, ...p }) {
-  const f = [
+function j({ variant: e = "default", block: t, size: n = "default", className: r, disabled: o, textSelectable: i, loading: c, onClick: a, children: d, ...p }) {
+  const h = [
     "nc-button",
     e !== "default" ? `nc-${e}` : "",
     t ? "nc-block" : "",
     n === "small" ? "nc-small" : "",
     n === "large" ? "nc-large" : "",
-    o || a ? "nc-disabled" : "",
+    o || c ? "nc-disabled" : "",
     i ? "nc-text-selectable" : "",
-    a ? "nc-loading" : "",
+    c ? "nc-loading" : "",
     r ?? ""
   ].filter(Boolean).join(" ");
   return /* @__PURE__ */ y(
     "button",
     {
-      className: f,
-      disabled: o || a,
+      className: h,
+      disabled: o || c,
       onClick: (l) => {
-        if (!a) {
+        if (!c) {
           if (i) {
             const u = window.getSelection();
             if (u && u.toString().length > 0)
               return;
           }
-          c == null || c(l);
+          a == null || a(l);
         }
       },
       ...p,
       children: [
-        a && /* @__PURE__ */ s(
-          ze,
+        c && /* @__PURE__ */ s(
+          Ee,
           {
             size: "small",
             className: "nc-button-spinner",
@@ -79,14 +79,14 @@ function F({ variant: e = "default", block: t, size: n = "default", className: r
     }
   );
 }
-function bn({ code: e, text: t, type: n, button: r, onAction: o }) {
+function fn({ code: e, text: t, type: n, button: r, onAction: o }) {
   return /* @__PURE__ */ y("div", { className: `nc-alert nc-${n}`, children: [
     /* @__PURE__ */ y("span", { className: `nc-alert-message nc-${n}`, children: [
       /* @__PURE__ */ s("span", { className: "nc-alert-code", children: e }),
       t
     ] }),
     r && /* @__PURE__ */ s("span", { className: "nc-alert-action", children: /* @__PURE__ */ s(
-      F,
+      j,
       {
         size: "small",
         variant: r.variant ?? (n === "error" ? "danger" : "warning"),
@@ -96,7 +96,7 @@ function bn({ code: e, text: t, type: n, button: r, onAction: o }) {
     ) })
   ] });
 }
-function vn({
+function hn({
   percentage: e = 0.5,
   status: t = "discharging",
   darkMode: n = !1,
@@ -105,7 +105,7 @@ function vn({
   const o = Math.max(0, Math.min(1, Number(e) || 0));
   let i;
   r ? o < 0.1 ? i = "var(--nc-danger)" : o < 0.2 ? i = "var(--nc-warning)" : i = "var(--nc-success)" : i = n ? "#ffffff" : "#000000";
-  const a = n ? "rgba(255, 255, 255, 0.5)" : "rgba(0, 0, 0, 0.2)", c = 24, d = 14, p = 2, f = 0, h = 12, l = 0, u = 0, m = 0, g = c, b = d, x = b - l * 2, k = g - l * 2, $ = Math.max(1, Math.min(4, b / 4)), w = o === 0 ? 0 : 0.05 + o * 0.95, C = c + p + h, S = 20, v = 0.65, I = Math.max(d, S * v), N = c + p + 1, R = (d - S * v) / 2;
+  const c = n ? "rgba(255, 255, 255, 0.5)" : "rgba(0, 0, 0, 0.2)", a = 24, d = 14, p = 2, h = 0, f = 12, l = 0, u = 0, m = 0, g = a, b = d, x = b - l * 2, k = g - l * 2, $ = Math.max(1, Math.min(4, b / 4)), w = o === 0 ? 0 : 0.05 + o * 0.95, C = a + p + f, S = 20, v = 0.65, I = Math.max(d, S * v), N = a + p + 1, R = (d - S * v) / 2;
   return /* @__PURE__ */ y(
     "svg",
     {
@@ -133,7 +133,7 @@ function vn({
               ry: $,
               width: g,
               height: b,
-              fill: a
+              fill: c
             }
           ),
           /* @__PURE__ */ s(
@@ -152,13 +152,13 @@ function vn({
           /* @__PURE__ */ s(
             "rect",
             {
-              x: c + f,
+              x: a + h,
               y: d * 0.26,
               width: p,
               height: d * 0.48,
               rx: 0.8,
               ry: 0.8,
-              fill: o === 1 ? i : a
+              fill: o === 1 ? i : c
             }
           ),
           t === "charging" ? /* @__PURE__ */ s("g", { transform: `translate(${N}, ${R}) scale(${v})`, fill: i, children: /* @__PURE__ */ s("path", { d: "M10 0 L2 11 H8 L5 20 L14 8 H8 L10 0 Z" }) }) : null
@@ -167,7 +167,7 @@ function vn({
     }
   );
 }
-function wn({
+function mn({
   value: e,
   onChange: t,
   options: n,
@@ -175,18 +175,18 @@ function wn({
   labels: o,
   size: i = "default"
 }) {
-  return /* @__PURE__ */ s("div", { className: `nc-button-group ${i === "small" ? "nc-small" : ""}`, children: n.map((a, c) => /* @__PURE__ */ s(
+  return /* @__PURE__ */ s("div", { className: `nc-button-group ${i === "small" ? "nc-small" : ""}`, children: n.map((c, a) => /* @__PURE__ */ s(
     "button",
     {
-      className: `nc-button-group-item ${e === a ? "nc-active" : ""} ${c < n.length - 1 ? "nc-has-border" : ""}`,
-      onClick: () => !r && t(a),
+      className: `nc-button-group-item ${e === c ? "nc-active" : ""} ${a < n.length - 1 ? "nc-has-border" : ""}`,
+      onClick: () => !r && t(c),
       disabled: r,
-      children: o && o[a] ? o[a] : a
+      children: o && o[c] ? o[c] : c
     },
-    a
+    c
   )) });
 }
-function it({ size: e }) {
+function ot({ 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",
     {
@@ -198,13 +198,13 @@ function it({ size: e }) {
     }
   ) });
 }
-function yn({ checked: e, onChange: t, disabled: n, label: r, size: o = "default", labelColor: i, style: a, className: c = "" }) {
+function gn({ checked: e, onChange: t, disabled: n, label: r, size: o = "default", labelColor: i, style: c, className: a = "" }) {
   const d = o === "small";
   return /* @__PURE__ */ y(
     "label",
     {
-      className: `nc-checkbox-label ${d ? "nc-small" : ""} ${n ? "nc-disabled" : ""} ${c}`.trim(),
-      style: a,
+      className: `nc-checkbox-label ${d ? "nc-small" : ""} ${n ? "nc-disabled" : ""} ${a}`.trim(),
+      style: c,
       onClick: (p) => {
         n || (p.preventDefault(), t(!e));
       },
@@ -219,7 +219,7 @@ function yn({ checked: e, onChange: t, disabled: n, label: r, size: o = "default
             onKeyDown: (p) => {
               n || (p.key === "Enter" || p.key === " ") && (p.preventDefault(), t(!e));
             },
-            children: e && /* @__PURE__ */ s(it, { size: o })
+            children: e && /* @__PURE__ */ s(ot, { size: o })
           }
         ),
         r && /* @__PURE__ */ s("span", { className: "nc-checkbox-text", style: i ? { color: i } : void 0, children: r })
@@ -227,9 +227,9 @@ function yn({ checked: e, onChange: t, disabled: n, label: r, size: o = "default
     }
   );
 }
-function at({ option: e, onChange: t, selected: n, highlighted: r, small: o }) {
-  const i = H(null), { t: a } = J();
-  return T(() => {
+function st({ option: e, onChange: t, selected: n, highlighted: r, small: o }) {
+  const i = H(null), { t: c } = J();
+  return B(() => {
     r && i.current && i.current.scrollIntoView({ block: "nearest" });
   }, [r]), /* @__PURE__ */ y(
     "div",
@@ -247,25 +247,25 @@ function at({ option: e, onChange: t, selected: n, highlighted: r, small: o }) {
         e.label,
         e.default && /* @__PURE__ */ y("span", { style: { fontSize: "0.85em", color: "var(--nc-text-weak)", marginLeft: 6 }, children: [
           "(",
-          a("common.default"),
+          c("common.default"),
           ")"
         ] })
       ]
     }
   );
 }
-function ct({
+function it({
   isOpen: e,
   options: t,
   onSelect: n,
   selectedValue: r,
   placement: o = "bottom",
   anchorRef: i,
-  small: a,
-  highlightedIndex: c = -1
+  small: c,
+  highlightedIndex: a = -1
 }) {
-  const [d, p] = z({ top: 0, left: 0, width: 0 }), [f, h] = z(o), { t: l } = J();
-  if (T(() => {
+  const [d, p] = z({ top: 0, left: 0, width: 0 }), [h, f] = z(o), { t: l } = J();
+  if (B(() => {
     if (e && i.current) {
       const m = i.current.getBoundingClientRect();
       let g = o;
@@ -273,7 +273,7 @@ function ct({
         const b = window.innerHeight - m.bottom, x = m.top;
         b < 320 && x > b && (g = "top");
       }
-      h(g), p({
+      f(g), p({
         top: g === "top" ? m.top - 4 : m.bottom + 4,
         left: m.left,
         width: m.width
@@ -286,20 +286,20 @@ function ct({
       className: "nc-combo-dropdown",
       style: {
         position: "fixed",
-        top: f === "top" ? void 0 : d.top,
-        bottom: f === "top" ? window.innerHeight - d.top : void 0,
+        top: h === "top" ? void 0 : d.top,
+        bottom: h === "top" ? window.innerHeight - d.top : void 0,
         left: d.left,
         width: d.width,
         zIndex: 1e3,
         maxHeight: 300,
         overflowY: "auto"
       },
-      children: t.length === 0 ? /* @__PURE__ */ s("div", { className: `nc-combo-dropdown-option nc-no-results ${a ? "nc-small" : ""}`, children: l("common.noResults") }) : t.map((m, g) => /* @__PURE__ */ s(at, { option: m, onChange: n, selected: m.value === r, highlighted: g === c, small: a }, m.value))
+      children: t.length === 0 ? /* @__PURE__ */ s("div", { className: `nc-combo-dropdown-option nc-no-results ${c ? "nc-small" : ""}`, children: l("common.noResults") }) : t.map((m, g) => /* @__PURE__ */ s(st, { option: m, onChange: n, selected: m.value === r, highlighted: g === a, small: c }, m.value))
     }
   );
   return le(u, document.body);
 }
-function lt({ onClick: e, small: t }) {
+function ct({ onClick: e, small: t }) {
   return /* @__PURE__ */ s(
     "button",
     {
@@ -311,7 +311,7 @@ function lt({ onClick: e, small: t }) {
     }
   );
 }
-function dt({ open: e, onClick: t, small: n }) {
+function at({ open: e, onClick: t, small: n }) {
   return /* @__PURE__ */ s(
     "button",
     {
@@ -323,39 +323,39 @@ function dt({ open: e, onClick: t, small: n }) {
     }
   );
 }
-function xn({
+function bn({
   value: e,
   onChange: t,
   placeholder: n = "Select…",
   options: r,
   disabled: o,
   label: i,
-  clearable: a = !0,
-  allowTyping: c = !1,
+  clearable: c = !0,
+  allowTyping: a = !1,
   placement: d = "bottom",
   size: p = "default",
-  style: f,
-  className: h
+  style: h,
+  className: f
 }) {
   const [l, u] = z(!1), [m, g] = z(""), [b, x] = z(-1), k = H(null), $ = H(null), w = p === "small", { t: C } = J(), S = we(() => {
     const M = m.toLowerCase();
-    return c ? r.filter((P) => P.label.toLowerCase().includes(M)) : r;
-  }, [r, m, c]);
-  T(() => {
+    return a ? r.filter((P) => P.label.toLowerCase().includes(M)) : r;
+  }, [r, m, a]);
+  B(() => {
     l && x(-1);
-  }, [l, S]), T(() => {
-    if (!a && !e && r.length > 0 && t) {
+  }, [l, S]), B(() => {
+    if (!c && !e && r.length > 0 && t) {
       const M = r.find((P) => P.default) || r[0];
       t(M.value);
     }
-  }, [a, e, r, t]), T(() => {
+  }, [c, e, r, t]), B(() => {
     function M(P) {
       var L;
       P.target instanceof Node && k.current && ((L = k.current.parentElement) != null && L.contains(P.target) || u(!1));
     }
     return document.addEventListener("mousedown", M), () => document.removeEventListener("mousedown", M);
   }, []);
-  const v = r.find((M) => M.value === e), I = v && a, N = !o && !I, R = !(l && c) && !!v, D = (M, P = !1) => {
+  const v = r.find((M) => M.value === e), I = v && c, N = !o && !I, R = !(l && a) && !!v, D = (M, P = !1) => {
     var L;
     t == null || t(M), u(!1), g(""), P && ((L = k.current) == null || L.blur());
   }, E = () => {
@@ -386,7 +386,7 @@ function xn({
         break;
     }
   };
-  return /* @__PURE__ */ y("div", { className: `nc-combo-container ${h || ""}`.trim(), style: { position: "relative", ...f }, children: [
+  return /* @__PURE__ */ y("div", { className: `nc-combo-container ${f || ""}`.trim(), style: { position: "relative", ...h }, children: [
     i && /* @__PURE__ */ s("span", { className: `nc-label ${w ? "nc-small" : ""}`, children: i }),
     /* @__PURE__ */ y(
       "div",
@@ -394,7 +394,7 @@ function xn({
         ref: $,
         style: { position: "relative", display: "flex", alignItems: "center" },
         onMouseDown: (M) => {
-          o || c && M.target === k.current || (u((P) => (!P && c && v && g(v.label), !P)), c && !l && setTimeout(() => {
+          o || a && M.target === k.current || (u((P) => (!P && a && v && g(v.label), !P)), a && !l && setTimeout(() => {
             var P, L;
             (P = k.current) == null || P.focus(), (L = k.current) == null || L.select();
           }, 0));
@@ -408,21 +408,21 @@ function xn({
               placeholder: n,
               onFocus: () => {
                 var M;
-                !o && c && (u(!0), v && (g(v.label), setTimeout(() => {
+                !o && a && (u(!0), v && (g(v.label), setTimeout(() => {
                   var P;
                   return (P = k.current) == null ? void 0 : P.select();
-                }, 0))), c || (M = k.current) == null || M.blur();
+                }, 0))), a || (M = k.current) == null || M.blur();
               },
-              onChange: (M) => c && g(M.target.value),
+              onChange: (M) => a && g(M.target.value),
               onKeyDown: Y,
-              value: l && c ? m : (v == null ? void 0 : v.label) || "",
-              readOnly: o || !c,
+              value: l && a ? m : (v == null ? void 0 : v.label) || "",
+              readOnly: o || !a,
               style: {
                 width: "100%",
                 paddingRight: N || I ? w ? 32 : 44 : 12,
-                caretColor: c ? void 0 : "transparent",
-                cursor: c ? void 0 : "pointer",
-                userSelect: c ? void 0 : "none",
+                caretColor: a ? void 0 : "transparent",
+                cursor: a ? void 0 : "pointer",
+                userSelect: a ? void 0 : "none",
                 color: R ? "transparent" : "var(--nc-text)"
               }
             }
@@ -455,15 +455,15 @@ function xn({
               ]
             }
           ),
-          I && /* @__PURE__ */ s(lt, { onClick: E, small: w }),
-          N && /* @__PURE__ */ s(dt, { open: l, onClick: () => u((M) => !M), small: w })
+          I && /* @__PURE__ */ s(ct, { onClick: E, small: w }),
+          N && /* @__PURE__ */ s(at, { open: l, onClick: () => u((M) => !M), small: w })
         ]
       }
     ),
-    /* @__PURE__ */ s(ct, { isOpen: l, options: S, onSelect: D, selectedValue: e, placement: d, anchorRef: $, small: w, highlightedIndex: b })
+    /* @__PURE__ */ s(it, { isOpen: l, options: S, onSelect: D, selectedValue: e, placement: d, anchorRef: $, small: w, highlightedIndex: b })
   ] });
 }
-function kn({ onClick: e, loading: t = !1, disabled: n = !1, size: r = "default", title: o, "aria-label": i }) {
+function vn({ onClick: e, loading: t = !1, disabled: n = !1, size: r = "default", title: o, "aria-label": i }) {
   return /* @__PURE__ */ s(
     "button",
     {
@@ -473,11 +473,11 @@ function kn({ 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(Je, { size: r === "small" ? 14 : r === "large" ? 20 : 18, className: t ? "nc-spinning" : "" })
+      children: /* @__PURE__ */ s(Ue, { size: r === "small" ? 14 : r === "large" ? 20 : 18, className: t ? "nc-spinning" : "" })
     }
   );
 }
-function Pe({ 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",
     {
@@ -487,11 +487,11 @@ function Pe({ 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(Re, { size: n === "small" ? 14 : n === "large" ? 20 : 18 })
     }
   );
 }
-function Nn({ onClick: e, disabled: t = !1, size: n = "default", title: r = "Edit", "aria-label": o = "Edit" }) {
+function wn({ onClick: e, disabled: t = !1, size: n = "default", title: r = "Edit", "aria-label": o = "Edit" }) {
   return /* @__PURE__ */ s(
     "button",
     {
@@ -501,11 +501,11 @@ function Nn({ onClick: e, disabled: t = !1, size: n = "default", title: r = "Edi
       title: r,
       "aria-label": o,
       "data-size": n,
-      children: /* @__PURE__ */ s(Xe, { size: n === "small" ? 14 : n === "large" ? 20 : 18 })
+      children: /* @__PURE__ */ s(qe, { size: n === "small" ? 14 : n === "large" ? 20 : 18 })
     }
   );
 }
-function An({ onClick: e, disabled: t = !1, size: n = "default", title: r = "Delete", "aria-label": o = "Delete" }) {
+function yn({ onClick: e, disabled: t = !1, size: n = "default", title: r = "Delete", "aria-label": o = "Delete" }) {
   return /* @__PURE__ */ s(
     "button",
     {
@@ -515,11 +515,11 @@ function An({ onClick: e, disabled: t = !1, size: n = "default", title: r = "Del
       title: r,
       "aria-label": o,
       "data-size": n,
-      children: /* @__PURE__ */ s(Qe, { size: n === "small" ? 14 : n === "large" ? 20 : 18 })
+      children: /* @__PURE__ */ s(Je, { size: n === "small" ? 14 : n === "large" ? 20 : 18 })
     }
   );
 }
-function Sn({ onClick: e, disabled: t = !1, children: n, title: r, "aria-label": o, size: i = "default" }) {
+function xn({ onClick: e, disabled: t = !1, children: n, title: r, "aria-label": o, size: i = "default" }) {
   return /* @__PURE__ */ s(
     "button",
     {
@@ -533,7 +533,7 @@ function Sn({ onClick: e, disabled: t = !1, children: n, title: r, "aria-label":
     }
   );
 }
-function Cn({
+function kn({
   open: e,
   onClose: t,
   options: n,
@@ -541,97 +541,97 @@ function Cn({
   anchor: o,
   preferredDirection: i = "down"
 }) {
-  const a = H(null), [c, d] = z({ top: 0, left: 0 }), p = o || (r == null ? void 0 : r.current);
-  if (T(() => {
-    if (!e || !p || !a.current) return;
-    const h = p.getBoundingClientRect(), l = a.current.getBoundingClientRect(), u = window.innerHeight, m = window.innerWidth, g = h.bottom + 8, b = g + l.height <= u - 8;
+  const c = H(null), [a, d] = z({ top: 0, left: 0 }), p = o || (r == null ? void 0 : r.current);
+  if (B(() => {
+    if (!e || !p || !c.current) return;
+    const f = p.getBoundingClientRect(), l = c.current.getBoundingClientRect(), u = window.innerHeight, m = window.innerWidth, g = f.bottom + 8, b = g + l.height <= u - 8;
     let x = i;
     (!b && i === "down" || i === "up" && b) && (x = "up");
     let k;
-    x === "down" ? k = g : k = h.top - l.height - 8;
-    let $ = h.left;
-    $ + l.width > m - 8 && ($ = h.right - l.width), d({
+    x === "down" ? k = g : k = f.top - l.height - 8;
+    let $ = f.left;
+    $ + l.width > m - 8 && ($ = f.right - l.width), d({
       top: Math.max(8, k),
       // Ensure minimum 8px from top
       left: Math.max(8, $)
       // Ensure minimum 8px from left
     });
-  }, [e, p, i]), T(() => {
+  }, [e, p, i]), B(() => {
     if (!e) return;
-    const h = (u) => {
-      a.current && !a.current.contains(u.target) && p && !p.contains(u.target) && t();
+    const f = (u) => {
+      c.current && !c.current.contains(u.target) && p && !p.contains(u.target) && t();
     }, l = (u) => {
       u.key === "Escape" && t();
     };
-    return document.addEventListener("mousedown", h), document.addEventListener("keydown", l), () => {
-      document.removeEventListener("mousedown", h), document.removeEventListener("keydown", l);
+    return document.addEventListener("mousedown", f), document.addEventListener("keydown", l), () => {
+      document.removeEventListener("mousedown", f), document.removeEventListener("keydown", l);
     };
   }, [e, t, p]), !e) return null;
-  const f = (h) => {
-    h.disabled || (h.onClick(), t());
+  const h = (f) => {
+    f.disabled || (f.onClick(), t());
   };
   return le(
     /* @__PURE__ */ s(
       "div",
       {
-        ref: a,
+        ref: c,
         className: "nc-context-menu",
         style: {
           position: "fixed",
-          top: `${c.top}px`,
-          left: `${c.left}px`,
+          top: `${a.top}px`,
+          left: `${a.left}px`,
           zIndex: 1e4
         },
         role: "menu",
-        children: n.map((h) => /* @__PURE__ */ y(
+        children: n.map((f) => /* @__PURE__ */ y(
           "button",
           {
-            className: `nc-context-menu-item ${h.variant === "danger" ? "nc-danger" : ""} ${h.disabled ? "nc-disabled" : ""}`,
-            onClick: () => f(h),
-            disabled: h.disabled,
+            className: `nc-context-menu-item ${f.variant === "danger" ? "nc-danger" : ""} ${f.disabled ? "nc-disabled" : ""}`,
+            onClick: () => h(f),
+            disabled: f.disabled,
             role: "menuitem",
             children: [
-              h.icon && /* @__PURE__ */ s("span", { className: "nc-context-menu-icon", children: h.icon }),
-              /* @__PURE__ */ s("span", { className: "nc-context-menu-label", children: h.label })
+              f.icon && /* @__PURE__ */ s("span", { className: "nc-context-menu-icon", children: f.icon }),
+              /* @__PURE__ */ s("span", { className: "nc-context-menu-label", children: f.label })
             ]
           },
-          h.id
+          f.id
         ))
       }
     ),
     document.body
   );
 }
-const Le = ne(null);
-function ut() {
-  const e = q(Le);
+const Pe = ne(null);
+function lt() {
+  const e = q(Pe);
   if (!e)
     throw new Error("useDialog must be used inside a Dialog component");
   return e;
 }
 function Q({ children: e, onClick: t, ...n }) {
-  const { close: r } = ut(), { t: o } = J();
-  return /* @__PURE__ */ s(F, { onClick: (a) => {
-    t == null || t(a), r();
+  const { close: r } = lt(), { t: o } = J();
+  return /* @__PURE__ */ s(j, { onClick: (c) => {
+    t == null || t(c), r();
   }, ...n, children: e ?? o("common.close") });
 }
 function Z(e) {
   if (e !== void 0)
     return typeof e == "number" ? `${e}px` : e;
 }
-function In({
+function Nn({
   open: e,
   onClose: t,
   title: n,
   children: r,
   width: o = 360,
   height: i,
-  minWidth: a,
-  minHeight: c,
+  minWidth: c,
+  minHeight: a,
   maxWidth: d = "95vw",
   maxHeight: p = "95vh",
-  footerType: f = "ok-cancel",
-  footer: h,
+  footerType: h = "ok-cancel",
+  footer: f,
   onOk: l,
   onSave: u,
   onDelete: m,
@@ -645,45 +645,45 @@ function In({
   const C = H(null), { t: S } = J(), v = { close: t }, I = (D) => {
     x && D.target === D.currentTarget && t();
   };
-  if (T(() => {
+  if (B(() => {
     e && C.current && C.current.focus();
   }, [e]), !e) return null;
   const N = () => {
-    switch (f) {
+    switch (h) {
       case "ok":
-        return /* @__PURE__ */ s("div", { className: "nc-dialog-footer", children: /* @__PURE__ */ s(F, { variant: "primary", onClick: l ?? t, disabled: k, children: S("common.ok") }) });
+        return /* @__PURE__ */ s("div", { className: "nc-dialog-footer", children: /* @__PURE__ */ s(j, { variant: "primary", onClick: l ?? t, disabled: k, children: S("common.ok") }) });
       case "ok-cancel":
         return /* @__PURE__ */ y("div", { className: "nc-dialog-footer", children: [
-          /* @__PURE__ */ s(F, { variant: "primary", onClick: l ?? t, disabled: k, children: S("common.ok") }),
-          /* @__PURE__ */ s(Q, { variant: "ghost", onClick: g, children: S("common.cancel") })
+          /* @__PURE__ */ s(j, { variant: "primary", onClick: l ?? t, disabled: k, children: S("common.ok") }),
+          /* @__PURE__ */ s(Q, { onClick: g, children: S("common.cancel") })
         ] });
       case "save-cancel":
         return /* @__PURE__ */ y("div", { className: "nc-dialog-footer", children: [
-          /* @__PURE__ */ s(F, { variant: "primary", onClick: u, disabled: k, children: S("common.save") }),
-          /* @__PURE__ */ s(Q, { variant: "ghost", onClick: g, children: S("common.cancel") })
+          /* @__PURE__ */ s(j, { variant: "primary", onClick: u, disabled: k, children: S("common.save") }),
+          /* @__PURE__ */ s(Q, { onClick: g, children: S("common.cancel") })
         ] });
       case "delete-cancel":
         return /* @__PURE__ */ y("div", { className: "nc-dialog-footer", children: [
-          /* @__PURE__ */ s(F, { variant: "danger", onClick: m, disabled: k, children: S("common.delete") }),
-          /* @__PURE__ */ s(Q, { variant: "ghost", onClick: g, children: S("common.cancel") })
+          /* @__PURE__ */ s(j, { variant: "danger", onClick: m, disabled: k, children: S("common.delete") }),
+          /* @__PURE__ */ s(Q, { onClick: g, children: S("common.cancel") })
         ] });
       case "connect":
         return /* @__PURE__ */ y("div", { className: "nc-dialog-footer", children: [
-          /* @__PURE__ */ s(F, { variant: "primary", onClick: b, disabled: k, children: S("common.connect") }),
-          /* @__PURE__ */ s(Q, { variant: "ghost", onClick: g, children: S("common.cancel") })
+          /* @__PURE__ */ s(j, { variant: "primary", onClick: b, disabled: k, children: S("common.connect") }),
+          /* @__PURE__ */ s(Q, { onClick: g, children: S("common.cancel") })
         ] });
       case "close":
         return /* @__PURE__ */ s("div", { className: "nc-dialog-footer", children: /* @__PURE__ */ s(Q, { variant: "primary" }) });
       case "gotit":
         return /* @__PURE__ */ s("div", { className: "nc-dialog-footer", children: /* @__PURE__ */ s(Q, { variant: "primary", children: S("common.gotit") }) });
       case "custom":
-        return /* @__PURE__ */ s("div", { className: "nc-dialog-footer", children: h });
+        return /* @__PURE__ */ s("div", { className: "nc-dialog-footer", children: f });
       case "none":
         return null;
       default:
         return null;
     }
-  }, R = /* @__PURE__ */ s(Le.Provider, { value: v, children: /* @__PURE__ */ s("div", { className: `nc-dialog-overlay${$ ? " nc-fullscreen" : ""}`, onClick: I, children: /* @__PURE__ */ y(
+  }, R = /* @__PURE__ */ s(Pe.Provider, { value: v, children: /* @__PURE__ */ s("div", { className: `nc-dialog-overlay${$ ? " nc-fullscreen" : ""}`, onClick: I, children: /* @__PURE__ */ y(
     "div",
     {
       ref: C,
@@ -691,8 +691,8 @@ function In({
       style: {
         width: Z(o),
         height: Z(i),
-        minWidth: Z(a),
-        minHeight: Z(c),
+        minWidth: Z(c),
+        minHeight: Z(a),
         maxWidth: Z(d),
         maxHeight: Z(p)
       },
@@ -703,7 +703,7 @@ function In({
       children: [
         !w && /* @__PURE__ */ y("div", { className: "nc-dialog-header", children: [
           /* @__PURE__ */ s("h3", { id: "nc-dialog-title", className: "nc-dialog-title", children: n }),
-          /* @__PURE__ */ s(Pe, { onClick: t, "aria-label": "Close dialog" })
+          /* @__PURE__ */ s(ze, { onClick: t, "aria-label": "Close dialog" })
         ] }),
         /* @__PURE__ */ s("div", { className: "nc-dialog-content", children: r }),
         N()
@@ -712,7 +712,7 @@ function In({
   ) }) });
   return $ ? le(R, document.body) : R;
 }
-function pt({ onClick: e, size: t = "default", rightOffset: n = 4 }) {
+function dt({ onClick: e, size: t = "default", rightOffset: n = 4 }) {
   const r = t === "small" ? 28 : 34;
   return /* @__PURE__ */ s(
     "button",
@@ -739,7 +739,7 @@ function pt({ onClick: e, size: t = "default", rightOffset: n = 4 }) {
     }
   );
 }
-function ht({ visible: e, onClick: t, size: n = "default" }) {
+function ut({ visible: e, onClick: t, size: n = "default" }) {
   const r = n === "small" ? 28 : 34, o = n === "small" ? 16 : 18;
   return /* @__PURE__ */ s(
     "button",
@@ -761,30 +761,30 @@ function ht({ visible: e, onClick: t, size: n = "default" }) {
         alignItems: "center",
         justifyContent: "center"
       },
-      children: e ? /* @__PURE__ */ s(Ze, { size: o }) : /* @__PURE__ */ s(et, { size: o })
+      children: e ? /* @__PURE__ */ s(Xe, { size: o }) : /* @__PURE__ */ s(Qe, { size: o })
     }
   );
 }
-function Mn({
+function An({
   value: e = "",
   onChange: t,
   onEnter: n,
   onClear: r,
   placeholder: o,
   disabled: i,
-  label: a,
-  clearable: c = !0,
+  label: c,
+  clearable: a = !0,
   type: d = "text",
   className: p = "",
-  size: f = "default",
-  style: h,
+  size: h = "default",
+  style: f,
   showPasswordToggle: l = !1,
   multiline: u = !1,
   rows: m = 3,
   validator: g,
   showErrorMessage: b = !0
 }) {
-  const x = H(null), k = H(null), [$, w] = z(!1), C = g ? g(e) : null, S = !!C, v = d === "password", I = v && l && !i && !u, N = c && e && !i, R = f === "small" ? 32 : 44;
+  const x = H(null), k = H(null), [$, w] = z(!1), C = g ? g(e) : null, S = !!C, v = d === "password", I = v && l && !i && !u, N = a && e && !i, R = h === "small" ? 32 : 44;
   let D = 12;
   N && I ? D = R * 2 : (N || I) && (D = R);
   const E = () => {
@@ -794,9 +794,9 @@ function Mn({
     L.key === "Enter" && !u && (n == null || n());
   }, M = (L) => {
     t == null || t(L.target.value);
-  }, P = `nc-input ${f === "small" ? "nc-small " : ""} ${S ? "nc-error " : ""}${p}`;
-  return /* @__PURE__ */ y("div", { className: "nc-col", style: { position: "relative", flex: 1, ...h }, children: [
-    a && /* @__PURE__ */ s("span", { className: "nc-label", children: a }),
+  }, P = `nc-input ${h === "small" ? "nc-small " : ""} ${S ? "nc-error " : ""}${p}`;
+  return /* @__PURE__ */ y("div", { className: "nc-col", style: { position: "relative", flex: 1, ...f }, children: [
+    c && /* @__PURE__ */ s("span", { className: "nc-label", children: c }),
     /* @__PURE__ */ y("div", { style: { position: "relative", display: "flex", alignItems: u ? "flex-start" : "center" }, children: [
       u ? /* @__PURE__ */ s(
         "textarea",
@@ -832,20 +832,20 @@ function Mn({
           }
         }
       ),
-      N && /* @__PURE__ */ s(pt, { onClick: E, size: f, rightOffset: I ? R + 4 : 4 }),
-      I && /* @__PURE__ */ s(ht, { visible: $, onClick: () => w(!$), size: f })
+      N && /* @__PURE__ */ s(dt, { onClick: E, size: h, rightOffset: I ? R + 4 : 4 }),
+      I && /* @__PURE__ */ s(ut, { visible: $, onClick: () => w(!$), size: h })
     ] }),
     S && b && /* @__PURE__ */ s("span", { className: "nc-error-message", children: C })
   ] });
 }
-function $n({
+function Sn({
   children: e,
   onClick: t,
   showBorder: n = !0,
   selectable: r = !1,
   style: o
 }) {
-  const [i, a] = ve.useState(!1);
+  const [i, c] = ve.useState(!1);
   return /* @__PURE__ */ s(
     "div",
     {
@@ -859,9 +859,9 @@ function $n({
           t(d);
         }
       },
-      onMouseDown: () => t && a(!0),
-      onMouseUp: () => a(!1),
-      onMouseLeave: () => a(!1),
+      onMouseDown: () => t && c(!0),
+      onMouseUp: () => c(!1),
+      onMouseLeave: () => c(!1),
       style: {
         cursor: t ? "pointer" : "default",
         userSelect: r ? "text" : void 0,
@@ -873,7 +873,7 @@ function $n({
     }
   );
 }
-function Rn({ title: e, titleTools: t, children: n, style: r }) {
+function Cn({ title: e, titleTools: t, children: n, style: r }) {
   return /* @__PURE__ */ y("div", { className: "nc-list-group", style: r, children: [
     (e || t) && /* @__PURE__ */ y("div", { className: "nc-list-group-title", children: [
       /* @__PURE__ */ s("div", { children: e }),
@@ -888,15 +888,15 @@ function Rn({ title: e, titleTools: t, children: n, style: r }) {
     )
   ] });
 }
-function En({ values: e, onChange: t, options: n, placeholder: r = "Select…", label: o }) {
-  const [i, a] = z(!1), [c, d] = z(""), p = H(null), f = we(() => n.filter((l) => l.label.toLowerCase().includes(c.toLowerCase())), [n, c]);
-  T(() => {
+function In({ values: e, onChange: t, options: n, placeholder: r = "Select…", label: o }) {
+  const [i, c] = z(!1), [a, d] = z(""), p = H(null), h = we(() => n.filter((l) => l.label.toLowerCase().includes(a.toLowerCase())), [n, a]);
+  B(() => {
     function l(u) {
-      !(u.target instanceof Node) || !p.current || p.current.contains(u.target) || a(!1);
+      !(u.target instanceof Node) || !p.current || p.current.contains(u.target) || c(!1);
     }
     return document.addEventListener("mousedown", l), () => document.removeEventListener("mousedown", l);
   }, []);
-  const h = (l) => {
+  const f = (l) => {
     e.includes(l) ? t(e.filter((u) => u !== l)) : t([...e, l]);
   };
   return /* @__PURE__ */ y("div", { ref: p, className: "nc-col", style: { position: "relative" }, children: [
@@ -912,7 +912,7 @@ function En({ values: e, onChange: t, options: n, placeholder: r = "Select…",
             {
               className: "nc-button nc-ghost",
               style: { padding: 0, minHeight: 0, height: 20, width: 20, display: "inline-flex", alignItems: "center", justifyContent: "center", border: "none" },
-              onClick: () => h(l),
+              onClick: () => f(l),
               "aria-label": `Remove ${u.label}`,
               children: "✕"
             }
@@ -923,26 +923,26 @@ function En({ values: e, onChange: t, options: n, placeholder: r = "Select…",
         "input",
         {
           className: "nc-input",
-          value: c,
+          value: a,
           onChange: (l) => d(l.target.value),
-          onFocus: () => a(!0),
+          onFocus: () => c(!0),
           style: { minWidth: 50, border: "none", background: "transparent", padding: 4, minHeight: 32, flex: 1 }
         }
       )
     ] }),
     i && /* @__PURE__ */ y("div", { className: "nc-combo-dropdown", style: { position: "absolute", top: "100%", left: 0, right: 0, zIndex: 10, marginTop: 4, boxShadow: "0 4px 12px var(--nc-shadow)" }, children: [
-      f.map((l) => {
+      h.map((l) => {
         const u = e.includes(l.value);
-        return /* @__PURE__ */ y("div", { className: "nc-section nc-row", style: { justifyContent: "space-between", cursor: "pointer", padding: 12 }, onMouseDown: () => h(l.value), children: [
+        return /* @__PURE__ */ y("div", { className: "nc-section nc-row", style: { justifyContent: "space-between", cursor: "pointer", padding: 12 }, onMouseDown: () => f(l.value), children: [
           /* @__PURE__ */ s("span", { children: l.label }),
           /* @__PURE__ */ s("span", { children: u ? "✔️" : "" })
         ] }, l.value);
       }),
-      f.length === 0 && /* @__PURE__ */ s("div", { className: "nc-section nc-label", children: "No results" })
+      h.length === 0 && /* @__PURE__ */ s("div", { className: "nc-section nc-label", children: "No results" })
     ] })
   ] });
 }
-const ft = [
+const pt = [
   "January",
   "February",
   "March",
@@ -964,7 +964,7 @@ function de(e) {
   const r = e.split("-"), o = parseInt(r[1], 10);
   return o < 1 || o > 12 ? "Month must be between 1 and 12" : null;
 }
-function ce(e) {
+function ae(e) {
   if (!e) return "";
   const t = e.split("-");
   if (t.length !== 2) return e;
@@ -978,16 +978,16 @@ function ce(e) {
 }
 function Ae(e) {
   if (!e) return "";
-  const t = ce(e);
+  const t = ae(e);
   if (!/^\d{4}-\d{2}$/.test(t)) return e;
   const [n, r] = t.split("-"), o = parseInt(r, 10) - 1;
-  return `${ft[o]} ${n}`;
+  return `${pt[o]} ${n}`;
 }
 function Se() {
   const e = /* @__PURE__ */ new Date(), t = e.getFullYear(), n = String(e.getMonth() + 1).padStart(2, "0");
   return `${t}-${n}`;
 }
-function zn({
+function Mn({
   startMonth: e,
   endMonth: t,
   onChange: n,
@@ -995,9 +995,9 @@ function zn({
   className: o = "",
   disabled: i = !1
 }) {
-  const [a, c] = z(!1), [d, p] = z(""), [f, h] = z(""), [l, u] = z({ top: 0, left: 0, width: 0 }), m = H(null), g = H(null);
-  T(() => {
-    if (a && m.current) {
+  const [c, a] = z(!1), [d, p] = z(""), [h, f] = z(""), [l, u] = z({ top: 0, left: 0, width: 0 }), m = H(null), g = H(null);
+  B(() => {
+    if (c && m.current) {
       const R = m.current.getBoundingClientRect();
       u({
         top: R.bottom + 4,
@@ -1005,24 +1005,24 @@ function zn({
         width: R.width
       });
     }
-  }, [a]), T(() => {
-    if (!a) return;
+  }, [c]), B(() => {
+    if (!c) return;
     const R = (D) => {
-      m.current && !m.current.contains(D.target) && g.current && !g.current.contains(D.target) && c(!1);
+      m.current && !m.current.contains(D.target) && g.current && !g.current.contains(D.target) && a(!1);
     };
     return document.addEventListener("mousedown", R), () => document.removeEventListener("mousedown", R);
-  }, [a]);
+  }, [c]);
   const b = () => {
-    p(e || Se()), h(t || Se()), c(!0);
+    p(e || Se()), f(t || Se()), a(!0);
   }, x = () => {
-    c(!1);
+    a(!1);
   }, k = () => {
-    const R = de(d), D = de(f);
+    const R = de(d), D = de(h);
     if (R || D)
       return;
-    const E = ce(d), Y = ce(f);
-    E && Y && (n == null || n(E, Y)), c(!1);
-  }, $ = e && t ? `${Ae(e)} - ${Ae(t)}` : "Select month range", w = de(d), C = de(f), S = ce(d), v = ce(f), I = S && v && S > v, N = a ? le(
+    const E = ae(d), Y = ae(h);
+    E && Y && (n == null || n(E, Y)), a(!1);
+  }, $ = e && t ? `${Ae(e)} - ${Ae(t)}` : "Select month range", w = de(d), C = de(h), S = ae(d), v = ae(h), I = S && v && S > v, N = c ? le(
     /* @__PURE__ */ s(
       "div",
       {
@@ -1058,8 +1058,8 @@ function zn({
                 {
                   type: "text",
                   className: `nc-month-input ${C ? "nc-error" : ""}`,
-                  value: f,
-                  onChange: (R) => h(R.target.value),
+                  value: h,
+                  onChange: (R) => f(R.target.value),
                   placeholder: "YY-M(M) or YYYY-M(M)"
                 }
               ),
@@ -1069,15 +1069,15 @@ function zn({
           I && !w && !C && /* @__PURE__ */ s("div", { className: "nc-month-range-error", children: "End month must be after or equal to start month" }),
           /* @__PURE__ */ y("div", { className: "nc-month-range-picker-footer", children: [
             /* @__PURE__ */ s(
-              F,
+              j,
               {
                 variant: "primary",
                 onClick: k,
-                disabled: !d || !f || !!w || !!C || !!I,
+                disabled: !d || !h || !!w || !!C || !!I,
                 children: "Apply"
               }
             ),
-            /* @__PURE__ */ s(F, { variant: "ghost", onClick: x, children: "Cancel" })
+            /* @__PURE__ */ s(j, { variant: "ghost", onClick: x, children: "Cancel" })
           ] })
         ] })
       }
@@ -1099,11 +1099,11 @@ function zn({
     N
   ] });
 }
-function Pn({ value: e, onChange: t, min: n, max: r, step: o = 1, label: i, disabled: a, size: c = "default" }) {
-  const d = c === "small", p = () => {
+function $n({ value: e, onChange: t, min: n, max: r, step: o = 1, label: i, disabled: c, size: a = "default" }) {
+  const d = a === "small", p = () => {
     const l = e - o;
     n !== void 0 && l < n || t(parseFloat(l.toFixed(10)));
-  }, f = () => {
+  }, h = () => {
     const l = e + o;
     r !== void 0 && l > r || t(parseFloat(l.toFixed(10)));
   };
@@ -1123,7 +1123,7 @@ function Pn({ value: e, onChange: t, min: n, max: r, step: o = 1, label: i, disa
           min: n,
           max: r,
           step: o,
-          disabled: a
+          disabled: c
         }
       ),
       /* @__PURE__ */ s(
@@ -1131,7 +1131,7 @@ function Pn({ value: e, onChange: t, min: n, max: r, step: o = 1, label: i, disa
         {
           className: `nc-button nc-ghost nc-number-input-button ${d ? "nc-small" : ""}`,
           onClick: p,
-          disabled: a || n !== void 0 && e <= n,
+          disabled: c || n !== void 0 && e <= n,
           children: "−"
         }
       ),
@@ -1139,30 +1139,30 @@ function Pn({ value: e, onChange: t, min: n, max: r, step: o = 1, label: i, disa
         "button",
         {
           className: `nc-button nc-ghost nc-number-input-button ${d ? "nc-small" : ""}`,
-          onClick: f,
-          disabled: a || r !== void 0 && e >= r,
+          onClick: h,
+          disabled: c || r !== void 0 && e >= r,
           children: "+"
         }
       )
     ] })
   ] });
 }
-function Ln({
+function Rn({
   value: e,
   onChange: t,
   min: n = 0,
   max: r = 100,
   step: o = 1,
   label: i,
-  disabled: a,
-  showValue: c = !0,
-  formatValue: d = (f) => f.toString(),
+  disabled: c,
+  showValue: a = !0,
+  formatValue: d = (h) => h.toString(),
   width: p = 200
 }) {
-  const f = (l) => {
+  const h = (l) => {
     const u = parseFloat(l.target.value);
     t(u);
-  }, h = (e - n) / (r - n) * 100;
+  }, f = (e - n) / (r - n) * 100;
   return /* @__PURE__ */ y("div", { className: "nc-col", style: { gap: 6 }, children: [
     i && /* @__PURE__ */ s("span", { className: "nc-label", children: i }),
     /* @__PURE__ */ y("div", { style: { display: "flex", gap: 12, alignItems: "center" }, children: [
@@ -1172,18 +1172,18 @@ function Ln({
           type: "range",
           className: "nc-slider",
           value: e,
-          onChange: f,
+          onChange: h,
           min: n,
           max: r,
           step: o,
-          disabled: a,
+          disabled: c,
           style: {
             width: p,
-            "--nc-slider-percentage": `${h}%`
+            "--nc-slider-percentage": `${f}%`
           }
         }
       ),
-      c && /* @__PURE__ */ s(
+      a && /* @__PURE__ */ s(
         "span",
         {
           style: {
@@ -1199,18 +1199,18 @@ function Ln({
     ] })
   ] });
 }
-const mt = ({ 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 Tn({ tabs: e, active: t, onChange: n, className: r, toolbar: o, multiline: i, orientation: a = "horizontal", style: c }) {
-  const d = H(null), [p, f] = z(!1), [h, l] = z(!1), u = a === "verticalLeft" || a === "verticalRight", m = H(!1), g = H(0), b = H(0), x = H(!1);
-  T(() => {
+const ft = ({ 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 En({ tabs: e, active: t, onChange: n, className: r, toolbar: o, multiline: i, orientation: c = "horizontal", style: a }) {
+  const d = H(null), [p, h] = z(!1), [f, l] = z(!1), u = c === "verticalLeft" || c === "verticalRight", m = H(!1), g = H(0), b = H(0), x = H(!1);
+  B(() => {
     const v = () => {
       if (d.current)
         if (u) {
           const { scrollTop: N, scrollHeight: R, clientHeight: D } = d.current;
-          f(N > 1), l(N < R - D - 1);
+          h(N > 1), l(N < R - D - 1);
         } else {
           const { scrollLeft: N, scrollWidth: R, clientWidth: D } = d.current;
-          f(N > 1), l(N < R - D - 1);
+          h(N > 1), l(N < R - D - 1);
         }
     }, I = d.current;
     if (I)
@@ -1229,7 +1229,7 @@ function Tn({ tabs: e, active: t, onChange: n, className: r, toolbar: o, multili
   }, C = () => {
     w();
   };
-  T(() => {
+  B(() => {
     const v = d.current;
     if (!v || u) return;
     const I = (N) => {
@@ -1242,9 +1242,9 @@ function Tn({ tabs: e, active: t, onChange: n, className: r, toolbar: o, multili
   const S = (v) => {
     x.current || n(v);
   };
-  return /* @__PURE__ */ y("div", { className: `nc-tab-container ${u ? `nc-vertical nc-${a}` : ""} ${r || ""}`, style: c, children: [
+  return /* @__PURE__ */ y("div", { className: `nc-tab-container ${u ? `nc-vertical nc-${c}` : ""} ${r || ""}`, style: a, children: [
     /* @__PURE__ */ y("div", { className: "nc-tab-scroll-wrapper", children: [
-      p && /* @__PURE__ */ s("div", { className: `nc-tab-scroll-indicator ${u ? "nc-top" : "nc-left"}`, children: u ? /* @__PURE__ */ s(mt, { size: 16 }) : /* @__PURE__ */ s(tt, { size: 16 }) }),
+      p && /* @__PURE__ */ s("div", { className: `nc-tab-scroll-indicator ${u ? "nc-top" : "nc-left"}`, children: u ? /* @__PURE__ */ s(ft, { size: 16 }) : /* @__PURE__ */ s(Ze, { size: 16 }) }),
       /* @__PURE__ */ s(
         "div",
         {
@@ -1271,12 +1271,12 @@ function Tn({ tabs: e, active: t, onChange: n, className: r, toolbar: o, multili
           ))
         }
       ),
-      h && /* @__PURE__ */ s("div", { className: `nc-tab-scroll-indicator ${u ? "nc-bottom" : "nc-right"}`, children: u ? /* @__PURE__ */ s(nt, { size: 16 }) : /* @__PURE__ */ s(rt, { size: 16 }) })
+      f && /* @__PURE__ */ s("div", { className: `nc-tab-scroll-indicator ${u ? "nc-bottom" : "nc-right"}`, children: u ? /* @__PURE__ */ s(et, { size: 16 }) : /* @__PURE__ */ s(tt, { size: 16 }) })
     ] }),
     o && /* @__PURE__ */ s("div", { className: "nc-tab-toolbar", children: o })
   ] });
 }
-function Bn({ checked: e, onChange: t, disabled: n, label: r }) {
+function zn({ checked: e, onChange: t, disabled: n, label: r }) {
   return /* @__PURE__ */ y(
     "label",
     {
@@ -1338,7 +1338,7 @@ function ge() {
     } catch {
     }
 }
-function gt(e) {
+function ht(e) {
   me.add(e);
   try {
     e(X.notifications.slice());
@@ -1348,7 +1348,7 @@ function gt(e) {
     me.delete(e);
   };
 }
-function bt(e) {
+function mt(e) {
   const t = `notification-${Date.now()}-${Math.random()}`, n = {
     id: t,
     dismissible: !0,
@@ -1356,10 +1356,10 @@ function bt(e) {
     ...e
   };
   return X.notifications = [n, ...X.notifications], ge(), n.lastingTime && n.lastingTime > 0 && setTimeout(() => {
-    Te(t);
+    Le(t);
   }, n.lastingTime), t;
 }
-function Te(e) {
+function Le(e) {
   const t = X.notifications.find((r) => r.id === e);
   if (!t) return;
   t.isRemoving = !0, ge();
@@ -1368,7 +1368,7 @@ function Te(e) {
   }, 300);
   Ce.set(e, n);
 }
-function vt({ notification: e }) {
+function gt({ notification: e }) {
   const { t } = J(), n = () => {
     if (e.title) return e.title;
     switch (e.type) {
@@ -1382,7 +1382,7 @@ function vt({ notification: e }) {
         return t("common.info");
     }
   }, r = () => {
-    Te(e.id);
+    Le(e.id);
   };
   return /* @__PURE__ */ s(
     "div",
@@ -1398,31 +1398,31 @@ function vt({ notification: e }) {
           {
             className: "nc-notification-dismiss",
             onClick: r,
-            children: /* @__PURE__ */ s(Ee, { size: 16 })
+            children: /* @__PURE__ */ s(Re, { size: 16 })
           }
         )
       ] })
     }
   );
 }
-function Dn() {
-  const [e, t] = z([]), [n, r] = z(/* @__PURE__ */ new Map()), [o, i] = z(/* @__PURE__ */ new Set()), a = H(null), c = H([]);
-  return T(() => gt((p) => {
-    const f = new Set(c.current.map((l) => l.id)), h = p.filter((l) => !f.has(l.id)).map((l) => l.id);
-    h.length > 0 ? (t(p), i(new Set(h)), requestAnimationFrame(() => {
+function Pn() {
+  const [e, t] = z([]), [n, r] = z(/* @__PURE__ */ new Map()), [o, i] = z(/* @__PURE__ */ new Set()), c = H(null), a = H([]);
+  return B(() => ht((p) => {
+    const h = new Set(a.current.map((l) => l.id)), f = p.filter((l) => !h.has(l.id)).map((l) => l.id);
+    f.length > 0 ? (t(p), i(new Set(f)), requestAnimationFrame(() => {
       requestAnimationFrame(() => {
         i(/* @__PURE__ */ new Set());
       });
-    })) : t(p), c.current = p;
-  }), []), T(() => {
-    if (!a.current) return;
+    })) : t(p), a.current = p;
+  }), []), B(() => {
+    if (!c.current) return;
     const d = /* @__PURE__ */ new Map();
     let p = 0;
-    const f = a.current.children;
-    e.forEach((h, l) => {
-      if (d.set(h.id, p), f[l]) {
-        const u = f[l].offsetHeight;
-        h.isRemoving || (p += u + 12);
+    const h = c.current.children;
+    e.forEach((f, l) => {
+      if (d.set(f.id, p), h[l]) {
+        const u = h[l].offsetHeight;
+        f.isRemoving || (p += u + 12);
       }
     }), r(d);
   }, [e]), /* @__PURE__ */ s(
@@ -1438,13 +1438,13 @@ function Dn() {
       children: /* @__PURE__ */ s(
         "div",
         {
-          ref: a,
+          ref: c,
           style: {
             pointerEvents: "auto",
             position: "relative"
           },
           children: e.map((d) => {
-            const p = o.has(d.id), f = d.isRemoving, h = n.get(d.id) || 0;
+            const p = o.has(d.id), h = d.isRemoving, f = n.get(d.id) || 0;
             return /* @__PURE__ */ s(
               "div",
               {
@@ -1452,13 +1452,13 @@ function Dn() {
                   position: "absolute",
                   top: 0,
                   left: 0,
-                  transform: p ? "translateY(-120px)" : `translateY(${h}px)`,
+                  transform: p ? "translateY(-120px)" : `translateY(${f}px)`,
                   // Only animate transform when not leaving, animate opacity always
-                  transition: f ? "opacity 300ms ease-out" : "transform 300ms ease-out, opacity 300ms ease-out",
-                  opacity: f ? 0 : 1,
+                  transition: h ? "opacity 300ms ease-out" : "transform 300ms ease-out, opacity 300ms ease-out",
+                  opacity: h ? 0 : 1,
                   width: "100%"
                 },
-                children: /* @__PURE__ */ s(vt, { notification: d })
+                children: /* @__PURE__ */ s(gt, { notification: d })
               },
               d.id
             );
@@ -1468,11 +1468,11 @@ function Dn() {
     }
   );
 }
-const Hn = {
-  show: (e) => bt(e)
+const Ln = {
+  show: (e) => mt(e)
 };
-function Wn(e) {
-  const t = ot.createInstance(), n = {};
+function Tn(e) {
+  const t = nt.createInstance(), n = {};
   for (const o in e)
     n[o] = { translation: e[o] };
   const r = typeof document < "u" && document.documentElement.lang || "en";
@@ -1485,16 +1485,16 @@ function Wn(e) {
       // React already escapes by default
     }
   }), typeof MutationObserver < "u" && typeof document < "u" && new MutationObserver((i) => {
-    for (const a of i)
-      if (a.type === "attributes" && a.attributeName === "lang") {
-        const c = document.documentElement.lang || "en";
-        t.changeLanguage(c);
+    for (const c of i)
+      if (c.type === "attributes" && c.attributeName === "lang") {
+        const a = document.documentElement.lang || "en";
+        t.changeLanguage(a);
       }
   }).observe(document.documentElement, { attributes: !0 }), t;
 }
-class wt {
+class bt {
   constructor() {
-    V(this, "apps", /* @__PURE__ */ new Map());
+    K(this, "apps", /* @__PURE__ */ new Map());
   }
   /**
    * Register an app definition.
@@ -1532,11 +1532,11 @@ class wt {
     return this.apps.has(t);
   }
 }
-const te = new wt(), Ie = "nc-ui-app-state";
-class yt {
+const te = new bt(), Ie = "nc-ui-app-state";
+class vt {
   constructor() {
-    V(this, "state");
-    V(this, "listeners", /* @__PURE__ */ new Map());
+    K(this, "state");
+    K(this, "listeners", /* @__PURE__ */ new Map());
     this.state = this.loadState();
   }
   loadState() {
@@ -1580,60 +1580,13 @@ class yt {
     (r = this.listeners.get(t)) == null || r.forEach((o) => o(n));
   }
 }
-const K = new yt();
-class xt {
-  constructor() {
-    V(this, "handlers", []);
-  }
-  /**
-   * Register a back handler.
-   * @param id - Unique identifier for this handler
-   * @param priority - Higher priority handlers are called first
-   * @param handler - Function that returns true if it handled the back action
-   * @returns Unsubscribe function
-   */
-  register(t, n, r) {
-    return this.handlers = this.handlers.filter((o) => o.id !== t), this.handlers.push({ id: t, priority: n, handler: r }), this.handlers.sort((o, i) => i.priority - o.priority), () => {
-      this.handlers = this.handlers.filter((o) => o.id !== t);
-    };
-  }
-  /**
-   * Trigger the back action.
-   * Calls handlers in priority order until one returns true.
-   * @returns true if a handler processed the back action
-   */
-  handleBack() {
-    for (const { handler: t } of this.handlers)
-      if (t())
-        return !0;
-    return !1;
-  }
-  /**
-   * Unregister a handler by id.
-   */
-  unregister(t) {
-    this.handlers = this.handlers.filter((n) => n.id !== t);
-  }
-}
-const Be = new xt();
-function Me(e) {
-  if (typeof window < "u" && window.history) {
-    const t = new URL(window.location.href);
-    t.searchParams.set("app", e), window.history.pushState({ app: e }, "", t.toString());
-  }
-}
-function kt() {
-  if (typeof window < "u" && window.history) {
-    const e = new URL(window.location.href);
-    e.searchParams.delete("app"), window.history.replaceState({}, "", e.toString());
-  }
-}
-class Nt {
+const F = new vt();
+class wt {
   constructor() {
-    V(this, "apps", []);
-    V(this, "activeAppId", null);
-    V(this, "listeners", /* @__PURE__ */ new Set());
-    V(this, "refReadyResolvers", /* @__PURE__ */ new Map());
+    K(this, "apps", []);
+    K(this, "activeAppId", null);
+    K(this, "listeners", /* @__PURE__ */ new Set());
+    K(this, "refReadyResolvers", /* @__PURE__ */ new Map());
   }
   /**
    * Launch an app and wait for it to be ready (ref populated).
@@ -1647,14 +1600,14 @@ class Nt {
     const { launchInBackground: r = !1 } = n || {};
     if (!te.has(t))
       return console.error(`Cannot launch app "${t}": not registered`), null;
-    const o = this.apps.find((a) => a.appId === t);
+    const o = this.apps.find((c) => c.appId === t);
     if (o)
-      return r || (this.setActiveApp(t), K._setActiveAppId(t)), o.ref ? o : this.waitForRef(t);
+      return r || (this.setActiveApp(t), F._setActiveAppId(t)), o.ref ? o : this.waitForRef(t);
     const i = {
       appId: t,
       launchedAt: Date.now()
     };
-    return this.apps.push(i), r || (this.activeAppId = t, K._setActiveAppId(t), Me(t)), this.notify(), this.waitForRef(t);
+    return this.apps.push(i), r || (this.activeAppId = t, F._setActiveAppId(t)), this.notify(), this.waitForRef(t);
   }
   waitForRef(t) {
     return new Promise((n) => {
@@ -1691,7 +1644,7 @@ class Nt {
     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, K._setActiveAppId(this.activeAppId), this.activeAppId ? Me(this.activeAppId) : kt();
+      this.activeAppId = o && this.apps.length > 0 ? this.apps[this.apps.length - 1].appId : null, F._setActiveAppId(this.activeAppId);
     }
     this.notify();
   }
@@ -1703,7 +1656,7 @@ class Nt {
       console.warn(`Cannot activate app "${t}": not running`);
       return;
     }
-    this.activeAppId !== t && (this.activeAppId = t, this.notify(), K._setActiveAppId(t));
+    this.activeAppId !== t && (this.activeAppId = t, this.notify(), F._setActiveAppId(t));
   }
   /**
    * Toggle an app: if active, deactivate; if inactive, activate.
@@ -1747,14 +1700,14 @@ class Nt {
     this.listeners.forEach((t) => t());
   }
 }
-const O = new Nt(), De = ne(null);
-function At() {
-  const e = q(De);
+const O = new wt(), Te = ne(null);
+function yt() {
+  const e = q(Te);
   if (!e)
     throw new Error("useApp must be used inside an App");
   return e;
 }
-function St({ size: e = 16 }) {
+function xt({ size: e = 16 }) {
   return /* @__PURE__ */ y(
     "svg",
     {
@@ -1773,7 +1726,7 @@ function St({ size: e = 16 }) {
     }
   );
 }
-function Ct({ title: e, onClose: t, onBack: n, toolbar: r, hideBackButton: o }) {
+function kt({ title: e, onClose: t, onBack: n, toolbar: r, hideBackButton: o }) {
   return /* @__PURE__ */ y("div", { className: "nc-app-title-bar", children: [
     /* @__PURE__ */ y("div", { className: "nc-app-title-bar-left", children: [
       n && !o && /* @__PURE__ */ s(
@@ -1783,18 +1736,18 @@ function Ct({ title: e, onClose: t, onBack: n, toolbar: r, hideBackButton: o })
           onClick: n,
           title: "Back",
           "aria-label": "Go back",
-          children: /* @__PURE__ */ s(St, { size: 16 })
+          children: /* @__PURE__ */ s(xt, { size: 16 })
         }
       ),
       /* @__PURE__ */ s("span", { className: "nc-app-title-bar-title", children: e })
     ] }),
     /* @__PURE__ */ y("div", { className: "nc-app-title-bar-right", children: [
       r && /* @__PURE__ */ s("div", { className: "nc-app-title-bar-toolbar", children: r }),
-      /* @__PURE__ */ s(Pe, { onClick: t, "aria-label": "Close application" })
+      /* @__PURE__ */ s(ze, { onClick: t, "aria-label": "Close application" })
     ] })
   ] });
 }
-class It extends ve.Component {
+class Nt extends ve.Component {
   constructor(t) {
     super(t), this.state = { hasError: !1 };
   }
@@ -1827,24 +1780,21 @@ class It extends ve.Component {
     ) : this.props.children;
   }
 }
-function He({ appId: e, isActive: t, onClose: n }) {
-  const { t: r } = J(), o = te.get(e), [i, a] = z(""), [c, d] = z(null), [p, f] = z(null), [h, l] = z(!1), [u, m] = z(!1);
+function Be({ appId: e, isActive: t, onClose: n }) {
+  const { t: r } = J(), o = te.get(e), [i, c] = z(""), [a, d] = z(null), [p, h] = z(null), [f, l] = z(!1), [u, m] = z(!1);
   ve.useEffect(() => {
-    o != null && o.titleKey && a(r(o.titleKey));
-  }, [o, r]), T(() => {
-    if (t)
-      return Be.register(`app-${e}`, 50, () => c ? (c(), !0) : (n(), !0));
-  }, [t, c, n, e]);
+    o != null && o.titleKey && c(r(o.titleKey));
+  }, [o, r]);
   const g = W((N) => {
-    a(N);
+    c(N);
   }, []), b = W((N) => {
     d(() => N);
   }, []), x = W(() => {
     d(null);
   }, []), k = W((N) => {
-    f(N);
+    h(N);
   }, []), $ = W(() => {
-    f(null);
+    h(null);
   }, []), w = W((N) => {
     l(N);
   }, []), C = W((N) => {
@@ -1873,13 +1823,13 @@ function He({ appId: e, isActive: t, onClose: n }) {
       },
       children: [
         I && /* @__PURE__ */ s(
-          Ct,
+          kt,
           {
             title: i,
             onClose: n,
-            onBack: c ?? void 0,
+            onBack: a ?? void 0,
             toolbar: p,
-            hideBackButton: h
+            hideBackButton: f
           }
         ),
         /* @__PURE__ */ s(
@@ -1895,8 +1845,8 @@ function He({ appId: e, isActive: t, onClose: n }) {
               backgroundColor: "var(--nc-bg-secondary)",
               position: "relative"
             },
-            children: /* @__PURE__ */ s(De.Provider, { value: S, children: /* @__PURE__ */ s(It, { appId: e, children: /* @__PURE__ */ s(
-              qe,
+            children: /* @__PURE__ */ s(Te.Provider, { value: S, children: /* @__PURE__ */ s(Nt, { appId: e, children: /* @__PURE__ */ s(
+              _e,
               {
                 fallback: /* @__PURE__ */ s(
                   "div",
@@ -1907,7 +1857,7 @@ function He({ appId: e, isActive: t, onClose: n }) {
                       justifyContent: "center",
                       flex: 1
                     },
-                    children: /* @__PURE__ */ s(ze, {})
+                    children: /* @__PURE__ */ s(Ee, {})
                   }
                 ),
                 children: /* @__PURE__ */ s(v, {})
@@ -1919,53 +1869,53 @@ function He({ appId: e, isActive: t, onClose: n }) {
     }
   );
 }
-function On({ autoWidth: e = !0, className: t, style: n }) {
-  const [r, o] = z(() => K.getActiveAppId()), [i, a] = z(() => O.getRunningApps());
-  T(() => {
-    const m = K.subscribe("activeAppId", (g) => {
+function Bn({ autoWidth: e = !0, className: t, style: n }) {
+  const [r, o] = z(() => F.getActiveAppId()), [i, c] = z(() => O.getRunningApps());
+  B(() => {
+    const m = F.subscribe("activeAppId", (g) => {
       o(g);
     });
     return () => {
       m();
     };
-  }, []), T(() => O.subscribe(() => {
-    a(O.getRunningApps());
-  }), []), T(() => {
+  }, []), B(() => O.subscribe(() => {
+    c(O.getRunningApps());
+  }), []), B(() => {
     if (!new URLSearchParams(window.location.search).has("app")) {
-      const b = K.getActiveAppId();
+      const b = F.getActiveAppId();
       b && !O.isRunning(b) && O.launchApp(b);
     }
   }, []);
-  const c = (m) => {
+  const a = (m) => {
     O.closeApp(m);
-  }, d = r ? te.get(r) : null, f = (d == null ? void 0 : d.width) ?? 400, h = r !== null, u = { ...{
+  }, d = r ? te.get(r) : null, h = (d == null ? void 0 : d.width) ?? 400, f = r !== null, u = { ...{
     overflow: "hidden",
-    display: h ? "flex" : "none",
+    display: f ? "flex" : "none",
     flexDirection: "column",
     flexShrink: 0,
     // Only set width if autoWidth is enabled
-    ...e && h ? { width: f } : {}
+    ...e && f ? { width: h } : {}
   }, ...n };
   return /* @__PURE__ */ s("div", { className: t, style: u, children: i.map((m) => /* @__PURE__ */ s(
-    He,
+    Be,
     {
       appId: m.appId,
       isActive: r === m.appId,
-      onClose: () => c(m.appId)
+      onClose: () => a(m.appId)
     },
     m.appId
   )) });
 }
-const ue = 768, pe = 1024, We = {
+const ue = 768, pe = 1024, De = {
   isMobile: !1,
   isTablet: !1,
   isDesktop: !0,
   width: typeof window < "u" ? window.innerWidth : 1024,
   height: typeof window < "u" ? window.innerHeight : 768
-}, Oe = ne(We);
-function Yn({ children: e }) {
+}, He = ne(De);
+function Dn({ children: e }) {
   const [t, n] = z(() => {
-    if (typeof window > "u") return We;
+    if (typeof window > "u") return De;
     const r = window.innerWidth, o = window.innerHeight;
     return {
       isMobile: r < ue,
@@ -1975,7 +1925,7 @@ function Yn({ children: e }) {
       height: o
     };
   });
-  return T(() => {
+  return B(() => {
     const r = () => {
       const o = window.innerWidth, i = window.innerHeight;
       n({
@@ -1987,37 +1937,37 @@ function Yn({ children: e }) {
       });
     };
     return window.addEventListener("resize", r), () => window.removeEventListener("resize", r);
-  }, []), /* @__PURE__ */ s(Oe.Provider, { value: t, children: e });
+  }, []), /* @__PURE__ */ s(He.Provider, { value: t, children: e });
 }
-function Mt() {
-  return q(Oe);
+function At() {
+  return q(He);
 }
-function Gn({ pinnedAppIds: e, className: t = "" }) {
-  const { isMobile: n } = Mt(), [r, o] = z(() => K.getActiveAppId()), [i, a] = z(() => O.getRunningApps());
-  T(() => {
-    const l = K.subscribe("activeAppId", (u) => {
+function Hn({ pinnedAppIds: e, className: t = "" }) {
+  const { isMobile: n } = At(), [r, o] = z(() => F.getActiveAppId()), [i, c] = z(() => O.getRunningApps());
+  B(() => {
+    const l = F.subscribe("activeAppId", (u) => {
       o(u);
     });
     return () => {
       l();
     };
-  }, []), T(() => O.subscribe(() => {
-    a(O.getRunningApps());
+  }, []), B(() => O.subscribe(() => {
+    c(O.getRunningApps());
   }), []);
-  const c = (l) => {
+  const a = (l) => {
     r === l ? O.setActiveApp(null) : O.launchApp(l);
-  }, d = e.map((l) => te.get(l)).filter((l) => !!l), p = i.filter((l) => !e.includes(l.appId)).map((l) => ({ running: l, def: te.get(l.appId) })).filter((l) => !!l.def), f = (l) => i.some((u) => u.appId === l), h = n ? 24 : 28;
+  }, d = e.map((l) => te.get(l)).filter((l) => !!l), p = i.filter((l) => !e.includes(l.appId)).map((l) => ({ running: l, def: te.get(l.appId) })).filter((l) => !!l.def), h = (l) => i.some((u) => u.appId === l), f = n ? 24 : 28;
   return /* @__PURE__ */ y("div", { className: `nc-app-taskbar ${n ? "nc-mobile" : "nc-desktop"} ${t}`, children: [
     d.map((l) => {
-      const u = l.icon, m = r === l.id, g = f(l.id);
+      const u = l.icon, m = r === l.id, g = h(l.id);
       return /* @__PURE__ */ y(
         "button",
         {
           className: `nc-app-taskbar-button ${m ? "nc-active" : ""} ${g ? "nc-running" : ""}`,
-          onClick: () => c(l.id),
+          onClick: () => a(l.id),
           title: l.titleKey || l.id,
           children: [
-            /* @__PURE__ */ s(u, { size: h }),
+            /* @__PURE__ */ s(u, { size: f }),
             g && /* @__PURE__ */ s("span", { className: "nc-app-taskbar-indicator" })
           ]
         },
@@ -2031,10 +1981,10 @@ function Gn({ pinnedAppIds: e, className: t = "" }) {
         "button",
         {
           className: `nc-app-taskbar-button ${g ? "nc-active" : ""} nc-running`,
-          onClick: () => c(l.appId),
+          onClick: () => a(l.appId),
           title: u.titleKey || u.id,
           children: [
-            /* @__PURE__ */ s(m, { size: h }),
+            /* @__PURE__ */ s(m, { size: f }),
             /* @__PURE__ */ s("span", { className: "nc-app-taskbar-indicator" })
           ]
         },
@@ -2043,39 +1993,35 @@ function Gn({ pinnedAppIds: e, className: t = "" }) {
     })
   ] });
 }
-function Vn({
+function Wn({
   appId: e,
   open: t,
   onClose: n,
   closeOnBackdrop: r = !1,
   className: o = "",
   maxWidth: i = 1200,
-  maxHeight: a = 900
+  maxHeight: c = 900
 }) {
-  const c = (p) => {
+  const a = (p) => {
     r && p.target === p.currentTarget && n();
   };
-  if (T(() => {
-    if (!t) return;
-    const p = `app-dialog-${e}-${Date.now()}`;
-    return Be.register(p, 100, () => (n(), !0));
-  }, [t, n, e]), !t) return null;
+  if (!t) return null;
   const d = /* @__PURE__ */ s(
     "div",
     {
       className: "nc-dialog-overlay nc-fullscreen",
-      onClick: c,
+      onClick: a,
       children: /* @__PURE__ */ s(
         "div",
         {
           className: `nc-app-dialog-container ${o}`,
           style: {
             maxWidth: `${i}px`,
-            maxHeight: `${a}px`
+            maxHeight: `${c}px`
           },
           onClick: (p) => p.stopPropagation(),
           children: /* @__PURE__ */ s(
-            He,
+            Be,
             {
               appId: e,
               isActive: !0,
@@ -2088,84 +2034,84 @@ function Vn({
   );
   return le(d, document.body);
 }
-const ye = ne(null), Ye = ne(null);
-function jn() {
+const ye = ne(null), We = ne(null);
+function On() {
   const e = q(ye);
   if (!e)
     throw new Error("useNavStack must be used within a NavStackProvider");
   return e;
 }
-function Fn() {
-  const e = q(Ye);
+function Yn() {
+  const e = q(We);
   if (!e)
     throw new Error("useNavView must be used within NavStack");
   return e;
 }
 const xe = ne(null);
-function Kn({ rootView: e, children: t }) {
-  const { t: n } = J(), r = At(), [o, i] = z([e]), [a, c] = z([null]), d = W((w, C) => {
-    c((S) => {
+function Gn({ rootView: e, children: t }) {
+  const { t: n } = J(), r = yt(), [o, i] = z([e]), [c, a] = z([null]), d = W((w, C) => {
+    a((S) => {
       const v = [...S];
       return v[w] = C, v;
     });
   }, []), p = W((w) => {
-    c((C) => {
+    a((C) => {
       const S = [...C];
       return S[w] = null, S;
     });
-  }, []), f = W((w) => {
-    i((C) => [...C, w]), c((C) => [...C, null]);
-  }, []), h = W(() => {
-    i((w) => w.length <= 1 ? w : w.slice(0, -1)), c((w) => w.slice(0, -1));
+  }, []), h = W((w) => {
+    i((C) => [...C, w]), a((C) => [...C, null]);
+  }, []), f = W(() => {
+    i((w) => w.length <= 1 ? w : w.slice(0, -1)), a((w) => w.slice(0, -1));
   }, []), l = W(() => {
-    i([e]), c([null]);
+    i([e]), a([null]);
   }, [e]), u = o.length, m = u > 1, g = o.length - 1, b = o[o.length - 1], x = b != null && b.titleKey ? n(b.titleKey) : (b == null ? void 0 : b.title) ?? "";
-  T(() => {
+  B(() => {
     r.setTitle(x);
-  }, [x, r]), T(() => {
-    m ? r.setBackHandler(h) : r.clearBackHandler();
-  }, [m, h, r]), T(() => {
-    const w = a[a.length - 1];
+  }, [x, r]), B(() => {
+    m ? r.setBackHandler(f) : r.clearBackHandler();
+  }, [m, f, r]), B(() => {
+    const w = c[c.length - 1];
     w ? r.setToolbar(w) : r.clearToolbar();
-  }, [a, r]);
+  }, [c, r]);
   const k = {
-    push: f,
-    pop: h,
+    push: h,
+    pop: f,
     reset: l,
     depth: u,
     canGoBack: m,
     currentTitle: x
   }, $ = {
     stack: o,
-    toolbarStack: a,
+    toolbarStack: c,
     updateToolbar: d,
     clearToolbarAt: p,
     topIndex: g
   };
   return /* @__PURE__ */ s(ye.Provider, { value: k, children: /* @__PURE__ */ s(xe.Provider, { value: $, children: t }) });
 }
-function $t({ index: e, children: t }) {
+function St({ index: e, children: t }) {
   const n = q(xe);
   if (!n)
     throw new Error("NavViewProvider must be used within NavStackProvider");
-  const { updateToolbar: r, clearToolbarAt: o, topIndex: i } = n, a = W((p) => {
+  const { updateToolbar: r, clearToolbarAt: o, topIndex: i } = n, c = W((p) => {
     e === i && r(e, p);
-  }, [e, i, r]), c = W(() => {
+  }, [e, i, r]), a = W(() => {
     e === i && o(e);
   }, [e, i, o]), d = {
-    setToolbar: a,
-    clearToolbar: c
+    setToolbar: c,
+    clearToolbar: a
   };
-  return /* @__PURE__ */ s(Ye.Provider, { value: d, children: t });
+  return /* @__PURE__ */ s(We.Provider, { value: d, children: t });
 }
-function Un() {
+function Vn() {
   const e = q(ye), t = q(xe);
   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($t, { index: o, children: /* @__PURE__ */ s(
+    return /* @__PURE__ */ s(St, { index: o, children: /* @__PURE__ */ s(
       "div",
       {
         style: { display: i ? "flex" : "none", flexDirection: "column", height: "100%" },
@@ -2174,41 +2120,41 @@ function Un() {
     ) }, r.id);
   }) }) });
 }
-const ke = "-", Rt = (e) => {
-  const t = zt(e), {
+const ke = "-", Ct = (e) => {
+  const t = Mt(e), {
     conflictingClassGroups: n,
     conflictingClassGroupModifiers: r
   } = e;
   return {
-    getClassGroupId: (a) => {
-      const c = a.split(ke);
-      return c[0] === "" && c.length !== 1 && c.shift(), Ge(c, t) || Et(a);
+    getClassGroupId: (c) => {
+      const a = c.split(ke);
+      return a[0] === "" && a.length !== 1 && a.shift(), Oe(a, t) || It(c);
     },
-    getConflictingClassGroupIds: (a, c) => {
-      const d = n[a] || [];
-      return c && r[a] ? [...d, ...r[a]] : d;
+    getConflictingClassGroupIds: (c, a) => {
+      const d = n[c] || [];
+      return a && r[c] ? [...d, ...r[c]] : d;
     }
   };
-}, Ge = (e, t) => {
-  var a;
+}, Oe = (e, t) => {
+  var c;
   if (e.length === 0)
     return t.classGroupId;
-  const n = e[0], r = t.nextPart.get(n), o = r ? Ge(e.slice(1), r) : void 0;
+  const n = e[0], r = t.nextPart.get(n), o = r ? Oe(e.slice(1), r) : void 0;
   if (o)
     return o;
   if (t.validators.length === 0)
     return;
   const i = e.join(ke);
-  return (a = t.validators.find(({
-    validator: c
-  }) => c(i))) == null ? void 0 : a.classGroupId;
-}, $e = /^\[(.+)\]$/, Et = (e) => {
-  if ($e.test(e)) {
-    const t = $e.exec(e)[1], n = t == null ? void 0 : t.substring(0, t.indexOf(":"));
+  return (c = t.validators.find(({
+    validator: a
+  }) => a(i))) == null ? void 0 : c.classGroupId;
+}, Me = /^\[(.+)\]$/, It = (e) => {
+  if (Me.test(e)) {
+    const t = Me.exec(e)[1], n = t == null ? void 0 : t.substring(0, t.indexOf(":"));
     if (n)
       return "arbitrary.." + n;
   }
-}, zt = (e) => {
+}, Mt = (e) => {
   const {
     theme: t,
     prefix: n
@@ -2216,18 +2162,18 @@ const ke = "-", Rt = (e) => {
     nextPart: /* @__PURE__ */ new Map(),
     validators: []
   };
-  return Lt(Object.entries(e.classGroups), n).forEach(([i, a]) => {
-    be(a, r, i, t);
+  return Rt(Object.entries(e.classGroups), n).forEach(([i, c]) => {
+    be(c, r, i, t);
   }), r;
 }, be = (e, t, n, r) => {
   e.forEach((o) => {
     if (typeof o == "string") {
-      const i = o === "" ? t : Re(t, o);
+      const i = o === "" ? t : $e(t, o);
       i.classGroupId = n;
       return;
     }
     if (typeof o == "function") {
-      if (Pt(o)) {
+      if ($t(o)) {
         be(o(r), t, n, r);
         return;
       }
@@ -2237,11 +2183,11 @@ const ke = "-", Rt = (e) => {
       });
       return;
     }
-    Object.entries(o).forEach(([i, a]) => {
-      be(a, Re(t, i), n, r);
+    Object.entries(o).forEach(([i, c]) => {
+      be(c, $e(t, i), n, r);
     });
   });
-}, Re = (e, t) => {
+}, $e = (e, t) => {
   let n = e;
   return t.split(ke).forEach((r) => {
     n.nextPart.has(r) || n.nextPart.set(r, {
@@ -2249,10 +2195,10 @@ const ke = "-", Rt = (e) => {
       validators: []
     }), n = n.nextPart.get(r);
   }), n;
-}, Pt = (e) => e.isThemeGetter, Lt = (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);
+}, $t = (e) => e.isThemeGetter, Rt = (e, t) => t ? e.map(([n, r]) => {
+  const o = r.map((i) => typeof i == "string" ? t + i : typeof i == "object" ? Object.fromEntries(Object.entries(i).map(([c, a]) => [t + c, a])) : i);
   return [n, o];
-}) : e, Tt = (e) => {
+}) : e, Et = (e) => {
   if (e < 1)
     return {
       get: () => {
@@ -2261,43 +2207,43 @@ const ke = "-", Rt = (e) => {
       }
     };
   let t = 0, n = /* @__PURE__ */ new Map(), r = /* @__PURE__ */ new Map();
-  const o = (i, a) => {
-    n.set(i, a), t++, t > e && (t = 0, r = n, n = /* @__PURE__ */ new Map());
+  const o = (i, c) => {
+    n.set(i, c), t++, t > e && (t = 0, r = n, n = /* @__PURE__ */ new Map());
   };
   return {
     get(i) {
-      let a = n.get(i);
-      if (a !== void 0)
-        return a;
-      if ((a = r.get(i)) !== void 0)
-        return o(i, a), a;
+      let c = n.get(i);
+      if (c !== void 0)
+        return c;
+      if ((c = r.get(i)) !== void 0)
+        return o(i, c), c;
     },
-    set(i, a) {
-      n.has(i) ? n.set(i, a) : o(i, a);
+    set(i, c) {
+      n.has(i) ? n.set(i, c) : o(i, c);
     }
   };
-}, Ve = "!", Bt = (e) => {
+}, Ye = "!", zt = (e) => {
   const {
     separator: t,
     experimentalParseClassName: n
-  } = e, r = t.length === 1, o = t[0], i = t.length, a = (c) => {
+  } = e, r = t.length === 1, o = t[0], i = t.length, c = (a) => {
     const d = [];
-    let p = 0, f = 0, h;
-    for (let b = 0; b < c.length; b++) {
-      let x = c[b];
+    let p = 0, h = 0, f;
+    for (let b = 0; b < a.length; b++) {
+      let x = a[b];
       if (p === 0) {
-        if (x === o && (r || c.slice(b, b + i) === t)) {
-          d.push(c.slice(f, b)), f = b + i;
+        if (x === o && (r || a.slice(b, b + i) === t)) {
+          d.push(a.slice(h, b)), h = b + i;
           continue;
         }
         if (x === "/") {
-          h = b;
+          f = b;
           continue;
         }
       }
       x === "[" ? p++ : x === "]" && p--;
     }
-    const l = d.length === 0 ? c : c.substring(f), u = l.startsWith(Ve), m = u ? l.substring(1) : l, g = h && h > f ? h - f : void 0;
+    const l = d.length === 0 ? a : a.substring(h), u = l.startsWith(Ye), m = u ? l.substring(1) : l, g = f && f > h ? f - h : void 0;
     return {
       modifiers: d,
       hasImportantModifier: u,
@@ -2305,11 +2251,11 @@ const ke = "-", Rt = (e) => {
       maybePostfixModifierPosition: g
     };
   };
-  return n ? (c) => n({
-    className: c,
-    parseClassName: a
-  }) : a;
-}, Dt = (e) => {
+  return n ? (a) => n({
+    className: a,
+    parseClassName: c
+  }) : c;
+}, Pt = (e) => {
   if (e.length <= 1)
     return e;
   const t = [];
@@ -2317,37 +2263,37 @@ const ke = "-", Rt = (e) => {
   return e.forEach((r) => {
     r[0] === "[" ? (t.push(...n.sort(), r), n = []) : n.push(r);
   }), t.push(...n.sort()), t;
-}, Ht = (e) => ({
-  cache: Tt(e.cacheSize),
-  parseClassName: Bt(e),
-  ...Rt(e)
-}), Wt = /\s+/, Ot = (e, t) => {
+}, Lt = (e) => ({
+  cache: Et(e.cacheSize),
+  parseClassName: zt(e),
+  ...Ct(e)
+}), Tt = /\s+/, Bt = (e, t) => {
   const {
     parseClassName: n,
     getClassGroupId: r,
     getConflictingClassGroupIds: o
-  } = t, i = [], a = e.trim().split(Wt);
-  let c = "";
-  for (let d = a.length - 1; d >= 0; d -= 1) {
-    const p = a[d], {
-      modifiers: f,
-      hasImportantModifier: h,
+  } = t, i = [], c = e.trim().split(Tt);
+  let a = "";
+  for (let d = c.length - 1; d >= 0; d -= 1) {
+    const p = c[d], {
+      modifiers: h,
+      hasImportantModifier: f,
       baseClassName: l,
       maybePostfixModifierPosition: u
     } = n(p);
     let m = !!u, g = r(m ? l.substring(0, u) : l);
     if (!g) {
       if (!m) {
-        c = p + (c.length > 0 ? " " + c : c);
+        a = p + (a.length > 0 ? " " + a : a);
         continue;
       }
       if (g = r(l), !g) {
-        c = p + (c.length > 0 ? " " + c : c);
+        a = p + (a.length > 0 ? " " + a : a);
         continue;
       }
       m = !1;
     }
-    const b = Dt(f).join(":"), x = h ? b + Ve : b, k = x + g;
+    const b = Pt(h).join(":"), x = f ? b + Ye : b, k = x + g;
     if (i.includes(k))
       continue;
     i.push(k);
@@ -2356,64 +2302,64 @@ const ke = "-", Rt = (e) => {
       const C = $[w];
       i.push(x + C);
     }
-    c = p + (c.length > 0 ? " " + c : c);
+    a = p + (a.length > 0 ? " " + a : a);
   }
-  return c;
+  return a;
 };
-function Yt() {
+function Dt() {
   let e = 0, t, n, r = "";
   for (; e < arguments.length; )
-    (t = arguments[e++]) && (n = je(t)) && (r && (r += " "), r += n);
+    (t = arguments[e++]) && (n = Ge(t)) && (r && (r += " "), r += n);
   return r;
 }
-const je = (e) => {
+const Ge = (e) => {
   if (typeof e == "string")
     return e;
   let t, n = "";
   for (let r = 0; r < e.length; r++)
-    e[r] && (t = je(e[r])) && (n && (n += " "), n += t);
+    e[r] && (t = Ge(e[r])) && (n && (n += " "), n += t);
   return n;
 };
-function Gt(e, ...t) {
-  let n, r, o, i = a;
-  function a(d) {
-    const p = t.reduce((f, h) => h(f), e());
-    return n = Ht(p), r = n.cache.get, o = n.cache.set, i = c, c(d);
-  }
+function Ht(e, ...t) {
+  let n, r, o, i = c;
   function c(d) {
+    const p = t.reduce((h, f) => f(h), e());
+    return n = Lt(p), r = n.cache.get, o = n.cache.set, i = a, a(d);
+  }
+  function a(d) {
     const p = r(d);
     if (p)
       return p;
-    const f = Ot(d, n);
-    return o(d, f), f;
+    const h = Bt(d, n);
+    return o(d, h), h;
   }
   return function() {
-    return i(Yt.apply(null, arguments));
+    return i(Dt.apply(null, arguments));
   };
 }
-const B = (e) => {
+const T = (e) => {
   const t = (n) => n[e] || [];
   return t.isThemeGetter = !0, t;
-}, Fe = /^\[(?:([a-z-]+):)?(.+)\]$/i, Vt = /^\d+\/\d+$/, jt = /* @__PURE__ */ new Set(["px", "full", "screen"]), Ft = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, Kt = /\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$/, Ut = /^(rgba?|hsla?|hwb|(ok)?(lab|lch))\(.+\)$/, _t = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, qt = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, j = (e) => ee(e) || jt.has(e) || Vt.test(e), U = (e) => re(e, "length", rn), ee = (e) => !!e && !Number.isNaN(Number(e)), fe = (e) => re(e, "number", ee), ie = (e) => !!e && Number.isInteger(Number(e)), Jt = (e) => e.endsWith("%") && ee(e.slice(0, -1)), A = (e) => Fe.test(e), _ = (e) => Ft.test(e), Xt = /* @__PURE__ */ new Set(["length", "size", "percentage"]), Qt = (e) => re(e, Xt, Ke), Zt = (e) => re(e, "position", Ke), en = /* @__PURE__ */ new Set(["image", "url"]), tn = (e) => re(e, en, sn), nn = (e) => re(e, "", on), ae = () => !0, re = (e, t, n) => {
-  const r = Fe.exec(e);
+}, Ve = /^\[(?:([a-z-]+):)?(.+)\]$/i, Wt = /^\d+\/\d+$/, Ot = /* @__PURE__ */ new Set(["px", "full", "screen"]), Yt = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, Gt = /\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$/, Vt = /^(rgba?|hsla?|hwb|(ok)?(lab|lch))\(.+\)$/, jt = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, Ft = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, V = (e) => ee(e) || Ot.has(e) || Wt.test(e), _ = (e) => re(e, "length", Zt), ee = (e) => !!e && !Number.isNaN(Number(e)), he = (e) => re(e, "number", ee), ie = (e) => !!e && Number.isInteger(Number(e)), Kt = (e) => e.endsWith("%") && ee(e.slice(0, -1)), A = (e) => Ve.test(e), U = (e) => Yt.test(e), _t = /* @__PURE__ */ new Set(["length", "size", "percentage"]), Ut = (e) => re(e, _t, je), qt = (e) => re(e, "position", je), Jt = /* @__PURE__ */ new Set(["image", "url"]), Xt = (e) => re(e, Jt, tn), Qt = (e) => re(e, "", en), ce = () => !0, re = (e, t, n) => {
+  const r = Ve.exec(e);
   return r ? r[1] ? typeof t == "string" ? r[1] === t : t.has(r[1]) : n(r[2]) : !1;
-}, rn = (e) => (
+}, Zt = (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.
-  Kt.test(e) && !Ut.test(e)
-), Ke = () => !1, on = (e) => _t.test(e), sn = (e) => qt.test(e), an = () => {
-  const e = B("colors"), t = B("spacing"), n = B("blur"), r = B("brightness"), o = B("borderColor"), i = B("borderRadius"), a = B("borderSpacing"), c = B("borderWidth"), d = B("contrast"), p = B("grayscale"), f = B("hueRotate"), h = B("invert"), l = B("gap"), u = B("gradientColorStops"), m = B("gradientColorStopPositions"), g = B("inset"), b = B("margin"), x = B("opacity"), k = B("padding"), $ = B("saturate"), w = B("scale"), C = B("sepia"), S = B("skew"), v = B("space"), I = B("translate"), N = () => ["auto", "contain", "none"], R = () => ["auto", "hidden", "clip", "visible", "scroll"], D = () => ["auto", A, t], E = () => [A, t], Y = () => ["", j, U], M = () => ["auto", ee, A], P = () => ["bottom", "center", "left", "left-bottom", "left-top", "right", "right-bottom", "right-top", "top"], L = () => ["solid", "dashed", "dotted", "double", "none"], oe = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], he = () => ["start", "end", "center", "between", "around", "evenly", "stretch"], se = () => ["", "0", A], Ne = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], G = () => [ee, A];
+  Gt.test(e) && !Vt.test(e)
+), je = () => !1, en = (e) => jt.test(e), tn = (e) => Ft.test(e), nn = () => {
+  const e = T("colors"), t = T("spacing"), n = T("blur"), r = T("brightness"), o = T("borderColor"), i = T("borderRadius"), c = T("borderSpacing"), a = T("borderWidth"), d = T("contrast"), p = T("grayscale"), h = T("hueRotate"), f = T("invert"), l = T("gap"), u = T("gradientColorStops"), m = T("gradientColorStopPositions"), g = T("inset"), b = T("margin"), x = T("opacity"), k = T("padding"), $ = T("saturate"), w = T("scale"), C = T("sepia"), S = T("skew"), v = T("space"), I = T("translate"), N = () => ["auto", "contain", "none"], R = () => ["auto", "hidden", "clip", "visible", "scroll"], D = () => ["auto", A, t], E = () => [A, t], Y = () => ["", V, _], M = () => ["auto", ee, A], P = () => ["bottom", "center", "left", "left-bottom", "left-top", "right", "right-bottom", "right-top", "top"], L = () => ["solid", "dashed", "dotted", "double", "none"], oe = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], fe = () => ["start", "end", "center", "between", "around", "evenly", "stretch"], se = () => ["", "0", A], Ne = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], G = () => [ee, A];
   return {
     cacheSize: 500,
     separator: ":",
     theme: {
-      colors: [ae],
-      spacing: [j, U],
-      blur: ["none", "", _, A],
+      colors: [ce],
+      spacing: [V, _],
+      blur: ["none", "", U, A],
       brightness: G(),
       borderColor: [e],
-      borderRadius: ["none", "", "full", _, A],
+      borderRadius: ["none", "", "full", U, A],
       borderSpacing: E(),
       borderWidth: Y(),
       contrast: G(),
@@ -2422,7 +2368,7 @@ const B = (e) => {
       invert: se(),
       gap: E(),
       gradientColorStops: [e],
-      gradientColorStopPositions: [Jt, U],
+      gradientColorStopPositions: [Kt, _],
       inset: D(),
       margin: D(),
       opacity: G(),
@@ -2453,7 +2399,7 @@ const B = (e) => {
        * @see https://tailwindcss.com/docs/columns
        */
       columns: [{
-        columns: [_]
+        columns: [U]
       }],
       /**
        * Break After
@@ -2705,7 +2651,7 @@ const B = (e) => {
        * @see https://tailwindcss.com/docs/grid-template-columns
        */
       "grid-cols": [{
-        "grid-cols": [ae]
+        "grid-cols": [ce]
       }],
       /**
        * Grid Column Start / End
@@ -2735,7 +2681,7 @@ const B = (e) => {
        * @see https://tailwindcss.com/docs/grid-template-rows
        */
       "grid-rows": [{
-        "grid-rows": [ae]
+        "grid-rows": [ce]
       }],
       /**
        * Grid Row Start / End
@@ -2807,7 +2753,7 @@ const B = (e) => {
        * @see https://tailwindcss.com/docs/justify-content
        */
       "justify-content": [{
-        justify: ["normal", ...he()]
+        justify: ["normal", ...fe()]
       }],
       /**
        * Justify Items
@@ -2828,7 +2774,7 @@ const B = (e) => {
        * @see https://tailwindcss.com/docs/align-content
        */
       "align-content": [{
-        content: ["normal", ...he(), "baseline"]
+        content: ["normal", ...fe(), "baseline"]
       }],
       /**
        * Align Items
@@ -2849,7 +2795,7 @@ const B = (e) => {
        * @see https://tailwindcss.com/docs/place-content
        */
       "place-content": [{
-        "place-content": [...he(), "baseline"]
+        "place-content": [...fe(), "baseline"]
       }],
       /**
        * Place Items
@@ -3037,8 +2983,8 @@ const B = (e) => {
        */
       "max-w": [{
         "max-w": [A, t, "none", "full", "min", "max", "fit", "prose", {
-          screen: [_]
-        }, _]
+          screen: [U]
+        }, U]
       }],
       /**
        * Height
@@ -3074,7 +3020,7 @@ const B = (e) => {
        * @see https://tailwindcss.com/docs/font-size
        */
       "font-size": [{
-        text: ["base", _, U]
+        text: ["base", U, _]
       }],
       /**
        * Font Smoothing
@@ -3091,14 +3037,14 @@ const B = (e) => {
        * @see https://tailwindcss.com/docs/font-weight
        */
       "font-weight": [{
-        font: ["thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black", fe]
+        font: ["thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black", he]
       }],
       /**
        * Font Family
        * @see https://tailwindcss.com/docs/font-family
        */
       "font-family": [{
-        font: [ae]
+        font: [ce]
       }],
       /**
        * Font Variant Numeric
@@ -3142,14 +3088,14 @@ const B = (e) => {
        * @see https://tailwindcss.com/docs/line-clamp
        */
       "line-clamp": [{
-        "line-clamp": ["none", ee, fe]
+        "line-clamp": ["none", ee, he]
       }],
       /**
        * Line Height
        * @see https://tailwindcss.com/docs/line-height
        */
       leading: [{
-        leading: ["none", "tight", "snug", "normal", "relaxed", "loose", j, A]
+        leading: ["none", "tight", "snug", "normal", "relaxed", "loose", V, A]
       }],
       /**
        * List Style Image
@@ -3225,14 +3171,14 @@ const B = (e) => {
        * @see https://tailwindcss.com/docs/text-decoration-thickness
        */
       "text-decoration-thickness": [{
-        decoration: ["auto", "from-font", j, U]
+        decoration: ["auto", "from-font", V, _]
       }],
       /**
        * Text Underline Offset
        * @see https://tailwindcss.com/docs/text-underline-offset
        */
       "underline-offset": [{
-        "underline-offset": ["auto", j, A]
+        "underline-offset": ["auto", V, A]
       }],
       /**
        * Text Decoration Color
@@ -3335,7 +3281,7 @@ const B = (e) => {
        * @see https://tailwindcss.com/docs/background-position
        */
       "bg-position": [{
-        bg: [...P(), Zt]
+        bg: [...P(), qt]
       }],
       /**
        * Background Repeat
@@ -3351,7 +3297,7 @@ const B = (e) => {
        * @see https://tailwindcss.com/docs/background-size
        */
       "bg-size": [{
-        bg: ["auto", "cover", "contain", Qt]
+        bg: ["auto", "cover", "contain", Ut]
       }],
       /**
        * Background Image
@@ -3360,7 +3306,7 @@ const B = (e) => {
       "bg-image": [{
         bg: ["none", {
           "gradient-to": ["t", "tr", "r", "br", "b", "bl", "l", "tl"]
-        }, tn]
+        }, Xt]
       }],
       /**
        * Background Color
@@ -3522,63 +3468,63 @@ const B = (e) => {
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w": [{
-        border: [c]
+        border: [a]
       }],
       /**
        * Border Width X
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-x": [{
-        "border-x": [c]
+        "border-x": [a]
       }],
       /**
        * Border Width Y
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-y": [{
-        "border-y": [c]
+        "border-y": [a]
       }],
       /**
        * Border Width Start
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-s": [{
-        "border-s": [c]
+        "border-s": [a]
       }],
       /**
        * Border Width End
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-e": [{
-        "border-e": [c]
+        "border-e": [a]
       }],
       /**
        * Border Width Top
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-t": [{
-        "border-t": [c]
+        "border-t": [a]
       }],
       /**
        * Border Width Right
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-r": [{
-        "border-r": [c]
+        "border-r": [a]
       }],
       /**
        * Border Width Bottom
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-b": [{
-        "border-b": [c]
+        "border-b": [a]
       }],
       /**
        * Border Width Left
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-l": [{
-        "border-l": [c]
+        "border-l": [a]
       }],
       /**
        * Border Opacity
@@ -3599,7 +3545,7 @@ const B = (e) => {
        * @see https://tailwindcss.com/docs/divide-width
        */
       "divide-x": [{
-        "divide-x": [c]
+        "divide-x": [a]
       }],
       /**
        * Divide Width X Reverse
@@ -3611,7 +3557,7 @@ const B = (e) => {
        * @see https://tailwindcss.com/docs/divide-width
        */
       "divide-y": [{
-        "divide-y": [c]
+        "divide-y": [a]
       }],
       /**
        * Divide Width Y Reverse
@@ -3714,14 +3660,14 @@ const B = (e) => {
        * @see https://tailwindcss.com/docs/outline-offset
        */
       "outline-offset": [{
-        "outline-offset": [j, A]
+        "outline-offset": [V, A]
       }],
       /**
        * Outline Width
        * @see https://tailwindcss.com/docs/outline-width
        */
       "outline-w": [{
-        outline: [j, U]
+        outline: [V, _]
       }],
       /**
        * Outline Color
@@ -3761,7 +3707,7 @@ const B = (e) => {
        * @see https://tailwindcss.com/docs/ring-offset-width
        */
       "ring-offset-w": [{
-        "ring-offset": [j, U]
+        "ring-offset": [V, _]
       }],
       /**
        * Ring Offset Color
@@ -3776,14 +3722,14 @@ const B = (e) => {
        * @see https://tailwindcss.com/docs/box-shadow
        */
       shadow: [{
-        shadow: ["", "inner", "none", _, nn]
+        shadow: ["", "inner", "none", U, Qt]
       }],
       /**
        * Box Shadow Color
        * @see https://tailwindcss.com/docs/box-shadow-color
        */
       "shadow-color": [{
-        shadow: [ae]
+        shadow: [ce]
       }],
       /**
        * Opacity
@@ -3841,7 +3787,7 @@ const B = (e) => {
        * @see https://tailwindcss.com/docs/drop-shadow
        */
       "drop-shadow": [{
-        "drop-shadow": ["", "none", _, A]
+        "drop-shadow": ["", "none", U, A]
       }],
       /**
        * Grayscale
@@ -3855,14 +3801,14 @@ const B = (e) => {
        * @see https://tailwindcss.com/docs/hue-rotate
        */
       "hue-rotate": [{
-        "hue-rotate": [f]
+        "hue-rotate": [h]
       }],
       /**
        * Invert
        * @see https://tailwindcss.com/docs/invert
        */
       invert: [{
-        invert: [h]
+        invert: [f]
       }],
       /**
        * Saturate
@@ -3919,14 +3865,14 @@ const B = (e) => {
        * @see https://tailwindcss.com/docs/backdrop-hue-rotate
        */
       "backdrop-hue-rotate": [{
-        "backdrop-hue-rotate": [f]
+        "backdrop-hue-rotate": [h]
       }],
       /**
        * Backdrop Invert
        * @see https://tailwindcss.com/docs/backdrop-invert
        */
       "backdrop-invert": [{
-        "backdrop-invert": [h]
+        "backdrop-invert": [f]
       }],
       /**
        * Backdrop Opacity
@@ -3962,21 +3908,21 @@ const B = (e) => {
        * @see https://tailwindcss.com/docs/border-spacing
        */
       "border-spacing": [{
-        "border-spacing": [a]
+        "border-spacing": [c]
       }],
       /**
        * Border Spacing X
        * @see https://tailwindcss.com/docs/border-spacing
        */
       "border-spacing-x": [{
-        "border-spacing-x": [a]
+        "border-spacing-x": [c]
       }],
       /**
        * Border Spacing Y
        * @see https://tailwindcss.com/docs/border-spacing
        */
       "border-spacing-y": [{
-        "border-spacing-y": [a]
+        "border-spacing-y": [c]
       }],
       /**
        * Table Layout
@@ -4356,7 +4302,7 @@ const B = (e) => {
        * @see https://tailwindcss.com/docs/stroke-width
        */
       "stroke-w": [{
-        stroke: [j, U, fe]
+        stroke: [V, _, he]
       }],
       /**
        * Stroke
@@ -4431,59 +4377,56 @@ const B = (e) => {
       "font-size": ["leading"]
     }
   };
-}, cn = /* @__PURE__ */ Gt(an);
-function _n(...e) {
-  return cn(st(e));
+}, rn = /* @__PURE__ */ Ht(nn);
+function jn(...e) {
+  return rn(rt(e));
 }
 export {
-  ze as ActivityIndicator,
-  bn as Alert,
-  He as AppContainer,
-  De as AppContext,
-  Vn as AppDialog,
-  On as AppPanel,
-  Gn as AppTaskbar,
-  Ct as AppTitleBar,
-  vn as Battery,
-  F as Button,
-  wn as ButtonGroup,
-  yn as Checkbox,
-  Pe as CloseButton,
-  xn as ComboBox,
-  Cn as ContextMenu,
-  In as Dialog,
+  Ee as ActivityIndicator,
+  fn as Alert,
+  Be as AppContainer,
+  Te as AppContext,
+  Wn as AppDialog,
+  Bn as AppPanel,
+  Hn as AppTaskbar,
+  kt as AppTitleBar,
+  hn as Battery,
+  j as Button,
+  mn as ButtonGroup,
+  gn as Checkbox,
+  ze as CloseButton,
+  bn as ComboBox,
+  kn as ContextMenu,
+  Nn as Dialog,
   Q as DialogClose,
-  Nn as EditButton,
-  Sn as Hyperlink,
-  Mn as Input,
-  Rn as ListGroup,
-  $n as ListGroupItem,
-  zn as MonthRangePicker,
-  En as MultiSelect,
-  Un as NavStackContainer,
-  Kn as NavStackProvider,
-  vt as Notification,
-  Dn as NotificationContainer,
-  Pn as NumberInput,
-  kn as RefreshButton,
-  Ln as Slider,
-  Tn as Tabs,
-  Bn as Toggle,
-  An as TrashButton,
-  Yn as ViewportProvider,
+  wn as EditButton,
+  xn as Hyperlink,
+  An as Input,
+  Cn as ListGroup,
+  Sn as ListGroupItem,
+  Mn as MonthRangePicker,
+  In as MultiSelect,
+  Vn as NavStackContainer,
+  Gn as NavStackProvider,
+  gt as Notification,
+  Pn as NotificationContainer,
+  $n as NumberInput,
+  vn as RefreshButton,
+  Rn as Slider,
+  En as Tabs,
+  zn as Toggle,
+  yn as TrashButton,
+  Dn as ViewportProvider,
   te as appRegistry,
-  K as appStateStore,
-  Be as backHandlerRegistry,
-  kt as clearAppInUrl,
-  _n as cn,
-  Wn as createAppI18nFactory,
-  Hn as notificationManager,
+  F as appStateStore,
+  jn as cn,
+  Tn as createAppI18nFactory,
+  Ln as notificationManager,
   O as runningAppsStore,
-  Me as setAppInUrl,
-  At as useApp,
-  ut as useDialog,
-  jn as useNavStack,
-  Fn as useNavView,
-  Mt as useViewport
+  yt as useApp,
+  lt as useDialog,
+  On as useNavStack,
+  Yn as useNavView,
+  At as useViewport
 };
 //# sourceMappingURL=index.js.map