@kingsimba/nc-ui 0.1.50 → 0.1.51

package/dist/index.js

@@ -1,14 +1,14 @@
-var xt = Object.defineProperty;
-var kt = (e, t, n) => t in e ? xt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
-var ie = (e, t, n) => kt(e, typeof t != "symbol" ? t + "" : t, n);
+var Nt = Object.defineProperty;
+var At = (e, t, n) => t in e ? Nt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
+var de = (e, t, n) => At(e, typeof t != "symbol" ? t + "" : t, n);
 import { jsx as o, jsxs as N, Fragment as Ie } from "react/jsx-runtime";
-import { d as ze, E as Nt, R as tt, W as At, k as St, Z as Ct, b as $t, a as nt, c as rt, _ as Mt, A as It } from "./GeneratedIcons-Jg9slqRu.js";
-import Be, { useState as R, useRef as j, useEffect as F, useMemo as le, createContext as ve, useContext as de, Children as Pt, isValidElement as Rt, forwardRef as Et, useImperativeHandle as Tt, useCallback as Z, Suspense as Lt } from "react";
-import { createPortal as we } from "react-dom";
-import { useTranslation as te } from "react-i18next";
-import zt from "i18next";
-import { c as Bt } from "./clsx-OuTLNxxd.js";
-function ot({
+import { d as De, E as St, R as rt, W as Ct, k as $t, Z as Mt, b as Pt, a as ot, c as st, _ as It, A as Rt } from "./GeneratedIcons-Jg9slqRu.js";
+import Ve, { useState as R, useRef as Y, useEffect as F, useMemo as fe, createContext as we, useContext as he, Children as Et, isValidElement as Tt, forwardRef as Lt, useImperativeHandle as zt, useCallback as Z, Suspense as Bt } from "react";
+import { createPortal as ye } from "react-dom";
+import { useTranslation as ne } from "react-i18next";
+import Dt from "i18next";
+import { c as Vt } from "./clsx-OuTLNxxd.js";
+function it({
   size: e = "default",
   color: t,
   overlay: n = !1,
@@ -38,7 +38,7 @@ function ot({
   return n ? /* @__PURE__ */ o("div", { className: "nc-activity-indicator-overlay", children: s }) : s;
 }
 function J({ variant: e = "default", block: t, size: n = "default", appearance: r = "default", className: s, disabled: i, textSelectable: c, loading: a, onClick: l, children: d, ...u }) {
-  const v = [
+  const w = [
     "nc-button",
     e !== "default" ? `nc-${e}` : "",
     t ? "nc-block" : "",
@@ -53,7 +53,7 @@ function J({ variant: e = "default", block: t, size: n = "default", appearance:
   return /* @__PURE__ */ N(
     "button",
     {
-      className: v,
+      className: w,
       disabled: i || a,
       onClick: (h) => {
         if (!a) {
@@ -68,7 +68,7 @@ function J({ variant: e = "default", block: t, size: n = "default", appearance:
       ...u,
       children: [
         a && /* @__PURE__ */ o(
-          ot,
+          it,
           {
             size: "small",
             className: "nc-button-spinner",
@@ -80,14 +80,14 @@ function J({ variant: e = "default", block: t, size: n = "default", appearance:
     }
   );
 }
-const Dt = {
+const Wt = {
   info: "primary",
   success: "success",
   warning: "warning",
   error: "danger",
   danger: "danger"
 };
-function ar({
+function ur({
   code: e,
   text: t,
   type: n,
@@ -112,7 +112,7 @@ function ar({
           className: "nc-alert-close",
           "aria-label": "Close alert",
           onClick: c,
-          children: /* @__PURE__ */ o(ze, { size: 16 })
+          children: /* @__PURE__ */ o(De, { size: 16 })
         }
       )
     ] }),
@@ -120,14 +120,14 @@ function ar({
       J,
       {
         size: "small",
-        variant: r.variant ?? Dt[n],
+        variant: r.variant ?? Wt[n],
         onClick: s,
         children: r.text
       }
     ) })
   ] });
 }
-function lr({
+function pr({
   percentage: e = 0.5,
   status: t = "discharging",
   darkMode: n = !1,
@@ -136,7 +136,7 @@ function lr({
   const s = Math.max(0, Math.min(1, Number(e) || 0)), i = s === 0 ? "-" : String(Math.round(s * 100));
   let c;
   r ? s < 0.1 ? c = "var(--nc-danger)" : s < 0.2 ? c = "var(--nc-warning)" : c = "var(--nc-success)" : c = n ? "rgba(255,255,255,0.35)" : "#000000";
-  const a = "var(--nc-battery-shell-bg)", l = 24, d = 14, u = 2, v = 0, p = 12, h = 0, A = 0, b = 0, w = l, y = d, m = y - h * 2, f = w - h * 2, g = Math.max(1, Math.min(4, y / 4)), S = s === 0 ? 0 : 0.05 + s * 0.95, M = l + u + p, B = 20, H = 0.65, k = Math.max(d, B * H), P = l + u + 1, x = (d - B * H) / 2;
+  const a = "var(--nc-battery-shell-bg)", l = 24, d = 14, u = 2, w = 0, p = 12, h = 0, A = 0, b = 0, v = l, y = d, m = y - h * 2, f = v - h * 2, g = Math.max(1, Math.min(4, y / 4)), S = s === 0 ? 0 : 0.05 + s * 0.95, M = l + u + p, B = 20, W = 0.65, k = Math.max(d, B * W), I = l + u + 1, x = (d - B * W) / 2;
   return /* @__PURE__ */ N(
     "svg",
     {
@@ -155,7 +155,7 @@ function lr({
             y: b,
             rx: g,
             ry: g,
-            width: w,
+            width: v,
             height: y,
             fill: a
           }
@@ -176,7 +176,7 @@ function lr({
         /* @__PURE__ */ o(
           "text",
           {
-            x: A + w / 2,
+            x: A + v / 2,
             y: d - 3,
             fontSize: 11,
             fontWeight: "bold",
@@ -188,7 +188,7 @@ function lr({
         /* @__PURE__ */ o(
           "rect",
           {
-            x: l + v,
+            x: l + w,
             y: d * 0.26,
             width: u,
             height: d * 0.48,
@@ -197,12 +197,12 @@ function lr({
             fill: s === 1 ? c : a
           }
         ),
-        t === "charging" ? /* @__PURE__ */ o("g", { transform: `translate(${P}, ${x}) scale(${H})`, fill: c, children: /* @__PURE__ */ o("path", { d: "M10 0 L2 11 H8 L5 20 L14 8 H8 L10 0 Z" }) }) : null
+        t === "charging" ? /* @__PURE__ */ o("g", { transform: `translate(${I}, ${x}) scale(${W})`, fill: c, children: /* @__PURE__ */ o("path", { d: "M10 0 L2 11 H8 L5 20 L14 8 H8 L10 0 Z" }) }) : null
       ]
     }
   );
 }
-function dr({
+function fr({
   value: e,
   onChange: t,
   options: n,
@@ -224,7 +224,7 @@ function dr({
     );
   }) });
 }
-function Wt({ size: e }) {
+function Ht({ size: e }) {
   return /* @__PURE__ */ o("svg", { className: `nc-checkbox-icon ${e === "small" ? "nc-small" : e === "tiny" ? "nc-tiny" : ""}`, viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ o(
     "path",
     {
@@ -236,7 +236,7 @@ function Wt({ size: e }) {
     }
   ) });
 }
-function ur({ checked: e, onChange: t, disabled: n, label: r, size: s = "default", labelColor: i, style: c, className: a = "" }) {
+function hr({ checked: e, onChange: t, disabled: n, label: r, size: s = "default", labelColor: i, style: c, className: a = "" }) {
   const l = s === "small", d = s === "tiny";
   return /* @__PURE__ */ N(
     "label",
@@ -257,7 +257,7 @@ function ur({ checked: e, onChange: t, disabled: n, label: r, size: s = "default
             onKeyDown: (u) => {
               n || (u.key === "Enter" || u.key === " ") && (u.preventDefault(), t(!e));
             },
-            children: e && /* @__PURE__ */ o(Wt, { size: s })
+            children: e && /* @__PURE__ */ o(Ht, { size: s })
           }
         ),
         r && /* @__PURE__ */ o("span", { className: "nc-checkbox-text", style: i ? { color: i } : void 0, children: r })
@@ -265,8 +265,8 @@ function ur({ checked: e, onChange: t, disabled: n, label: r, size: s = "default
     }
   );
 }
-function Ht({ option: e, onChange: t, selected: n, highlighted: r, small: s, renderOption: i, index: c }) {
-  const a = j(null), { t: l } = te(), d = e.disabled === !0;
+function Ot({ option: e, onChange: t, selected: n, highlighted: r, small: s, renderOption: i, index: c }) {
+  const a = Y(null), { t: l } = ne(), d = e.disabled === !0;
   return F(() => {
     r && a.current && a.current.scrollIntoView({ block: "nearest" });
   }, [r]), /* @__PURE__ */ o(
@@ -296,7 +296,7 @@ function Ht({ option: e, onChange: t, selected: n, highlighted: r, small: s, ren
     }
   );
 }
-function Vt({
+function Ft({
   isOpen: e,
   options: t,
   onSelect: n,
@@ -307,17 +307,17 @@ function Vt({
   highlightedIndex: a = -1,
   renderOption: l
 }) {
-  const [d, u] = R({ top: 0, left: 0, width: 0 }), [v, p] = R(s), { t: h } = te();
+  const [d, u] = R({ top: 0, left: 0, width: 0 }), [w, p] = R(s), { t: h } = ne();
   if (F(() => {
     if (e && i.current) {
       const b = i.current.getBoundingClientRect();
-      let w = s;
+      let v = s;
       if (s === "bottom") {
         const y = window.innerHeight - b.bottom, m = b.top;
-        y < 320 && m > y && (w = "top");
+        y < 320 && m > y && (v = "top");
       }
-      p(w), u({
-        top: w === "top" ? b.top - 4 : b.bottom + 4,
+      p(v), u({
+        top: v === "top" ? b.top - 4 : b.bottom + 4,
         left: b.left,
         width: b.width
       });
@@ -330,20 +330,20 @@ function Vt({
       onMouseDown: (b) => b.stopPropagation(),
       style: {
         position: "fixed",
-        top: v === "top" ? void 0 : d.top,
-        bottom: v === "top" ? window.innerHeight - d.top : void 0,
+        top: w === "top" ? void 0 : d.top,
+        bottom: w === "top" ? window.innerHeight - d.top : void 0,
         left: d.left,
         width: d.width,
         zIndex: 1e3,
         maxHeight: 300,
         overflowY: "auto"
       },
-      children: t.length === 0 ? /* @__PURE__ */ o("div", { className: `nc-combo-dropdown-option nc-no-results ${c ? "nc-small" : ""}`, children: h("common.noResults") }) : t.map((b, w) => /* @__PURE__ */ o(Ht, { option: b, onChange: n, selected: b.value === r, highlighted: w === a, small: c, renderOption: l, index: w }, b.value))
+      children: t.length === 0 ? /* @__PURE__ */ o("div", { className: `nc-combo-dropdown-option nc-no-results ${c ? "nc-small" : ""}`, children: h("common.noResults") }) : t.map((b, v) => /* @__PURE__ */ o(Ot, { option: b, onChange: n, selected: b.value === r, highlighted: v === a, small: c, renderOption: l, index: v }, b.value))
     }
   );
-  return we(A, document.body);
+  return ye(A, document.body);
 }
-function Ot({ onClick: e, small: t }) {
+function Gt({ onClick: e, small: t }) {
   return /* @__PURE__ */ o(
     "span",
     {
@@ -362,7 +362,7 @@ function Ot({ onClick: e, small: t }) {
     }
   );
 }
-function Ft({ open: e, small: t }) {
+function _t({ open: e, small: t }) {
   return /* @__PURE__ */ o(
     "span",
     {
@@ -372,7 +372,7 @@ function Ft({ open: e, small: t }) {
     }
   );
 }
-function pr({
+function mr({
   value: e,
   onChange: t,
   placeholder: n = "Select…",
@@ -384,18 +384,18 @@ function pr({
   disabled: l,
   label: d,
   clearable: u = !0,
-  allowTyping: v = !1,
+  allowTyping: w = !1,
   placement: p = "bottom",
   size: h = "default",
   appearance: A = "default",
   textAlign: b = "left",
-  style: w,
+  style: v,
   className: y
 }) {
-  const [m, f] = R(!1), [g, S] = R(""), [M, B] = R(-1), H = j(null), k = j(null), P = j(null), x = h === "small", { t: $ } = te(), L = !!s, V = v || L, [E, z] = R([]), [O, C] = R(() => {
+  const [m, f] = R(!1), [g, S] = R(""), [M, B] = R(-1), W = Y(null), k = Y(null), I = Y(null), x = h === "small", { t: $ } = ne(), L = !!s, H = w || L, [E, z] = R([]), [O, C] = R(() => {
     if (r && e) {
-      const W = r.find((_) => _.value === e);
-      return W ? W.label : "";
+      const V = r.find((j) => j.value === e);
+      return V ? V.label : "";
     }
     return s && e ? e : "";
   });
@@ -405,155 +405,155 @@ function pr({
       return;
     }
     if (r) {
-      const W = r.find((_) => _.value === e);
-      W && C(W.label);
+      const V = r.find((j) => j.value === e);
+      V && C(V.label);
     } else s && C(e);
   }, [e, r, s]);
-  const I = (W, _ = !1) => {
+  const P = (V, j = !1) => {
     if (!s) return;
-    P.current && clearTimeout(P.current);
-    const Y = async () => {
+    I.current && clearTimeout(I.current);
+    const _ = async () => {
       try {
-        const X = await s(W);
+        const X = await s(V);
         z(X), B(-1);
       } catch {
         z([]);
       }
     };
-    _ ? Y() : P.current = setTimeout(Y, 200);
-  }, G = le(() => {
+    j ? _() : I.current = setTimeout(_, 200);
+  }, G = fe(() => {
     if (L) return E;
-    const W = g.toLowerCase();
-    return V ? (r || []).filter((_) => _.label.toLowerCase().includes(W)) : r || [];
-  }, [r, g, V, L, E]);
+    const V = g.toLowerCase();
+    return H ? (r || []).filter((j) => j.label.toLowerCase().includes(V)) : r || [];
+  }, [r, g, H, L, E]);
   F(() => {
     m && B(-1);
   }, [m, G]), F(() => {
     if (!u && !e && r && r.length > 0 && t) {
-      const W = r.find((_) => _.default) || r[0];
-      t(W.value);
+      const V = r.find((j) => j.default) || r[0];
+      t(V.value);
     }
   }, [u, e, r, t]), F(() => {
-    function W(_) {
-      var Y;
-      _.target instanceof Node && H.current && ((Y = H.current.parentElement) != null && Y.contains(_.target) || f(!1));
+    function V(j) {
+      var _;
+      j.target instanceof Node && W.current && ((_ = W.current.parentElement) != null && _.contains(j.target) || f(!1));
     }
-    return document.addEventListener("mousedown", W), () => document.removeEventListener("mousedown", W);
+    return document.addEventListener("mousedown", V), () => document.removeEventListener("mousedown", V);
   }, []);
-  const D = a ?? (r ? r.find((W) => W.value === e) : e ? { label: O, value: e } : void 0), q = D && u, ne = !l && !q, he = `nc-align-${b}`, ue = !(m && V) && !!D, pe = (W, _, Y = !1) => {
+  const D = a ?? (r ? r.find((V) => V.value === e) : e ? { label: O, value: e } : void 0), q = D && u, te = !l && !q, re = `nc-align-${b}`, oe = !(m && H) && !!D, se = (V, j, _ = !1) => {
     var X;
-    C(_), t == null || t(W), f(!1), S(""), Y && ((X = H.current) == null || X.blur());
-  }, xe = () => {
+    C(j), t == null || t(V), f(!1), S(""), _ && ((X = W.current) == null || X.blur());
+  }, le = () => {
     t == null || t(void 0), S(""), f(!1);
-  }, ke = (W) => {
+  }, ke = (V) => {
     if (!m) {
-      (W.key === "ArrowDown" || W.key === "ArrowUp") && (f(!0), W.preventDefault());
+      (V.key === "ArrowDown" || V.key === "ArrowUp") && (f(!0), V.preventDefault());
       return;
     }
-    const _ = (Y, X) => {
+    const j = (_, X) => {
       if (X === 1) {
-        for (let K = Y; K < G.length; K++)
+        for (let K = _; K < G.length; K++)
           if (!G[K].disabled) return K;
-        for (let K = 0; K < Y; K++)
+        for (let K = 0; K < _; K++)
           if (!G[K].disabled) return K;
       } else {
-        for (let K = Y; K >= 0; K--)
+        for (let K = _; K >= 0; K--)
           if (!G[K].disabled) return K;
-        for (let K = G.length - 1; K > Y; K--)
+        for (let K = G.length - 1; K > _; K--)
           if (!G[K].disabled) return K;
       }
-      return Y;
+      return _;
     };
-    switch (W.key) {
+    switch (V.key) {
       case "ArrowDown":
-        W.preventDefault(), B((Y) => {
-          const X = Y + 1, K = X >= G.length ? 0 : X;
-          return _(K, 1);
+        V.preventDefault(), B((_) => {
+          const X = _ + 1, K = X >= G.length ? 0 : X;
+          return j(K, 1);
         });
         break;
       case "ArrowUp":
-        W.preventDefault(), B((Y) => {
-          const X = Y - 1, K = X < 0 ? G.length - 1 : X;
-          return _(K, -1);
+        V.preventDefault(), B((_) => {
+          const X = _ - 1, K = X < 0 ? G.length - 1 : X;
+          return j(K, -1);
         });
         break;
       case "Enter":
-        W.preventDefault(), M >= 0 && M < G.length && !G[M].disabled && pe(G[M].value, G[M].label, !0);
+        V.preventDefault(), M >= 0 && M < G.length && !G[M].disabled && se(G[M].value, G[M].label, !0);
         break;
       case "Escape":
-        W.preventDefault(), f(!1), S("");
+        V.preventDefault(), f(!1), S("");
         break;
     }
   };
-  return /* @__PURE__ */ N("div", { className: `nc-combo-container ${A === "transparent" ? "nc-transparent" : ""} ${A === "plain" ? "nc-plain" : ""} ${m ? "nc-open" : ""} ${he} ${y || ""}`.trim(), style: { position: "relative", ...w }, children: [
+  return /* @__PURE__ */ N("div", { className: `nc-combo-container ${A === "transparent" ? "nc-transparent" : ""} ${A === "plain" ? "nc-plain" : ""} ${m ? "nc-open" : ""} ${re} ${y || ""}`.trim(), style: { position: "relative", ...v }, children: [
     d && /* @__PURE__ */ o("span", { className: `nc-label ${x ? "nc-small" : ""}`, children: d }),
     /* @__PURE__ */ N(
       "div",
       {
         ref: k,
         style: { position: "relative", display: "flex", alignItems: "center" },
-        onMouseDown: (W) => {
-          if (l || V && W.target === H.current) return;
-          const _ = !m;
-          if (f((Y) => (!Y && V && D && S(D.label), !Y)), L && _) {
-            const Y = V && D ? D.label : "";
-            z([]), setTimeout(() => I(Y, !0), 0);
+        onMouseDown: (V) => {
+          if (l || H && V.target === W.current) return;
+          const j = !m;
+          if (f((_) => (!_ && H && D && S(D.label), !_)), L && j) {
+            const _ = H && D ? D.label : "";
+            z([]), setTimeout(() => P(_, !0), 0);
           }
-          V && !m && setTimeout(() => {
-            var Y, X;
-            (Y = H.current) == null || Y.focus(), (X = H.current) == null || X.select();
+          H && !m && setTimeout(() => {
+            var _, X;
+            (_ = W.current) == null || _.focus(), (X = W.current) == null || X.select();
           }, 0);
         },
         children: [
           /* @__PURE__ */ o(
             "input",
             {
-              ref: H,
-              className: `nc-input ${x ? "nc-small" : ""} ${ue ? "nc-value-under-overlay" : ""}`.trim(),
+              ref: W,
+              className: `nc-input ${x ? "nc-small" : ""} ${oe ? "nc-value-under-overlay" : ""}`.trim(),
               placeholder: n,
               onFocus: () => {
-                if (!l && V) {
+                if (!l && H) {
                   f(!0);
-                  const W = D ? D.label : "";
-                  D && (S(W), setTimeout(() => {
-                    var _;
-                    return (_ = H.current) == null ? void 0 : _.select();
-                  }, 0)), L && (z([]), I(W, !0));
+                  const V = D ? D.label : "";
+                  D && (S(V), setTimeout(() => {
+                    var j;
+                    return (j = W.current) == null ? void 0 : j.select();
+                  }, 0)), L && (z([]), P(V, !0));
                 }
               },
-              onChange: (W) => {
-                const _ = W.target.value;
-                V && (S(_), L && I(_));
+              onChange: (V) => {
+                const j = V.target.value;
+                H && (S(j), L && P(j));
               },
               onKeyDown: ke,
-              value: m && V ? g : (D == null ? void 0 : D.label) || "",
-              readOnly: l || !V,
+              value: m && H ? g : (D == null ? void 0 : D.label) || "",
+              readOnly: l || !H,
               style: {
                 width: "100%",
-                paddingRight: ne || q ? x ? 32 : 44 : 12,
-                caretColor: v ? void 0 : "transparent",
-                cursor: v ? void 0 : "pointer",
+                paddingRight: te || q ? x ? 32 : 44 : 12,
+                caretColor: w ? void 0 : "transparent",
+                cursor: w ? void 0 : "pointer",
                 // The input text is invisible behind the overlay, so it must not be selectable
                 // (its selection highlight would be painted over the overlay text).
-                userSelect: ue ? "none" : void 0,
-                color: ue ? "transparent" : "var(--nc-text)"
+                userSelect: oe ? "none" : void 0,
+                color: oe ? "transparent" : "var(--nc-text)"
               }
             }
           ),
-          ue && /* @__PURE__ */ o(
+          oe && /* @__PURE__ */ o(
             "div",
             {
               "aria-hidden": !0,
-              className: `nc-combo-overlay ${he}`,
+              className: `nc-combo-overlay ${re}`,
               style: {
                 position: "absolute",
                 left: x ? 8 : 12,
-                right: ne || q ? x ? 12 : 24 : x ? 8 : 12,
+                right: te || q ? x ? 12 : 24 : x ? 8 : 12,
                 top: "50%",
                 transform: "translateY(-50%)",
                 // The overlay carries the visible text, so it is the layer that can be selected/copied.
                 userSelect: "text",
-                cursor: v ? void 0 : "pointer",
+                cursor: w ? void 0 : "pointer",
                 display: "flex",
                 alignItems: "center",
                 gap: 6
@@ -568,15 +568,15 @@ function pr({
               ] })
             }
           ),
-          q && /* @__PURE__ */ o(Ot, { onClick: xe, small: x }),
-          ne && /* @__PURE__ */ o(Ft, { open: m, small: x })
+          q && /* @__PURE__ */ o(Gt, { onClick: le, small: x }),
+          te && /* @__PURE__ */ o(_t, { open: m, small: x })
         ]
       }
     ),
-    /* @__PURE__ */ o(Vt, { isOpen: m, options: G, onSelect: pe, selectedValue: e, placement: p, anchorRef: k, small: x, highlightedIndex: M, renderOption: i })
+    /* @__PURE__ */ o(Ft, { isOpen: m, options: G, onSelect: se, selectedValue: e, placement: p, anchorRef: k, small: x, highlightedIndex: M, renderOption: i })
   ] });
 }
-function fr({ onClick: e, loading: t = !1, disabled: n = !1, size: r = "default", title: s, "aria-label": i }) {
+function gr({ onClick: e, loading: t = !1, disabled: n = !1, size: r = "default", title: s, "aria-label": i }) {
   return /* @__PURE__ */ o(
     "button",
     {
@@ -586,11 +586,11 @@ function fr({ onClick: e, loading: t = !1, disabled: n = !1, size: r = "default"
       title: s ?? (t ? "Refreshing..." : "Refresh"),
       "aria-label": i ?? (t ? "Refreshing" : "Refresh"),
       "data-size": r,
-      children: /* @__PURE__ */ o(tt, { size: r === "small" ? 14 : r === "large" ? 20 : 18, className: t ? "nc-spinning" : "" })
+      children: /* @__PURE__ */ o(rt, { size: r === "small" ? 14 : r === "large" ? 20 : 18, className: t ? "nc-spinning" : "" })
     }
   );
 }
-function st({ onClick: e, disabled: t = !1, size: n = "default", title: r = "Close", "aria-label": s = "Close" }) {
+function ct({ onClick: e, disabled: t = !1, size: n = "default", title: r = "Close", "aria-label": s = "Close" }) {
   return /* @__PURE__ */ o(
     "button",
     {
@@ -600,11 +600,11 @@ function st({ onClick: e, disabled: t = !1, size: n = "default", title: r = "Clo
       title: r,
       "aria-label": s,
       "data-size": n,
-      children: /* @__PURE__ */ o(ze, { size: n === "small" ? 14 : n === "large" ? 20 : 18 })
+      children: /* @__PURE__ */ o(De, { size: n === "small" ? 14 : n === "large" ? 20 : 18 })
     }
   );
 }
-function hr({ onClick: e, disabled: t = !1, size: n = "default", title: r = "Edit", "aria-label": s = "Edit" }) {
+function br({ onClick: e, disabled: t = !1, size: n = "default", title: r = "Edit", "aria-label": s = "Edit" }) {
   return /* @__PURE__ */ o(
     "button",
     {
@@ -614,11 +614,11 @@ function hr({ onClick: e, disabled: t = !1, size: n = "default", title: r = "Edi
       title: r,
       "aria-label": s,
       "data-size": n,
-      children: /* @__PURE__ */ o(Nt, { size: n === "small" ? 14 : n === "large" ? 20 : 18 })
+      children: /* @__PURE__ */ o(St, { size: n === "small" ? 14 : n === "large" ? 20 : 18 })
     }
   );
 }
-function mr({ onClick: e, disabled: t = !1, size: n = "default", title: r = "Delete", "aria-label": s = "Delete" }) {
+function vr({ onClick: e, disabled: t = !1, size: n = "default", title: r = "Delete", "aria-label": s = "Delete" }) {
   return /* @__PURE__ */ o(
     "button",
     {
@@ -628,11 +628,11 @@ function mr({ onClick: e, disabled: t = !1, size: n = "default", title: r = "Del
       title: r,
       "aria-label": s,
       "data-size": n,
-      children: /* @__PURE__ */ o(At, { size: n === "small" ? 14 : n === "large" ? 20 : 18 })
+      children: /* @__PURE__ */ o(Ct, { size: n === "small" ? 14 : n === "large" ? 20 : 18 })
     }
   );
 }
-function gr({ onClick: e, disabled: t = !1, children: n, title: r, "aria-label": s, size: i = "default" }) {
+function wr({ onClick: e, disabled: t = !1, children: n, title: r, "aria-label": s, size: i = "default" }) {
   return /* @__PURE__ */ o(
     "button",
     {
@@ -646,7 +646,7 @@ function gr({ onClick: e, disabled: t = !1, children: n, title: r, "aria-label":
     }
   );
 }
-function br({
+function yr({
   open: e,
   onClose: t,
   options: n,
@@ -654,14 +654,14 @@ function br({
   anchor: s,
   preferredDirection: i = "down"
 }) {
-  const c = j(null), [a, l] = R({ top: 0, left: 0 }), d = s || (r == null ? void 0 : r.current);
+  const c = Y(null), [a, l] = R({ top: 0, left: 0 }), d = s || (r == null ? void 0 : r.current);
   if (F(() => {
     if (!e || !d || !c.current) return;
-    const p = d.getBoundingClientRect(), h = c.current.getBoundingClientRect(), A = window.innerHeight, b = window.innerWidth, w = p.bottom + 8, y = w + h.height <= A - 8;
+    const p = d.getBoundingClientRect(), h = c.current.getBoundingClientRect(), A = window.innerHeight, b = window.innerWidth, v = p.bottom + 8, y = v + h.height <= A - 8;
     let m = i;
     (!y && i === "down" || i === "up" && y) && (m = "up");
     let f;
-    m === "down" ? f = w : f = p.top - h.height - 8;
+    m === "down" ? f = v : f = p.top - h.height - 8;
     let g = p.left;
     g + h.width > b - 8 && (g = p.right - h.width), l({
       top: Math.max(8, f),
@@ -682,8 +682,8 @@ function br({
   }, [e, t, d]), !e) return null;
   const u = (p) => {
     p.type !== "separator" && !p.disabled && p.onClick && (p.onClick(), t());
-  }, v = n.some((p) => p.icon);
-  return we(
+  }, w = n.some((p) => p.icon);
+  return ye(
     /* @__PURE__ */ o(
       "div",
       {
@@ -710,7 +710,7 @@ function br({
             "nc-context-menu-item",
             p.variant && p.variant !== "default" ? `nc-${p.variant}` : "",
             p.disabled ? "nc-disabled" : "",
-            v && !p.icon ? "nc-indented" : ""
+            w && !p.icon ? "nc-indented" : ""
           ].filter(Boolean).join(" ");
           return /* @__PURE__ */ N(
             "button",
@@ -732,20 +732,20 @@ function br({
     document.body
   );
 }
-const it = ve(null);
-function Gt() {
-  const e = de(it);
+const at = we(null);
+function Yt() {
+  const e = he(at);
   if (!e)
     throw new Error("useDialog must be used inside a Dialog component");
   return e;
 }
-function me({ children: e, onClick: t, ...n }) {
-  const { close: r } = Gt(), { t: s } = te();
+function ge({ children: e, onClick: t, ...n }) {
+  const { close: r } = Yt(), { t: s } = ne();
   return /* @__PURE__ */ o(J, { onClick: (c) => {
     t == null || t(c), r();
   }, ...n, children: e ?? s("common.close") });
 }
-function vr({
+function xr({
   open: e,
   onClose: t,
   title: n,
@@ -757,23 +757,23 @@ function vr({
   onSave: l,
   onDelete: d,
   onCancel: u,
-  onConnect: v,
+  onConnect: w,
   closeOnOverlay: p = !0,
   primaryDisabled: h = !1,
   fullScreen: A = !1,
   hideTitleBar: b = !1,
-  className: w = "",
+  className: v = "",
   onContentHeightChange: y
 }) {
-  const m = j(null), f = j(null), { t: g } = te(), S = { close: t }, M = (k) => {
+  const m = Y(null), f = Y(null), { t: g } = ne(), S = { close: t }, M = (k) => {
     p && k.target === k.currentTarget && t();
   };
   if (F(() => {
     e && m.current && m.current.focus();
   }, [e]), F(() => {
     if (!y || !f.current) return;
-    const k = new ResizeObserver((P) => {
-      for (const x of P) {
+    const k = new ResizeObserver((I) => {
+      for (const x of I) {
         const $ = x.contentRect.height;
         y($);
       }
@@ -788,28 +788,28 @@ function vr({
         return /* @__PURE__ */ o("div", { className: "nc-dialog-footer", children: /* @__PURE__ */ o(J, { variant: "primary", onClick: a ?? t, disabled: h, children: g("common.ok") }) });
       case "ok-cancel":
         return /* @__PURE__ */ N("div", { className: "nc-dialog-footer", children: [
-          /* @__PURE__ */ o(me, { onClick: u, children: g("common.cancel") }),
+          /* @__PURE__ */ o(ge, { onClick: u, children: g("common.cancel") }),
           /* @__PURE__ */ o(J, { variant: "primary", onClick: a ?? t, disabled: h, children: g("common.ok") })
         ] });
       case "save-cancel":
         return /* @__PURE__ */ N("div", { className: "nc-dialog-footer", children: [
-          /* @__PURE__ */ o(me, { onClick: u, children: g("common.cancel") }),
+          /* @__PURE__ */ o(ge, { onClick: u, children: g("common.cancel") }),
           /* @__PURE__ */ o(J, { variant: "primary", onClick: l, disabled: h, children: g("common.save") })
         ] });
       case "delete-cancel":
         return /* @__PURE__ */ N("div", { className: "nc-dialog-footer", children: [
-          /* @__PURE__ */ o(me, { onClick: u, children: g("common.cancel") }),
+          /* @__PURE__ */ o(ge, { onClick: u, children: g("common.cancel") }),
           /* @__PURE__ */ o(J, { variant: "danger", onClick: d, disabled: h, children: g("common.delete") })
         ] });
       case "connect":
         return /* @__PURE__ */ N("div", { className: "nc-dialog-footer", children: [
-          /* @__PURE__ */ o(me, { onClick: u, children: g("common.cancel") }),
-          /* @__PURE__ */ o(J, { variant: "primary", onClick: v, disabled: h, children: g("common.connect") })
+          /* @__PURE__ */ o(ge, { onClick: u, children: g("common.cancel") }),
+          /* @__PURE__ */ o(J, { variant: "primary", onClick: w, disabled: h, children: g("common.connect") })
         ] });
       case "close":
-        return /* @__PURE__ */ o("div", { className: "nc-dialog-footer", children: /* @__PURE__ */ o(me, { variant: "primary" }) });
+        return /* @__PURE__ */ o("div", { className: "nc-dialog-footer", children: /* @__PURE__ */ o(ge, { variant: "primary" }) });
       case "gotit":
-        return /* @__PURE__ */ o("div", { className: "nc-dialog-footer", children: /* @__PURE__ */ o(me, { variant: "primary", children: g("common.gotit") }) });
+        return /* @__PURE__ */ o("div", { className: "nc-dialog-footer", children: /* @__PURE__ */ o(ge, { variant: "primary", children: g("common.gotit") }) });
       case "custom":
         return /* @__PURE__ */ o("div", { className: "nc-dialog-footer", children: c });
       case "none":
@@ -817,11 +817,11 @@ function vr({
       default:
         return null;
     }
-  }, H = /* @__PURE__ */ o(it.Provider, { value: S, children: /* @__PURE__ */ o("div", { className: `nc-dialog-overlay${A ? " nc-fullscreen" : ""}`, onClick: M, children: /* @__PURE__ */ N(
+  }, W = /* @__PURE__ */ o(at.Provider, { value: S, children: /* @__PURE__ */ o("div", { className: `nc-dialog-overlay${A ? " nc-fullscreen" : ""}`, onClick: M, children: /* @__PURE__ */ N(
     "div",
     {
       ref: m,
-      className: `nc-dialog-container ${w}`,
+      className: `nc-dialog-container ${v}`,
       style: s,
       tabIndex: -1,
       role: "dialog",
@@ -830,16 +830,16 @@ function vr({
       children: [
         !b && /* @__PURE__ */ N("div", { className: "nc-dialog-header", children: [
           /* @__PURE__ */ o("h3", { id: "nc-dialog-title", className: "nc-dialog-title", children: n }),
-          /* @__PURE__ */ o(st, { onClick: t, "aria-label": "Close dialog" })
+          /* @__PURE__ */ o(ct, { onClick: t, "aria-label": "Close dialog" })
         ] }),
         /* @__PURE__ */ o("div", { ref: f, className: "nc-dialog-content", children: r }),
         B()
       ]
     }
   ) }) });
-  return A ? we(H, document.body) : H;
+  return A ? ye(W, document.body) : W;
 }
-function Yt({ onClick: e, size: t = "default", rightOffset: n = 4 }) {
+function jt({ onClick: e, size: t = "default", rightOffset: n = 4 }) {
   const r = t === "small" ? 28 : 34;
   return /* @__PURE__ */ o(
     "button",
@@ -868,7 +868,7 @@ function Yt({ onClick: e, size: t = "default", rightOffset: n = 4 }) {
     }
   );
 }
-function jt({ visible: e, onClick: t, size: n = "default" }) {
+function Kt({ visible: e, onClick: t, size: n = "default" }) {
   const r = n === "small" ? 28 : 34, s = n === "small" ? 16 : 18;
   return /* @__PURE__ */ o(
     "button",
@@ -892,11 +892,11 @@ function jt({ visible: e, onClick: t, size: n = "default" }) {
         alignItems: "center",
         justifyContent: "center"
       },
-      children: e ? /* @__PURE__ */ o(St, { size: s }) : /* @__PURE__ */ o(Ct, { size: s })
+      children: e ? /* @__PURE__ */ o($t, { size: s }) : /* @__PURE__ */ o(Mt, { size: s })
     }
   );
 }
-function _t({
+function Ut({
   value: e,
   defaultValue: t = "",
   onChange: n,
@@ -908,63 +908,63 @@ function _t({
   label: l,
   clearable: d = !0,
   type: u = "text",
-  className: v = "",
+  className: w = "",
   size: p = "default",
   appearance: h = "default",
   style: A,
   leadingIcon: b,
-  showPasswordToggle: w = !1,
+  showPasswordToggle: v = !1,
   multiline: y = !1,
   rows: m = 3,
   validator: f,
   showErrorMessage: g = !0
 }) {
-  const S = j(null), M = j(null), B = j(!1), [H, k] = R(!1), [P, x] = R(!1), [$, L] = R(!1), V = e !== void 0, [E, z] = R(t), O = V ? e : E, [C, I] = R(O), G = f ? f(O) : null, D = !!G, q = !y && h === "plain", ne = q && P, he = ne ? C : O;
+  const S = Y(null), M = Y(null), B = Y(!1), [W, k] = R(!1), [I, x] = R(!1), [$, L] = R(!1), H = e !== void 0, [E, z] = R(t), O = H ? e : E, [C, P] = R(O), G = f ? f(O) : null, D = !!G, q = !y && h === "plain", te = q && I, re = te ? C : O;
   F(() => {
-    ne || I(O);
-  }, [O, ne]);
-  const ue = u === "password", pe = ue && w && !a && !y, xe = d && he && !a && (P || $), ke = p === "small" ? 32 : 44;
-  let W = 12;
-  xe && pe ? W = ke * 2 : (xe || pe) && (W = ke);
-  const Y = b ? p === "small" ? 28 : 34 : void 0, X = () => {
+    te || P(O);
+  }, [O, te]);
+  const oe = u === "password", se = oe && v && !a && !y, le = d && re && !a && (I || $), ke = p === "small" ? 32 : 44;
+  let V = 12;
+  le && se ? V = ke * 2 : (le || se) && (V = ke);
+  const _ = b ? p === "small" ? 28 : 34 : void 0, X = () => {
     if (!q)
       return O;
     const Q = C !== O;
-    return V || z(C), Q && (n == null || n(C), r == null || r(C)), C;
+    return H || z(C), Q && (n == null || n(C), r == null || r(C)), C;
   }, K = () => {
-    I(O);
-  }, yt = () => {
-    var Q, re, je;
+    P(O);
+  }, kt = () => {
+    var Q, ie, Ke;
     if (q) {
-      I(""), i == null || i(), (Q = S.current) == null || Q.focus();
+      P(""), i == null || i(), (Q = S.current) == null || Q.focus();
       return;
     }
-    V || z(""), n == null || n(""), i == null || i(), y ? (re = M.current) == null || re.focus() : (je = S.current) == null || je.focus();
-  }, Ve = (Q) => {
+    H || z(""), n == null || n(""), i == null || i(), y ? (ie = M.current) == null || ie.focus() : (Ke = S.current) == null || Ke.focus();
+  }, Fe = (Q) => {
     if (q && Q.key === "Escape") {
       Q.preventDefault(), B.current = !0, K(), Q.currentTarget.blur();
       return;
     }
     if (Q.key === "Enter" && !y) {
-      const re = q ? X() : O;
-      q && (Q.preventDefault(), B.current = !0, Q.currentTarget.blur()), s == null || s(re);
+      const ie = q ? X() : O;
+      q && (Q.preventDefault(), B.current = !0, Q.currentTarget.blur()), s == null || s(ie);
     }
-  }, Oe = (Q) => {
-    const re = Q.target.value;
+  }, Ge = (Q) => {
+    const ie = Q.target.value;
     if (q) {
-      I(re), n == null || n(re);
+      P(ie), n == null || n(ie);
       return;
     }
-    V || z(re), n == null || n(re);
-  }, Fe = () => {
-    x(!0), q && I(O);
-  }, Ge = () => {
+    H || z(ie), n == null || n(ie);
+  }, _e = () => {
+    x(!0), q && P(O);
+  }, Ye = () => {
     if (q && B.current) {
       B.current = !1, x(!1);
       return;
     }
     q && X(), x(!1);
-  }, Ye = `nc-input ${p === "small" ? "nc-small " : ""}${!y && h === "plain" ? "nc-plain " : ""}${D ? "nc-error " : ""}${v}`;
+  }, je = `nc-input ${p === "small" ? "nc-small " : ""}${!y && h === "plain" ? "nc-plain " : ""}${D ? "nc-error " : ""}${w}`;
   return /* @__PURE__ */ N(
     "div",
     {
@@ -980,61 +980,61 @@ function _t({
             "textarea",
             {
               ref: M,
-              className: Ye,
+              className: je,
               placeholder: c,
-              value: he,
-              onChange: Oe,
-              onKeyDown: Ve,
-              onFocus: Fe,
-              onBlur: Ge,
+              value: re,
+              onChange: Ge,
+              onKeyDown: Fe,
+              onFocus: _e,
+              onBlur: Ye,
               readOnly: a,
               "aria-disabled": a,
               tabIndex: a ? -1 : void 0,
               rows: m,
               style: {
                 width: "100%",
-                paddingRight: W,
-                ...Y !== void 0 ? { paddingLeft: Y } : {}
+                paddingRight: V,
+                ..._ !== void 0 ? { paddingLeft: _ } : {}
               }
             }
           ) : /* @__PURE__ */ o(
             "input",
             {
               ref: S,
-              type: ue && H ? "text" : u,
-              className: Ye,
+              type: oe && W ? "text" : u,
+              className: je,
               placeholder: c,
-              value: he,
-              onChange: Oe,
-              onKeyDown: Ve,
-              onFocus: Fe,
-              onBlur: Ge,
+              value: re,
+              onChange: Ge,
+              onKeyDown: Fe,
+              onFocus: _e,
+              onBlur: Ye,
               readOnly: a,
               "aria-disabled": a,
               tabIndex: a ? -1 : void 0,
               style: {
                 width: "100%",
-                paddingRight: W,
-                ...Y !== void 0 ? { paddingLeft: Y } : {}
+                paddingRight: V,
+                ..._ !== void 0 ? { paddingLeft: _ } : {}
               }
             }
           ),
-          xe && /* @__PURE__ */ o(Yt, { onClick: yt, size: p, rightOffset: pe ? ke + 4 : 4 }),
-          pe && /* @__PURE__ */ o(jt, { visible: H, onClick: () => k(!H), size: p })
+          le && /* @__PURE__ */ o(jt, { onClick: kt, size: p, rightOffset: se ? ke + 4 : 4 }),
+          se && /* @__PURE__ */ o(Kt, { visible: W, onClick: () => k(!W), size: p })
         ] }),
         D && g && /* @__PURE__ */ o("span", { className: "nc-error-message", children: G })
       ]
     }
   );
 }
-function wr({
+function kr({
   children: e,
   onClick: t,
   showBorder: n = !0,
   selectable: r = !1,
   style: s
 }) {
-  const [i, c] = Be.useState(!1);
+  const [i, c] = Ve.useState(!1);
   return /* @__PURE__ */ o(
     "div",
     {
@@ -1062,7 +1062,7 @@ function wr({
     }
   );
 }
-function yr({ title: e, titleTools: t, children: n, style: r }) {
+function Nr({ title: e, titleTools: t, children: n, style: r }) {
   return /* @__PURE__ */ N("div", { className: "nc-list-group", style: r, children: [
     (e || t) && /* @__PURE__ */ N("div", { className: "nc-list-group-title", children: [
       /* @__PURE__ */ o("div", { children: e }),
@@ -1077,15 +1077,15 @@ function yr({ title: e, titleTools: t, children: n, style: r }) {
     )
   ] });
 }
-function xr({ values: e, onChange: t, options: n, placeholder: r = "Select…", label: s }) {
-  const [i, c] = R(!1), [a, l] = R(""), d = j(null), u = le(() => n.filter((p) => p.label.toLowerCase().includes(a.toLowerCase())), [n, a]);
+function Ar({ values: e, onChange: t, options: n, placeholder: r = "Select…", label: s }) {
+  const [i, c] = R(!1), [a, l] = R(""), d = Y(null), u = fe(() => n.filter((p) => p.label.toLowerCase().includes(a.toLowerCase())), [n, a]);
   F(() => {
     function p(h) {
       !(h.target instanceof Node) || !d.current || d.current.contains(h.target) || c(!1);
     }
     return document.addEventListener("mousedown", p), () => document.removeEventListener("mousedown", p);
   }, []);
-  const v = (p) => {
+  const w = (p) => {
     e.includes(p) ? t(e.filter((h) => h !== p)) : t([...e, p]);
   };
   return /* @__PURE__ */ N("div", { ref: d, className: "nc-col", style: { position: "relative" }, children: [
@@ -1101,7 +1101,7 @@ function xr({ 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: () => v(p),
+              onClick: () => w(p),
               "aria-label": `Remove ${h.label}`,
               children: "✕"
             }
@@ -1122,7 +1122,7 @@ function xr({ values: e, onChange: t, options: n, placeholder: r = "Select…",
     i && /* @__PURE__ */ N("div", { className: "nc-combo-dropdown", style: { position: "absolute", top: "100%", left: 0, right: 0, zIndex: 10, marginTop: 4, boxShadow: "0 4px 12px var(--nc-shadow)" }, children: [
       u.map((p) => {
         const h = e.includes(p.value);
-        return /* @__PURE__ */ N("div", { className: "nc-section nc-row", style: { justifyContent: "space-between", cursor: "pointer", padding: 12 }, onMouseDown: () => v(p.value), children: [
+        return /* @__PURE__ */ N("div", { className: "nc-section nc-row", style: { justifyContent: "space-between", cursor: "pointer", padding: 12 }, onMouseDown: () => w(p.value), children: [
           /* @__PURE__ */ o("span", { children: p.label }),
           /* @__PURE__ */ o("span", { children: h ? "✔️" : "" })
         ] }, p.value);
@@ -1151,18 +1151,18 @@ function Se(e) {
   }
   return `${n}-${r}`;
 }
-function _e(e) {
+function Ue(e) {
   if (!e) return "";
   const t = Se(e);
   if (!/^\d{4}-\d{2}$/.test(t)) return e;
   const [n, r] = t.split("-");
   return `${n}/${r}`;
 }
-function Ke() {
+function qe() {
   const e = /* @__PURE__ */ new Date(), t = e.getFullYear(), n = String(e.getMonth() + 1).padStart(2, "0");
   return `${t}-${n}`;
 }
-function kr({
+function Sr({
   startMonth: e,
   endMonth: t,
   onChange: n,
@@ -1171,7 +1171,7 @@ function kr({
   disabled: i = !1,
   size: c = "default"
 }) {
-  const [a, l] = R(!1), [d, u] = R(""), [v, p] = R(""), [h, A] = R({ top: 0, left: 0, width: 0, right: void 0 }), b = j(null), w = j(null);
+  const [a, l] = R(!1), [d, u] = R(""), [w, p] = R(""), [h, A] = R({ top: 0, left: 0, width: 0, right: void 0 }), b = Y(null), v = Y(null);
   F(() => {
     if (a && b.current) {
       const x = b.current.getBoundingClientRect(), L = Math.max(x.width, 400);
@@ -1191,25 +1191,25 @@ function kr({
   }, [a]), F(() => {
     if (!a) return;
     const x = ($) => {
-      b.current && !b.current.contains($.target) && w.current && !w.current.contains($.target) && l(!1);
+      b.current && !b.current.contains($.target) && v.current && !v.current.contains($.target) && l(!1);
     };
     return document.addEventListener("mousedown", x), () => document.removeEventListener("mousedown", x);
   }, [a]);
   const y = () => {
-    u(e || Ke()), p(t || Ke()), l(!0);
+    u(e || qe()), p(t || qe()), l(!0);
   }, m = () => {
     l(!1);
   }, f = () => {
-    const x = Ce(d), $ = Ce(v);
+    const x = Ce(d), $ = Ce(w);
     if (x || $)
       return;
-    const L = Se(d), V = Se(v);
-    L && V && (n == null || n(L, V)), l(!1);
-  }, g = e && t ? `${_e(e)} - ${_e(t)}` : "Select month range", S = Ce(d), M = Ce(v), B = Se(d), H = Se(v), k = B && H && B > H, P = a ? we(
+    const L = Se(d), H = Se(w);
+    L && H && (n == null || n(L, H)), l(!1);
+  }, g = e && t ? `${Ue(e)} - ${Ue(t)}` : "Select month range", S = Ce(d), M = Ce(w), B = Se(d), W = Se(w), k = B && W && B > W, I = a ? ye(
     /* @__PURE__ */ o(
       "div",
       {
-        ref: w,
+        ref: v,
         className: "nc-month-range-picker-popup",
         style: {
           position: "fixed",
@@ -1241,7 +1241,7 @@ function kr({
                 {
                   type: "text",
                   className: `nc-month-input ${M ? "nc-error" : ""}`,
-                  value: v,
+                  value: w,
                   onChange: (x) => p(x.target.value),
                   placeholder: "YY-M(M) or YYYY-M(M)"
                 }
@@ -1256,7 +1256,7 @@ function kr({
               {
                 variant: "primary",
                 onClick: f,
-                disabled: !d || !v || !!S || !!M || !!k,
+                disabled: !d || !w || !!S || !!M || !!k,
                 children: "Apply"
               }
             ),
@@ -1279,12 +1279,12 @@ function kr({
         children: g
       }
     ),
-    P
+    I
   ] });
 }
-const Kt = 5, Ut = 3;
-function Nr({ value: e, onChange: t, min: n, max: r, step: s = 1, label: i, disabled: c, className: a = "", style: l, size: d = "default" }) {
-  const u = d === "small", v = (String(s).split(".")[1] || "").length, p = j(null), h = j(!1), A = j(null), [b, w] = R(!1), [y, m] = R(() => String(e)), f = (E) => parseFloat(E.toFixed(v)), g = (E) => {
+const qt = 5, Xt = 3;
+function Cr({ value: e, onChange: t, min: n, max: r, step: s = 1, label: i, disabled: c, className: a = "", style: l, size: d = "default" }) {
+  const u = d === "small", w = (String(s).split(".")[1] || "").length, p = Y(null), h = Y(!1), A = Y(null), [b, v] = R(!1), [y, m] = R(() => String(e)), f = (E) => parseFloat(E.toFixed(w)), g = (E) => {
     const z = f(E);
     m(String(z)), t(z);
   }, S = () => {
@@ -1298,7 +1298,7 @@ function Nr({ value: e, onChange: t, min: n, max: r, step: s = 1, label: i, disa
     if (m(z), z === "") return;
     const O = parseFloat(z);
     isNaN(O) || t(O);
-  }, H = () => {
+  }, W = () => {
     const E = y;
     if (E === "") {
       g(n !== void 0 ? n : 0);
@@ -1319,37 +1319,37 @@ function Nr({ value: e, onChange: t, min: n, max: r, step: s = 1, label: i, disa
       hasMoved: !1,
       lastValue: e
     }, A.current = setTimeout(() => {
-      h.current = !0, w(!0);
+      h.current = !0, v(!0);
     }, 200), E.currentTarget.setPointerCapture(E.pointerId));
-  }, P = (E) => {
+  }, I = (E) => {
     const z = p.current;
     if (!z || z.pointerId !== E.pointerId) return;
     const O = z.startY - E.clientY;
-    if (Math.abs(O) >= Ut && (z.hasMoved = !0, h.current = !0, A.current && (clearTimeout(A.current), A.current = null), w(!0)), !z.hasMoved) return;
-    const C = Math.trunc(O / Kt);
-    let I = z.startValue + C * s;
-    n !== void 0 && (I = Math.max(n, I)), r !== void 0 && (I = Math.min(r, I)), I = f(I), I !== z.lastValue && (z.lastValue = I, m(String(I)), t(I));
+    if (Math.abs(O) >= Xt && (z.hasMoved = !0, h.current = !0, A.current && (clearTimeout(A.current), A.current = null), v(!0)), !z.hasMoved) return;
+    const C = Math.trunc(O / qt);
+    let P = z.startValue + C * s;
+    n !== void 0 && (P = Math.max(n, P)), r !== void 0 && (P = Math.min(r, P)), P = f(P), P !== z.lastValue && (z.lastValue = P, m(String(P)), t(P));
   }, x = (E) => {
     const z = p.current;
-    !z || z.pointerId !== E.pointerId || (A.current && (clearTimeout(A.current), A.current = null), E.currentTarget.hasPointerCapture(E.pointerId) && E.currentTarget.releasePointerCapture(E.pointerId), p.current = null, w(!1));
+    !z || z.pointerId !== E.pointerId || (A.current && (clearTimeout(A.current), A.current = null), E.currentTarget.hasPointerCapture(E.pointerId) && E.currentTarget.releasePointerCapture(E.pointerId), p.current = null, v(!1));
   }, $ = (E) => (z) => {
     if (h.current) {
       h.current = !1, z.preventDefault();
       return;
     }
     E();
-  }, L = y === "" ? NaN : parseFloat(y), V = y === "" || isNaN(L) || n !== void 0 && L < n || r !== void 0 && L > r;
+  }, L = y === "" ? NaN : parseFloat(y), H = y === "" || isNaN(L) || n !== void 0 && L < n || r !== void 0 && L > r;
   return /* @__PURE__ */ N("div", { className: `nc-col nc-number-input-col ${u ? "nc-small" : ""}`, children: [
     i && /* @__PURE__ */ o("span", { className: `nc-label ${u ? "nc-small" : ""}`, children: i }),
     /* @__PURE__ */ N("div", { className: `nc-number-input-container ${u ? "nc-small" : ""} ${a}`, style: l, children: [
       /* @__PURE__ */ o(
         "input",
         {
-          className: `nc-input nc-number-input ${u ? "nc-small" : ""} ${V ? "nc-error" : ""}`,
+          className: `nc-input nc-number-input ${u ? "nc-small" : ""} ${H ? "nc-error" : ""}`,
           type: "number",
           value: y,
           onChange: B,
-          onBlur: H,
+          onBlur: W,
           min: n,
           max: r,
           step: s,
@@ -1367,7 +1367,7 @@ function Nr({ value: e, onChange: t, min: n, max: r, step: s = 1, label: i, disa
                 className: `nc-number-input-spin nc-number-input-spin-up ${u ? "nc-small" : ""}`,
                 onClick: $(M),
                 onPointerDown: k,
-                onPointerMove: P,
+                onPointerMove: I,
                 onPointerUp: x,
                 onPointerCancel: x,
                 disabled: c || r !== void 0 && e >= r,
@@ -1381,7 +1381,7 @@ function Nr({ value: e, onChange: t, min: n, max: r, step: s = 1, label: i, disa
                 className: `nc-number-input-spin nc-number-input-spin-down ${u ? "nc-small" : ""}`,
                 onClick: $(S),
                 onPointerDown: k,
-                onPointerMove: P,
+                onPointerMove: I,
                 onPointerUp: x,
                 onPointerCancel: x,
                 disabled: c || n !== void 0 && e <= n,
@@ -1395,7 +1395,7 @@ function Nr({ value: e, onChange: t, min: n, max: r, step: s = 1, label: i, disa
     ] })
   ] });
 }
-function Ar({
+function $r({
   value: e,
   onChange: t,
   min: n = 0,
@@ -1410,7 +1410,7 @@ function Ar({
   const u = (p) => {
     const h = parseFloat(p.target.value);
     t(h);
-  }, v = (e - n) / (r - n) * 100;
+  }, w = (e - n) / (r - n) * 100;
   return /* @__PURE__ */ N("div", { className: "nc-col", style: { gap: 6 }, children: [
     i && /* @__PURE__ */ o("span", { className: "nc-label", children: i }),
     /* @__PURE__ */ N("div", { style: { display: "flex", gap: 12, alignItems: "center" }, children: [
@@ -1427,7 +1427,7 @@ function Ar({
           disabled: c,
           style: {
             width: d,
-            "--nc-slider-percentage": `${v}%`
+            "--nc-slider-percentage": `${w}%`
           }
         }
       ),
@@ -1447,13 +1447,13 @@ function Ar({
     ] })
   ] });
 }
-const qt = ({ size: e = 24, className: t, style: n }) => /* @__PURE__ */ o("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__ */ o("polyline", { points: "18 15 12 9 6 15" }) });
-function Xt({ children: e, className: t = "", style: n }) {
+const Zt = ({ size: e = 24, className: t, style: n }) => /* @__PURE__ */ o("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__ */ o("polyline", { points: "18 15 12 9 6 15" }) });
+function Qt({ children: e, className: t = "", style: n }) {
   return /* @__PURE__ */ o("div", { className: `nc-tab-panel ${t}`, style: n, children: e });
 }
-function Sr({ active: e, children: t, keepMounted: n = !1, className: r = "", style: s }) {
-  const i = Pt.toArray(t).filter(
-    (a) => Rt(a) && (a.type === Xt || a.type.displayName === "TabPanel")
+function Mr({ active: e, children: t, keepMounted: n = !1, className: r = "", style: s }) {
+  const i = Et.toArray(t).filter(
+    (a) => Tt(a) && (a.type === Qt || a.type.displayName === "TabPanel")
   );
   if (n)
     return /* @__PURE__ */ o("div", { className: `nc-tab-panels ${r}`, style: s, children: i.map((a) => {
@@ -1472,8 +1472,8 @@ function Sr({ active: e, children: t, keepMounted: n = !1, className: r = "", st
   const c = i.find((a) => a.props.tab === e);
   return /* @__PURE__ */ o("div", { className: `nc-tab-panels ${r}`, style: s, children: c });
 }
-function Cr({ tabs: e, active: t, onChange: n, onClose: r, permanentTabs: s, className: i, toolbar: c, multiline: a, orientation: l = "horizontal", style: d }) {
-  const u = j(null), [v, p] = R(!1), [h, A] = R(!1), b = l === "verticalLeft" || l === "verticalRight", w = j(!1), y = j(0), m = j(0), f = j(!1);
+function Pr({ tabs: e, active: t, onChange: n, onClose: r, permanentTabs: s, className: i, toolbar: c, multiline: a, orientation: l = "horizontal", style: d }) {
+  const u = Y(null), [w, p] = R(!1), [h, A] = R(!1), b = l === "verticalLeft" || l === "verticalRight", v = Y(!1), y = Y(0), m = Y(0), f = Y(!1);
   F(() => {
     const k = () => {
       if (u.current)
@@ -1484,39 +1484,39 @@ function Cr({ tabs: e, active: t, onChange: n, onClose: r, permanentTabs: s, cla
           const { scrollLeft: x, scrollWidth: $, clientWidth: L } = u.current;
           p(x > 1), A(x < $ - L - 1);
         }
-    }, P = u.current;
-    if (P)
-      return k(), P.addEventListener("scroll", k), window.addEventListener("resize", k), () => {
-        P.removeEventListener("scroll", k), window.removeEventListener("resize", k);
+    }, I = u.current;
+    if (I)
+      return k(), I.addEventListener("scroll", k), window.addEventListener("resize", k), () => {
+        I.removeEventListener("scroll", k), window.removeEventListener("resize", k);
       };
   }, [e, b]);
   const g = (k) => {
-    u.current && (w.current = !0, f.current = !1, y.current = b ? k.clientY : k.clientX, m.current = b ? u.current.scrollTop : u.current.scrollLeft, u.current.style.cursor = "grabbing", u.current.style.userSelect = "none");
+    u.current && (v.current = !0, f.current = !1, y.current = b ? k.clientY : k.clientX, m.current = b ? u.current.scrollTop : u.current.scrollLeft, u.current.style.cursor = "grabbing", u.current.style.userSelect = "none");
   }, S = (k) => {
-    if (!w.current || !u.current) return;
-    const P = b ? k.clientY : k.clientX, x = y.current - P;
+    if (!v.current || !u.current) return;
+    const I = b ? k.clientY : k.clientX, x = y.current - I;
     Math.abs(x) > 3 && (f.current = !0), b ? u.current.scrollTop = m.current + x : u.current.scrollLeft = m.current + x;
   }, M = () => {
-    u.current && (w.current = !1, u.current.style.cursor = "", u.current.style.userSelect = "");
+    u.current && (v.current = !1, u.current.style.cursor = "", u.current.style.userSelect = "");
   }, B = () => {
     M();
   };
   F(() => {
     const k = u.current;
     if (!k || b) return;
-    const P = (x) => {
+    const I = (x) => {
       x.deltaY !== 0 && (x.preventDefault(), k.scrollLeft += x.deltaY * 0.3);
     };
-    return k.addEventListener("wheel", P, { passive: !1 }), () => {
-      k.removeEventListener("wheel", P);
+    return k.addEventListener("wheel", I, { passive: !1 }), () => {
+      k.removeEventListener("wheel", I);
     };
   }, [b]);
-  const H = (k) => {
+  const W = (k) => {
     f.current || n(k);
   };
   return /* @__PURE__ */ N("div", { className: `nc-tab-container ${b ? `nc-vertical nc-${l}` : ""} ${i || ""}`, style: d, children: [
     /* @__PURE__ */ N("div", { className: "nc-tab-scroll-wrapper", children: [
-      v && /* @__PURE__ */ o("div", { className: `nc-tab-scroll-indicator ${b ? "nc-top" : "nc-left"}`, children: b ? /* @__PURE__ */ o(qt, { size: 16 }) : /* @__PURE__ */ o($t, { size: 16 }) }),
+      w && /* @__PURE__ */ o("div", { className: `nc-tab-scroll-indicator ${b ? "nc-top" : "nc-left"}`, children: b ? /* @__PURE__ */ o(Zt, { size: 16 }) : /* @__PURE__ */ o(Pt, { size: 16 }) }),
       /* @__PURE__ */ o(
         "div",
         {
@@ -1528,16 +1528,16 @@ function Cr({ tabs: e, active: t, onChange: n, onClose: r, permanentTabs: s, cla
           onMouseLeave: B,
           style: { cursor: "grab" },
           children: e.map((k) => {
-            const P = typeof k == "string" ? k : k.id, x = typeof k == "string" ? k : k.label, $ = r && !(s != null && s.includes(P));
+            const I = typeof k == "string" ? k : k.id, x = typeof k == "string" ? k : k.label, $ = r && !(s != null && s.includes(I));
             return /* @__PURE__ */ N(
               "div",
               {
-                className: `nc-tab-item ${t === P ? "nc-active" : ""} ${$ ? "nc-closable" : ""}`,
-                onClick: () => H(P),
+                className: `nc-tab-item ${t === I ? "nc-active" : ""} ${$ ? "nc-closable" : ""}`,
+                onClick: () => W(I),
                 role: "button",
                 tabIndex: 0,
                 onKeyDown: (L) => {
-                  (L.key === "Enter" || L.key === " ") && n(P);
+                  (L.key === "Enter" || L.key === " ") && n(I);
                 },
                 children: [
                   /* @__PURE__ */ o("span", { className: "nc-tab-label", children: b ? x : typeof x == "string" ? x.toUpperCase() : x }),
@@ -1547,12 +1547,12 @@ function Cr({ tabs: e, active: t, onChange: n, onClose: r, permanentTabs: s, cla
                       className: "nc-tab-close",
                       role: "button",
                       tabIndex: 0,
-                      "aria-label": `Close ${typeof x == "string" ? x : P}`,
+                      "aria-label": `Close ${typeof x == "string" ? x : I}`,
                       onClick: (L) => {
-                        L.stopPropagation(), r(P);
+                        L.stopPropagation(), r(I);
                       },
                       onKeyDown: (L) => {
-                        (L.key === "Enter" || L.key === " ") && (L.stopPropagation(), r(P));
+                        (L.key === "Enter" || L.key === " ") && (L.stopPropagation(), r(I));
                       },
                       children: /* @__PURE__ */ N("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", children: [
                         /* @__PURE__ */ o("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
@@ -1562,17 +1562,17 @@ function Cr({ tabs: e, active: t, onChange: n, onClose: r, permanentTabs: s, cla
                   )
                 ]
               },
-              P
+              I
             );
           })
         }
       ),
-      h && /* @__PURE__ */ o("div", { className: `nc-tab-scroll-indicator ${b ? "nc-bottom" : "nc-right"}`, children: b ? /* @__PURE__ */ o(nt, { size: 16 }) : /* @__PURE__ */ o(rt, { size: 16 }) })
+      h && /* @__PURE__ */ o("div", { className: `nc-tab-scroll-indicator ${b ? "nc-bottom" : "nc-right"}`, children: b ? /* @__PURE__ */ o(ot, { size: 16 }) : /* @__PURE__ */ o(st, { size: 16 }) })
     ] }),
     c && /* @__PURE__ */ o("div", { className: "nc-tab-toolbar", children: c })
   ] });
 }
-function $r({ checked: e, onChange: t, disabled: n, label: r }) {
+function Ir({ checked: e, onChange: t, disabled: n, label: r }) {
   return /* @__PURE__ */ N(
     "label",
     {
@@ -1624,7 +1624,7 @@ function $r({ checked: e, onChange: t, disabled: n, label: r }) {
     }
   );
 }
-const Ue = [
+const Xe = [
   "var(--nc-csv-col-0)",
   "var(--nc-csv-col-1)",
   "var(--nc-csv-col-2)",
@@ -1636,24 +1636,24 @@ const Ue = [
   "var(--nc-csv-col-8)",
   "var(--nc-csv-col-9)"
 ];
-function Zt(e, t) {
+function Jt(e, t) {
   const r = e.slice(0, t).split(`
 `), s = r.length, c = r[s - 1].split("	"), a = c.length, l = c[a - 1].length + 1;
   return { line: s, column: a, character: l, offset: t };
 }
-function Qt(e, t, n, r) {
+function en(e, t, n, r) {
   const s = e.split(`
 `), i = Math.max(1, Math.min(t, s.length));
   let c = 0;
-  for (let v = 0; v < i - 1; v++)
-    c += s[v].length + 1;
+  for (let w = 0; w < i - 1; w++)
+    c += s[w].length + 1;
   const l = s[i - 1].split("	"), d = Math.max(1, Math.min(n, l.length));
-  for (let v = 0; v < d - 1; v++)
-    c += l[v].length + 1;
+  for (let w = 0; w < d - 1; w++)
+    c += l[w].length + 1;
   const u = Math.max(1, Math.min(r, l[d - 1].length + 1));
   return c += u - 1, c;
 }
-function Jt(e, t) {
+function tn(e, t) {
   const n = e.split(`
 `), r = Math.max(1, Math.min(t, n.length));
   let s = 0;
@@ -1661,14 +1661,14 @@ function Jt(e, t) {
     s += n[i].length + 1;
   return s;
 }
-const Mr = Et(
+const Rr = Lt(
   function({ value: t, onChange: n, placeholder: r, className: s, style: i, showLineNumbers: c = !1, onCursorChange: a, highlightLine: l }, d) {
-    const u = j(null), v = j(null), p = j(null);
-    Tt(d, () => ({
+    const u = Y(null), w = Y(null), p = Y(null);
+    zt(d, () => ({
       goToLine(m) {
         const f = u.current;
         if (!f) return;
-        const g = Jt(t, m);
+        const g = tn(t, m);
         f.focus(), f.setSelectionRange(g, g);
         const S = parseFloat(getComputedStyle(f).lineHeight) || 18;
         f.scrollTop = (Math.max(1, m) - 1) * S, A(), h();
@@ -1676,7 +1676,7 @@ const Mr = Et(
       goToPosition(m, f, g) {
         const S = u.current;
         if (!S) return;
-        const M = Qt(t, m, f, g);
+        const M = en(t, m, f, g);
         S.focus(), S.setSelectionRange(M, M);
         const B = parseFloat(getComputedStyle(S).lineHeight) || 18;
         S.scrollTop = (Math.max(1, m) - 1) * B, A(), h();
@@ -1684,11 +1684,11 @@ const Mr = Et(
     }), [t]);
     const h = Z(() => {
       if (!a || !u.current) return;
-      const m = Zt(t, u.current.selectionStart);
+      const m = Jt(t, u.current.selectionStart);
       a(m);
     }, [a, t]), A = Z(() => {
       const m = u.current;
-      m && (v.current && (v.current.scrollTop = m.scrollTop, v.current.scrollLeft = m.scrollLeft), p.current && (p.current.scrollTop = m.scrollTop));
+      m && (w.current && (w.current.scrollTop = m.scrollTop, w.current.scrollLeft = m.scrollLeft), p.current && (p.current.scrollTop = m.scrollTop));
     }, []);
     F(() => {
       if (l == null || l < 1) return;
@@ -1697,8 +1697,8 @@ const Mr = Et(
       const f = parseFloat(getComputedStyle(m).lineHeight) || 18, g = (l - 1) * f, S = g + f;
       (g < m.scrollTop || S > m.scrollTop + m.clientHeight) && (m.scrollTop = g - m.clientHeight / 2 + f / 2), A();
     }, [l]);
-    const b = le(() => t.split(`
-`).length, [t]), w = () => {
+    const b = fe(() => t.split(`
+`).length, [t]), v = () => {
       const m = [];
       for (let f = 1; f <= b; f++)
         m.push(
@@ -1709,18 +1709,18 @@ const Mr = Et(
 `).map((g, S) => {
       const M = g.split("	");
       return /* @__PURE__ */ N("div", { className: `nc-csv-line ${l === S + 1 ? "nc-csv-highlight" : ""}`, children: [
-        M.map((B, H) => /* @__PURE__ */ N("span", { children: [
-          H > 0 && /* @__PURE__ */ o("span", { className: "nc-csv-tab-char", children: "	" }),
-          /* @__PURE__ */ o("span", { style: { color: Ue[H % Ue.length] }, children: B })
-        ] }, H)),
+        M.map((B, W) => /* @__PURE__ */ N("span", { children: [
+          W > 0 && /* @__PURE__ */ o("span", { className: "nc-csv-tab-char", children: "	" }),
+          /* @__PURE__ */ o("span", { style: { color: Xe[W % Xe.length] }, children: B })
+        ] }, W)),
         g === "" && `
 `
       ] }, S);
     }) : null;
     return /* @__PURE__ */ N("div", { className: `nc-csv-textarea-container ${c ? "nc-csv-with-gutter" : ""} ${s ?? ""}`, style: i, children: [
-      c && w(),
+      c && v(),
       /* @__PURE__ */ N("div", { className: "nc-csv-textarea-editor", children: [
-        /* @__PURE__ */ o("div", { className: "nc-csv-textarea-backdrop", ref: v, children: /* @__PURE__ */ o("pre", { className: "nc-csv-textarea-highlights", children: y(t) }) }),
+        /* @__PURE__ */ o("div", { className: "nc-csv-textarea-backdrop", ref: w, children: /* @__PURE__ */ o("pre", { className: "nc-csv-textarea-highlights", children: y(t) }) }),
         /* @__PURE__ */ o(
           "textarea",
           {
@@ -1743,41 +1743,41 @@ const Mr = Et(
       ] })
     ] });
   }
-), Re = /^[vV]?(\d+)\.(\d+)\.(\d+|x)(?:[-._]([0-9A-Za-z._-]+))?$/, en = /^-+$/, ct = "__branches__", tn = "__unreleased__";
-function qe(e) {
-  const t = e.trim().match(Re);
+), Te = /^[vV]?(\d+)\.(\d+)\.(\d+|x)(?:[-._]([0-9A-Za-z._-]+))?$/, nn = /^-+$/, lt = "__branches__", rn = "__unreleased__", on = 340, Re = 6, $e = 12;
+function Ze(e) {
+  const t = e.trim().match(Te);
   return t ? `${t[1]}.${t[2]}` : null;
 }
-function nn(e, t) {
+function sn(e, t) {
   const [n, r] = e.split(".").map(Number), [s, i] = t.split(".").map(Number);
   return s - n || i - r;
 }
-function rn(e, t) {
+function cn(e, t) {
   return e === void 0 ? t === void 0 ? 0 : 1 : t === void 0 ? -1 : e.localeCompare(t, "en", { numeric: !0 });
 }
-function Xe(e) {
+function Qe(e) {
   return e.toLowerCase() === "x" ? Number.POSITIVE_INFINITY : Number(e);
 }
-function on(e, t) {
-  const n = e.trim().match(Re), r = t.trim().match(Re);
+function an(e, t) {
+  const n = e.trim().match(Te), r = t.trim().match(Te);
   if (!n || !r) return 0;
-  const s = Xe(n[3]), i = Xe(r[3]), c = s === i ? 0 : s < i ? -1 : 1;
-  return Number(n[1]) - Number(r[1]) || Number(n[2]) - Number(r[2]) || c || rn(n[4], r[4]);
+  const s = Qe(n[3]), i = Qe(r[3]), c = s === i ? 0 : s < i ? -1 : 1;
+  return Number(n[1]) - Number(r[1]) || Number(n[2]) - Number(r[2]) || c || cn(n[4], r[4]);
 }
-function sn(e, t) {
-  const n = [], r = /* @__PURE__ */ new Map(), s = { key: ct, label: t.branches, items: [] }, i = {
-    key: tn,
+function ln(e, t) {
+  const n = [], r = /* @__PURE__ */ new Map(), s = { key: lt, label: t.branches, items: [] }, i = {
+    key: rn,
     label: t.unreleased,
     items: []
   };
   for (const c of e) {
     const a = c.value.trim();
-    if (!a || en.test(a)) continue;
+    if (!a || nn.test(a)) continue;
     if (c.kind === "branch") {
       s.items.push(c);
       continue;
     }
-    const l = qe(a) ?? qe(c.label);
+    const l = Ze(a) ?? Ze(c.label);
     if (!l) {
       i.items.push(c);
       continue;
@@ -1785,20 +1785,20 @@ function sn(e, t) {
     let d = r.get(l);
     d || (d = { key: l, label: l, items: [] }, r.set(l, d), n.push(d)), d.items.push(c);
   }
-  s.items.sort((c, a) => c.value === a.value ? 0 : c.value === "master" ? -1 : a.value === "master" ? 1 : a.value.localeCompare(c.value, "en", { numeric: !0 })), n.sort((c, a) => nn(c.key, a.key));
+  s.items.sort((c, a) => c.value === a.value ? 0 : c.value === "master" ? -1 : a.value === "master" ? 1 : a.value.localeCompare(c.value, "en", { numeric: !0 })), n.sort((c, a) => sn(c.key, a.key));
   for (const c of n)
-    c.items.sort((a, l) => -on(a.value, l.value));
+    c.items.sort((a, l) => -an(a.value, l.value));
   return [
     ...s.items.length ? [s] : [],
     ...i.items.length ? [i] : [],
     ...n
   ];
 }
-function cn(e, t) {
+function dn(e, t) {
   var n;
   return e.label.toLowerCase().includes(t) || e.value.toLowerCase().includes(t) || (((n = e.description) == null ? void 0 : n.toLowerCase().includes(t)) ?? !1);
 }
-function Ir({
+function Er({
   options: e,
   value: t,
   onChange: n,
@@ -1810,51 +1810,55 @@ function Ir({
   loading: l = !1,
   error: d,
   truncated: u,
-  onRefresh: v,
+  onRefresh: w,
   mode: p
 }) {
-  const { t: h } = te(), A = p ?? (v ? "refs" : "versions"), b = j(null), w = j(null), [y, m] = R(!1), [f, g] = R(""), [S, M] = R(""), [B, H] = R({}), k = le(
-    () => sn(e, {
+  const { t: h } = ne(), A = p ?? (w ? "refs" : "versions"), b = Y(null), v = Y(null), [y, m] = R(!1), [f, g] = R(""), [S, M] = R(""), [B, W] = R({}), k = fe(
+    () => ln(e, {
       branches: h("versionPicker.branches"),
       unreleased: h("versionPicker.unreleased")
     }),
     [e, h]
-  ), P = f.trim().toLowerCase(), x = le(
+  ), I = f.trim().toLowerCase(), x = fe(
     () => e.find((C) => C.value === t),
     [e, t]
-  ), $ = le(
+  ), $ = fe(
     () => k.find((C) => C.key === S) ?? k[0],
     [k, S]
-  ), L = le(() => P ? k.map((C) => ({
+  ), L = fe(() => I ? k.map((C) => ({
     group: C,
-    items: C.items.filter((I) => cn(I, P))
-  })).filter((C) => C.items.length > 0) : [], [k, P]);
+    items: C.items.filter((P) => dn(P, I))
+  })).filter((C) => C.items.length > 0) : [], [k, I]);
   F(() => {
     if (k.length === 0) {
       M("");
       return;
     }
     M(
-      (C) => k.some((I) => I.key === C) ? C : k[0].key
+      (C) => k.some((P) => P.key === C) ? C : k[0].key
     );
   }, [k]), F(() => {
     if (!y) return;
     const C = (G) => {
       var D, q;
-      !((D = b.current) != null && D.contains(G.target)) && !((q = w.current) != null && q.contains(G.target)) && m(!1);
-    }, I = (G) => {
+      !((D = b.current) != null && D.contains(G.target)) && !((q = v.current) != null && q.contains(G.target)) && m(!1);
+    }, P = (G) => {
       G.key === "Escape" && m(!1);
     };
-    return document.addEventListener("mousedown", C), document.addEventListener("keydown", I), () => {
-      document.removeEventListener("mousedown", C), document.removeEventListener("keydown", I);
+    return document.addEventListener("mousedown", C), document.addEventListener("keydown", P), () => {
+      document.removeEventListener("mousedown", C), document.removeEventListener("keydown", P);
     };
   }, [y]), F(() => {
     if (!y) return;
     const C = () => {
+      var le;
       if (!b.current) return;
-      const I = b.current.getBoundingClientRect(), G = Math.min(340, window.innerWidth - 24), D = Math.max(12, Math.min(I.left, window.innerWidth - G - 12)), q = window.innerHeight - I.bottom, ne = q < 260 && I.top > q;
-      H(
-        ne ? { bottom: window.innerHeight - I.top + 6, left: D, width: G } : { top: I.bottom + 6, left: D, width: G }
+      const P = b.current.getBoundingClientRect(), G = Math.min(on, window.innerWidth - $e * 2), D = Math.max(
+        $e,
+        Math.min(P.left, window.innerWidth - G - $e)
+      ), q = ((le = v.current) == null ? void 0 : le.getBoundingClientRect().height) ?? 0, te = Re + $e, re = window.innerHeight - P.bottom - te, oe = P.top - te, se = q > 0 && re < q && oe > re;
+      W(
+        se ? { bottom: window.innerHeight - P.top + Re, left: D, width: G } : { top: P.bottom + Re, left: D, width: G }
       );
     };
     return C(), window.addEventListener("resize", C), window.addEventListener("scroll", C, !0), () => {
@@ -1862,10 +1866,10 @@ function Ir({
     };
   }, [y]), F(() => {
     if (!y || !t) return;
-    const C = k.find((I) => I.items.some((G) => G.value === t));
+    const C = k.find((P) => P.items.some((G) => G.value === t));
     C && M(C.key);
   }, [k, y, t]);
-  const V = (x == null ? void 0 : x.label) ?? t, E = x != null && x.description ? `${V} — ${x.description}` : V, z = (C) => {
+  const H = (x == null ? void 0 : x.label) ?? t, E = x != null && x.description ? `${H} — ${x.description}` : H, z = (C) => {
     r || l || d || (n(C.value), g(""), m(!1));
   }, O = (C) => /* @__PURE__ */ o(
     J,
@@ -1903,19 +1907,19 @@ function Ir({
               /* @__PURE__ */ o(
                 "span",
                 {
-                  className: `nc-version-picker-trigger-label ${V ? "" : "nc-version-picker-trigger-placeholder"}`,
-                  children: l ? h("versionPicker.loading") : V || i
+                  className: `nc-version-picker-trigger-label ${H ? "" : "nc-version-picker-trigger-placeholder"}`,
+                  children: l ? h("versionPicker.loading") : H || i
                 }
               ),
-              d && /* @__PURE__ */ o(Mt, { size: 14 }),
-              /* @__PURE__ */ o(nt, { size: 14 })
+              d && /* @__PURE__ */ o(It, { size: 14 }),
+              /* @__PURE__ */ o(ot, { size: 14 })
             ]
           }
         ),
-        y && we(
-          /* @__PURE__ */ N("div", { ref: w, className: "nc-version-picker-popover", style: B, children: [
+        y && ye(
+          /* @__PURE__ */ N("div", { ref: v, className: "nc-version-picker-popover", style: B, children: [
             d && /* @__PURE__ */ o("div", { className: "nc-version-picker-error", role: "alert", children: d }),
-            v && /* @__PURE__ */ N("div", { className: "nc-version-picker-ref-header", children: [
+            w && /* @__PURE__ */ N("div", { className: "nc-version-picker-ref-header", children: [
               /* @__PURE__ */ o("span", { children: h(A === "refs" ? "versionPicker.refsHeader" : "versionPicker.versionsHeader") }),
               /* @__PURE__ */ o(
                 J,
@@ -1925,17 +1929,17 @@ function Ir({
                   title: h("versionPicker.refresh"),
                   "aria-label": h("versionPicker.refresh"),
                   disabled: l,
-                  onClick: v,
-                  children: /* @__PURE__ */ o(tt, { size: 15 })
+                  onClick: w,
+                  children: /* @__PURE__ */ o(rt, { size: 15 })
                 }
               )
             ] }),
             (u == null ? void 0 : u.branches) && /* @__PURE__ */ o("div", { className: "nc-version-picker-notice", children: h("versionPicker.branchesIncomplete") }),
             (u == null ? void 0 : u.tags) && /* @__PURE__ */ o("div", { className: "nc-version-picker-notice", children: h("versionPicker.tagsIncomplete") }),
             /* @__PURE__ */ N("div", { className: "nc-version-picker-search", children: [
-              /* @__PURE__ */ o(It, { size: 15 }),
+              /* @__PURE__ */ o(Rt, { size: 15 }),
               /* @__PURE__ */ o(
-                _t,
+                Ut,
                 {
                   value: f,
                   onChange: g,
@@ -1945,9 +1949,9 @@ function Ir({
                 }
               )
             ] }),
-            /* @__PURE__ */ o("div", { className: "nc-version-picker-body", children: l || d || k.length === 0 ? /* @__PURE__ */ o("div", { className: "nc-version-picker-empty", children: h(l ? "versionPicker.loading" : d ? "versionPicker.unavailable" : A === "refs" ? "versionPicker.noRefs" : "versionPicker.noVersions") }) : P ? /* @__PURE__ */ o("div", { className: "nc-version-picker-results", children: L.length === 0 ? /* @__PURE__ */ o("div", { className: "nc-version-picker-empty", children: h("versionPicker.noMatches") }) : L.map(({ group: C, items: I }) => /* @__PURE__ */ N("div", { className: "nc-version-picker-result-group", children: [
+            /* @__PURE__ */ o("div", { className: "nc-version-picker-body", children: l || d || k.length === 0 ? /* @__PURE__ */ o("div", { className: "nc-version-picker-empty", children: h(l ? "versionPicker.loading" : d ? "versionPicker.unavailable" : A === "refs" ? "versionPicker.noRefs" : "versionPicker.noVersions") }) : I ? /* @__PURE__ */ o("div", { className: "nc-version-picker-results", children: L.length === 0 ? /* @__PURE__ */ o("div", { className: "nc-version-picker-empty", children: h("versionPicker.noMatches") }) : L.map(({ group: C, items: P }) => /* @__PURE__ */ N("div", { className: "nc-version-picker-result-group", children: [
               /* @__PURE__ */ o("div", { className: "nc-version-picker-result-group-label", children: C.label }),
-              /* @__PURE__ */ o("div", { className: "nc-version-picker-option-list", children: I.map(O) })
+              /* @__PURE__ */ o("div", { className: "nc-version-picker-option-list", children: P.map(O) })
             ] }, C.key)) }) : /* @__PURE__ */ N("div", { className: "nc-version-picker-browser", children: [
               /* @__PURE__ */ o("div", { className: "nc-version-picker-group-list", children: k.map((C) => /* @__PURE__ */ N(
                 J,
@@ -1959,9 +1963,9 @@ function Ir({
                   children: [
                     /* @__PURE__ */ N("span", { children: [
                       C.label,
-                      (C.key === ct ? u != null && u.branches : u != null && u.tags) ? ` (${h("versionPicker.incomplete")})` : ""
+                      (C.key === lt ? u != null && u.branches : u != null && u.tags) ? ` (${h("versionPicker.incomplete")})` : ""
                     ] }),
-                    /* @__PURE__ */ o(rt, { size: 13 })
+                    /* @__PURE__ */ o(st, { size: 13 })
                   ]
                 },
                 C.key
@@ -1978,27 +1982,27 @@ function Ir({
     }
   );
 }
-let fe = { notifications: [] };
-const Ee = /* @__PURE__ */ new Set(), Ze = /* @__PURE__ */ new Map();
-function Te() {
-  const e = fe.notifications.slice();
-  for (const t of Array.from(Ee))
+let me = { notifications: [] };
+const Le = /* @__PURE__ */ new Set(), Je = /* @__PURE__ */ new Map();
+function ze() {
+  const e = me.notifications.slice();
+  for (const t of Array.from(Le))
     try {
       t(e);
     } catch {
     }
 }
-function an(e) {
-  Ee.add(e);
+function un(e) {
+  Le.add(e);
   try {
-    e(fe.notifications.slice());
+    e(me.notifications.slice());
   } catch {
   }
   return () => {
-    Ee.delete(e);
+    Le.delete(e);
   };
 }
-function ln(e) {
+function pn(e) {
   const t = `notification-${Date.now()}-${Math.random()}`, { duration: n, type: r, ...s } = e, i = {
     id: t,
     dismissible: !0,
@@ -2006,20 +2010,20 @@ function ln(e) {
     type: r === "error" ? "danger" : r ?? "info",
     duration: n ?? 5e3
   };
-  return fe.notifications = [i, ...fe.notifications], Te(), i.duration && i.duration > 0 && setTimeout(() => {
-    at(t);
+  return me.notifications = [i, ...me.notifications], ze(), i.duration && i.duration > 0 && setTimeout(() => {
+    dt(t);
   }, i.duration), t;
 }
-function at(e) {
-  const t = fe.notifications.find((r) => r.id === e);
+function dt(e) {
+  const t = me.notifications.find((r) => r.id === e);
   if (!t) return;
-  t.isRemoving = !0, Te();
+  t.isRemoving = !0, ze();
   const n = window.setTimeout(() => {
-    fe.notifications = fe.notifications.filter((r) => r.id !== e), Te(), Ze.delete(e);
+    me.notifications = me.notifications.filter((r) => r.id !== e), ze(), Je.delete(e);
   }, 300);
-  Ze.set(e, n);
+  Je.set(e, n);
 }
-function dn({ type: e }) {
+function fn({ type: e }) {
   switch (e) {
     case "success":
       return /* @__PURE__ */ o("svg", { viewBox: "0 0 20 20", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ o(
@@ -2060,8 +2064,8 @@ function dn({ type: e }) {
       ] });
   }
 }
-function un({ notification: e }) {
-  const { t } = te(), n = e.type || "info", r = () => {
+function hn({ notification: e }) {
+  const { t } = ne(), n = e.type || "info", r = () => {
     if (e.title) return e.title;
     switch (n) {
       case "success":
@@ -2074,14 +2078,14 @@ function un({ notification: e }) {
         return t("common.info");
     }
   }, s = () => {
-    at(e.id);
+    dt(e.id);
   };
   return /* @__PURE__ */ o(
     "div",
     {
       className: `nc-notification nc-notification-${n}`,
       children: /* @__PURE__ */ N("div", { className: "nc-notification-content", children: [
-        /* @__PURE__ */ o("div", { className: `nc-notification-icon nc-notification-icon-${n}`, children: /* @__PURE__ */ o(dn, { type: n }) }),
+        /* @__PURE__ */ o("div", { className: `nc-notification-icon nc-notification-icon-${n}`, children: /* @__PURE__ */ o(fn, { type: n }) }),
         /* @__PURE__ */ N("div", { className: "nc-notification-body", children: [
           /* @__PURE__ */ o("div", { className: "nc-notification-title", children: r() }),
           /* @__PURE__ */ o("div", { className: "nc-notification-message", children: e.message })
@@ -2092,18 +2096,18 @@ function un({ notification: e }) {
             className: "nc-notification-dismiss",
             onClick: s,
             "aria-label": t("common.close"),
-            children: /* @__PURE__ */ o(ze, { size: 16 })
+            children: /* @__PURE__ */ o(De, { size: 16 })
           }
         )
       ] })
     }
   );
 }
-function Pr() {
-  const [e, t] = R([]), [n, r] = R(/* @__PURE__ */ new Map()), [s, i] = R(/* @__PURE__ */ new Set()), c = j(null), a = j([]);
-  return F(() => an((d) => {
-    const u = new Set(a.current.map((p) => p.id)), v = d.filter((p) => !u.has(p.id)).map((p) => p.id);
-    v.length > 0 ? (t(d), i(new Set(v)), requestAnimationFrame(() => {
+function Tr() {
+  const [e, t] = R([]), [n, r] = R(/* @__PURE__ */ new Map()), [s, i] = R(/* @__PURE__ */ new Set()), c = Y(null), a = Y([]);
+  return F(() => un((d) => {
+    const u = new Set(a.current.map((p) => p.id)), w = d.filter((p) => !u.has(p.id)).map((p) => p.id);
+    w.length > 0 ? (t(d), i(new Set(w)), requestAnimationFrame(() => {
       requestAnimationFrame(() => {
         i(/* @__PURE__ */ new Set());
       });
@@ -2113,10 +2117,10 @@ function Pr() {
     const l = /* @__PURE__ */ new Map();
     let d = 0;
     const u = c.current.children;
-    e.forEach((v, p) => {
-      if (l.set(v.id, d), u[p]) {
+    e.forEach((w, p) => {
+      if (l.set(w.id, d), u[p]) {
         const h = u[p].offsetHeight;
-        v.isRemoving || (d += h + 12);
+        w.isRemoving || (d += h + 12);
       }
     }), r(l);
   }, [e]), /* @__PURE__ */ o(
@@ -2140,7 +2144,7 @@ function Pr() {
             width: "100%"
           },
           children: e.map((l) => {
-            const d = s.has(l.id), u = l.isRemoving, v = n.get(l.id) || 0;
+            const d = s.has(l.id), u = l.isRemoving, w = n.get(l.id) || 0;
             return /* @__PURE__ */ o(
               "div",
               {
@@ -2148,13 +2152,13 @@ function Pr() {
                   position: "absolute",
                   top: 0,
                   left: 0,
-                  transform: d ? `translate3d(-40px, ${v}px, 0)` : `translate3d(0, ${v}px, 0)`,
+                  transform: d ? `translate3d(-40px, ${w}px, 0)` : `translate3d(0, ${w}px, 0)`,
                   // Only animate transform when not leaving, animate opacity always
                   transition: u ? "opacity 300ms ease-out" : "transform 300ms ease-out, opacity 300ms ease-out",
                   opacity: u ? 0 : 1,
                   width: "100%"
                 },
-                children: /* @__PURE__ */ o(un, { notification: l })
+                children: /* @__PURE__ */ o(hn, { notification: l })
               },
               l.id
             );
@@ -2164,14 +2168,14 @@ function Pr() {
     }
   );
 }
-function pn(e) {
-  return ln(e);
+function mn(e) {
+  return pn(e);
 }
-const Rr = {
-  show: (e) => pn(e)
+const Lr = {
+  show: (e) => mn(e)
 };
-function Er(e) {
-  const t = zt.createInstance(), n = {};
+function zr(e) {
+  const t = Dt.createInstance(), n = {};
   for (const s in e)
     n[s] = { translation: e[s] };
   const r = typeof document < "u" && document.documentElement.lang || "en";
@@ -2191,9 +2195,9 @@ function Er(e) {
       }
   }).observe(document.documentElement, { attributes: !0 }), t;
 }
-class fn {
+class gn {
   constructor() {
-    ie(this, "apps", /* @__PURE__ */ new Map());
+    de(this, "apps", /* @__PURE__ */ new Map());
   }
   /**
    * Register an app definition.
@@ -2231,16 +2235,16 @@ class fn {
     return this.apps.has(t);
   }
 }
-const be = new fn(), Qe = "nc-ui-app-state";
-class hn {
+const ve = new gn(), et = "nc-ui-app-state";
+class bn {
   constructor() {
-    ie(this, "state");
-    ie(this, "listeners", /* @__PURE__ */ new Map());
+    de(this, "state");
+    de(this, "listeners", /* @__PURE__ */ new Map());
     this.state = this.loadState();
   }
   loadState() {
     try {
-      const t = localStorage.getItem(Qe);
+      const t = localStorage.getItem(et);
       if (t)
         return JSON.parse(t);
     } catch {
@@ -2249,7 +2253,7 @@ class hn {
   }
   saveState() {
     try {
-      localStorage.setItem(Qe, JSON.stringify(this.state));
+      localStorage.setItem(et, JSON.stringify(this.state));
     } catch {
     }
   }
@@ -2279,13 +2283,13 @@ class hn {
     (r = this.listeners.get(t)) == null || r.forEach((s) => s(n));
   }
 }
-const se = new hn();
-class mn {
+const ae = new bn();
+class vn {
   constructor() {
-    ie(this, "apps", []);
-    ie(this, "activeAppId", null);
-    ie(this, "listeners", /* @__PURE__ */ new Set());
-    ie(this, "refReadyResolvers", /* @__PURE__ */ new Map());
+    de(this, "apps", []);
+    de(this, "activeAppId", null);
+    de(this, "listeners", /* @__PURE__ */ new Set());
+    de(this, "refReadyResolvers", /* @__PURE__ */ new Map());
   }
   /**
    * Launch an app and wait for it to be ready (ref populated).
@@ -2297,16 +2301,16 @@ class mn {
    */
   async launchApp(t, n) {
     const { launchInBackground: r = !1 } = n || {};
-    if (!be.has(t))
+    if (!ve.has(t))
       return console.error(`Cannot launch app "${t}": not registered`), null;
     const s = this.apps.find((c) => c.appId === t);
     if (s)
-      return r || (this.setActiveApp(t), se._setActiveAppId(t)), s.ref ? s : this.waitForRef(t);
+      return r || (this.setActiveApp(t), ae._setActiveAppId(t)), s.ref ? s : this.waitForRef(t);
     const i = {
       appId: t,
       launchedAt: Date.now()
     };
-    return this.apps.push(i), r || (this.activeAppId = t, se._setActiveAppId(t)), this.notify(), this.waitForRef(t);
+    return this.apps.push(i), r || (this.activeAppId = t, ae._setActiveAppId(t)), this.notify(), this.waitForRef(t);
   }
   waitForRef(t) {
     return new Promise((n) => {
@@ -2343,7 +2347,7 @@ class mn {
     const r = this.apps[n];
     if (r.ref && (r.ref = void 0), this.apps.splice(n, 1), this.activeAppId === t) {
       const s = window.innerWidth >= 768;
-      this.activeAppId = s && this.apps.length > 0 ? this.apps[this.apps.length - 1].appId : null, se._setActiveAppId(this.activeAppId);
+      this.activeAppId = s && this.apps.length > 0 ? this.apps[this.apps.length - 1].appId : null, ae._setActiveAppId(this.activeAppId);
     }
     this.notify();
   }
@@ -2355,7 +2359,7 @@ class mn {
       console.warn(`Cannot activate app "${t}": not running`);
       return;
     }
-    this.activeAppId !== t && (this.activeAppId = t, this.notify(), se._setActiveAppId(t));
+    this.activeAppId !== t && (this.activeAppId = t, this.notify(), ae._setActiveAppId(t));
   }
   /**
    * Toggle an app: if active, deactivate; if inactive, activate.
@@ -2373,7 +2377,7 @@ class mn {
    * Get the currently active app definition.
    */
   getActiveApp() {
-    return this.activeAppId ? be.get(this.activeAppId) ?? null : null;
+    return this.activeAppId ? ve.get(this.activeAppId) ?? null : null;
   }
   /**
    * Get all running apps.
@@ -2399,14 +2403,14 @@ class mn {
     this.listeners.forEach((t) => t());
   }
 }
-const ee = new mn(), lt = ve(null);
-function gn() {
-  const e = de(lt);
+const ee = new vn(), ut = we(null);
+function wn() {
+  const e = he(ut);
   if (!e)
     throw new Error("useApp must be used inside an App");
   return e;
 }
-function bn({ size: e = 16 }) {
+function yn({ size: e = 16 }) {
   return /* @__PURE__ */ N(
     "svg",
     {
@@ -2425,7 +2429,7 @@ function bn({ size: e = 16 }) {
     }
   );
 }
-function vn({ title: e, onClose: t, onBack: n, toolbar: r, hideBackButton: s }) {
+function xn({ title: e, onClose: t, onBack: n, toolbar: r, hideBackButton: s }) {
   return /* @__PURE__ */ N("div", { className: "nc-app-title-bar", children: [
     /* @__PURE__ */ N("div", { className: "nc-app-title-bar-left", children: [
       n && !s && /* @__PURE__ */ o(
@@ -2435,18 +2439,18 @@ function vn({ title: e, onClose: t, onBack: n, toolbar: r, hideBackButton: s })
           onClick: n,
           title: "Back",
           "aria-label": "Go back",
-          children: /* @__PURE__ */ o(bn, { size: 16 })
+          children: /* @__PURE__ */ o(yn, { size: 16 })
         }
       ),
       /* @__PURE__ */ o("span", { className: "nc-app-title-bar-title", children: e })
     ] }),
     /* @__PURE__ */ N("div", { className: "nc-app-title-bar-right", children: [
       r && /* @__PURE__ */ o("div", { className: "nc-app-title-bar-toolbar", children: r }),
-      /* @__PURE__ */ o(st, { onClick: t, "aria-label": "Close application" })
+      /* @__PURE__ */ o(ct, { onClick: t, "aria-label": "Close application" })
     ] })
   ] });
 }
-class wn extends Be.Component {
+class kn extends Ve.Component {
   constructor(t) {
     super(t), this.state = { hasError: !1 };
   }
@@ -2463,14 +2467,14 @@ class wn extends Be.Component {
     ] }) : this.props.children;
   }
 }
-function dt({ appId: e, isActive: t, onClose: n }) {
-  const { t: r } = te(), s = be.get(e), [i, c] = R(""), [a, l] = R(null), [d, u] = R(null), [v, p] = R(!1), [h, A] = R(!1);
-  Be.useEffect(() => {
+function pt({ appId: e, isActive: t, onClose: n }) {
+  const { t: r } = ne(), s = ve.get(e), [i, c] = R(""), [a, l] = R(null), [d, u] = R(null), [w, p] = R(!1), [h, A] = R(!1);
+  Ve.useEffect(() => {
     s != null && s.titleKey && c(r(s.titleKey));
   }, [s, r]);
   const b = Z((k) => {
     c(k);
-  }, []), w = Z((k) => {
+  }, []), v = Z((k) => {
     l(() => k);
   }, []), y = Z(() => {
     l(null);
@@ -2482,32 +2486,32 @@ function dt({ appId: e, isActive: t, onClose: n }) {
     p(k);
   }, []), S = Z((k) => {
     A(k);
-  }, []), M = le(() => ({
+  }, []), M = fe(() => ({
     setTitle: b,
-    setBackHandler: w,
+    setBackHandler: v,
     clearBackHandler: y,
     setToolbar: m,
     clearToolbar: f,
     setHideBackButton: g,
     setHideTitleBar: S,
     close: n
-  }), [b, w, y, m, f, g, S, n]);
+  }), [b, v, y, m, f, g, S, n]);
   if (!s)
     return null;
-  const B = s.component, H = !s.hideTitleBar && !h;
+  const B = s.component, W = !s.hideTitleBar && !h;
   return /* @__PURE__ */ N(
     "div",
     {
       className: `nc-app-container${t ? "" : " nc-hidden"}`,
       children: [
-        H && /* @__PURE__ */ o(
-          vn,
+        W && /* @__PURE__ */ o(
+          xn,
           {
             title: i,
             onClose: n,
             onBack: a ?? void 0,
             toolbar: d,
-            hideBackButton: v
+            hideBackButton: w
           }
         ),
         /* @__PURE__ */ o(
@@ -2516,12 +2520,12 @@ function dt({ appId: e, isActive: t, onClose: n }) {
             className: "nc-app-content-wrapper",
             style: {
               padding: s.padding,
-              overflowY: H ? "auto" : void 0
+              overflowY: W ? "auto" : void 0
             },
-            children: /* @__PURE__ */ o(lt.Provider, { value: M, children: /* @__PURE__ */ o(wn, { appId: e, children: /* @__PURE__ */ o(
-              Lt,
+            children: /* @__PURE__ */ o(ut.Provider, { value: M, children: /* @__PURE__ */ o(kn, { appId: e, children: /* @__PURE__ */ o(
+              Bt,
               {
-                fallback: /* @__PURE__ */ o("div", { className: "nc-app-loading", children: /* @__PURE__ */ o(ot, {}) }),
+                fallback: /* @__PURE__ */ o("div", { className: "nc-app-loading", children: /* @__PURE__ */ o(it, {}) }),
                 children: /* @__PURE__ */ o(B, {})
               }
             ) }) })
@@ -2531,21 +2535,21 @@ function dt({ appId: e, isActive: t, onClose: n }) {
     }
   );
 }
-const $e = 768, Me = 1024, ut = {
+const Me = 768, Pe = 1024, ft = {
   isMobile: !1,
   isTablet: !1,
   isDesktop: !0,
   width: typeof window < "u" ? window.innerWidth : 1024,
   height: typeof window < "u" ? window.innerHeight : 768
-}, pt = ve(ut);
-function Tr({ children: e }) {
+}, ht = we(ft);
+function Br({ children: e }) {
   const [t, n] = R(() => {
-    if (typeof window > "u") return ut;
+    if (typeof window > "u") return ft;
     const r = window.innerWidth, s = window.innerHeight;
     return {
-      isMobile: r < $e,
-      isTablet: r >= $e && r < Me,
-      isDesktop: r >= Me,
+      isMobile: r < Me,
+      isTablet: r >= Me && r < Pe,
+      isDesktop: r >= Pe,
       width: r,
       height: s
     };
@@ -2554,54 +2558,54 @@ function Tr({ children: e }) {
     const r = () => {
       const s = window.innerWidth, i = window.innerHeight;
       n({
-        isMobile: s < $e,
-        isTablet: s >= $e && s < Me,
-        isDesktop: s >= Me,
+        isMobile: s < Me,
+        isTablet: s >= Me && s < Pe,
+        isDesktop: s >= Pe,
         width: s,
         height: i
       });
     };
     return window.addEventListener("resize", r), () => window.removeEventListener("resize", r);
-  }, []), /* @__PURE__ */ o(pt.Provider, { value: t, children: e });
+  }, []), /* @__PURE__ */ o(ht.Provider, { value: t, children: e });
 }
-function ft() {
-  return de(pt);
+function mt() {
+  return he(ht);
 }
-const De = "-", yn = (e) => {
-  const t = kn(e), {
+const We = "-", Nn = (e) => {
+  const t = Sn(e), {
     conflictingClassGroups: n,
     conflictingClassGroupModifiers: r
   } = e;
   return {
     getClassGroupId: (c) => {
-      const a = c.split(De);
-      return a[0] === "" && a.length !== 1 && a.shift(), ht(a, t) || xn(c);
+      const a = c.split(We);
+      return a[0] === "" && a.length !== 1 && a.shift(), gt(a, t) || An(c);
     },
     getConflictingClassGroupIds: (c, a) => {
       const l = n[c] || [];
       return a && r[c] ? [...l, ...r[c]] : l;
     }
   };
-}, ht = (e, t) => {
+}, gt = (e, t) => {
   var c;
   if (e.length === 0)
     return t.classGroupId;
-  const n = e[0], r = t.nextPart.get(n), s = r ? ht(e.slice(1), r) : void 0;
+  const n = e[0], r = t.nextPart.get(n), s = r ? gt(e.slice(1), r) : void 0;
   if (s)
     return s;
   if (t.validators.length === 0)
     return;
-  const i = e.join(De);
+  const i = e.join(We);
   return (c = t.validators.find(({
     validator: a
   }) => a(i))) == null ? void 0 : c.classGroupId;
-}, Je = /^\[(.+)\]$/, xn = (e) => {
-  if (Je.test(e)) {
-    const t = Je.exec(e)[1], n = t == null ? void 0 : t.substring(0, t.indexOf(":"));
+}, tt = /^\[(.+)\]$/, An = (e) => {
+  if (tt.test(e)) {
+    const t = tt.exec(e)[1], n = t == null ? void 0 : t.substring(0, t.indexOf(":"));
     if (n)
       return "arbitrary.." + n;
   }
-}, kn = (e) => {
+}, Sn = (e) => {
   const {
     theme: t,
     prefix: n
@@ -2609,19 +2613,19 @@ const De = "-", yn = (e) => {
     nextPart: /* @__PURE__ */ new Map(),
     validators: []
   };
-  return An(Object.entries(e.classGroups), n).forEach(([i, c]) => {
-    Le(c, r, i, t);
+  return $n(Object.entries(e.classGroups), n).forEach(([i, c]) => {
+    Be(c, r, i, t);
   }), r;
-}, Le = (e, t, n, r) => {
+}, Be = (e, t, n, r) => {
   e.forEach((s) => {
     if (typeof s == "string") {
-      const i = s === "" ? t : et(t, s);
+      const i = s === "" ? t : nt(t, s);
       i.classGroupId = n;
       return;
     }
     if (typeof s == "function") {
-      if (Nn(s)) {
-        Le(s(r), t, n, r);
+      if (Cn(s)) {
+        Be(s(r), t, n, r);
         return;
       }
       t.validators.push({
@@ -2631,21 +2635,21 @@ const De = "-", yn = (e) => {
       return;
     }
     Object.entries(s).forEach(([i, c]) => {
-      Le(c, et(t, i), n, r);
+      Be(c, nt(t, i), n, r);
     });
   });
-}, et = (e, t) => {
+}, nt = (e, t) => {
   let n = e;
-  return t.split(De).forEach((r) => {
+  return t.split(We).forEach((r) => {
     n.nextPart.has(r) || n.nextPart.set(r, {
       nextPart: /* @__PURE__ */ new Map(),
       validators: []
     }), n = n.nextPart.get(r);
   }), n;
-}, Nn = (e) => e.isThemeGetter, An = (e, t) => t ? e.map(([n, r]) => {
+}, Cn = (e) => e.isThemeGetter, $n = (e, t) => t ? e.map(([n, r]) => {
   const s = 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, s];
-}) : e, Sn = (e) => {
+}) : e, Mn = (e) => {
   if (e < 1)
     return {
       get: () => {
@@ -2669,28 +2673,28 @@ const De = "-", yn = (e) => {
       n.has(i) ? n.set(i, c) : s(i, c);
     }
   };
-}, mt = "!", Cn = (e) => {
+}, bt = "!", Pn = (e) => {
   const {
     separator: t,
     experimentalParseClassName: n
   } = e, r = t.length === 1, s = t[0], i = t.length, c = (a) => {
     const l = [];
-    let d = 0, u = 0, v;
-    for (let w = 0; w < a.length; w++) {
-      let y = a[w];
+    let d = 0, u = 0, w;
+    for (let v = 0; v < a.length; v++) {
+      let y = a[v];
       if (d === 0) {
-        if (y === s && (r || a.slice(w, w + i) === t)) {
-          l.push(a.slice(u, w)), u = w + i;
+        if (y === s && (r || a.slice(v, v + i) === t)) {
+          l.push(a.slice(u, v)), u = v + i;
           continue;
         }
         if (y === "/") {
-          v = w;
+          w = v;
           continue;
         }
       }
       y === "[" ? d++ : y === "]" && d--;
     }
-    const p = l.length === 0 ? a : a.substring(u), h = p.startsWith(mt), A = h ? p.substring(1) : p, b = v && v > u ? v - u : void 0;
+    const p = l.length === 0 ? a : a.substring(u), h = p.startsWith(bt), A = h ? p.substring(1) : p, b = w && w > u ? w - u : void 0;
     return {
       modifiers: l,
       hasImportantModifier: h,
@@ -2702,7 +2706,7 @@ const De = "-", yn = (e) => {
     className: a,
     parseClassName: c
   }) : c;
-}, $n = (e) => {
+}, In = (e) => {
   if (e.length <= 1)
     return e;
   const t = [];
@@ -2710,21 +2714,21 @@ const De = "-", yn = (e) => {
   return e.forEach((r) => {
     r[0] === "[" ? (t.push(...n.sort(), r), n = []) : n.push(r);
   }), t.push(...n.sort()), t;
-}, Mn = (e) => ({
-  cache: Sn(e.cacheSize),
-  parseClassName: Cn(e),
-  ...yn(e)
-}), In = /\s+/, Pn = (e, t) => {
+}, Rn = (e) => ({
+  cache: Mn(e.cacheSize),
+  parseClassName: Pn(e),
+  ...Nn(e)
+}), En = /\s+/, Tn = (e, t) => {
   const {
     parseClassName: n,
     getClassGroupId: r,
     getConflictingClassGroupIds: s
-  } = t, i = [], c = e.trim().split(In);
+  } = t, i = [], c = e.trim().split(En);
   let a = "";
   for (let l = c.length - 1; l >= 0; l -= 1) {
     const d = c[l], {
       modifiers: u,
-      hasImportantModifier: v,
+      hasImportantModifier: w,
       baseClassName: p,
       maybePostfixModifierPosition: h
     } = n(d);
@@ -2740,7 +2744,7 @@ const De = "-", yn = (e) => {
       }
       A = !1;
     }
-    const w = $n(u).join(":"), y = v ? w + mt : w, m = y + b;
+    const v = In(u).join(":"), y = w ? v + bt : v, m = y + b;
     if (i.includes(m))
       continue;
     i.push(m);
@@ -2753,76 +2757,76 @@ const De = "-", yn = (e) => {
   }
   return a;
 };
-function Rn() {
+function Ln() {
   let e = 0, t, n, r = "";
   for (; e < arguments.length; )
-    (t = arguments[e++]) && (n = gt(t)) && (r && (r += " "), r += n);
+    (t = arguments[e++]) && (n = vt(t)) && (r && (r += " "), r += n);
   return r;
 }
-const gt = (e) => {
+const vt = (e) => {
   if (typeof e == "string")
     return e;
   let t, n = "";
   for (let r = 0; r < e.length; r++)
-    e[r] && (t = gt(e[r])) && (n && (n += " "), n += t);
+    e[r] && (t = vt(e[r])) && (n && (n += " "), n += t);
   return n;
 };
-function En(e, ...t) {
+function zn(e, ...t) {
   let n, r, s, i = c;
   function c(l) {
-    const d = t.reduce((u, v) => v(u), e());
-    return n = Mn(d), r = n.cache.get, s = n.cache.set, i = a, a(l);
+    const d = t.reduce((u, w) => w(u), e());
+    return n = Rn(d), r = n.cache.get, s = n.cache.set, i = a, a(l);
   }
   function a(l) {
     const d = r(l);
     if (d)
       return d;
-    const u = Pn(l, n);
+    const u = Tn(l, n);
     return s(l, u), u;
   }
   return function() {
-    return i(Rn.apply(null, arguments));
+    return i(Ln.apply(null, arguments));
   };
 }
 const U = (e) => {
   const t = (n) => n[e] || [];
   return t.isThemeGetter = !0, t;
-}, bt = /^\[(?:([a-z-]+):)?(.+)\]$/i, Tn = /^\d+\/\d+$/, Ln = /* @__PURE__ */ new Set(["px", "full", "screen"]), zn = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, Bn = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, Dn = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, Wn = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, Hn = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, oe = (e) => ge(e) || Ln.has(e) || Tn.test(e), ce = (e) => ye(e, "length", Kn), ge = (e) => !!e && !Number.isNaN(Number(e)), Pe = (e) => ye(e, "number", ge), Ne = (e) => !!e && Number.isInteger(Number(e)), Vn = (e) => e.endsWith("%") && ge(e.slice(0, -1)), T = (e) => bt.test(e), ae = (e) => zn.test(e), On = /* @__PURE__ */ new Set(["length", "size", "percentage"]), Fn = (e) => ye(e, On, vt), Gn = (e) => ye(e, "position", vt), Yn = /* @__PURE__ */ new Set(["image", "url"]), jn = (e) => ye(e, Yn, qn), _n = (e) => ye(e, "", Un), Ae = () => !0, ye = (e, t, n) => {
-  const r = bt.exec(e);
+}, wt = /^\[(?:([a-z-]+):)?(.+)\]$/i, Bn = /^\d+\/\d+$/, Dn = /* @__PURE__ */ new Set(["px", "full", "screen"]), Vn = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, Wn = /\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$/, Hn = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, On = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, Fn = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, ce = (e) => be(e) || Dn.has(e) || Bn.test(e), ue = (e) => xe(e, "length", Xn), be = (e) => !!e && !Number.isNaN(Number(e)), Ee = (e) => xe(e, "number", be), Ne = (e) => !!e && Number.isInteger(Number(e)), Gn = (e) => e.endsWith("%") && be(e.slice(0, -1)), T = (e) => wt.test(e), pe = (e) => Vn.test(e), _n = /* @__PURE__ */ new Set(["length", "size", "percentage"]), Yn = (e) => xe(e, _n, yt), jn = (e) => xe(e, "position", yt), Kn = /* @__PURE__ */ new Set(["image", "url"]), Un = (e) => xe(e, Kn, Qn), qn = (e) => xe(e, "", Zn), Ae = () => !0, xe = (e, t, n) => {
+  const r = wt.exec(e);
   return r ? r[1] ? typeof t == "string" ? r[1] === t : t.has(r[1]) : n(r[2]) : !1;
-}, Kn = (e) => (
+}, Xn = (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.
-  Bn.test(e) && !Dn.test(e)
-), vt = () => !1, Un = (e) => Wn.test(e), qn = (e) => Hn.test(e), Xn = () => {
-  const e = U("colors"), t = U("spacing"), n = U("blur"), r = U("brightness"), s = U("borderColor"), i = U("borderRadius"), c = U("borderSpacing"), a = U("borderWidth"), l = U("contrast"), d = U("grayscale"), u = U("hueRotate"), v = U("invert"), p = U("gap"), h = U("gradientColorStops"), A = U("gradientColorStopPositions"), b = U("inset"), w = U("margin"), y = U("opacity"), m = U("padding"), f = U("saturate"), g = U("scale"), S = U("sepia"), M = U("skew"), B = U("space"), H = U("translate"), k = () => ["auto", "contain", "none"], P = () => ["auto", "hidden", "clip", "visible", "scroll"], x = () => ["auto", T, t], $ = () => [T, t], L = () => ["", oe, ce], V = () => ["auto", ge, T], E = () => ["bottom", "center", "left", "left-bottom", "left-top", "right", "right-bottom", "right-top", "top"], z = () => ["solid", "dashed", "dotted", "double", "none"], O = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], C = () => ["start", "end", "center", "between", "around", "evenly", "stretch"], I = () => ["", "0", T], G = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], D = () => [ge, T];
+  Wn.test(e) && !Hn.test(e)
+), yt = () => !1, Zn = (e) => On.test(e), Qn = (e) => Fn.test(e), Jn = () => {
+  const e = U("colors"), t = U("spacing"), n = U("blur"), r = U("brightness"), s = U("borderColor"), i = U("borderRadius"), c = U("borderSpacing"), a = U("borderWidth"), l = U("contrast"), d = U("grayscale"), u = U("hueRotate"), w = U("invert"), p = U("gap"), h = U("gradientColorStops"), A = U("gradientColorStopPositions"), b = U("inset"), v = U("margin"), y = U("opacity"), m = U("padding"), f = U("saturate"), g = U("scale"), S = U("sepia"), M = U("skew"), B = U("space"), W = U("translate"), k = () => ["auto", "contain", "none"], I = () => ["auto", "hidden", "clip", "visible", "scroll"], x = () => ["auto", T, t], $ = () => [T, t], L = () => ["", ce, ue], H = () => ["auto", be, T], E = () => ["bottom", "center", "left", "left-bottom", "left-top", "right", "right-bottom", "right-top", "top"], z = () => ["solid", "dashed", "dotted", "double", "none"], O = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], C = () => ["start", "end", "center", "between", "around", "evenly", "stretch"], P = () => ["", "0", T], G = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], D = () => [be, T];
   return {
     cacheSize: 500,
     separator: ":",
     theme: {
       colors: [Ae],
-      spacing: [oe, ce],
-      blur: ["none", "", ae, T],
+      spacing: [ce, ue],
+      blur: ["none", "", pe, T],
       brightness: D(),
       borderColor: [e],
-      borderRadius: ["none", "", "full", ae, T],
+      borderRadius: ["none", "", "full", pe, T],
       borderSpacing: $(),
       borderWidth: L(),
       contrast: D(),
-      grayscale: I(),
+      grayscale: P(),
       hueRotate: D(),
-      invert: I(),
+      invert: P(),
       gap: $(),
       gradientColorStops: [e],
-      gradientColorStopPositions: [Vn, ce],
+      gradientColorStopPositions: [Gn, ue],
       inset: x(),
       margin: x(),
       opacity: D(),
       padding: $(),
       saturate: D(),
       scale: D(),
-      sepia: I(),
+      sepia: P(),
       skew: D(),
       space: $(),
       translate: $()
@@ -2846,7 +2850,7 @@ const U = (e) => {
        * @see https://tailwindcss.com/docs/columns
        */
       columns: [{
-        columns: [ae]
+        columns: [pe]
       }],
       /**
        * Break After
@@ -2926,21 +2930,21 @@ const U = (e) => {
        * @see https://tailwindcss.com/docs/overflow
        */
       overflow: [{
-        overflow: P()
+        overflow: I()
       }],
       /**
        * Overflow X
        * @see https://tailwindcss.com/docs/overflow
        */
       "overflow-x": [{
-        "overflow-x": P()
+        "overflow-x": I()
       }],
       /**
        * Overflow Y
        * @see https://tailwindcss.com/docs/overflow
        */
       "overflow-y": [{
-        "overflow-y": P()
+        "overflow-y": I()
       }],
       /**
        * Overscroll Behavior
@@ -3077,14 +3081,14 @@ const U = (e) => {
        * @see https://tailwindcss.com/docs/flex-grow
        */
       grow: [{
-        grow: I()
+        grow: P()
       }],
       /**
        * Flex Shrink
        * @see https://tailwindcss.com/docs/flex-shrink
        */
       shrink: [{
-        shrink: I()
+        shrink: P()
       }],
       /**
        * Order
@@ -3114,14 +3118,14 @@ const U = (e) => {
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-start": [{
-        "col-start": V()
+        "col-start": H()
       }],
       /**
        * Grid Column End
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-end": [{
-        "col-end": V()
+        "col-end": H()
       }],
       /**
        * Grid Template Rows
@@ -3144,14 +3148,14 @@ const U = (e) => {
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-start": [{
-        "row-start": V()
+        "row-start": H()
       }],
       /**
        * Grid Row End
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-end": [{
-        "row-end": V()
+        "row-end": H()
       }],
       /**
        * Grid Auto Flow
@@ -3327,63 +3331,63 @@ const U = (e) => {
        * @see https://tailwindcss.com/docs/margin
        */
       m: [{
-        m: [w]
+        m: [v]
       }],
       /**
        * Margin X
        * @see https://tailwindcss.com/docs/margin
        */
       mx: [{
-        mx: [w]
+        mx: [v]
       }],
       /**
        * Margin Y
        * @see https://tailwindcss.com/docs/margin
        */
       my: [{
-        my: [w]
+        my: [v]
       }],
       /**
        * Margin Start
        * @see https://tailwindcss.com/docs/margin
        */
       ms: [{
-        ms: [w]
+        ms: [v]
       }],
       /**
        * Margin End
        * @see https://tailwindcss.com/docs/margin
        */
       me: [{
-        me: [w]
+        me: [v]
       }],
       /**
        * Margin Top
        * @see https://tailwindcss.com/docs/margin
        */
       mt: [{
-        mt: [w]
+        mt: [v]
       }],
       /**
        * Margin Right
        * @see https://tailwindcss.com/docs/margin
        */
       mr: [{
-        mr: [w]
+        mr: [v]
       }],
       /**
        * Margin Bottom
        * @see https://tailwindcss.com/docs/margin
        */
       mb: [{
-        mb: [w]
+        mb: [v]
       }],
       /**
        * Margin Left
        * @see https://tailwindcss.com/docs/margin
        */
       ml: [{
-        ml: [w]
+        ml: [v]
       }],
       /**
        * Space Between X
@@ -3430,8 +3434,8 @@ const U = (e) => {
        */
       "max-w": [{
         "max-w": [T, t, "none", "full", "min", "max", "fit", "prose", {
-          screen: [ae]
-        }, ae]
+          screen: [pe]
+        }, pe]
       }],
       /**
        * Height
@@ -3467,7 +3471,7 @@ const U = (e) => {
        * @see https://tailwindcss.com/docs/font-size
        */
       "font-size": [{
-        text: ["base", ae, ce]
+        text: ["base", pe, ue]
       }],
       /**
        * Font Smoothing
@@ -3484,7 +3488,7 @@ const U = (e) => {
        * @see https://tailwindcss.com/docs/font-weight
        */
       "font-weight": [{
-        font: ["thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black", Pe]
+        font: ["thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black", Ee]
       }],
       /**
        * Font Family
@@ -3535,14 +3539,14 @@ const U = (e) => {
        * @see https://tailwindcss.com/docs/line-clamp
        */
       "line-clamp": [{
-        "line-clamp": ["none", ge, Pe]
+        "line-clamp": ["none", be, Ee]
       }],
       /**
        * Line Height
        * @see https://tailwindcss.com/docs/line-height
        */
       leading: [{
-        leading: ["none", "tight", "snug", "normal", "relaxed", "loose", oe, T]
+        leading: ["none", "tight", "snug", "normal", "relaxed", "loose", ce, T]
       }],
       /**
        * List Style Image
@@ -3618,14 +3622,14 @@ const U = (e) => {
        * @see https://tailwindcss.com/docs/text-decoration-thickness
        */
       "text-decoration-thickness": [{
-        decoration: ["auto", "from-font", oe, ce]
+        decoration: ["auto", "from-font", ce, ue]
       }],
       /**
        * Text Underline Offset
        * @see https://tailwindcss.com/docs/text-underline-offset
        */
       "underline-offset": [{
-        "underline-offset": ["auto", oe, T]
+        "underline-offset": ["auto", ce, T]
       }],
       /**
        * Text Decoration Color
@@ -3728,7 +3732,7 @@ const U = (e) => {
        * @see https://tailwindcss.com/docs/background-position
        */
       "bg-position": [{
-        bg: [...E(), Gn]
+        bg: [...E(), jn]
       }],
       /**
        * Background Repeat
@@ -3744,7 +3748,7 @@ const U = (e) => {
        * @see https://tailwindcss.com/docs/background-size
        */
       "bg-size": [{
-        bg: ["auto", "cover", "contain", Fn]
+        bg: ["auto", "cover", "contain", Yn]
       }],
       /**
        * Background Image
@@ -3753,7 +3757,7 @@ const U = (e) => {
       "bg-image": [{
         bg: ["none", {
           "gradient-to": ["t", "tr", "r", "br", "b", "bl", "l", "tl"]
-        }, jn]
+        }, Un]
       }],
       /**
        * Background Color
@@ -4107,14 +4111,14 @@ const U = (e) => {
        * @see https://tailwindcss.com/docs/outline-offset
        */
       "outline-offset": [{
-        "outline-offset": [oe, T]
+        "outline-offset": [ce, T]
       }],
       /**
        * Outline Width
        * @see https://tailwindcss.com/docs/outline-width
        */
       "outline-w": [{
-        outline: [oe, ce]
+        outline: [ce, ue]
       }],
       /**
        * Outline Color
@@ -4154,7 +4158,7 @@ const U = (e) => {
        * @see https://tailwindcss.com/docs/ring-offset-width
        */
       "ring-offset-w": [{
-        "ring-offset": [oe, ce]
+        "ring-offset": [ce, ue]
       }],
       /**
        * Ring Offset Color
@@ -4169,7 +4173,7 @@ const U = (e) => {
        * @see https://tailwindcss.com/docs/box-shadow
        */
       shadow: [{
-        shadow: ["", "inner", "none", ae, _n]
+        shadow: ["", "inner", "none", pe, qn]
       }],
       /**
        * Box Shadow Color
@@ -4234,7 +4238,7 @@ const U = (e) => {
        * @see https://tailwindcss.com/docs/drop-shadow
        */
       "drop-shadow": [{
-        "drop-shadow": ["", "none", ae, T]
+        "drop-shadow": ["", "none", pe, T]
       }],
       /**
        * Grayscale
@@ -4255,7 +4259,7 @@ const U = (e) => {
        * @see https://tailwindcss.com/docs/invert
        */
       invert: [{
-        invert: [v]
+        invert: [w]
       }],
       /**
        * Saturate
@@ -4319,7 +4323,7 @@ const U = (e) => {
        * @see https://tailwindcss.com/docs/backdrop-invert
        */
       "backdrop-invert": [{
-        "backdrop-invert": [v]
+        "backdrop-invert": [w]
       }],
       /**
        * Backdrop Opacity
@@ -4462,14 +4466,14 @@ const U = (e) => {
        * @see https://tailwindcss.com/docs/translate
        */
       "translate-x": [{
-        "translate-x": [H]
+        "translate-x": [W]
       }],
       /**
        * Translate Y
        * @see https://tailwindcss.com/docs/translate
        */
       "translate-y": [{
-        "translate-y": [H]
+        "translate-y": [W]
       }],
       /**
        * Skew X
@@ -4749,7 +4753,7 @@ const U = (e) => {
        * @see https://tailwindcss.com/docs/stroke-width
        */
       "stroke-w": [{
-        stroke: [oe, ce, Pe]
+        stroke: [ce, ue, Ee]
       }],
       /**
        * Stroke
@@ -4824,57 +4828,57 @@ const U = (e) => {
       "font-size": ["leading"]
     }
   };
-}, Zn = /* @__PURE__ */ En(Xn);
-function Qn(...e) {
-  return Zn(Bt(e));
+}, er = /* @__PURE__ */ zn(Jn);
+function tr(...e) {
+  return er(Vt(e));
 }
-function Lr({ autoWidth: e = !0, className: t, style: n }) {
-  const [r, s] = R(() => se.getActiveAppId()), [i, c] = R(() => ee.getRunningApps()), { isMobile: a } = ft();
+function Dr({ autoWidth: e = !0, className: t, style: n }) {
+  const [r, s] = R(() => ae.getActiveAppId()), [i, c] = R(() => ee.getRunningApps()), { isMobile: a } = mt();
   F(() => {
-    const w = se.subscribe("activeAppId", (y) => {
+    const v = ae.subscribe("activeAppId", (y) => {
       s(y);
     });
     return () => {
-      w();
+      v();
     };
   }, []), F(() => ee.subscribe(() => {
     c(ee.getRunningApps());
   }), []), F(() => {
     if (!new URLSearchParams(window.location.search).has("app")) {
-      const m = se.getActiveAppId();
+      const m = ae.getActiveAppId();
       m && !ee.isRunning(m) && ee.launchApp(m);
     }
   }, []);
-  const l = (w) => {
-    ee.closeApp(w);
-  }, d = r ? be.get(r) : null, v = (d == null ? void 0 : d.width) ?? 400, p = r !== null, b = { ...{
+  const l = (v) => {
+    ee.closeApp(v);
+  }, d = r ? ve.get(r) : null, w = (d == null ? void 0 : d.width) ?? 400, p = r !== null, b = { ...{
     overflow: "hidden",
     display: p ? "flex" : "none",
     flexDirection: "column",
     flexShrink: 0,
     // Only set width if autoWidth is enabled
-    ...e && p ? { width: a ? "100%" : v } : {}
+    ...e && p ? { width: a ? "100%" : w } : {}
   }, ...n };
-  return /* @__PURE__ */ o("div", { className: Qn("nc-app-panel", t), style: b, children: i.map((w) => /* @__PURE__ */ o(
-    dt,
+  return /* @__PURE__ */ o("div", { className: tr("nc-app-panel", t), style: b, children: i.map((v) => /* @__PURE__ */ o(
+    pt,
     {
-      appId: w.appId,
-      isActive: r === w.appId,
-      onClose: () => l(w.appId)
+      appId: v.appId,
+      isActive: r === v.appId,
+      onClose: () => l(v.appId)
     },
-    w.appId
+    v.appId
   )) });
 }
-function zr({
+function Vr({
   pinnedAppIds: e,
   className: t = "",
   showIndicators: n = !0,
   side: r = "left",
   getBadge: s
 }) {
-  const { t: i } = te(), { isMobile: c } = ft(), [a, l] = R(() => se.getActiveAppId()), [d, u] = R(() => ee.getRunningApps());
+  const { t: i } = ne(), { isMobile: c } = mt(), [a, l] = R(() => ae.getActiveAppId()), [d, u] = R(() => ee.getRunningApps());
   F(() => {
-    const f = se.subscribe("activeAppId", (g) => {
+    const f = ae.subscribe("activeAppId", (g) => {
       l(g);
     });
     return () => {
@@ -4883,16 +4887,16 @@ function zr({
   }, []), F(() => ee.subscribe(() => {
     u(ee.getRunningApps());
   }), []);
-  const v = (f) => {
+  const w = (f) => {
     a === f ? ee.setActiveApp(null) : ee.launchApp(f);
-  }, p = e.map((f) => be.get(f)).filter((f) => !!f), h = d.filter((f) => !e.includes(f.appId)).map((f) => ({ running: f, def: be.get(f.appId) })).filter((f) => !!f.def), A = (f) => d.some((g) => g.appId === f), b = (f) => f.titleKey ? String(i(f.titleKey)) : f.id, w = (f) => typeof f == "number" && f > 99 ? "99+" : f, y = (f, g) => {
+  }, p = e.map((f) => ve.get(f)).filter((f) => !!f), h = d.filter((f) => !e.includes(f.appId)).map((f) => ({ running: f, def: ve.get(f.appId) })).filter((f) => !!f.def), A = (f) => d.some((g) => g.appId === f), b = (f) => f.titleKey ? String(i(f.titleKey)) : f.id, v = (f) => typeof f == "number" && f > 99 ? "99+" : f, y = (f, g) => {
     const S = s == null ? void 0 : s(f, g);
     return S ? /* @__PURE__ */ o(
       "span",
       {
         className: `nc-app-taskbar-badge nc-${S.tone ?? "default"}`,
         "aria-label": S.ariaLabel,
-        children: w(S.content)
+        children: v(S.content)
       }
     ) : null;
   }, m = c ? 24 : 28;
@@ -4903,7 +4907,7 @@ function zr({
         "button",
         {
           className: `nc-app-taskbar-button ${S ? "nc-active" : ""} ${M ? "nc-running" : ""}`,
-          onClick: () => v(f.id),
+          onClick: () => w(f.id),
           title: b(f),
           children: [
             /* @__PURE__ */ o(g, { size: m }),
@@ -4921,7 +4925,7 @@ function zr({
         "button",
         {
           className: `nc-app-taskbar-button ${M ? "nc-active" : ""} nc-running`,
-          onClick: () => v(f.appId),
+          onClick: () => w(f.appId),
           title: b(g),
           children: [
             /* @__PURE__ */ o(S, { size: m }),
@@ -4934,7 +4938,7 @@ function zr({
     })
   ] });
 }
-function Br({
+function Wr({
   appId: e,
   open: t,
   onClose: n,
@@ -4958,7 +4962,7 @@ function Br({
           style: i,
           onClick: (l) => l.stopPropagation(),
           children: /* @__PURE__ */ o(
-            dt,
+            pt,
             {
               appId: e,
               isActive: !0,
@@ -4969,24 +4973,24 @@ function Br({
       )
     }
   );
-  return we(a, document.body);
+  return ye(a, document.body);
 }
-const We = ve(null), wt = ve(null);
-function Dr() {
-  const e = de(We);
+const He = we(null), xt = we(null);
+function Hr() {
+  const e = he(He);
   if (!e)
     throw new Error("useNavStack must be used within a NavStackProvider");
   return e;
 }
-function Wr() {
-  const e = de(wt);
+function Or() {
+  const e = he(xt);
   if (!e)
     throw new Error("useNavView must be used within NavStack");
   return e;
 }
-const He = ve(null);
-function Hr({ rootView: e, children: t }) {
-  const { t: n } = te(), r = gn(), [s, i] = R([e]), [c, a] = R([null]), l = Z((g, S) => {
+const Oe = we(null);
+function Fr({ rootView: e, children: t }) {
+  const { t: n } = ne(), r = wn(), [s, i] = R([e]), [c, a] = R([null]), l = Z((g, S) => {
     a((M) => {
       const B = [...M];
       return B[g] = S, B;
@@ -4998,22 +5002,22 @@ function Hr({ rootView: e, children: t }) {
     });
   }, []), u = Z((g) => {
     i((S) => [...S, g]), a((S) => [...S, null]);
-  }, []), v = Z(() => {
+  }, []), w = Z(() => {
     i((g) => g.length <= 1 ? g : g.slice(0, -1)), a((g) => g.slice(0, -1));
   }, []), p = Z(() => {
     i([e]), a([null]);
-  }, [e]), h = s.length, A = h > 1, b = s.length - 1, w = s[s.length - 1], y = w != null && w.titleKey ? n(w.titleKey) : (w == null ? void 0 : w.title) ?? "";
+  }, [e]), h = s.length, A = h > 1, b = s.length - 1, v = s[s.length - 1], y = v != null && v.titleKey ? n(v.titleKey) : (v == null ? void 0 : v.title) ?? "";
   F(() => {
     r.setTitle(y);
   }, [y, r]), F(() => {
-    A ? r.setBackHandler(v) : r.clearBackHandler();
-  }, [A, v, r]), F(() => {
+    A ? r.setBackHandler(w) : r.clearBackHandler();
+  }, [A, w, r]), F(() => {
     const g = c[c.length - 1];
     g ? r.setToolbar(g) : r.clearToolbar();
   }, [c, r]);
   const m = {
     push: u,
-    pop: v,
+    pop: w,
     reset: p,
     depth: h,
     canGoBack: A,
@@ -5025,10 +5029,10 @@ function Hr({ rootView: e, children: t }) {
     clearToolbarAt: d,
     topIndex: b
   };
-  return /* @__PURE__ */ o(We.Provider, { value: m, children: /* @__PURE__ */ o(He.Provider, { value: f, children: t }) });
+  return /* @__PURE__ */ o(He.Provider, { value: m, children: /* @__PURE__ */ o(Oe.Provider, { value: f, children: t }) });
 }
-function Jn({ index: e, children: t }) {
-  const n = de(He);
+function nr({ index: e, children: t }) {
+  const n = he(Oe);
   if (!n)
     throw new Error("NavViewProvider must be used within NavStackProvider");
   const { updateToolbar: r, clearToolbarAt: s, topIndex: i } = n, c = Z((d) => {
@@ -5039,16 +5043,16 @@ function Jn({ index: e, children: t }) {
     setToolbar: c,
     clearToolbar: a
   };
-  return /* @__PURE__ */ o(wt.Provider, { value: l, children: t });
+  return /* @__PURE__ */ o(xt.Provider, { value: l, children: t });
 }
-function Vr() {
-  const e = de(We), t = de(He);
+function Gr() {
+  const e = he(He), t = he(Oe);
   if (!e || !t)
     throw new Error("NavStackContainer must be used within a NavStackProvider");
   const { stack: n } = t;
   return /* @__PURE__ */ o("div", { className: "nav-stack-container", children: /* @__PURE__ */ o("div", { className: "nav-stack-content", children: n.map((r, s) => {
     const i = s === n.length - 1;
-    return /* @__PURE__ */ o(Jn, { index: s, children: /* @__PURE__ */ o(
+    return /* @__PURE__ */ o(nr, { index: s, children: /* @__PURE__ */ o(
       "div",
       {
         style: { display: i ? "flex" : "none", flexDirection: "column", height: "100%" },
@@ -5058,55 +5062,55 @@ function Vr() {
   }) }) });
 }
 export {
-  ot as ActivityIndicator,
-  ar as Alert,
-  dt as AppContainer,
-  lt as AppContext,
-  Br as AppDialog,
-  Lr as AppPanel,
-  zr as AppTaskbar,
-  vn as AppTitleBar,
-  lr as Battery,
+  it as ActivityIndicator,
+  ur as Alert,
+  pt as AppContainer,
+  ut as AppContext,
+  Wr as AppDialog,
+  Dr as AppPanel,
+  Vr as AppTaskbar,
+  xn as AppTitleBar,
+  pr as Battery,
   J as Button,
-  dr as ButtonGroup,
-  ur as Checkbox,
-  st as CloseButton,
-  pr as ComboBox,
-  br as ContextMenu,
-  Mr as CsvTextArea,
-  vr as Dialog,
-  me as DialogClose,
-  hr as EditButton,
-  gr as Hyperlink,
-  _t as Input,
-  yr as ListGroup,
-  wr as ListGroupItem,
-  kr as MonthRangePicker,
-  xr as MultiSelect,
-  Vr as NavStackContainer,
-  Hr as NavStackProvider,
-  un as Notification,
-  Pr as NotificationContainer,
-  Nr as NumberInput,
-  fr as RefreshButton,
-  Ar as Slider,
-  Xt as TabPanel,
-  Sr as TabPanels,
-  Cr as Tabs,
-  $r as Toggle,
-  mr as TrashButton,
-  Ir as VersionPicker,
-  Tr as ViewportProvider,
-  be as appRegistry,
-  se as appStateStore,
-  Qn as cn,
-  Er as createAppI18nFactory,
-  Rr as notificationManager,
+  fr as ButtonGroup,
+  hr as Checkbox,
+  ct as CloseButton,
+  mr as ComboBox,
+  yr as ContextMenu,
+  Rr as CsvTextArea,
+  xr as Dialog,
+  ge as DialogClose,
+  br as EditButton,
+  wr as Hyperlink,
+  Ut as Input,
+  Nr as ListGroup,
+  kr as ListGroupItem,
+  Sr as MonthRangePicker,
+  Ar as MultiSelect,
+  Gr as NavStackContainer,
+  Fr as NavStackProvider,
+  hn as Notification,
+  Tr as NotificationContainer,
+  Cr as NumberInput,
+  gr as RefreshButton,
+  $r as Slider,
+  Qt as TabPanel,
+  Mr as TabPanels,
+  Pr as Tabs,
+  Ir as Toggle,
+  vr as TrashButton,
+  Er as VersionPicker,
+  Br as ViewportProvider,
+  ve as appRegistry,
+  ae as appStateStore,
+  tr as cn,
+  zr as createAppI18nFactory,
+  Lr as notificationManager,
   ee as runningAppsStore,
-  pn as showNotification,
-  gn as useApp,
-  Gt as useDialog,
-  Dr as useNavStack,
-  Wr as useNavView,
-  ft as useViewport
+  mn as showNotification,
+  wn as useApp,
+  Yt as useDialog,
+  Hr as useNavStack,
+  Or as useNavView,
+  mt as useViewport
 };