@kingsimba/nc-ui 0.1.38 → 0.1.40

package/dist/index.js

@@ -1,11 +1,11 @@
 var ht = Object.defineProperty;
 var mt = (e, t, n) => t in e ? ht(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
-var oe = (e, t, n) => mt(e, typeof t != "symbol" ? t + "" : t, n);
-import { jsx as s, jsxs as k, Fragment as Ee } from "react/jsx-runtime";
+var se = (e, t, n) => mt(e, typeof t != "symbol" ? t + "" : t, n);
+import { jsx as s, jsxs as A, Fragment as Pe } from "react/jsx-runtime";
 import { d as Le, E as gt, R as bt, T as vt, g as wt, V as yt, b as xt, a as kt, c as Nt } from "./GeneratedIcons-HFZmBTBT.js";
-import ze, { useState as P, useRef as F, useEffect as D, useMemo as Ie, createContext as ge, useContext as ce, Children as At, isValidElement as St, forwardRef as Ct, useImperativeHandle as Mt, useCallback as G, Suspense as It } from "react";
+import ze, { useState as E, useRef as Y, useEffect as V, useMemo as Ie, createContext as ge, useContext as ae, Children as At, isValidElement as St, forwardRef as Ct, useImperativeHandle as Mt, useCallback as X, Suspense as It } from "react";
 import { createPortal as Ae } from "react-dom";
-import { useTranslation as re } from "react-i18next";
+import { useTranslation as oe } from "react-i18next";
 import $t from "i18next";
 import { c as Rt } from "./clsx-OuTLNxxd.js";
 function Qe({
@@ -37,7 +37,7 @@ function Qe({
   );
   return n ? /* @__PURE__ */ s("div", { className: "nc-activity-indicator-overlay", children: o }) : o;
 }
-function te({ variant: e = "default", block: t, size: n = "default", appearance: r = "default", className: o, disabled: i, textSelectable: a, loading: c, onClick: l, children: d, ...h }) {
+function ne({ variant: e = "default", block: t, size: n = "default", appearance: r = "default", className: o, disabled: i, textSelectable: a, loading: c, onClick: l, children: u, ...f }) {
   const w = [
     "nc-button",
     e !== "default" ? `nc-${e}` : "",
@@ -50,22 +50,22 @@ function te({ variant: e = "default", block: t, size: n = "default", appearance:
     c ? "nc-loading" : "",
     o ?? ""
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ k(
+  return /* @__PURE__ */ A(
     "button",
     {
       className: w,
       disabled: i || c,
-      onClick: (b) => {
+      onClick: (g) => {
         if (!c) {
           if (a) {
-            const A = window.getSelection();
-            if (A && A.toString().length > 0)
+            const k = window.getSelection();
+            if (k && k.toString().length > 0)
               return;
           }
-          l == null || l(b);
+          l == null || l(g);
         }
       },
-      ...h,
+      ...f,
       children: [
         c && /* @__PURE__ */ s(
           Qe,
@@ -75,7 +75,7 @@ function te({ variant: e = "default", block: t, size: n = "default", appearance:
             color: r === "transparent" || e !== "default" && e !== "ghost" ? "white" : void 0
           }
         ),
-        d
+        u
       ]
     }
   );
@@ -98,13 +98,13 @@ function Un({
   className: c = "",
   style: l
 }) {
-  const d = i ?? /* @__PURE__ */ k(Ee, { children: [
+  const u = i ?? /* @__PURE__ */ A(Pe, { children: [
     e !== void 0 && /* @__PURE__ */ s("span", { className: "nc-alert-code", children: e }),
     t
   ] });
-  return /* @__PURE__ */ k("div", { className: `nc-alert nc-${n} ${c}`.trim(), style: l, children: [
-    /* @__PURE__ */ k("div", { className: "nc-alert-main", children: [
-      /* @__PURE__ */ s("div", { className: `nc-alert-message nc-${n}`, children: d }),
+  return /* @__PURE__ */ A("div", { className: `nc-alert nc-${n} ${c}`.trim(), style: l, children: [
+    /* @__PURE__ */ A("div", { className: "nc-alert-main", children: [
+      /* @__PURE__ */ s("div", { className: `nc-alert-message nc-${n}`, children: u }),
       a && /* @__PURE__ */ s(
         "button",
         {
@@ -117,7 +117,7 @@ function Un({
       )
     ] }),
     r && /* @__PURE__ */ s("span", { className: "nc-alert-action", children: /* @__PURE__ */ s(
-      te,
+      ne,
       {
         size: "small",
         variant: r.variant ?? Tt[n],
@@ -136,8 +136,8 @@ function qn({
   const o = Math.max(0, Math.min(1, Number(e) || 0)), i = o === 0 ? "-" : String(Math.round(o * 100));
   let a;
   r ? o < 0.1 ? a = "var(--nc-danger)" : o < 0.2 ? a = "var(--nc-warning)" : a = "var(--nc-success)" : a = n ? "rgba(255,255,255,0.35)" : "#000000";
-  const c = "var(--nc-battery-shell-bg)", l = 24, d = 14, h = 2, w = 0, u = 12, b = 0, A = 0, v = 0, y = l, x = d, m = x - b * 2, f = y - b * 2, p = Math.max(1, Math.min(4, x / 4)), g = o === 0 ? 0 : 0.05 + o * 0.95, C = l + h + u, T = 20, M = 0.65, S = Math.max(d, T * M), E = l + h + 1, N = (d - T * M) / 2;
-  return /* @__PURE__ */ k(
+  const c = "var(--nc-battery-shell-bg)", l = 24, u = 14, f = 2, w = 0, d = 12, g = 0, k = 0, b = 0, v = l, y = u, h = y - g * 2, p = v - g * 2, m = Math.max(1, Math.min(4, y / 4)), N = o === 0 ? 0 : 0.05 + o * 0.95, C = l + f + d, P = 20, B = 0.65, S = Math.max(u, P * B), L = l + f + 1, x = (u - P * B) / 2;
+  return /* @__PURE__ */ A(
     "svg",
     {
       className: "nc-battery",
@@ -147,37 +147,37 @@ function qn({
       role: "img",
       "aria-label": `Battery ${i === "-" ? "-" : `${i}%`} ${t}`,
       children: [
-        /* @__PURE__ */ s("defs", { children: /* @__PURE__ */ s("mask", { id: `nc-battery-fill-mask-${o}`, children: /* @__PURE__ */ s("rect", { x: "0", y: "0", width: f * g, height: m, fill: "white" }) }) }),
+        /* @__PURE__ */ s("defs", { children: /* @__PURE__ */ s("mask", { id: `nc-battery-fill-mask-${o}`, children: /* @__PURE__ */ s("rect", { x: "0", y: "0", width: p * N, height: h, fill: "white" }) }) }),
         /* @__PURE__ */ s(
           "rect",
           {
-            x: A,
-            y: v,
-            rx: p,
-            ry: p,
-            width: y,
-            height: x,
+            x: k,
+            y: b,
+            rx: m,
+            ry: m,
+            width: v,
+            height: y,
             fill: c
           }
         ),
         /* @__PURE__ */ s(
           "rect",
           {
-            x: A + b,
-            y: v + b,
-            width: f,
-            height: m,
+            x: k + g,
+            y: b + g,
+            width: p,
+            height: h,
             fill: a,
-            rx: p,
-            ry: p,
+            rx: m,
+            ry: m,
             mask: `url(#nc-battery-fill-mask-${o})`
           }
         ),
         /* @__PURE__ */ s(
           "text",
           {
-            x: A + y / 2,
-            y: d - 3,
+            x: k + v / 2,
+            y: u - 3,
             fontSize: 11,
             fontWeight: "bold",
             fill: "var(--nc-battery-text-contrast)",
@@ -189,15 +189,15 @@ function qn({
           "rect",
           {
             x: l + w,
-            y: d * 0.26,
-            width: h,
-            height: d * 0.48,
+            y: u * 0.26,
+            width: f,
+            height: u * 0.48,
             rx: 0.8,
             ry: 0.8,
             fill: o === 1 ? a : c
           }
         ),
-        t === "charging" ? /* @__PURE__ */ s("g", { transform: `translate(${E}, ${N}) scale(${M})`, fill: a, children: /* @__PURE__ */ s("path", { d: "M10 0 L2 11 H8 L5 20 L14 8 H8 L10 0 Z" }) }) : null
+        t === "charging" ? /* @__PURE__ */ s("g", { transform: `translate(${L}, ${x}) scale(${B})`, fill: a, children: /* @__PURE__ */ s("path", { d: "M10 0 L2 11 H8 L5 20 L14 8 H8 L10 0 Z" }) }) : null
       ]
     }
   );
@@ -224,7 +224,7 @@ function Xn({
     );
   }) });
 }
-function Pt({ size: e }) {
+function Et({ size: e }) {
   return /* @__PURE__ */ s("svg", { className: `nc-checkbox-icon ${e === "small" ? "nc-small" : ""}`, viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ s(
     "path",
     {
@@ -238,13 +238,13 @@ function Pt({ size: e }) {
 }
 function Jn({ checked: e, onChange: t, disabled: n, label: r, size: o = "default", labelColor: i, style: a, className: c = "" }) {
   const l = o === "small";
-  return /* @__PURE__ */ k(
+  return /* @__PURE__ */ A(
     "label",
     {
       className: `nc-checkbox-label ${l ? "nc-small" : ""} ${n ? "nc-disabled" : ""} ${c}`.trim(),
       style: a,
-      onClick: (d) => {
-        n || (d.preventDefault(), t(!e));
+      onClick: (u) => {
+        n || (u.preventDefault(), t(!e));
       },
       children: [
         /* @__PURE__ */ s(
@@ -254,10 +254,10 @@ function Jn({ checked: e, onChange: t, disabled: n, label: r, size: o = "default
             "aria-checked": e,
             tabIndex: 0,
             className: `nc-checkbox-box ${l ? "nc-small" : ""} ${e ? "nc-checked" : ""}`,
-            onKeyDown: (d) => {
-              n || (d.key === "Enter" || d.key === " ") && (d.preventDefault(), t(!e));
+            onKeyDown: (u) => {
+              n || (u.key === "Enter" || u.key === " ") && (u.preventDefault(), t(!e));
             },
-            children: e && /* @__PURE__ */ s(Pt, { size: o })
+            children: e && /* @__PURE__ */ s(Et, { size: o })
           }
         ),
         r && /* @__PURE__ */ s("span", { className: "nc-checkbox-text", style: i ? { color: i } : void 0, children: r })
@@ -265,29 +265,29 @@ function Jn({ checked: e, onChange: t, disabled: n, label: r, size: o = "default
     }
   );
 }
-function Et({ option: e, onChange: t, selected: n, highlighted: r, small: o, renderOption: i, index: a }) {
-  const c = F(null), { t: l } = re(), d = e.disabled === !0;
-  return D(() => {
+function Pt({ option: e, onChange: t, selected: n, highlighted: r, small: o, renderOption: i, index: a }) {
+  const c = Y(null), { t: l } = oe(), u = e.disabled === !0;
+  return V(() => {
     r && c.current && c.current.scrollIntoView({ block: "nearest" });
   }, [r]), /* @__PURE__ */ s(
     "div",
     {
       ref: c,
-      className: `nc-combo-dropdown-option ${o ? "nc-small" : ""} ${r ? "nc-highlighted" : ""} ${d ? "nc-disabled" : ""}`,
+      className: `nc-combo-dropdown-option ${o ? "nc-small" : ""} ${r ? "nc-highlighted" : ""} ${u ? "nc-disabled" : ""}`,
       role: "option",
       onClick: () => {
-        d || t(e.value, e.label);
+        u || t(e.value, e.label);
       },
       "aria-selected": n,
-      "aria-disabled": d,
+      "aria-disabled": u,
       style: {
-        cursor: d ? "default" : "pointer",
-        opacity: d ? 0.4 : void 0,
-        background: r && !d ? "rgba(59,130,246,0.18)" : n && !d ? "rgba(59,130,246,0.12)" : void 0
+        cursor: u ? "default" : "pointer",
+        opacity: u ? 0.4 : void 0,
+        background: r && !u ? "rgba(59,130,246,0.18)" : n && !u ? "rgba(59,130,246,0.12)" : void 0
       },
-      children: i ? i(e, a, !!r) : /* @__PURE__ */ k(Ee, { children: [
+      children: i ? i(e, a, !!r) : /* @__PURE__ */ A(Pe, { children: [
         e.label,
-        e.default && /* @__PURE__ */ k("span", { style: { fontSize: "0.85em", color: "var(--nc-text-weak)", marginLeft: 6 }, children: [
+        e.default && /* @__PURE__ */ A("span", { style: { fontSize: "0.85em", color: "var(--nc-text-weak)", marginLeft: 6 }, children: [
           "(",
           l("common.default"),
           ")"
@@ -307,41 +307,41 @@ function Lt({
   highlightedIndex: c = -1,
   renderOption: l
 }) {
-  const [d, h] = P({ top: 0, left: 0, width: 0 }), [w, u] = P(o), { t: b } = re();
-  if (D(() => {
+  const [u, f] = E({ top: 0, left: 0, width: 0 }), [w, d] = E(o), { t: g } = oe();
+  if (V(() => {
     if (e && i.current) {
-      const v = i.current.getBoundingClientRect();
-      let y = o;
+      const b = i.current.getBoundingClientRect();
+      let v = o;
       if (o === "bottom") {
-        const x = window.innerHeight - v.bottom, m = v.top;
-        x < 320 && m > x && (y = "top");
+        const y = window.innerHeight - b.bottom, h = b.top;
+        y < 320 && h > y && (v = "top");
       }
-      u(y), h({
-        top: y === "top" ? v.top - 4 : v.bottom + 4,
-        left: v.left,
-        width: v.width
+      d(v), f({
+        top: v === "top" ? b.top - 4 : b.bottom + 4,
+        left: b.left,
+        width: b.width
       });
     }
   }, [e, i, o]), !e) return null;
-  const A = /* @__PURE__ */ s(
+  const k = /* @__PURE__ */ s(
     "div",
     {
       className: "nc-combo-dropdown",
-      onMouseDown: (v) => v.stopPropagation(),
+      onMouseDown: (b) => b.stopPropagation(),
       style: {
         position: "fixed",
-        top: w === "top" ? void 0 : d.top,
-        bottom: w === "top" ? window.innerHeight - d.top : void 0,
-        left: d.left,
-        width: d.width,
+        top: w === "top" ? void 0 : u.top,
+        bottom: w === "top" ? window.innerHeight - u.top : void 0,
+        left: u.left,
+        width: u.width,
         zIndex: 1e3,
         maxHeight: 300,
         overflowY: "auto"
       },
-      children: t.length === 0 ? /* @__PURE__ */ s("div", { className: `nc-combo-dropdown-option nc-no-results ${a ? "nc-small" : ""}`, children: b("common.noResults") }) : t.map((v, y) => /* @__PURE__ */ s(Et, { option: v, onChange: n, selected: v.value === r, highlighted: y === c, small: a, renderOption: l, index: y }, v.value))
+      children: t.length === 0 ? /* @__PURE__ */ s("div", { className: `nc-combo-dropdown-option nc-no-results ${a ? "nc-small" : ""}`, children: g("common.noResults") }) : t.map((b, v) => /* @__PURE__ */ s(Pt, { option: b, onChange: n, selected: b.value === r, highlighted: v === c, small: a, renderOption: l, index: v }, b.value))
     }
   );
-  return Ae(A, document.body);
+  return Ae(k, document.body);
 }
 function zt({ onClick: e, small: t }) {
   return /* @__PURE__ */ s(
@@ -382,155 +382,155 @@ function Qn({
   renderSelected: a,
   selectedOption: c,
   disabled: l,
-  label: d,
-  clearable: h = !0,
+  label: u,
+  clearable: f = !0,
   allowTyping: w = !1,
-  placement: u = "bottom",
-  size: b = "default",
-  appearance: A = "default",
-  textAlign: v = "left",
-  style: y,
-  className: x
+  placement: d = "bottom",
+  size: g = "default",
+  appearance: k = "default",
+  textAlign: b = "left",
+  style: v,
+  className: y
 }) {
-  const [m, f] = P(!1), [p, g] = P(""), [C, T] = P(-1), M = F(null), S = F(null), E = F(null), N = b === "small", { t: I } = re(), L = !!o, H = w || L, [ae, X] = P([]), [K, _] = P(() => {
+  const [h, p] = E(!1), [m, N] = E(""), [C, P] = E(-1), B = Y(null), S = Y(null), L = Y(null), x = g === "small", { t: M } = oe(), z = !!o, F = w || z, [$, T] = E([]), [H, q] = E(() => {
     if (r && e) {
-      const R = r.find((W) => W.value === e);
+      const R = r.find((j) => j.value === e);
       return R ? R.label : "";
     }
     return o && e ? e : "";
   });
-  D(() => {
+  V(() => {
     if (!e) {
-      _("");
+      q("");
       return;
     }
     if (r) {
-      const R = r.find((W) => W.value === e);
-      R && _(R.label);
-    } else o && _(e);
+      const R = r.find((j) => j.value === e);
+      R && q(R.label);
+    } else o && q(e);
   }, [e, r, o]);
-  const U = (R, W = !1) => {
+  const O = (R, j = !1) => {
     if (!o) return;
-    E.current && clearTimeout(E.current);
-    const B = async () => {
+    L.current && clearTimeout(L.current);
+    const W = async () => {
       try {
-        const Y = await o(R);
-        X(Y), T(-1);
+        const U = await o(R);
+        T(U), P(-1);
       } catch {
-        X([]);
+        T([]);
       }
     };
-    W ? B() : E.current = setTimeout(B, 200);
-  }, j = Ie(() => {
-    if (L) return ae;
-    const R = p.toLowerCase();
-    return H ? (r || []).filter((W) => W.label.toLowerCase().includes(R)) : r || [];
-  }, [r, p, H, L, ae]);
-  D(() => {
-    m && T(-1);
-  }, [m, j]), D(() => {
-    if (!h && !e && r && r.length > 0 && t) {
-      const R = r.find((W) => W.default) || r[0];
+    j ? W() : L.current = setTimeout(W, 200);
+  }, _ = Ie(() => {
+    if (z) return $;
+    const R = m.toLowerCase();
+    return F ? (r || []).filter((j) => j.label.toLowerCase().includes(R)) : r || [];
+  }, [r, m, F, z, $]);
+  V(() => {
+    h && P(-1);
+  }, [h, _]), V(() => {
+    if (!f && !e && r && r.length > 0 && t) {
+      const R = r.find((j) => j.default) || r[0];
       t(R.value);
     }
-  }, [h, e, r, t]), D(() => {
-    function R(W) {
-      var B;
-      W.target instanceof Node && M.current && ((B = M.current.parentElement) != null && B.contains(W.target) || f(!1));
+  }, [f, e, r, t]), V(() => {
+    function R(j) {
+      var W;
+      j.target instanceof Node && B.current && ((W = B.current.parentElement) != null && W.contains(j.target) || p(!1));
     }
     return document.addEventListener("mousedown", R), () => document.removeEventListener("mousedown", R);
   }, []);
-  const z = c ?? (r ? r.find((R) => R.value === e) : e ? { label: K, value: e } : void 0), q = z && h, le = !l && !q, pe = `nc-align-${v}`, ve = !(m && H) && !!z, de = (R, W, B = !1) => {
-    var Y;
-    _(W), t == null || t(R), f(!1), g(""), B && ((Y = M.current) == null || Y.blur());
+  const D = c ?? (r ? r.find((R) => R.value === e) : e ? { label: H, value: e } : void 0), J = D && f, le = !l && !J, pe = `nc-align-${b}`, ve = !(h && F) && !!D, de = (R, j, W = !1) => {
+    var U;
+    q(j), t == null || t(R), p(!1), N(""), W && ((U = B.current) == null || U.blur());
   }, we = () => {
-    t == null || t(void 0), g(""), f(!1);
+    t == null || t(void 0), N(""), p(!1);
   }, ye = (R) => {
-    if (!m) {
-      (R.key === "ArrowDown" || R.key === "ArrowUp") && (f(!0), R.preventDefault());
+    if (!h) {
+      (R.key === "ArrowDown" || R.key === "ArrowUp") && (p(!0), R.preventDefault());
       return;
     }
-    const W = (B, Y) => {
-      if (Y === 1) {
-        for (let V = B; V < j.length; V++)
-          if (!j[V].disabled) return V;
-        for (let V = 0; V < B; V++)
-          if (!j[V].disabled) return V;
+    const j = (W, U) => {
+      if (U === 1) {
+        for (let G = W; G < _.length; G++)
+          if (!_[G].disabled) return G;
+        for (let G = 0; G < W; G++)
+          if (!_[G].disabled) return G;
       } else {
-        for (let V = B; V >= 0; V--)
-          if (!j[V].disabled) return V;
-        for (let V = j.length - 1; V > B; V--)
-          if (!j[V].disabled) return V;
+        for (let G = W; G >= 0; G--)
+          if (!_[G].disabled) return G;
+        for (let G = _.length - 1; G > W; G--)
+          if (!_[G].disabled) return G;
       }
-      return B;
+      return W;
     };
     switch (R.key) {
       case "ArrowDown":
-        R.preventDefault(), T((B) => {
-          const Y = B + 1, V = Y >= j.length ? 0 : Y;
-          return W(V, 1);
+        R.preventDefault(), P((W) => {
+          const U = W + 1, G = U >= _.length ? 0 : U;
+          return j(G, 1);
         });
         break;
       case "ArrowUp":
-        R.preventDefault(), T((B) => {
-          const Y = B - 1, V = Y < 0 ? j.length - 1 : Y;
-          return W(V, -1);
+        R.preventDefault(), P((W) => {
+          const U = W - 1, G = U < 0 ? _.length - 1 : U;
+          return j(G, -1);
         });
         break;
       case "Enter":
-        R.preventDefault(), C >= 0 && C < j.length && !j[C].disabled && de(j[C].value, j[C].label, !0);
+        R.preventDefault(), C >= 0 && C < _.length && !_[C].disabled && de(_[C].value, _[C].label, !0);
         break;
       case "Escape":
-        R.preventDefault(), f(!1), g("");
+        R.preventDefault(), p(!1), N("");
         break;
     }
   };
-  return /* @__PURE__ */ k("div", { className: `nc-combo-container ${A === "transparent" ? "nc-transparent" : ""} ${A === "plain" ? "nc-plain" : ""} ${m ? "nc-open" : ""} ${pe} ${x || ""}`.trim(), style: { position: "relative", ...y }, children: [
-    d && /* @__PURE__ */ s("span", { className: `nc-label ${N ? "nc-small" : ""}`, children: d }),
-    /* @__PURE__ */ k(
+  return /* @__PURE__ */ A("div", { className: `nc-combo-container ${k === "transparent" ? "nc-transparent" : ""} ${k === "plain" ? "nc-plain" : ""} ${h ? "nc-open" : ""} ${pe} ${y || ""}`.trim(), style: { position: "relative", ...v }, children: [
+    u && /* @__PURE__ */ s("span", { className: `nc-label ${x ? "nc-small" : ""}`, children: u }),
+    /* @__PURE__ */ A(
       "div",
       {
         ref: S,
         style: { position: "relative", display: "flex", alignItems: "center" },
         onMouseDown: (R) => {
-          if (l || H && R.target === M.current) return;
-          const W = !m;
-          if (f((B) => (!B && H && z && g(z.label), !B)), L && W) {
-            const B = H && z ? z.label : "";
-            X([]), setTimeout(() => U(B, !0), 0);
+          if (l || F && R.target === B.current) return;
+          const j = !h;
+          if (p((W) => (!W && F && D && N(D.label), !W)), z && j) {
+            const W = F && D ? D.label : "";
+            T([]), setTimeout(() => O(W, !0), 0);
           }
-          H && !m && setTimeout(() => {
-            var B, Y;
-            (B = M.current) == null || B.focus(), (Y = M.current) == null || Y.select();
+          F && !h && setTimeout(() => {
+            var W, U;
+            (W = B.current) == null || W.focus(), (U = B.current) == null || U.select();
           }, 0);
         },
         children: [
           /* @__PURE__ */ s(
             "input",
             {
-              ref: M,
-              className: `nc-input ${N ? "nc-small" : ""}`,
+              ref: B,
+              className: `nc-input ${x ? "nc-small" : ""}`,
               placeholder: n,
               onFocus: () => {
-                if (!l && H) {
-                  f(!0);
-                  const R = z ? z.label : "";
-                  z && (g(R), setTimeout(() => {
-                    var W;
-                    return (W = M.current) == null ? void 0 : W.select();
-                  }, 0)), L && (X([]), U(R, !0));
+                if (!l && F) {
+                  p(!0);
+                  const R = D ? D.label : "";
+                  D && (N(R), setTimeout(() => {
+                    var j;
+                    return (j = B.current) == null ? void 0 : j.select();
+                  }, 0)), z && (T([]), O(R, !0));
                 }
               },
               onChange: (R) => {
-                const W = R.target.value;
-                H && (g(W), L && U(W));
+                const j = R.target.value;
+                F && (N(j), z && O(j));
               },
               onKeyDown: ye,
-              value: m && H ? p : (z == null ? void 0 : z.label) || "",
-              readOnly: l || !H,
+              value: h && F ? m : (D == null ? void 0 : D.label) || "",
+              readOnly: l || !F,
               style: {
                 width: "100%",
-                paddingRight: le || q ? N ? 32 : 44 : 12,
+                paddingRight: le || J ? x ? 32 : 44 : 12,
                 caretColor: w ? void 0 : "transparent",
                 cursor: w ? void 0 : "pointer",
                 userSelect: w ? void 0 : "none",
@@ -545,8 +545,8 @@ function Qn({
               className: `nc-combo-overlay ${pe}`,
               style: {
                 position: "absolute",
-                left: N ? 8 : 12,
-                right: le || q ? N ? 12 : 24 : N ? 8 : 12,
+                left: x ? 8 : 12,
+                right: le || J ? x ? 12 : 24 : x ? 8 : 12,
                 top: "50%",
                 transform: "translateY(-50%)",
                 pointerEvents: "none",
@@ -554,22 +554,22 @@ function Qn({
                 alignItems: "center",
                 gap: 6
               },
-              children: a && z ? a(z) : /* @__PURE__ */ k(Ee, { children: [
-                /* @__PURE__ */ s("span", { className: `nc-combo-overlay-text ${N ? "nc-small" : ""}`, children: z == null ? void 0 : z.label }),
-                (z == null ? void 0 : z.default) && /* @__PURE__ */ k("span", { className: `nc-combo-overlay-default ${N ? "nc-small" : ""}`, children: [
+              children: a && D ? a(D) : /* @__PURE__ */ A(Pe, { children: [
+                /* @__PURE__ */ s("span", { className: `nc-combo-overlay-text ${x ? "nc-small" : ""}`, children: D == null ? void 0 : D.label }),
+                (D == null ? void 0 : D.default) && /* @__PURE__ */ A("span", { className: `nc-combo-overlay-default ${x ? "nc-small" : ""}`, children: [
                   "(",
-                  I("common.default"),
+                  M("common.default"),
                   ")"
                 ] })
               ] })
             }
           ),
-          q && /* @__PURE__ */ s(zt, { onClick: we, small: N }),
-          le && /* @__PURE__ */ s(Bt, { open: m, small: N })
+          J && /* @__PURE__ */ s(zt, { onClick: we, small: x }),
+          le && /* @__PURE__ */ s(Bt, { open: h, small: x })
         ]
       }
     ),
-    /* @__PURE__ */ s(Lt, { isOpen: m, options: j, onSelect: de, selectedValue: e, placement: u, anchorRef: S, small: N, highlightedIndex: C, renderOption: i })
+    /* @__PURE__ */ s(Lt, { isOpen: h, options: _, onSelect: de, selectedValue: e, placement: d, anchorRef: S, small: x, highlightedIndex: C, renderOption: i })
   ] });
 }
 function Zn({ onClick: e, loading: t = !1, disabled: n = !1, size: r = "default", title: o, "aria-label": i }) {
@@ -650,35 +650,35 @@ function rr({
   anchor: o,
   preferredDirection: i = "down"
 }) {
-  const a = F(null), [c, l] = P({ top: 0, left: 0 }), d = o || (r == null ? void 0 : r.current);
-  if (D(() => {
-    if (!e || !d || !a.current) return;
-    const u = d.getBoundingClientRect(), b = a.current.getBoundingClientRect(), A = window.innerHeight, v = window.innerWidth, y = u.bottom + 8, x = y + b.height <= A - 8;
-    let m = i;
-    (!x && i === "down" || i === "up" && x) && (m = "up");
-    let f;
-    m === "down" ? f = y : f = u.top - b.height - 8;
-    let p = u.left;
-    p + b.width > v - 8 && (p = u.right - b.width), l({
-      top: Math.max(8, f),
+  const a = Y(null), [c, l] = E({ top: 0, left: 0 }), u = o || (r == null ? void 0 : r.current);
+  if (V(() => {
+    if (!e || !u || !a.current) return;
+    const d = u.getBoundingClientRect(), g = a.current.getBoundingClientRect(), k = window.innerHeight, b = window.innerWidth, v = d.bottom + 8, y = v + g.height <= k - 8;
+    let h = i;
+    (!y && i === "down" || i === "up" && y) && (h = "up");
+    let p;
+    h === "down" ? p = v : p = d.top - g.height - 8;
+    let m = d.left;
+    m + g.width > b - 8 && (m = d.right - g.width), l({
+      top: Math.max(8, p),
       // Ensure minimum 8px from top
-      left: Math.max(8, p)
+      left: Math.max(8, m)
       // Ensure minimum 8px from left
     });
-  }, [e, d, i]), D(() => {
+  }, [e, u, i]), V(() => {
     if (!e) return;
-    const u = (A) => {
-      a.current && !a.current.contains(A.target) && d && !d.contains(A.target) && t();
-    }, b = (A) => {
-      A.key === "Escape" && t();
+    const d = (k) => {
+      a.current && !a.current.contains(k.target) && u && !u.contains(k.target) && t();
+    }, g = (k) => {
+      k.key === "Escape" && t();
     };
-    return document.addEventListener("mousedown", u), document.addEventListener("keydown", b), () => {
-      document.removeEventListener("mousedown", u), document.removeEventListener("keydown", b);
+    return document.addEventListener("mousedown", d), document.addEventListener("keydown", g), () => {
+      document.removeEventListener("mousedown", d), document.removeEventListener("keydown", g);
     };
-  }, [e, t, d]), !e) return null;
-  const h = (u) => {
-    u.type !== "separator" && !u.disabled && u.onClick && (u.onClick(), t());
-  }, w = n.some((u) => u.icon);
+  }, [e, t, u]), !e) return null;
+  const f = (d) => {
+    d.type !== "separator" && !d.disabled && d.onClick && (d.onClick(), t());
+  }, w = n.some((d) => d.icon);
   return Ae(
     /* @__PURE__ */ s(
       "div",
@@ -692,35 +692,35 @@ function rr({
           zIndex: 1e4
         },
         role: "menu",
-        children: n.map((u) => {
-          if (u.type === "separator")
+        children: n.map((d) => {
+          if (d.type === "separator")
             return /* @__PURE__ */ s(
               "div",
               {
                 className: "nc-context-menu-separator",
                 role: "separator"
               },
-              u.id
+              d.id
             );
-          const b = [
+          const g = [
             "nc-context-menu-item",
-            u.variant && u.variant !== "default" ? `nc-${u.variant}` : "",
-            u.disabled ? "nc-disabled" : "",
-            w && !u.icon ? "nc-indented" : ""
+            d.variant && d.variant !== "default" ? `nc-${d.variant}` : "",
+            d.disabled ? "nc-disabled" : "",
+            w && !d.icon ? "nc-indented" : ""
           ].filter(Boolean).join(" ");
-          return /* @__PURE__ */ k(
+          return /* @__PURE__ */ A(
             "button",
             {
-              className: b,
-              onClick: () => h(u),
-              disabled: u.disabled,
+              className: g,
+              onClick: () => f(d),
+              disabled: d.disabled,
               role: "menuitem",
               children: [
-                u.icon && /* @__PURE__ */ s("span", { className: "nc-context-menu-icon", children: u.icon }),
-                /* @__PURE__ */ s("span", { className: "nc-context-menu-label", children: u.label })
+                d.icon && /* @__PURE__ */ s("span", { className: "nc-context-menu-icon", children: d.icon }),
+                /* @__PURE__ */ s("span", { className: "nc-context-menu-label", children: d.label })
               ]
             },
-            u.id
+            d.id
           );
         })
       }
@@ -730,14 +730,14 @@ function rr({
 }
 const et = ge(null);
 function Dt() {
-  const e = ce(et);
+  const e = ae(et);
   if (!e)
     throw new Error("useDialog must be used inside a Dialog component");
   return e;
 }
 function fe({ children: e, onClick: t, ...n }) {
-  const { close: r } = Dt(), { t: o } = re();
-  return /* @__PURE__ */ s(te, { onClick: (a) => {
+  const { close: r } = Dt(), { t: o } = oe();
+  return /* @__PURE__ */ s(ne, { onClick: (a) => {
     t == null || t(a), r();
   }, ...n, children: e ?? o("common.close") });
 }
@@ -751,61 +751,61 @@ function or({
   footer: a,
   onOk: c,
   onSave: l,
-  onDelete: d,
-  onCancel: h,
+  onDelete: u,
+  onCancel: f,
   onConnect: w,
-  closeOnOverlay: u = !0,
-  primaryDisabled: b = !1,
-  fullScreen: A = !1,
-  hideTitleBar: v = !1,
-  className: y = "",
-  onContentHeightChange: x
+  closeOnOverlay: d = !0,
+  primaryDisabled: g = !1,
+  fullScreen: k = !1,
+  hideTitleBar: b = !1,
+  className: v = "",
+  onContentHeightChange: y
 }) {
-  const m = F(null), f = F(null), { t: p } = re(), g = { close: t }, C = (S) => {
-    u && S.target === S.currentTarget && t();
+  const h = Y(null), p = Y(null), { t: m } = oe(), N = { close: t }, C = (S) => {
+    d && S.target === S.currentTarget && t();
   };
-  if (D(() => {
-    e && m.current && m.current.focus();
-  }, [e]), D(() => {
-    if (!x || !f.current) return;
-    const S = new ResizeObserver((E) => {
-      for (const N of E) {
-        const I = N.contentRect.height;
-        x(I);
+  if (V(() => {
+    e && h.current && h.current.focus();
+  }, [e]), V(() => {
+    if (!y || !p.current) return;
+    const S = new ResizeObserver((L) => {
+      for (const x of L) {
+        const M = x.contentRect.height;
+        y(M);
       }
     });
-    return S.observe(f.current), () => {
+    return S.observe(p.current), () => {
       S.disconnect();
     };
-  }, [x]), !e) return null;
-  const T = () => {
+  }, [y]), !e) return null;
+  const P = () => {
     switch (i) {
       case "ok":
-        return /* @__PURE__ */ s("div", { className: "nc-dialog-footer", children: /* @__PURE__ */ s(te, { variant: "primary", onClick: c ?? t, disabled: b, children: p("common.ok") }) });
+        return /* @__PURE__ */ s("div", { className: "nc-dialog-footer", children: /* @__PURE__ */ s(ne, { variant: "primary", onClick: c ?? t, disabled: g, children: m("common.ok") }) });
       case "ok-cancel":
-        return /* @__PURE__ */ k("div", { className: "nc-dialog-footer", children: [
-          /* @__PURE__ */ s(fe, { onClick: h, children: p("common.cancel") }),
-          /* @__PURE__ */ s(te, { variant: "primary", onClick: c ?? t, disabled: b, children: p("common.ok") })
+        return /* @__PURE__ */ A("div", { className: "nc-dialog-footer", children: [
+          /* @__PURE__ */ s(fe, { onClick: f, children: m("common.cancel") }),
+          /* @__PURE__ */ s(ne, { variant: "primary", onClick: c ?? t, disabled: g, children: m("common.ok") })
         ] });
       case "save-cancel":
-        return /* @__PURE__ */ k("div", { className: "nc-dialog-footer", children: [
-          /* @__PURE__ */ s(fe, { onClick: h, children: p("common.cancel") }),
-          /* @__PURE__ */ s(te, { variant: "primary", onClick: l, disabled: b, children: p("common.save") })
+        return /* @__PURE__ */ A("div", { className: "nc-dialog-footer", children: [
+          /* @__PURE__ */ s(fe, { onClick: f, children: m("common.cancel") }),
+          /* @__PURE__ */ s(ne, { variant: "primary", onClick: l, disabled: g, children: m("common.save") })
         ] });
       case "delete-cancel":
-        return /* @__PURE__ */ k("div", { className: "nc-dialog-footer", children: [
-          /* @__PURE__ */ s(fe, { onClick: h, children: p("common.cancel") }),
-          /* @__PURE__ */ s(te, { variant: "danger", onClick: d, disabled: b, children: p("common.delete") })
+        return /* @__PURE__ */ A("div", { className: "nc-dialog-footer", children: [
+          /* @__PURE__ */ s(fe, { onClick: f, children: m("common.cancel") }),
+          /* @__PURE__ */ s(ne, { variant: "danger", onClick: u, disabled: g, children: m("common.delete") })
         ] });
       case "connect":
-        return /* @__PURE__ */ k("div", { className: "nc-dialog-footer", children: [
-          /* @__PURE__ */ s(fe, { onClick: h, children: p("common.cancel") }),
-          /* @__PURE__ */ s(te, { variant: "primary", onClick: w, disabled: b, children: p("common.connect") })
+        return /* @__PURE__ */ A("div", { className: "nc-dialog-footer", children: [
+          /* @__PURE__ */ s(fe, { onClick: f, children: m("common.cancel") }),
+          /* @__PURE__ */ s(ne, { variant: "primary", onClick: w, disabled: g, children: m("common.connect") })
         ] });
       case "close":
         return /* @__PURE__ */ s("div", { className: "nc-dialog-footer", children: /* @__PURE__ */ s(fe, { variant: "primary" }) });
       case "gotit":
-        return /* @__PURE__ */ s("div", { className: "nc-dialog-footer", children: /* @__PURE__ */ s(fe, { variant: "primary", children: p("common.gotit") }) });
+        return /* @__PURE__ */ s("div", { className: "nc-dialog-footer", children: /* @__PURE__ */ s(fe, { variant: "primary", children: m("common.gotit") }) });
       case "custom":
         return /* @__PURE__ */ s("div", { className: "nc-dialog-footer", children: a });
       case "none":
@@ -813,27 +813,27 @@ function or({
       default:
         return null;
     }
-  }, M = /* @__PURE__ */ s(et.Provider, { value: g, children: /* @__PURE__ */ s("div", { className: `nc-dialog-overlay${A ? " nc-fullscreen" : ""}`, onClick: C, children: /* @__PURE__ */ k(
+  }, B = /* @__PURE__ */ s(et.Provider, { value: N, children: /* @__PURE__ */ s("div", { className: `nc-dialog-overlay${k ? " nc-fullscreen" : ""}`, onClick: C, children: /* @__PURE__ */ A(
     "div",
     {
-      ref: m,
-      className: `nc-dialog-container ${y}`,
+      ref: h,
+      className: `nc-dialog-container ${v}`,
       style: o,
       tabIndex: -1,
       role: "dialog",
       "aria-modal": "true",
-      "aria-labelledby": v ? void 0 : "nc-dialog-title",
+      "aria-labelledby": b ? void 0 : "nc-dialog-title",
       children: [
-        !v && /* @__PURE__ */ k("div", { className: "nc-dialog-header", children: [
+        !b && /* @__PURE__ */ A("div", { className: "nc-dialog-header", children: [
           /* @__PURE__ */ s("h3", { id: "nc-dialog-title", className: "nc-dialog-title", children: n }),
           /* @__PURE__ */ s(Ze, { onClick: t, "aria-label": "Close dialog" })
         ] }),
-        /* @__PURE__ */ s("div", { ref: f, className: "nc-dialog-content", children: r }),
-        T()
+        /* @__PURE__ */ s("div", { ref: p, className: "nc-dialog-content", children: r }),
+        P()
       ]
     }
   ) }) });
-  return A ? Ae(M, document.body) : M;
+  return k ? Ae(B, document.body) : B;
 }
 function Wt({ onClick: e, size: t = "default", rightOffset: n = 4 }) {
   const r = t === "small" ? 28 : 34;
@@ -902,77 +902,77 @@ function sr({
   placeholder: a,
   disabled: c,
   label: l,
-  clearable: d = !0,
-  type: h = "text",
+  clearable: u = !0,
+  type: f = "text",
   className: w = "",
-  size: u = "default",
-  appearance: b = "default",
-  style: A,
-  leadingIcon: v,
-  showPasswordToggle: y = !1,
-  multiline: x = !1,
-  rows: m = 3,
-  validator: f,
-  showErrorMessage: p = !0
+  size: d = "default",
+  appearance: g = "default",
+  style: k,
+  leadingIcon: b,
+  showPasswordToggle: v = !1,
+  multiline: y = !1,
+  rows: h = 3,
+  validator: p,
+  showErrorMessage: m = !0
 }) {
-  const g = F(null), C = F(null), T = F(!1), [M, S] = P(!1), [E, N] = P(!1), [I, L] = P(!1), H = e !== void 0, [ae, X] = P(t), K = H ? e : ae, [_, U] = P(K), j = f ? f(K) : null, z = !!j, q = !x && b === "plain", le = q && E, pe = le ? _ : K;
-  D(() => {
-    le || U(K);
-  }, [K, le]);
-  const ve = h === "password", de = ve && y && !c && !x, we = d && pe && !c && (E || I), ye = u === "small" ? 32 : 44;
+  const N = Y(null), C = Y(null), P = Y(!1), [B, S] = E(!1), [L, x] = E(!1), [M, z] = E(!1), F = e !== void 0, [$, T] = E(t), H = F ? e : $, [q, O] = E(H), _ = p ? p(H) : null, D = !!_, J = !y && g === "plain", le = J && L, pe = le ? q : H;
+  V(() => {
+    le || O(H);
+  }, [H, le]);
+  const ve = f === "password", de = ve && v && !c && !y, we = u && pe && !c && (L || M), ye = d === "small" ? 32 : 44;
   let R = 12;
   we && de ? R = ye * 2 : (we || de) && (R = ye);
-  const B = v ? u === "small" ? 28 : 34 : void 0, Y = () => {
-    if (!q)
-      return K;
-    const J = _ !== K;
-    return H || X(_), J && (n == null || n(_), r == null || r(_)), _;
-  }, V = () => {
-    U(K);
+  const W = b ? d === "small" ? 28 : 34 : void 0, U = () => {
+    if (!J)
+      return H;
+    const Q = q !== H;
+    return F || T(q), Q && (n == null || n(q), r == null || r(q)), q;
+  }, G = () => {
+    O(H);
   }, ft = () => {
-    var J, Z, Ye;
-    if (q) {
-      U(""), i == null || i(), (J = g.current) == null || J.focus();
+    var Q, ee, Ye;
+    if (J) {
+      O(""), i == null || i(), (Q = N.current) == null || Q.focus();
       return;
     }
-    H || X(""), n == null || n(""), i == null || i(), x ? (Z = C.current) == null || Z.focus() : (Ye = g.current) == null || Ye.focus();
-  }, He = (J) => {
-    if (q && J.key === "Escape") {
-      J.preventDefault(), T.current = !0, V(), J.currentTarget.blur();
+    F || T(""), n == null || n(""), i == null || i(), y ? (ee = C.current) == null || ee.focus() : (Ye = N.current) == null || Ye.focus();
+  }, He = (Q) => {
+    if (J && Q.key === "Escape") {
+      Q.preventDefault(), P.current = !0, G(), Q.currentTarget.blur();
       return;
     }
-    if (J.key === "Enter" && !x) {
-      const Z = q ? Y() : K;
-      q && (J.preventDefault(), T.current = !0, J.currentTarget.blur()), o == null || o(Z);
+    if (Q.key === "Enter" && !y) {
+      const ee = J ? U() : H;
+      J && (Q.preventDefault(), P.current = !0, Q.currentTarget.blur()), o == null || o(ee);
     }
-  }, Ve = (J) => {
-    const Z = J.target.value;
-    if (q) {
-      U(Z), n == null || n(Z);
+  }, Ve = (Q) => {
+    const ee = Q.target.value;
+    if (J) {
+      O(ee), n == null || n(ee);
       return;
     }
-    H || X(Z), n == null || n(Z);
-  }, Oe = () => {
-    N(!0), q && U(K);
+    F || T(ee), n == null || n(ee);
   }, Fe = () => {
-    if (q && T.current) {
-      T.current = !1, N(!1);
+    x(!0), J && O(H);
+  }, Oe = () => {
+    if (J && P.current) {
+      P.current = !1, x(!1);
       return;
     }
-    q && Y(), N(!1);
-  }, je = `nc-input ${u === "small" ? "nc-small " : ""}${!x && b === "plain" ? "nc-plain " : ""}${z ? "nc-error " : ""}${w}`;
-  return /* @__PURE__ */ k(
+    J && U(), x(!1);
+  }, je = `nc-input ${d === "small" ? "nc-small " : ""}${!y && g === "plain" ? "nc-plain " : ""}${D ? "nc-error " : ""}${w}`;
+  return /* @__PURE__ */ A(
     "div",
     {
       className: "nc-col",
-      style: { position: "relative", flex: 1, ...A },
-      onMouseEnter: () => L(!0),
-      onMouseLeave: () => L(!1),
+      style: { position: "relative", flex: 1, ...k },
+      onMouseEnter: () => z(!0),
+      onMouseLeave: () => z(!1),
       children: [
         l && /* @__PURE__ */ s("span", { className: "nc-label", children: l }),
-        /* @__PURE__ */ k("div", { style: { position: "relative", display: "flex", alignItems: x ? "flex-start" : "center" }, children: [
-          v && /* @__PURE__ */ s("span", { className: "nc-input-leading-icon", style: { height: x ? void 0 : "100%", top: x ? 10 : void 0 }, children: v }),
-          x ? /* @__PURE__ */ s(
+        /* @__PURE__ */ A("div", { style: { position: "relative", display: "flex", alignItems: y ? "flex-start" : "center" }, children: [
+          b && /* @__PURE__ */ s("span", { className: "nc-input-leading-icon", style: { height: y ? void 0 : "100%", top: y ? 10 : void 0 }, children: b }),
+          y ? /* @__PURE__ */ s(
             "textarea",
             {
               ref: C,
@@ -981,44 +981,44 @@ function sr({
               value: pe,
               onChange: Ve,
               onKeyDown: He,
-              onFocus: Oe,
-              onBlur: Fe,
+              onFocus: Fe,
+              onBlur: Oe,
               readOnly: c,
               "aria-disabled": c,
               tabIndex: c ? -1 : void 0,
-              rows: m,
+              rows: h,
               style: {
                 width: "100%",
                 paddingRight: R,
-                ...B !== void 0 ? { paddingLeft: B } : {}
+                ...W !== void 0 ? { paddingLeft: W } : {}
               }
             }
           ) : /* @__PURE__ */ s(
             "input",
             {
-              ref: g,
-              type: ve && M ? "text" : h,
+              ref: N,
+              type: ve && B ? "text" : f,
               className: je,
               placeholder: a,
               value: pe,
               onChange: Ve,
               onKeyDown: He,
-              onFocus: Oe,
-              onBlur: Fe,
+              onFocus: Fe,
+              onBlur: Oe,
               readOnly: c,
               "aria-disabled": c,
               tabIndex: c ? -1 : void 0,
               style: {
                 width: "100%",
                 paddingRight: R,
-                ...B !== void 0 ? { paddingLeft: B } : {}
+                ...W !== void 0 ? { paddingLeft: W } : {}
               }
             }
           ),
-          we && /* @__PURE__ */ s(Wt, { onClick: ft, size: u, rightOffset: de ? ye + 4 : 4 }),
-          de && /* @__PURE__ */ s(Ht, { visible: M, onClick: () => S(!M), size: u })
+          we && /* @__PURE__ */ s(Wt, { onClick: ft, size: d, rightOffset: de ? ye + 4 : 4 }),
+          de && /* @__PURE__ */ s(Ht, { visible: B, onClick: () => S(!B), size: d })
         ] }),
-        z && p && /* @__PURE__ */ s("span", { className: "nc-error-message", children: j })
+        D && m && /* @__PURE__ */ s("span", { className: "nc-error-message", children: _ })
       ]
     }
   );
@@ -1037,8 +1037,8 @@ function ir({
       onClick: (l) => {
         if (t) {
           if (r) {
-            const d = window.getSelection();
-            if (d && d.toString().length > 0)
+            const u = window.getSelection();
+            if (u && u.toString().length > 0)
               return;
           }
           t(l);
@@ -1059,8 +1059,8 @@ function ir({
   );
 }
 function cr({ title: e, titleTools: t, children: n, style: r }) {
-  return /* @__PURE__ */ k("div", { className: "nc-list-group", style: r, children: [
-    (e || t) && /* @__PURE__ */ k("div", { className: "nc-list-group-title", children: [
+  return /* @__PURE__ */ A("div", { className: "nc-list-group", style: r, children: [
+    (e || t) && /* @__PURE__ */ A("div", { className: "nc-list-group-title", children: [
       /* @__PURE__ */ s("div", { children: e }),
       t && /* @__PURE__ */ s("div", { className: "nc-list-group-title-tools", children: t })
     ] }),
@@ -1074,56 +1074,56 @@ function cr({ title: e, titleTools: t, children: n, style: r }) {
   ] });
 }
 function ar({ values: e, onChange: t, options: n, placeholder: r = "Select…", label: o }) {
-  const [i, a] = P(!1), [c, l] = P(""), d = F(null), h = Ie(() => n.filter((u) => u.label.toLowerCase().includes(c.toLowerCase())), [n, c]);
-  D(() => {
-    function u(b) {
-      !(b.target instanceof Node) || !d.current || d.current.contains(b.target) || a(!1);
+  const [i, a] = E(!1), [c, l] = E(""), u = Y(null), f = Ie(() => n.filter((d) => d.label.toLowerCase().includes(c.toLowerCase())), [n, c]);
+  V(() => {
+    function d(g) {
+      !(g.target instanceof Node) || !u.current || u.current.contains(g.target) || a(!1);
     }
-    return document.addEventListener("mousedown", u), () => document.removeEventListener("mousedown", u);
+    return document.addEventListener("mousedown", d), () => document.removeEventListener("mousedown", d);
   }, []);
-  const w = (u) => {
-    e.includes(u) ? t(e.filter((b) => b !== u)) : t([...e, u]);
+  const w = (d) => {
+    e.includes(d) ? t(e.filter((g) => g !== d)) : t([...e, d]);
   };
-  return /* @__PURE__ */ k("div", { ref: d, className: "nc-col", style: { position: "relative" }, children: [
+  return /* @__PURE__ */ A("div", { ref: u, className: "nc-col", style: { position: "relative" }, children: [
     o && /* @__PURE__ */ s("span", { className: "nc-label", children: o }),
-    /* @__PURE__ */ k("div", { className: "nc-row", style: { flexWrap: "wrap", gap: 6, minHeight: 42, alignItems: "center", border: "1px solid var(--nc-button-border)", borderRadius: 8, background: "var(--nc-button-bg)", padding: "4px 8px" }, children: [
+    /* @__PURE__ */ A("div", { className: "nc-row", style: { flexWrap: "wrap", gap: 6, minHeight: 42, alignItems: "center", border: "1px solid var(--nc-button-border)", borderRadius: 8, background: "var(--nc-button-bg)", padding: "4px 8px" }, children: [
       e.length === 0 && /* @__PURE__ */ s("span", { className: "nc-label", children: r }),
-      e.map((u) => {
-        const b = n.find((A) => A.value === u);
-        return b ? /* @__PURE__ */ k("span", { style: { padding: "4px 8px", borderRadius: 6, display: "inline-flex", alignItems: "center", gap: 4, background: "var(--nc-button-bg)", border: "1px solid var(--nc-button-border)" }, children: [
-          b.label,
+      e.map((d) => {
+        const g = n.find((k) => k.value === d);
+        return g ? /* @__PURE__ */ A("span", { style: { padding: "4px 8px", borderRadius: 6, display: "inline-flex", alignItems: "center", gap: 4, background: "var(--nc-button-bg)", border: "1px solid var(--nc-button-border)" }, children: [
+          g.label,
           /* @__PURE__ */ s(
             "button",
             {
               className: "nc-button nc-ghost",
               style: { padding: 0, minHeight: 0, height: 20, width: 20, display: "inline-flex", alignItems: "center", justifyContent: "center", border: "none" },
-              onClick: () => w(u),
-              "aria-label": `Remove ${b.label}`,
+              onClick: () => w(d),
+              "aria-label": `Remove ${g.label}`,
               children: "✕"
             }
           )
-        ] }, u) : null;
+        ] }, d) : null;
       }),
       /* @__PURE__ */ s(
         "input",
         {
           className: "nc-input",
           value: c,
-          onChange: (u) => l(u.target.value),
+          onChange: (d) => l(d.target.value),
           onFocus: () => a(!0),
           style: { minWidth: 50, border: "none", background: "transparent", padding: 4, minHeight: 32, flex: 1 }
         }
       )
     ] }),
-    i && /* @__PURE__ */ k("div", { className: "nc-combo-dropdown", style: { position: "absolute", top: "100%", left: 0, right: 0, zIndex: 10, marginTop: 4, boxShadow: "0 4px 12px var(--nc-shadow)" }, children: [
-      h.map((u) => {
-        const b = e.includes(u.value);
-        return /* @__PURE__ */ k("div", { className: "nc-section nc-row", style: { justifyContent: "space-between", cursor: "pointer", padding: 12 }, onMouseDown: () => w(u.value), children: [
-          /* @__PURE__ */ s("span", { children: u.label }),
-          /* @__PURE__ */ s("span", { children: b ? "✔️" : "" })
-        ] }, u.value);
+    i && /* @__PURE__ */ A("div", { className: "nc-combo-dropdown", style: { position: "absolute", top: "100%", left: 0, right: 0, zIndex: 10, marginTop: 4, boxShadow: "0 4px 12px var(--nc-shadow)" }, children: [
+      f.map((d) => {
+        const g = e.includes(d.value);
+        return /* @__PURE__ */ A("div", { className: "nc-section nc-row", style: { justifyContent: "space-between", cursor: "pointer", padding: 12 }, onMouseDown: () => w(d.value), children: [
+          /* @__PURE__ */ s("span", { children: d.label }),
+          /* @__PURE__ */ s("span", { children: g ? "✔️" : "" })
+        ] }, d.value);
       }),
-      h.length === 0 && /* @__PURE__ */ s("div", { className: "nc-section nc-label", children: "No results" })
+      f.length === 0 && /* @__PURE__ */ s("div", { className: "nc-section nc-label", children: "No results" })
     ] })
   ] });
 }
@@ -1167,70 +1167,70 @@ function lr({
   disabled: i = !1,
   size: a = "default"
 }) {
-  const [c, l] = P(!1), [d, h] = P(""), [w, u] = P(""), [b, A] = P({ top: 0, left: 0, width: 0, right: void 0 }), v = F(null), y = F(null);
-  D(() => {
-    if (c && v.current) {
-      const N = v.current.getBoundingClientRect(), L = Math.max(N.width, 400);
-      window.innerWidth - N.left < L && N.right >= L ? A({
-        top: N.bottom + 4,
+  const [c, l] = E(!1), [u, f] = E(""), [w, d] = E(""), [g, k] = E({ top: 0, left: 0, width: 0, right: void 0 }), b = Y(null), v = Y(null);
+  V(() => {
+    if (c && b.current) {
+      const x = b.current.getBoundingClientRect(), z = Math.max(x.width, 400);
+      window.innerWidth - x.left < z && x.right >= z ? k({
+        top: x.bottom + 4,
         left: 0,
         // Not used but type needs it, let's just use 0
-        right: window.innerWidth - N.right,
-        width: L
-      }) : A({
-        top: N.bottom + 4,
-        left: N.left,
+        right: window.innerWidth - x.right,
+        width: z
+      }) : k({
+        top: x.bottom + 4,
+        left: x.left,
         right: void 0,
-        width: L
+        width: z
       });
     }
-  }, [c]), D(() => {
+  }, [c]), V(() => {
     if (!c) return;
-    const N = (I) => {
-      v.current && !v.current.contains(I.target) && y.current && !y.current.contains(I.target) && l(!1);
+    const x = (M) => {
+      b.current && !b.current.contains(M.target) && v.current && !v.current.contains(M.target) && l(!1);
     };
-    return document.addEventListener("mousedown", N), () => document.removeEventListener("mousedown", N);
+    return document.addEventListener("mousedown", x), () => document.removeEventListener("mousedown", x);
   }, [c]);
-  const x = () => {
-    h(e || Ke()), u(t || Ke()), l(!0);
-  }, m = () => {
+  const y = () => {
+    f(e || Ke()), d(t || Ke()), l(!0);
+  }, h = () => {
     l(!1);
-  }, f = () => {
-    const N = Se(d), I = Se(w);
-    if (N || I)
+  }, p = () => {
+    const x = Se(u), M = Se(w);
+    if (x || M)
       return;
-    const L = Ne(d), H = Ne(w);
-    L && H && (n == null || n(L, H)), l(!1);
-  }, p = e && t ? `${Ge(e)} - ${Ge(t)}` : "Select month range", g = Se(d), C = Se(w), T = Ne(d), M = Ne(w), S = T && M && T > M, E = c ? Ae(
+    const z = Ne(u), F = Ne(w);
+    z && F && (n == null || n(z, F)), l(!1);
+  }, m = e && t ? `${Ge(e)} - ${Ge(t)}` : "Select month range", N = Se(u), C = Se(w), P = Ne(u), B = Ne(w), S = P && B && P > B, L = c ? Ae(
     /* @__PURE__ */ s(
       "div",
       {
-        ref: y,
+        ref: v,
         className: "nc-month-range-picker-popup",
         style: {
           position: "fixed",
-          top: b.top,
-          ...b.right !== void 0 ? { right: b.right } : { left: b.left },
-          width: b.width,
+          top: g.top,
+          ...g.right !== void 0 ? { right: g.right } : { left: g.left },
+          width: g.width,
           zIndex: 1e3
         },
-        children: /* @__PURE__ */ k("div", { className: "nc-month-range-picker-content", children: [
-          /* @__PURE__ */ k("div", { className: "nc-month-range-picker-row", children: [
-            /* @__PURE__ */ k("div", { className: "nc-month-range-picker-column", children: [
+        children: /* @__PURE__ */ A("div", { className: "nc-month-range-picker-content", children: [
+          /* @__PURE__ */ A("div", { className: "nc-month-range-picker-row", children: [
+            /* @__PURE__ */ A("div", { className: "nc-month-range-picker-column", children: [
               /* @__PURE__ */ s("label", { className: "nc-label", children: "Start Month" }),
               /* @__PURE__ */ s(
                 "input",
                 {
                   type: "text",
-                  className: `nc-month-input ${g ? "nc-error" : ""}`,
-                  value: d,
-                  onChange: (N) => h(N.target.value),
+                  className: `nc-month-input ${N ? "nc-error" : ""}`,
+                  value: u,
+                  onChange: (x) => f(x.target.value),
                   placeholder: "YY-M(M) or YYYY-M(M)"
                 }
               ),
-              g && /* @__PURE__ */ s("div", { className: "nc-month-error-text", children: g })
+              N && /* @__PURE__ */ s("div", { className: "nc-month-error-text", children: N })
             ] }),
-            /* @__PURE__ */ k("div", { className: "nc-month-range-picker-column", children: [
+            /* @__PURE__ */ A("div", { className: "nc-month-range-picker-column", children: [
               /* @__PURE__ */ s("label", { className: "nc-label", children: "End Month" }),
               /* @__PURE__ */ s(
                 "input",
@@ -1238,113 +1238,134 @@ function lr({
                   type: "text",
                   className: `nc-month-input ${C ? "nc-error" : ""}`,
                   value: w,
-                  onChange: (N) => u(N.target.value),
+                  onChange: (x) => d(x.target.value),
                   placeholder: "YY-M(M) or YYYY-M(M)"
                 }
               ),
               C && /* @__PURE__ */ s("div", { className: "nc-month-error-text", children: C })
             ] })
           ] }),
-          S && !g && !C && /* @__PURE__ */ s("div", { className: "nc-month-range-error", children: "End month must be after or equal to start month" }),
-          /* @__PURE__ */ k("div", { className: "nc-month-range-picker-footer", children: [
+          S && !N && !C && /* @__PURE__ */ s("div", { className: "nc-month-range-error", children: "End month must be after or equal to start month" }),
+          /* @__PURE__ */ A("div", { className: "nc-month-range-picker-footer", children: [
             /* @__PURE__ */ s(
-              te,
+              ne,
               {
                 variant: "primary",
-                onClick: f,
-                disabled: !d || !w || !!g || !!C || !!S,
+                onClick: p,
+                disabled: !u || !w || !!N || !!C || !!S,
                 children: "Apply"
               }
             ),
-            /* @__PURE__ */ s(te, { variant: "ghost", onClick: m, children: "Cancel" })
+            /* @__PURE__ */ s(ne, { variant: "ghost", onClick: h, children: "Cancel" })
           ] })
         ] })
       }
     ),
     document.body
   ) : null;
-  return /* @__PURE__ */ k("div", { className: `nc-month-range-picker ${a === "small" ? "nc-small " : ""}${o}`, children: [
+  return /* @__PURE__ */ A("div", { className: `nc-month-range-picker ${a === "small" ? "nc-small " : ""}${o}`, children: [
     r && /* @__PURE__ */ s("label", { className: `nc-label${a === "small" ? " nc-small" : ""}`, children: r }),
     /* @__PURE__ */ s(
       "button",
       {
-        ref: v,
+        ref: b,
         className: `nc-month-range-picker-input${a === "small" ? " nc-small" : ""}`,
-        onClick: x,
+        onClick: y,
         disabled: i,
-        children: p
+        children: m
       }
     ),
-    E
+    L
   ] });
 }
-const Vt = 5, Ot = 3;
-function dr({ value: e, onChange: t, min: n, max: r, step: o = 1, label: i, disabled: a, size: c = "default" }) {
-  const l = c === "small", d = F(null), h = F(!1), [w, u] = P(!1), b = () => {
-    const p = e - o;
-    n !== void 0 && p < n || t(parseFloat(p.toFixed(10)));
-  }, A = () => {
-    const p = e + o;
-    r !== void 0 && p > r || t(parseFloat(p.toFixed(10)));
-  }, v = (p) => {
-    const g = parseFloat(p.target.value);
-    isNaN(g) || n !== void 0 && g < n || r !== void 0 && g > r || t(g);
-  }, y = (p) => {
-    a || p.button !== 0 || (h.current = !1, d.current = {
-      startY: p.clientY,
+const Vt = 5, Ft = 3;
+function dr({ value: e, onChange: t, min: n, max: r, step: o = 1, label: i, disabled: a, className: c = "", style: l, size: u = "default" }) {
+  const f = u === "small", w = (String(o).split(".")[1] || "").length, d = Y(null), g = Y(!1), k = Y(null), [b, v] = E(!1), [y, h] = E(() => String(e)), p = ($) => parseFloat($.toFixed(w)), m = ($) => {
+    const T = p($);
+    h(String(T)), t(T);
+  }, N = () => {
+    const $ = e - o;
+    n !== void 0 && $ < n || m(parseFloat($.toFixed(10)));
+  }, C = () => {
+    const $ = e + o;
+    r !== void 0 && $ > r || m(parseFloat($.toFixed(10)));
+  }, P = ($) => {
+    const T = $.target.value;
+    if (h(T), T === "") return;
+    const H = parseFloat(T);
+    isNaN(H) || t(H);
+  }, B = () => {
+    const $ = y;
+    if ($ === "") {
+      m(n !== void 0 ? n : 0);
+      return;
+    }
+    const T = parseFloat($);
+    if (isNaN(T)) {
+      m(n !== void 0 ? n : 0);
+      return;
+    }
+    let H = p(T);
+    n !== void 0 && (H = Math.max(n, H)), r !== void 0 && (H = Math.min(r, H)), H !== T ? m(H) : h(String(H));
+  }, S = ($) => {
+    a || $.button !== 0 || (g.current = !1, d.current = {
+      startY: $.clientY,
       startValue: e,
-      pointerId: p.pointerId,
+      pointerId: $.pointerId,
       hasMoved: !1,
       lastValue: e
-    }, p.currentTarget.setPointerCapture(p.pointerId));
-  }, x = (p) => {
-    const g = d.current;
-    if (!g || g.pointerId !== p.pointerId) return;
-    const C = g.startY - p.clientY;
-    if (Math.abs(C) >= Ot && (g.hasMoved = !0, h.current = !0, u(!0)), !g.hasMoved) return;
-    const T = Math.trunc(C / Vt);
-    let M = g.startValue + T * o;
-    n !== void 0 && (M = Math.max(n, M)), r !== void 0 && (M = Math.min(r, M)), M = parseFloat(M.toFixed(10)), M !== g.lastValue && (g.lastValue = M, t(M));
-  }, m = (p) => {
-    const g = d.current;
-    !g || g.pointerId !== p.pointerId || (p.currentTarget.hasPointerCapture(p.pointerId) && p.currentTarget.releasePointerCapture(p.pointerId), d.current = null, u(!1));
-  }, f = (p) => (g) => {
-    if (h.current) {
-      h.current = !1, g.preventDefault();
+    }, k.current = setTimeout(() => {
+      g.current = !0, v(!0);
+    }, 200), $.currentTarget.setPointerCapture($.pointerId));
+  }, L = ($) => {
+    const T = d.current;
+    if (!T || T.pointerId !== $.pointerId) return;
+    const H = T.startY - $.clientY;
+    if (Math.abs(H) >= Ft && (T.hasMoved = !0, g.current = !0, k.current && (clearTimeout(k.current), k.current = null), v(!0)), !T.hasMoved) return;
+    const q = Math.trunc(H / Vt);
+    let O = T.startValue + q * o;
+    n !== void 0 && (O = Math.max(n, O)), r !== void 0 && (O = Math.min(r, O)), O = p(O), O !== T.lastValue && (T.lastValue = O, h(String(O)), t(O));
+  }, x = ($) => {
+    const T = d.current;
+    !T || T.pointerId !== $.pointerId || (k.current && (clearTimeout(k.current), k.current = null), $.currentTarget.hasPointerCapture($.pointerId) && $.currentTarget.releasePointerCapture($.pointerId), d.current = null, v(!1));
+  }, M = ($) => (T) => {
+    if (g.current) {
+      g.current = !1, T.preventDefault();
       return;
     }
-    p();
-  };
-  return /* @__PURE__ */ k("div", { className: `nc-col nc-number-input-col ${l ? "nc-small" : ""}`, children: [
-    i && /* @__PURE__ */ s("span", { className: `nc-label ${l ? "nc-small" : ""}`, children: i }),
-    /* @__PURE__ */ k("div", { className: `nc-number-input-container ${l ? "nc-small" : ""}`, children: [
+    $();
+  }, z = y === "" ? NaN : parseFloat(y), F = y === "" || isNaN(z) || n !== void 0 && z < n || r !== void 0 && z > r;
+  return /* @__PURE__ */ A("div", { className: `nc-col nc-number-input-col ${f ? "nc-small" : ""}`, children: [
+    i && /* @__PURE__ */ s("span", { className: `nc-label ${f ? "nc-small" : ""}`, children: i }),
+    /* @__PURE__ */ A("div", { className: `nc-number-input-container ${f ? "nc-small" : ""} ${c}`, style: l, children: [
       /* @__PURE__ */ s(
         "input",
         {
-          className: `nc-input nc-number-input ${l ? "nc-small" : ""}`,
+          className: `nc-input nc-number-input ${f ? "nc-small" : ""} ${F ? "nc-error" : ""}`,
           type: "number",
-          value: e,
-          onChange: v,
+          value: y,
+          onChange: P,
+          onBlur: B,
           min: n,
           max: r,
           step: o,
           disabled: a
         }
       ),
-      /* @__PURE__ */ k(
+      /* @__PURE__ */ A(
         "div",
         {
-          className: `nc-number-input-spinners ${l ? "nc-small" : ""} ${a ? "nc-disabled" : ""} ${w ? "nc-dragging" : ""}`,
+          className: `nc-number-input-spinners ${f ? "nc-small" : ""} ${a ? "nc-disabled" : ""} ${b ? "nc-dragging" : ""}`,
           children: [
             /* @__PURE__ */ s(
               "button",
               {
-                className: `nc-number-input-spin nc-number-input-spin-up ${l ? "nc-small" : ""}`,
-                onClick: f(A),
-                onPointerDown: y,
-                onPointerMove: x,
-                onPointerUp: m,
-                onPointerCancel: m,
+                className: `nc-number-input-spin nc-number-input-spin-up ${f ? "nc-small" : ""}`,
+                onClick: M(C),
+                onPointerDown: S,
+                onPointerMove: L,
+                onPointerUp: x,
+                onPointerCancel: x,
                 disabled: a || r !== void 0 && e >= r,
                 tabIndex: -1,
                 children: "▲"
@@ -1353,12 +1374,12 @@ function dr({ value: e, onChange: t, min: n, max: r, step: o = 1, label: i, disa
             /* @__PURE__ */ s(
               "button",
               {
-                className: `nc-number-input-spin nc-number-input-spin-down ${l ? "nc-small" : ""}`,
-                onClick: f(b),
-                onPointerDown: y,
-                onPointerMove: x,
-                onPointerUp: m,
-                onPointerCancel: m,
+                className: `nc-number-input-spin nc-number-input-spin-down ${f ? "nc-small" : ""}`,
+                onClick: M(N),
+                onPointerDown: S,
+                onPointerMove: L,
+                onPointerUp: x,
+                onPointerCancel: x,
                 disabled: a || n !== void 0 && e <= n,
                 tabIndex: -1,
                 children: "▼"
@@ -1379,29 +1400,29 @@ function ur({
   label: i,
   disabled: a,
   showValue: c = !0,
-  formatValue: l = (h) => h.toString(),
-  width: d = 200
+  formatValue: l = (f) => f.toString(),
+  width: u = 200
 }) {
-  const h = (u) => {
-    const b = parseFloat(u.target.value);
-    t(b);
+  const f = (d) => {
+    const g = parseFloat(d.target.value);
+    t(g);
   }, w = (e - n) / (r - n) * 100;
-  return /* @__PURE__ */ k("div", { className: "nc-col", style: { gap: 6 }, children: [
+  return /* @__PURE__ */ A("div", { className: "nc-col", style: { gap: 6 }, children: [
     i && /* @__PURE__ */ s("span", { className: "nc-label", children: i }),
-    /* @__PURE__ */ k("div", { style: { display: "flex", gap: 12, alignItems: "center" }, children: [
+    /* @__PURE__ */ A("div", { style: { display: "flex", gap: 12, alignItems: "center" }, children: [
       /* @__PURE__ */ s(
         "input",
         {
           type: "range",
           className: "nc-slider",
           value: e,
-          onChange: h,
+          onChange: f,
           min: n,
           max: r,
           step: o,
           disabled: a,
           style: {
-            width: d,
+            width: u,
             "--nc-slider-percentage": `${w}%`
           }
         }
@@ -1422,7 +1443,7 @@ function ur({
     ] })
   ] });
 }
-const Ft = ({ size: e = 24, className: t, style: n }) => /* @__PURE__ */ s("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", className: t, style: n, children: /* @__PURE__ */ s("polyline", { points: "18 15 12 9 6 15" }) });
+const Ot = ({ size: e = 24, className: t, style: n }) => /* @__PURE__ */ s("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", className: t, style: n, children: /* @__PURE__ */ s("polyline", { points: "18 15 12 9 6 15" }) });
 function jt({ children: e, className: t = "", style: n }) {
   return /* @__PURE__ */ s("div", { className: `nc-tab-panel ${t}`, style: n, children: e });
 }
@@ -1447,89 +1468,89 @@ function pr({ active: e, children: t, keepMounted: n = !1, className: r = "", st
   const a = i.find((c) => c.props.tab === e);
   return /* @__PURE__ */ s("div", { className: `nc-tab-panels ${r}`, style: o, children: a });
 }
-function fr({ tabs: e, active: t, onChange: n, onClose: r, permanentTabs: o, className: i, toolbar: a, multiline: c, orientation: l = "horizontal", style: d }) {
-  const h = F(null), [w, u] = P(!1), [b, A] = P(!1), v = l === "verticalLeft" || l === "verticalRight", y = F(!1), x = F(0), m = F(0), f = F(!1);
-  D(() => {
+function fr({ tabs: e, active: t, onChange: n, onClose: r, permanentTabs: o, className: i, toolbar: a, multiline: c, orientation: l = "horizontal", style: u }) {
+  const f = Y(null), [w, d] = E(!1), [g, k] = E(!1), b = l === "verticalLeft" || l === "verticalRight", v = Y(!1), y = Y(0), h = Y(0), p = Y(!1);
+  V(() => {
     const S = () => {
-      if (h.current)
-        if (v) {
-          const { scrollTop: N, scrollHeight: I, clientHeight: L } = h.current;
-          u(N > 1), A(N < I - L - 1);
+      if (f.current)
+        if (b) {
+          const { scrollTop: x, scrollHeight: M, clientHeight: z } = f.current;
+          d(x > 1), k(x < M - z - 1);
         } else {
-          const { scrollLeft: N, scrollWidth: I, clientWidth: L } = h.current;
-          u(N > 1), A(N < I - L - 1);
+          const { scrollLeft: x, scrollWidth: M, clientWidth: z } = f.current;
+          d(x > 1), k(x < M - z - 1);
         }
-    }, E = h.current;
-    if (E)
-      return S(), E.addEventListener("scroll", S), window.addEventListener("resize", S), () => {
-        E.removeEventListener("scroll", S), window.removeEventListener("resize", S);
+    }, L = f.current;
+    if (L)
+      return S(), L.addEventListener("scroll", S), window.addEventListener("resize", S), () => {
+        L.removeEventListener("scroll", S), window.removeEventListener("resize", S);
       };
-  }, [e, v]);
-  const p = (S) => {
-    h.current && (y.current = !0, f.current = !1, x.current = v ? S.clientY : S.clientX, m.current = v ? h.current.scrollTop : h.current.scrollLeft, h.current.style.cursor = "grabbing", h.current.style.userSelect = "none");
-  }, g = (S) => {
-    if (!y.current || !h.current) return;
-    const E = v ? S.clientY : S.clientX, N = x.current - E;
-    Math.abs(N) > 3 && (f.current = !0), v ? h.current.scrollTop = m.current + N : h.current.scrollLeft = m.current + N;
+  }, [e, b]);
+  const m = (S) => {
+    f.current && (v.current = !0, p.current = !1, y.current = b ? S.clientY : S.clientX, h.current = b ? f.current.scrollTop : f.current.scrollLeft, f.current.style.cursor = "grabbing", f.current.style.userSelect = "none");
+  }, N = (S) => {
+    if (!v.current || !f.current) return;
+    const L = b ? S.clientY : S.clientX, x = y.current - L;
+    Math.abs(x) > 3 && (p.current = !0), b ? f.current.scrollTop = h.current + x : f.current.scrollLeft = h.current + x;
   }, C = () => {
-    h.current && (y.current = !1, h.current.style.cursor = "", h.current.style.userSelect = "");
-  }, T = () => {
+    f.current && (v.current = !1, f.current.style.cursor = "", f.current.style.userSelect = "");
+  }, P = () => {
     C();
   };
-  D(() => {
-    const S = h.current;
-    if (!S || v) return;
-    const E = (N) => {
-      N.deltaY !== 0 && (N.preventDefault(), S.scrollLeft += N.deltaY * 0.3);
+  V(() => {
+    const S = f.current;
+    if (!S || b) return;
+    const L = (x) => {
+      x.deltaY !== 0 && (x.preventDefault(), S.scrollLeft += x.deltaY * 0.3);
     };
-    return S.addEventListener("wheel", E, { passive: !1 }), () => {
-      S.removeEventListener("wheel", E);
+    return S.addEventListener("wheel", L, { passive: !1 }), () => {
+      S.removeEventListener("wheel", L);
     };
-  }, [v]);
-  const M = (S) => {
-    f.current || n(S);
+  }, [b]);
+  const B = (S) => {
+    p.current || n(S);
   };
-  return /* @__PURE__ */ k("div", { className: `nc-tab-container ${v ? `nc-vertical nc-${l}` : ""} ${i || ""}`, style: d, children: [
-    /* @__PURE__ */ k("div", { className: "nc-tab-scroll-wrapper", children: [
-      w && /* @__PURE__ */ s("div", { className: `nc-tab-scroll-indicator ${v ? "nc-top" : "nc-left"}`, children: v ? /* @__PURE__ */ s(Ft, { size: 16 }) : /* @__PURE__ */ s(xt, { size: 16 }) }),
+  return /* @__PURE__ */ A("div", { className: `nc-tab-container ${b ? `nc-vertical nc-${l}` : ""} ${i || ""}`, style: u, children: [
+    /* @__PURE__ */ A("div", { className: "nc-tab-scroll-wrapper", children: [
+      w && /* @__PURE__ */ s("div", { className: `nc-tab-scroll-indicator ${b ? "nc-top" : "nc-left"}`, children: b ? /* @__PURE__ */ s(Ot, { size: 16 }) : /* @__PURE__ */ s(xt, { size: 16 }) }),
       /* @__PURE__ */ s(
         "div",
         {
-          ref: h,
+          ref: f,
           className: `nc-tab-scroll ${c ? "nc-multiline" : ""}`,
-          onMouseDown: p,
-          onMouseMove: g,
+          onMouseDown: m,
+          onMouseMove: N,
           onMouseUp: C,
-          onMouseLeave: T,
+          onMouseLeave: P,
           style: { cursor: "grab" },
           children: e.map((S) => {
-            const E = typeof S == "string" ? S : S.id, N = typeof S == "string" ? S : S.label, I = r && !(o != null && o.includes(E));
-            return /* @__PURE__ */ k(
+            const L = typeof S == "string" ? S : S.id, x = typeof S == "string" ? S : S.label, M = r && !(o != null && o.includes(L));
+            return /* @__PURE__ */ A(
               "div",
               {
-                className: `nc-tab-item ${t === E ? "nc-active" : ""} ${I ? "nc-closable" : ""}`,
-                onClick: () => M(E),
+                className: `nc-tab-item ${t === L ? "nc-active" : ""} ${M ? "nc-closable" : ""}`,
+                onClick: () => B(L),
                 role: "button",
                 tabIndex: 0,
-                onKeyDown: (L) => {
-                  (L.key === "Enter" || L.key === " ") && n(E);
+                onKeyDown: (z) => {
+                  (z.key === "Enter" || z.key === " ") && n(L);
                 },
                 children: [
-                  /* @__PURE__ */ s("span", { className: "nc-tab-label", children: v ? N : typeof N == "string" ? N.toUpperCase() : N }),
-                  I && /* @__PURE__ */ s(
+                  /* @__PURE__ */ s("span", { className: "nc-tab-label", children: b ? x : typeof x == "string" ? x.toUpperCase() : x }),
+                  M && /* @__PURE__ */ s(
                     "span",
                     {
                       className: "nc-tab-close",
                       role: "button",
                       tabIndex: 0,
-                      "aria-label": `Close ${typeof N == "string" ? N : E}`,
-                      onClick: (L) => {
-                        L.stopPropagation(), r(E);
+                      "aria-label": `Close ${typeof x == "string" ? x : L}`,
+                      onClick: (z) => {
+                        z.stopPropagation(), r(L);
                       },
-                      onKeyDown: (L) => {
-                        (L.key === "Enter" || L.key === " ") && (L.stopPropagation(), r(E));
+                      onKeyDown: (z) => {
+                        (z.key === "Enter" || z.key === " ") && (z.stopPropagation(), r(L));
                       },
-                      children: /* @__PURE__ */ k("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", children: [
+                      children: /* @__PURE__ */ A("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", children: [
                         /* @__PURE__ */ s("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
                         /* @__PURE__ */ s("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
                       ] })
@@ -1537,18 +1558,18 @@ function fr({ tabs: e, active: t, onChange: n, onClose: r, permanentTabs: o, cla
                   )
                 ]
               },
-              E
+              L
             );
           })
         }
       ),
-      b && /* @__PURE__ */ s("div", { className: `nc-tab-scroll-indicator ${v ? "nc-bottom" : "nc-right"}`, children: v ? /* @__PURE__ */ s(kt, { size: 16 }) : /* @__PURE__ */ s(Nt, { size: 16 }) })
+      g && /* @__PURE__ */ s("div", { className: `nc-tab-scroll-indicator ${b ? "nc-bottom" : "nc-right"}`, children: b ? /* @__PURE__ */ s(kt, { size: 16 }) : /* @__PURE__ */ s(Nt, { size: 16 }) })
     ] }),
     a && /* @__PURE__ */ s("div", { className: "nc-tab-toolbar", children: a })
   ] });
 }
 function hr({ checked: e, onChange: t, disabled: n, label: r }) {
-  return /* @__PURE__ */ k(
+  return /* @__PURE__ */ A(
     "label",
     {
       className: "nc-row",
@@ -1622,11 +1643,11 @@ function Gt(e, t, n, r) {
   let a = 0;
   for (let w = 0; w < i - 1; w++)
     a += o[w].length + 1;
-  const l = o[i - 1].split("	"), d = Math.max(1, Math.min(n, l.length));
-  for (let w = 0; w < d - 1; w++)
+  const l = o[i - 1].split("	"), u = Math.max(1, Math.min(n, l.length));
+  for (let w = 0; w < u - 1; w++)
     a += l[w].length + 1;
-  const h = Math.max(1, Math.min(r, l[d - 1].length + 1));
-  return a += h - 1, a;
+  const f = Math.max(1, Math.min(r, l[u - 1].length + 1));
+  return a += f - 1, a;
 }
 function Kt(e, t) {
   const n = e.split(`
@@ -1637,78 +1658,78 @@ function Kt(e, t) {
   return o;
 }
 const mr = Ct(
-  function({ value: t, onChange: n, placeholder: r, className: o, style: i, showLineNumbers: a = !1, onCursorChange: c, highlightLine: l }, d) {
-    const h = F(null), w = F(null), u = F(null);
-    Mt(d, () => ({
-      goToLine(m) {
-        const f = h.current;
-        if (!f) return;
-        const p = Kt(t, m);
-        f.focus(), f.setSelectionRange(p, p);
-        const g = parseFloat(getComputedStyle(f).lineHeight) || 18;
-        f.scrollTop = (Math.max(1, m) - 1) * g, A(), b();
+  function({ value: t, onChange: n, placeholder: r, className: o, style: i, showLineNumbers: a = !1, onCursorChange: c, highlightLine: l }, u) {
+    const f = Y(null), w = Y(null), d = Y(null);
+    Mt(u, () => ({
+      goToLine(h) {
+        const p = f.current;
+        if (!p) return;
+        const m = Kt(t, h);
+        p.focus(), p.setSelectionRange(m, m);
+        const N = parseFloat(getComputedStyle(p).lineHeight) || 18;
+        p.scrollTop = (Math.max(1, h) - 1) * N, k(), g();
       },
-      goToPosition(m, f, p) {
-        const g = h.current;
-        if (!g) return;
-        const C = Gt(t, m, f, p);
-        g.focus(), g.setSelectionRange(C, C);
-        const T = parseFloat(getComputedStyle(g).lineHeight) || 18;
-        g.scrollTop = (Math.max(1, m) - 1) * T, A(), b();
+      goToPosition(h, p, m) {
+        const N = f.current;
+        if (!N) return;
+        const C = Gt(t, h, p, m);
+        N.focus(), N.setSelectionRange(C, C);
+        const P = parseFloat(getComputedStyle(N).lineHeight) || 18;
+        N.scrollTop = (Math.max(1, h) - 1) * P, k(), g();
       }
     }), [t]);
-    const b = G(() => {
-      if (!c || !h.current) return;
-      const m = Yt(t, h.current.selectionStart);
-      c(m);
-    }, [c, t]), A = G(() => {
-      const m = h.current;
-      m && (w.current && (w.current.scrollTop = m.scrollTop, w.current.scrollLeft = m.scrollLeft), u.current && (u.current.scrollTop = m.scrollTop));
+    const g = X(() => {
+      if (!c || !f.current) return;
+      const h = Yt(t, f.current.selectionStart);
+      c(h);
+    }, [c, t]), k = X(() => {
+      const h = f.current;
+      h && (w.current && (w.current.scrollTop = h.scrollTop, w.current.scrollLeft = h.scrollLeft), d.current && (d.current.scrollTop = h.scrollTop));
     }, []);
-    D(() => {
+    V(() => {
       if (l == null || l < 1) return;
-      const m = h.current;
-      if (!m) return;
-      const f = parseFloat(getComputedStyle(m).lineHeight) || 18, p = (l - 1) * f, g = p + f;
-      (p < m.scrollTop || g > m.scrollTop + m.clientHeight) && (m.scrollTop = p - m.clientHeight / 2 + f / 2), A();
+      const h = f.current;
+      if (!h) return;
+      const p = parseFloat(getComputedStyle(h).lineHeight) || 18, m = (l - 1) * p, N = m + p;
+      (m < h.scrollTop || N > h.scrollTop + h.clientHeight) && (h.scrollTop = m - h.clientHeight / 2 + p / 2), k();
     }, [l]);
-    const v = Ie(() => t.split(`
-`).length, [t]), y = () => {
-      const m = [];
-      for (let f = 1; f <= v; f++)
-        m.push(
-          /* @__PURE__ */ s("div", { className: `nc-csv-line-number ${l === f ? "nc-csv-highlight" : ""}`, children: f }, f)
+    const b = Ie(() => t.split(`
+`).length, [t]), v = () => {
+      const h = [];
+      for (let p = 1; p <= b; p++)
+        h.push(
+          /* @__PURE__ */ s("div", { className: `nc-csv-line-number ${l === p ? "nc-csv-highlight" : ""}`, children: p }, p)
         );
-      return /* @__PURE__ */ s("div", { className: "nc-csv-gutter", ref: u, children: m });
-    }, x = (m) => m ? m.split(`
-`).map((p, g) => {
-      const C = p.split("	");
-      return /* @__PURE__ */ k("div", { className: `nc-csv-line ${l === g + 1 ? "nc-csv-highlight" : ""}`, children: [
-        C.map((T, M) => /* @__PURE__ */ k("span", { children: [
-          M > 0 && /* @__PURE__ */ s("span", { className: "nc-csv-tab-char", children: "	" }),
-          /* @__PURE__ */ s("span", { style: { color: _e[M % _e.length] }, children: T })
-        ] }, M)),
-        p === "" && `
+      return /* @__PURE__ */ s("div", { className: "nc-csv-gutter", ref: d, children: h });
+    }, y = (h) => h ? h.split(`
+`).map((m, N) => {
+      const C = m.split("	");
+      return /* @__PURE__ */ A("div", { className: `nc-csv-line ${l === N + 1 ? "nc-csv-highlight" : ""}`, children: [
+        C.map((P, B) => /* @__PURE__ */ A("span", { children: [
+          B > 0 && /* @__PURE__ */ s("span", { className: "nc-csv-tab-char", children: "	" }),
+          /* @__PURE__ */ s("span", { style: { color: _e[B % _e.length] }, children: P })
+        ] }, B)),
+        m === "" && `
 `
-      ] }, g);
+      ] }, N);
     }) : null;
-    return /* @__PURE__ */ k("div", { className: `nc-csv-textarea-container ${a ? "nc-csv-with-gutter" : ""} ${o ?? ""}`, style: i, children: [
-      a && y(),
-      /* @__PURE__ */ k("div", { className: "nc-csv-textarea-editor", children: [
-        /* @__PURE__ */ s("div", { className: "nc-csv-textarea-backdrop", ref: w, children: /* @__PURE__ */ s("pre", { className: "nc-csv-textarea-highlights", children: x(t) }) }),
+    return /* @__PURE__ */ A("div", { className: `nc-csv-textarea-container ${a ? "nc-csv-with-gutter" : ""} ${o ?? ""}`, style: i, children: [
+      a && v(),
+      /* @__PURE__ */ A("div", { className: "nc-csv-textarea-editor", children: [
+        /* @__PURE__ */ s("div", { className: "nc-csv-textarea-backdrop", ref: w, children: /* @__PURE__ */ s("pre", { className: "nc-csv-textarea-highlights", children: y(t) }) }),
         /* @__PURE__ */ s(
           "textarea",
           {
-            ref: h,
+            ref: f,
             className: "nc-csv-textarea-input",
             value: t,
-            onChange: (m) => {
-              n(m.target.value), requestAnimationFrame(b);
+            onChange: (h) => {
+              n(h.target.value), requestAnimationFrame(g);
             },
-            onScroll: A,
-            onSelect: b,
-            onKeyUp: b,
-            onClick: b,
+            onScroll: k,
+            onSelect: g,
+            onKeyUp: g,
+            onClick: g,
             placeholder: r,
             spellCheck: !1,
             autoComplete: "off",
@@ -1774,13 +1795,13 @@ function qt({ type: e }) {
         }
       ) });
     case "danger":
-      return /* @__PURE__ */ k("svg", { viewBox: "0 0 20 20", fill: "none", "aria-hidden": "true", children: [
+      return /* @__PURE__ */ A("svg", { viewBox: "0 0 20 20", fill: "none", "aria-hidden": "true", children: [
         /* @__PURE__ */ s("circle", { cx: "10", cy: "10", r: "7", stroke: "currentColor", strokeWidth: "2" }),
         /* @__PURE__ */ s("path", { d: "M10 6.5v4.25", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }),
         /* @__PURE__ */ s("circle", { cx: "10", cy: "13.75", r: "1", fill: "currentColor" })
       ] });
     case "warning":
-      return /* @__PURE__ */ k("svg", { viewBox: "0 0 20 20", fill: "none", "aria-hidden": "true", children: [
+      return /* @__PURE__ */ A("svg", { viewBox: "0 0 20 20", fill: "none", "aria-hidden": "true", children: [
         /* @__PURE__ */ s(
           "path",
           {
@@ -1794,7 +1815,7 @@ function qt({ type: e }) {
         /* @__PURE__ */ s("circle", { cx: "10", cy: "13.25", r: "1", fill: "currentColor" })
       ] });
     default:
-      return /* @__PURE__ */ k("svg", { viewBox: "0 0 20 20", fill: "none", "aria-hidden": "true", children: [
+      return /* @__PURE__ */ A("svg", { viewBox: "0 0 20 20", fill: "none", "aria-hidden": "true", children: [
         /* @__PURE__ */ s("circle", { cx: "10", cy: "10", r: "7", stroke: "currentColor", strokeWidth: "2" }),
         /* @__PURE__ */ s("path", { d: "M10 9v4", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }),
         /* @__PURE__ */ s("circle", { cx: "10", cy: "6.5", r: "1", fill: "currentColor" })
@@ -1802,7 +1823,7 @@ function qt({ type: e }) {
   }
 }
 function Xt({ notification: e }) {
-  const { t } = re(), n = e.type || "info", r = () => {
+  const { t } = oe(), n = e.type || "info", r = () => {
     if (e.title) return e.title;
     switch (n) {
       case "success":
@@ -1821,9 +1842,9 @@ function Xt({ notification: e }) {
     "div",
     {
       className: `nc-notification nc-notification-${n}`,
-      children: /* @__PURE__ */ k("div", { className: "nc-notification-content", children: [
+      children: /* @__PURE__ */ A("div", { className: "nc-notification-content", children: [
         /* @__PURE__ */ s("div", { className: `nc-notification-icon nc-notification-icon-${n}`, children: /* @__PURE__ */ s(qt, { type: n }) }),
-        /* @__PURE__ */ k("div", { className: "nc-notification-body", children: [
+        /* @__PURE__ */ A("div", { className: "nc-notification-body", children: [
           /* @__PURE__ */ s("div", { className: "nc-notification-title", children: r() }),
           /* @__PURE__ */ s("div", { className: "nc-notification-message", children: e.message })
         ] }),
@@ -1841,23 +1862,23 @@ function Xt({ notification: e }) {
   );
 }
 function gr() {
-  const [e, t] = P([]), [n, r] = P(/* @__PURE__ */ new Map()), [o, i] = P(/* @__PURE__ */ new Set()), a = F(null), c = F([]);
-  return D(() => _t((d) => {
-    const h = new Set(c.current.map((u) => u.id)), w = d.filter((u) => !h.has(u.id)).map((u) => u.id);
-    w.length > 0 ? (t(d), i(new Set(w)), requestAnimationFrame(() => {
+  const [e, t] = E([]), [n, r] = E(/* @__PURE__ */ new Map()), [o, i] = E(/* @__PURE__ */ new Set()), a = Y(null), c = Y([]);
+  return V(() => _t((u) => {
+    const f = new Set(c.current.map((d) => d.id)), w = u.filter((d) => !f.has(d.id)).map((d) => d.id);
+    w.length > 0 ? (t(u), i(new Set(w)), requestAnimationFrame(() => {
       requestAnimationFrame(() => {
         i(/* @__PURE__ */ new Set());
       });
-    })) : t(d), c.current = d;
-  }), []), D(() => {
+    })) : t(u), c.current = u;
+  }), []), V(() => {
     if (!a.current) return;
     const l = /* @__PURE__ */ new Map();
-    let d = 0;
-    const h = a.current.children;
-    e.forEach((w, u) => {
-      if (l.set(w.id, d), h[u]) {
-        const b = h[u].offsetHeight;
-        w.isRemoving || (d += b + 12);
+    let u = 0;
+    const f = a.current.children;
+    e.forEach((w, d) => {
+      if (l.set(w.id, u), f[d]) {
+        const g = f[d].offsetHeight;
+        w.isRemoving || (u += g + 12);
       }
     }), r(l);
   }, [e]), /* @__PURE__ */ s(
@@ -1881,7 +1902,7 @@ function gr() {
             width: "100%"
           },
           children: e.map((l) => {
-            const d = o.has(l.id), h = l.isRemoving, w = n.get(l.id) || 0;
+            const u = o.has(l.id), f = l.isRemoving, w = n.get(l.id) || 0;
             return /* @__PURE__ */ s(
               "div",
               {
@@ -1889,10 +1910,10 @@ function gr() {
                   position: "absolute",
                   top: 0,
                   left: 0,
-                  transform: d ? `translate3d(-40px, ${w}px, 0)` : `translate3d(0, ${w}px, 0)`,
+                  transform: u ? `translate3d(-40px, ${w}px, 0)` : `translate3d(0, ${w}px, 0)`,
                   // Only animate transform when not leaving, animate opacity always
-                  transition: h ? "opacity 300ms ease-out" : "transform 300ms ease-out, opacity 300ms ease-out",
-                  opacity: h ? 0 : 1,
+                  transition: f ? "opacity 300ms ease-out" : "transform 300ms ease-out, opacity 300ms ease-out",
+                  opacity: f ? 0 : 1,
                   width: "100%"
                 },
                 children: /* @__PURE__ */ s(Xt, { notification: l })
@@ -1934,7 +1955,7 @@ function vr(e) {
 }
 class Qt {
   constructor() {
-    oe(this, "apps", /* @__PURE__ */ new Map());
+    se(this, "apps", /* @__PURE__ */ new Map());
   }
   /**
    * Register an app definition.
@@ -1975,8 +1996,8 @@ class Qt {
 const me = new Qt(), qe = "nc-ui-app-state";
 class Zt {
   constructor() {
-    oe(this, "state");
-    oe(this, "listeners", /* @__PURE__ */ new Map());
+    se(this, "state");
+    se(this, "listeners", /* @__PURE__ */ new Map());
     this.state = this.loadState();
   }
   loadState() {
@@ -2020,13 +2041,13 @@ class Zt {
     (r = this.listeners.get(t)) == null || r.forEach((o) => o(n));
   }
 }
-const ne = new Zt();
+const re = new Zt();
 class en {
   constructor() {
-    oe(this, "apps", []);
-    oe(this, "activeAppId", null);
-    oe(this, "listeners", /* @__PURE__ */ new Set());
-    oe(this, "refReadyResolvers", /* @__PURE__ */ new Map());
+    se(this, "apps", []);
+    se(this, "activeAppId", null);
+    se(this, "listeners", /* @__PURE__ */ new Set());
+    se(this, "refReadyResolvers", /* @__PURE__ */ new Map());
   }
   /**
    * Launch an app and wait for it to be ready (ref populated).
@@ -2042,12 +2063,12 @@ class en {
       return console.error(`Cannot launch app "${t}": not registered`), null;
     const o = this.apps.find((a) => a.appId === t);
     if (o)
-      return r || (this.setActiveApp(t), ne._setActiveAppId(t)), o.ref ? o : this.waitForRef(t);
+      return r || (this.setActiveApp(t), re._setActiveAppId(t)), o.ref ? o : this.waitForRef(t);
     const i = {
       appId: t,
       launchedAt: Date.now()
     };
-    return this.apps.push(i), r || (this.activeAppId = t, ne._setActiveAppId(t)), this.notify(), this.waitForRef(t);
+    return this.apps.push(i), r || (this.activeAppId = t, re._setActiveAppId(t)), this.notify(), this.waitForRef(t);
   }
   waitForRef(t) {
     return new Promise((n) => {
@@ -2084,7 +2105,7 @@ class en {
     const r = this.apps[n];
     if (r.ref && (r.ref = void 0), this.apps.splice(n, 1), this.activeAppId === t) {
       const o = window.innerWidth >= 768;
-      this.activeAppId = o && this.apps.length > 0 ? this.apps[this.apps.length - 1].appId : null, ne._setActiveAppId(this.activeAppId);
+      this.activeAppId = o && this.apps.length > 0 ? this.apps[this.apps.length - 1].appId : null, re._setActiveAppId(this.activeAppId);
     }
     this.notify();
   }
@@ -2096,7 +2117,7 @@ class en {
       console.warn(`Cannot activate app "${t}": not running`);
       return;
     }
-    this.activeAppId !== t && (this.activeAppId = t, this.notify(), ne._setActiveAppId(t));
+    this.activeAppId !== t && (this.activeAppId = t, this.notify(), re._setActiveAppId(t));
   }
   /**
    * Toggle an app: if active, deactivate; if inactive, activate.
@@ -2140,15 +2161,15 @@ class en {
     this.listeners.forEach((t) => t());
   }
 }
-const Q = new en(), nt = ge(null);
+const Z = new en(), nt = ge(null);
 function tn() {
-  const e = ce(nt);
+  const e = ae(nt);
   if (!e)
     throw new Error("useApp must be used inside an App");
   return e;
 }
 function nn({ size: e = 16 }) {
-  return /* @__PURE__ */ k(
+  return /* @__PURE__ */ A(
     "svg",
     {
       width: e,
@@ -2167,8 +2188,8 @@ function nn({ size: e = 16 }) {
   );
 }
 function rn({ title: e, onClose: t, onBack: n, toolbar: r, hideBackButton: o }) {
-  return /* @__PURE__ */ k("div", { className: "nc-app-title-bar", children: [
-    /* @__PURE__ */ k("div", { className: "nc-app-title-bar-left", children: [
+  return /* @__PURE__ */ A("div", { className: "nc-app-title-bar", children: [
+    /* @__PURE__ */ A("div", { className: "nc-app-title-bar-left", children: [
       n && !o && /* @__PURE__ */ s(
         "button",
         {
@@ -2181,7 +2202,7 @@ function rn({ title: e, onClose: t, onBack: n, toolbar: r, hideBackButton: o })
       ),
       /* @__PURE__ */ s("span", { className: "nc-app-title-bar-title", children: e })
     ] }),
-    /* @__PURE__ */ k("div", { className: "nc-app-title-bar-right", children: [
+    /* @__PURE__ */ A("div", { className: "nc-app-title-bar-right", children: [
       r && /* @__PURE__ */ s("div", { className: "nc-app-title-bar-toolbar", children: r }),
       /* @__PURE__ */ s(Ze, { onClick: t, "aria-label": "Close application" })
     ] })
@@ -2198,56 +2219,56 @@ class on extends ze.Component {
     console.error(`Error loading app ${this.props.appId}:`, t, n);
   }
   render() {
-    return this.state.hasError ? /* @__PURE__ */ k("div", { className: "nc-app-error", children: [
+    return this.state.hasError ? /* @__PURE__ */ A("div", { className: "nc-app-error", children: [
       /* @__PURE__ */ s("div", { children: "Failed to load app" }),
       this.state.error && /* @__PURE__ */ s("div", { style: { fontSize: "12px", opacity: 0.7 }, children: this.state.error.message })
     ] }) : this.props.children;
   }
 }
 function rt({ appId: e, isActive: t, onClose: n }) {
-  const { t: r } = re(), o = me.get(e), [i, a] = P(""), [c, l] = P(null), [d, h] = P(null), [w, u] = P(!1), [b, A] = P(!1);
+  const { t: r } = oe(), o = me.get(e), [i, a] = E(""), [c, l] = E(null), [u, f] = E(null), [w, d] = E(!1), [g, k] = E(!1);
   ze.useEffect(() => {
     o != null && o.titleKey && a(r(o.titleKey));
   }, [o, r]);
-  const v = G((S) => {
+  const b = X((S) => {
     a(S);
-  }, []), y = G((S) => {
+  }, []), v = X((S) => {
     l(() => S);
-  }, []), x = G(() => {
+  }, []), y = X(() => {
     l(null);
-  }, []), m = G((S) => {
-    h(S);
-  }, []), f = G(() => {
-    h(null);
-  }, []), p = G((S) => {
-    u(S);
-  }, []), g = G((S) => {
-    A(S);
+  }, []), h = X((S) => {
+    f(S);
+  }, []), p = X(() => {
+    f(null);
+  }, []), m = X((S) => {
+    d(S);
+  }, []), N = X((S) => {
+    k(S);
   }, []), C = Ie(() => ({
-    setTitle: v,
-    setBackHandler: y,
-    clearBackHandler: x,
-    setToolbar: m,
-    clearToolbar: f,
-    setHideBackButton: p,
-    setHideTitleBar: g,
+    setTitle: b,
+    setBackHandler: v,
+    clearBackHandler: y,
+    setToolbar: h,
+    clearToolbar: p,
+    setHideBackButton: m,
+    setHideTitleBar: N,
     close: n
-  }), [v, y, x, m, f, p, g, n]);
+  }), [b, v, y, h, p, m, N, n]);
   if (!o)
     return null;
-  const T = o.component, M = !o.hideTitleBar && !b;
-  return /* @__PURE__ */ k(
+  const P = o.component, B = !o.hideTitleBar && !g;
+  return /* @__PURE__ */ A(
     "div",
     {
       className: `nc-app-container${t ? "" : " nc-hidden"}`,
       children: [
-        M && /* @__PURE__ */ s(
+        B && /* @__PURE__ */ s(
           rn,
           {
             title: i,
             onClose: n,
             onBack: c ?? void 0,
-            toolbar: d,
+            toolbar: u,
             hideBackButton: w
           }
         ),
@@ -2257,13 +2278,13 @@ function rt({ appId: e, isActive: t, onClose: n }) {
             className: "nc-app-content-wrapper",
             style: {
               padding: o.padding,
-              overflowY: M ? "auto" : void 0
+              overflowY: B ? "auto" : void 0
             },
             children: /* @__PURE__ */ s(nt.Provider, { value: C, children: /* @__PURE__ */ s(on, { appId: e, children: /* @__PURE__ */ s(
               It,
               {
                 fallback: /* @__PURE__ */ s("div", { className: "nc-app-loading", children: /* @__PURE__ */ s(Qe, {}) }),
-                children: /* @__PURE__ */ s(T, {})
+                children: /* @__PURE__ */ s(P, {})
               }
             ) }) })
           }
@@ -2280,7 +2301,7 @@ const Ce = 768, Me = 1024, ot = {
   height: typeof window < "u" ? window.innerHeight : 768
 }, st = ge(ot);
 function wr({ children: e }) {
-  const [t, n] = P(() => {
+  const [t, n] = E(() => {
     if (typeof window > "u") return ot;
     const r = window.innerWidth, o = window.innerHeight;
     return {
@@ -2291,7 +2312,7 @@ function wr({ children: e }) {
       height: o
     };
   });
-  return D(() => {
+  return V(() => {
     const r = () => {
       const o = window.innerWidth, i = window.innerHeight;
       n({
@@ -2306,7 +2327,7 @@ function wr({ children: e }) {
   }, []), /* @__PURE__ */ s(st.Provider, { value: t, children: e });
 }
 function it() {
-  return ce(st);
+  return ae(st);
 }
 const Be = "-", sn = (e) => {
   const t = an(e), {
@@ -2351,9 +2372,9 @@ const Be = "-", sn = (e) => {
     validators: []
   };
   return dn(Object.entries(e.classGroups), n).forEach(([i, a]) => {
-    Pe(a, r, i, t);
+    Ee(a, r, i, t);
   }), r;
-}, Pe = (e, t, n, r) => {
+}, Ee = (e, t, n, r) => {
   e.forEach((o) => {
     if (typeof o == "string") {
       const i = o === "" ? t : Je(t, o);
@@ -2362,7 +2383,7 @@ const Be = "-", sn = (e) => {
     }
     if (typeof o == "function") {
       if (ln(o)) {
-        Pe(o(r), t, n, r);
+        Ee(o(r), t, n, r);
         return;
       }
       t.validators.push({
@@ -2372,7 +2393,7 @@ const Be = "-", sn = (e) => {
       return;
     }
     Object.entries(o).forEach(([i, a]) => {
-      Pe(a, Je(t, i), n, r);
+      Ee(a, Je(t, i), n, r);
     });
   });
 }, Je = (e, t) => {
@@ -2416,27 +2437,27 @@ const Be = "-", sn = (e) => {
     experimentalParseClassName: n
   } = e, r = t.length === 1, o = t[0], i = t.length, a = (c) => {
     const l = [];
-    let d = 0, h = 0, w;
-    for (let y = 0; y < c.length; y++) {
-      let x = c[y];
-      if (d === 0) {
-        if (x === o && (r || c.slice(y, y + i) === t)) {
-          l.push(c.slice(h, y)), h = y + i;
+    let u = 0, f = 0, w;
+    for (let v = 0; v < c.length; v++) {
+      let y = c[v];
+      if (u === 0) {
+        if (y === o && (r || c.slice(v, v + i) === t)) {
+          l.push(c.slice(f, v)), f = v + i;
           continue;
         }
-        if (x === "/") {
-          w = y;
+        if (y === "/") {
+          w = v;
           continue;
         }
       }
-      x === "[" ? d++ : x === "]" && d--;
+      y === "[" ? u++ : y === "]" && u--;
     }
-    const u = l.length === 0 ? c : c.substring(h), b = u.startsWith(at), A = b ? u.substring(1) : u, v = w && w > h ? w - h : void 0;
+    const d = l.length === 0 ? c : c.substring(f), g = d.startsWith(at), k = g ? d.substring(1) : d, b = w && w > f ? w - f : void 0;
     return {
       modifiers: l,
-      hasImportantModifier: b,
-      baseClassName: A,
-      maybePostfixModifierPosition: v
+      hasImportantModifier: g,
+      baseClassName: k,
+      maybePostfixModifierPosition: b
     };
   };
   return n ? (c) => n({
@@ -2463,34 +2484,34 @@ const Be = "-", sn = (e) => {
   } = t, i = [], a = e.trim().split(mn);
   let c = "";
   for (let l = a.length - 1; l >= 0; l -= 1) {
-    const d = a[l], {
-      modifiers: h,
+    const u = a[l], {
+      modifiers: f,
       hasImportantModifier: w,
-      baseClassName: u,
-      maybePostfixModifierPosition: b
-    } = n(d);
-    let A = !!b, v = r(A ? u.substring(0, b) : u);
-    if (!v) {
-      if (!A) {
-        c = d + (c.length > 0 ? " " + c : c);
+      baseClassName: d,
+      maybePostfixModifierPosition: g
+    } = n(u);
+    let k = !!g, b = r(k ? d.substring(0, g) : d);
+    if (!b) {
+      if (!k) {
+        c = u + (c.length > 0 ? " " + c : c);
         continue;
       }
-      if (v = r(u), !v) {
-        c = d + (c.length > 0 ? " " + c : c);
+      if (b = r(d), !b) {
+        c = u + (c.length > 0 ? " " + c : c);
         continue;
       }
-      A = !1;
+      k = !1;
     }
-    const y = fn(h).join(":"), x = w ? y + at : y, m = x + v;
-    if (i.includes(m))
+    const v = fn(f).join(":"), y = w ? v + at : v, h = y + b;
+    if (i.includes(h))
       continue;
-    i.push(m);
-    const f = o(v, A);
-    for (let p = 0; p < f.length; ++p) {
-      const g = f[p];
-      i.push(x + g);
+    i.push(h);
+    const p = o(b, k);
+    for (let m = 0; m < p.length; ++m) {
+      const N = p[m];
+      i.push(y + N);
     }
-    c = d + (c.length > 0 ? " " + c : c);
+    c = u + (c.length > 0 ? " " + c : c);
   }
   return c;
 };
@@ -2511,62 +2532,62 @@ const lt = (e) => {
 function vn(e, ...t) {
   let n, r, o, i = a;
   function a(l) {
-    const d = t.reduce((h, w) => w(h), e());
-    return n = hn(d), r = n.cache.get, o = n.cache.set, i = c, c(l);
+    const u = t.reduce((f, w) => w(f), e());
+    return n = hn(u), r = n.cache.get, o = n.cache.set, i = c, c(l);
   }
   function c(l) {
-    const d = r(l);
-    if (d)
-      return d;
-    const h = gn(l, n);
-    return o(l, h), h;
+    const u = r(l);
+    if (u)
+      return u;
+    const f = gn(l, n);
+    return o(l, f), f;
   }
   return function() {
     return i(bn.apply(null, arguments));
   };
 }
-const O = (e) => {
+const K = (e) => {
   const t = (n) => n[e] || [];
   return t.isThemeGetter = !0, t;
-}, dt = /^\[(?:([a-z-]+):)?(.+)\]$/i, wn = /^\d+\/\d+$/, yn = /* @__PURE__ */ new Set(["px", "full", "screen"]), xn = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, kn = /\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$/, Nn = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, An = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, Sn = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, ee = (e) => he(e) || yn.has(e) || wn.test(e), se = (e) => be(e, "length", En), he = (e) => !!e && !Number.isNaN(Number(e)), $e = (e) => be(e, "number", he), xe = (e) => !!e && Number.isInteger(Number(e)), Cn = (e) => e.endsWith("%") && he(e.slice(0, -1)), $ = (e) => dt.test(e), ie = (e) => xn.test(e), Mn = /* @__PURE__ */ new Set(["length", "size", "percentage"]), In = (e) => be(e, Mn, ut), $n = (e) => be(e, "position", ut), Rn = /* @__PURE__ */ new Set(["image", "url"]), Tn = (e) => be(e, Rn, zn), Pn = (e) => be(e, "", Ln), ke = () => !0, be = (e, t, n) => {
+}, dt = /^\[(?:([a-z-]+):)?(.+)\]$/i, wn = /^\d+\/\d+$/, yn = /* @__PURE__ */ new Set(["px", "full", "screen"]), xn = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, kn = /\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$/, Nn = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, An = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, Sn = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, te = (e) => he(e) || yn.has(e) || wn.test(e), ie = (e) => be(e, "length", Pn), he = (e) => !!e && !Number.isNaN(Number(e)), $e = (e) => be(e, "number", he), xe = (e) => !!e && Number.isInteger(Number(e)), Cn = (e) => e.endsWith("%") && he(e.slice(0, -1)), I = (e) => dt.test(e), ce = (e) => xn.test(e), Mn = /* @__PURE__ */ new Set(["length", "size", "percentage"]), In = (e) => be(e, Mn, ut), $n = (e) => be(e, "position", ut), Rn = /* @__PURE__ */ new Set(["image", "url"]), Tn = (e) => be(e, Rn, zn), En = (e) => be(e, "", Ln), ke = () => !0, be = (e, t, n) => {
   const r = dt.exec(e);
   return r ? r[1] ? typeof t == "string" ? r[1] === t : t.has(r[1]) : n(r[2]) : !1;
-}, En = (e) => (
+}, Pn = (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.
   kn.test(e) && !Nn.test(e)
 ), ut = () => !1, Ln = (e) => An.test(e), zn = (e) => Sn.test(e), Bn = () => {
-  const e = O("colors"), t = O("spacing"), n = O("blur"), r = O("brightness"), o = O("borderColor"), i = O("borderRadius"), a = O("borderSpacing"), c = O("borderWidth"), l = O("contrast"), d = O("grayscale"), h = O("hueRotate"), w = O("invert"), u = O("gap"), b = O("gradientColorStops"), A = O("gradientColorStopPositions"), v = O("inset"), y = O("margin"), x = O("opacity"), m = O("padding"), f = O("saturate"), p = O("scale"), g = O("sepia"), C = O("skew"), T = O("space"), M = O("translate"), S = () => ["auto", "contain", "none"], E = () => ["auto", "hidden", "clip", "visible", "scroll"], N = () => ["auto", $, t], I = () => [$, t], L = () => ["", ee, se], H = () => ["auto", he, $], ae = () => ["bottom", "center", "left", "left-bottom", "left-top", "right", "right-bottom", "right-top", "top"], X = () => ["solid", "dashed", "dotted", "double", "none"], K = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], _ = () => ["start", "end", "center", "between", "around", "evenly", "stretch"], U = () => ["", "0", $], j = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], z = () => [he, $];
+  const e = K("colors"), t = K("spacing"), n = K("blur"), r = K("brightness"), o = K("borderColor"), i = K("borderRadius"), a = K("borderSpacing"), c = K("borderWidth"), l = K("contrast"), u = K("grayscale"), f = K("hueRotate"), w = K("invert"), d = K("gap"), g = K("gradientColorStops"), k = K("gradientColorStopPositions"), b = K("inset"), v = K("margin"), y = K("opacity"), h = K("padding"), p = K("saturate"), m = K("scale"), N = K("sepia"), C = K("skew"), P = K("space"), B = K("translate"), S = () => ["auto", "contain", "none"], L = () => ["auto", "hidden", "clip", "visible", "scroll"], x = () => ["auto", I, t], M = () => [I, t], z = () => ["", te, ie], F = () => ["auto", he, I], $ = () => ["bottom", "center", "left", "left-bottom", "left-top", "right", "right-bottom", "right-top", "top"], T = () => ["solid", "dashed", "dotted", "double", "none"], H = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], q = () => ["start", "end", "center", "between", "around", "evenly", "stretch"], O = () => ["", "0", I], _ = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], D = () => [he, I];
   return {
     cacheSize: 500,
     separator: ":",
     theme: {
       colors: [ke],
-      spacing: [ee, se],
-      blur: ["none", "", ie, $],
-      brightness: z(),
+      spacing: [te, ie],
+      blur: ["none", "", ce, I],
+      brightness: D(),
       borderColor: [e],
-      borderRadius: ["none", "", "full", ie, $],
-      borderSpacing: I(),
-      borderWidth: L(),
-      contrast: z(),
-      grayscale: U(),
-      hueRotate: z(),
-      invert: U(),
-      gap: I(),
+      borderRadius: ["none", "", "full", ce, I],
+      borderSpacing: M(),
+      borderWidth: z(),
+      contrast: D(),
+      grayscale: O(),
+      hueRotate: D(),
+      invert: O(),
+      gap: M(),
       gradientColorStops: [e],
-      gradientColorStopPositions: [Cn, se],
-      inset: N(),
-      margin: N(),
-      opacity: z(),
-      padding: I(),
-      saturate: z(),
-      scale: z(),
-      sepia: U(),
-      skew: z(),
-      space: I(),
-      translate: I()
+      gradientColorStopPositions: [Cn, ie],
+      inset: x(),
+      margin: x(),
+      opacity: D(),
+      padding: M(),
+      saturate: D(),
+      scale: D(),
+      sepia: O(),
+      skew: D(),
+      space: M(),
+      translate: M()
     },
     classGroups: {
       // Layout
@@ -2575,7 +2596,7 @@ const O = (e) => {
        * @see https://tailwindcss.com/docs/aspect-ratio
        */
       aspect: [{
-        aspect: ["auto", "square", "video", $]
+        aspect: ["auto", "square", "video", I]
       }],
       /**
        * Container
@@ -2587,21 +2608,21 @@ const O = (e) => {
        * @see https://tailwindcss.com/docs/columns
        */
       columns: [{
-        columns: [ie]
+        columns: [ce]
       }],
       /**
        * Break After
        * @see https://tailwindcss.com/docs/break-after
        */
       "break-after": [{
-        "break-after": j()
+        "break-after": _()
       }],
       /**
        * Break Before
        * @see https://tailwindcss.com/docs/break-before
        */
       "break-before": [{
-        "break-before": j()
+        "break-before": _()
       }],
       /**
        * Break Inside
@@ -2660,28 +2681,28 @@ const O = (e) => {
        * @see https://tailwindcss.com/docs/object-position
        */
       "object-position": [{
-        object: [...ae(), $]
+        object: [...$(), I]
       }],
       /**
        * Overflow
        * @see https://tailwindcss.com/docs/overflow
        */
       overflow: [{
-        overflow: E()
+        overflow: L()
       }],
       /**
        * Overflow X
        * @see https://tailwindcss.com/docs/overflow
        */
       "overflow-x": [{
-        "overflow-x": E()
+        "overflow-x": L()
       }],
       /**
        * Overflow Y
        * @see https://tailwindcss.com/docs/overflow
        */
       "overflow-y": [{
-        "overflow-y": E()
+        "overflow-y": L()
       }],
       /**
        * Overscroll Behavior
@@ -2714,63 +2735,63 @@ const O = (e) => {
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       inset: [{
-        inset: [v]
+        inset: [b]
       }],
       /**
        * Right / Left
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-x": [{
-        "inset-x": [v]
+        "inset-x": [b]
       }],
       /**
        * Top / Bottom
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-y": [{
-        "inset-y": [v]
+        "inset-y": [b]
       }],
       /**
        * Start
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       start: [{
-        start: [v]
+        start: [b]
       }],
       /**
        * End
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       end: [{
-        end: [v]
+        end: [b]
       }],
       /**
        * Top
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       top: [{
-        top: [v]
+        top: [b]
       }],
       /**
        * Right
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       right: [{
-        right: [v]
+        right: [b]
       }],
       /**
        * Bottom
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       bottom: [{
-        bottom: [v]
+        bottom: [b]
       }],
       /**
        * Left
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       left: [{
-        left: [v]
+        left: [b]
       }],
       /**
        * Visibility
@@ -2782,7 +2803,7 @@ const O = (e) => {
        * @see https://tailwindcss.com/docs/z-index
        */
       z: [{
-        z: ["auto", xe, $]
+        z: ["auto", xe, I]
       }],
       // Flexbox and Grid
       /**
@@ -2790,7 +2811,7 @@ const O = (e) => {
        * @see https://tailwindcss.com/docs/flex-basis
        */
       basis: [{
-        basis: N()
+        basis: x()
       }],
       /**
        * Flex Direction
@@ -2811,28 +2832,28 @@ const O = (e) => {
        * @see https://tailwindcss.com/docs/flex
        */
       flex: [{
-        flex: ["1", "auto", "initial", "none", $]
+        flex: ["1", "auto", "initial", "none", I]
       }],
       /**
        * Flex Grow
        * @see https://tailwindcss.com/docs/flex-grow
        */
       grow: [{
-        grow: U()
+        grow: O()
       }],
       /**
        * Flex Shrink
        * @see https://tailwindcss.com/docs/flex-shrink
        */
       shrink: [{
-        shrink: U()
+        shrink: O()
       }],
       /**
        * Order
        * @see https://tailwindcss.com/docs/order
        */
       order: [{
-        order: ["first", "last", "none", xe, $]
+        order: ["first", "last", "none", xe, I]
       }],
       /**
        * Grid Template Columns
@@ -2847,22 +2868,22 @@ const O = (e) => {
        */
       "col-start-end": [{
         col: ["auto", {
-          span: ["full", xe, $]
-        }, $]
+          span: ["full", xe, I]
+        }, I]
       }],
       /**
        * Grid Column Start
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-start": [{
-        "col-start": H()
+        "col-start": F()
       }],
       /**
        * Grid Column End
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-end": [{
-        "col-end": H()
+        "col-end": F()
       }],
       /**
        * Grid Template Rows
@@ -2877,22 +2898,22 @@ const O = (e) => {
        */
       "row-start-end": [{
         row: ["auto", {
-          span: [xe, $]
-        }, $]
+          span: [xe, I]
+        }, I]
       }],
       /**
        * Grid Row Start
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-start": [{
-        "row-start": H()
+        "row-start": F()
       }],
       /**
        * Grid Row End
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-end": [{
-        "row-end": H()
+        "row-end": F()
       }],
       /**
        * Grid Auto Flow
@@ -2906,42 +2927,42 @@ const O = (e) => {
        * @see https://tailwindcss.com/docs/grid-auto-columns
        */
       "auto-cols": [{
-        "auto-cols": ["auto", "min", "max", "fr", $]
+        "auto-cols": ["auto", "min", "max", "fr", I]
       }],
       /**
        * Grid Auto Rows
        * @see https://tailwindcss.com/docs/grid-auto-rows
        */
       "auto-rows": [{
-        "auto-rows": ["auto", "min", "max", "fr", $]
+        "auto-rows": ["auto", "min", "max", "fr", I]
       }],
       /**
        * Gap
        * @see https://tailwindcss.com/docs/gap
        */
       gap: [{
-        gap: [u]
+        gap: [d]
       }],
       /**
        * Gap X
        * @see https://tailwindcss.com/docs/gap
        */
       "gap-x": [{
-        "gap-x": [u]
+        "gap-x": [d]
       }],
       /**
        * Gap Y
        * @see https://tailwindcss.com/docs/gap
        */
       "gap-y": [{
-        "gap-y": [u]
+        "gap-y": [d]
       }],
       /**
        * Justify Content
        * @see https://tailwindcss.com/docs/justify-content
        */
       "justify-content": [{
-        justify: ["normal", ..._()]
+        justify: ["normal", ...q()]
       }],
       /**
        * Justify Items
@@ -2962,7 +2983,7 @@ const O = (e) => {
        * @see https://tailwindcss.com/docs/align-content
        */
       "align-content": [{
-        content: ["normal", ..._(), "baseline"]
+        content: ["normal", ...q(), "baseline"]
       }],
       /**
        * Align Items
@@ -2983,7 +3004,7 @@ const O = (e) => {
        * @see https://tailwindcss.com/docs/place-content
        */
       "place-content": [{
-        "place-content": [..._(), "baseline"]
+        "place-content": [...q(), "baseline"]
       }],
       /**
        * Place Items
@@ -3005,133 +3026,133 @@ const O = (e) => {
        * @see https://tailwindcss.com/docs/padding
        */
       p: [{
-        p: [m]
+        p: [h]
       }],
       /**
        * Padding X
        * @see https://tailwindcss.com/docs/padding
        */
       px: [{
-        px: [m]
+        px: [h]
       }],
       /**
        * Padding Y
        * @see https://tailwindcss.com/docs/padding
        */
       py: [{
-        py: [m]
+        py: [h]
       }],
       /**
        * Padding Start
        * @see https://tailwindcss.com/docs/padding
        */
       ps: [{
-        ps: [m]
+        ps: [h]
       }],
       /**
        * Padding End
        * @see https://tailwindcss.com/docs/padding
        */
       pe: [{
-        pe: [m]
+        pe: [h]
       }],
       /**
        * Padding Top
        * @see https://tailwindcss.com/docs/padding
        */
       pt: [{
-        pt: [m]
+        pt: [h]
       }],
       /**
        * Padding Right
        * @see https://tailwindcss.com/docs/padding
        */
       pr: [{
-        pr: [m]
+        pr: [h]
       }],
       /**
        * Padding Bottom
        * @see https://tailwindcss.com/docs/padding
        */
       pb: [{
-        pb: [m]
+        pb: [h]
       }],
       /**
        * Padding Left
        * @see https://tailwindcss.com/docs/padding
        */
       pl: [{
-        pl: [m]
+        pl: [h]
       }],
       /**
        * Margin
        * @see https://tailwindcss.com/docs/margin
        */
       m: [{
-        m: [y]
+        m: [v]
       }],
       /**
        * Margin X
        * @see https://tailwindcss.com/docs/margin
        */
       mx: [{
-        mx: [y]
+        mx: [v]
       }],
       /**
        * Margin Y
        * @see https://tailwindcss.com/docs/margin
        */
       my: [{
-        my: [y]
+        my: [v]
       }],
       /**
        * Margin Start
        * @see https://tailwindcss.com/docs/margin
        */
       ms: [{
-        ms: [y]
+        ms: [v]
       }],
       /**
        * Margin End
        * @see https://tailwindcss.com/docs/margin
        */
       me: [{
-        me: [y]
+        me: [v]
       }],
       /**
        * Margin Top
        * @see https://tailwindcss.com/docs/margin
        */
       mt: [{
-        mt: [y]
+        mt: [v]
       }],
       /**
        * Margin Right
        * @see https://tailwindcss.com/docs/margin
        */
       mr: [{
-        mr: [y]
+        mr: [v]
       }],
       /**
        * Margin Bottom
        * @see https://tailwindcss.com/docs/margin
        */
       mb: [{
-        mb: [y]
+        mb: [v]
       }],
       /**
        * Margin Left
        * @see https://tailwindcss.com/docs/margin
        */
       ml: [{
-        ml: [y]
+        ml: [v]
       }],
       /**
        * Space Between X
        * @see https://tailwindcss.com/docs/space
        */
       "space-x": [{
-        "space-x": [T]
+        "space-x": [P]
       }],
       /**
        * Space Between X Reverse
@@ -3143,7 +3164,7 @@ const O = (e) => {
        * @see https://tailwindcss.com/docs/space
        */
       "space-y": [{
-        "space-y": [T]
+        "space-y": [P]
       }],
       /**
        * Space Between Y Reverse
@@ -3156,51 +3177,51 @@ const O = (e) => {
        * @see https://tailwindcss.com/docs/width
        */
       w: [{
-        w: ["auto", "min", "max", "fit", "svw", "lvw", "dvw", $, t]
+        w: ["auto", "min", "max", "fit", "svw", "lvw", "dvw", I, t]
       }],
       /**
        * Min-Width
        * @see https://tailwindcss.com/docs/min-width
        */
       "min-w": [{
-        "min-w": [$, t, "min", "max", "fit"]
+        "min-w": [I, t, "min", "max", "fit"]
       }],
       /**
        * Max-Width
        * @see https://tailwindcss.com/docs/max-width
        */
       "max-w": [{
-        "max-w": [$, t, "none", "full", "min", "max", "fit", "prose", {
-          screen: [ie]
-        }, ie]
+        "max-w": [I, t, "none", "full", "min", "max", "fit", "prose", {
+          screen: [ce]
+        }, ce]
       }],
       /**
        * Height
        * @see https://tailwindcss.com/docs/height
        */
       h: [{
-        h: [$, t, "auto", "min", "max", "fit", "svh", "lvh", "dvh"]
+        h: [I, t, "auto", "min", "max", "fit", "svh", "lvh", "dvh"]
       }],
       /**
        * Min-Height
        * @see https://tailwindcss.com/docs/min-height
        */
       "min-h": [{
-        "min-h": [$, t, "min", "max", "fit", "svh", "lvh", "dvh"]
+        "min-h": [I, t, "min", "max", "fit", "svh", "lvh", "dvh"]
       }],
       /**
        * Max-Height
        * @see https://tailwindcss.com/docs/max-height
        */
       "max-h": [{
-        "max-h": [$, t, "min", "max", "fit", "svh", "lvh", "dvh"]
+        "max-h": [I, t, "min", "max", "fit", "svh", "lvh", "dvh"]
       }],
       /**
        * Size
        * @see https://tailwindcss.com/docs/size
        */
       size: [{
-        size: [$, t, "auto", "min", "max", "fit"]
+        size: [I, t, "auto", "min", "max", "fit"]
       }],
       // Typography
       /**
@@ -3208,7 +3229,7 @@ const O = (e) => {
        * @see https://tailwindcss.com/docs/font-size
        */
       "font-size": [{
-        text: ["base", ie, se]
+        text: ["base", ce, ie]
       }],
       /**
        * Font Smoothing
@@ -3269,7 +3290,7 @@ const O = (e) => {
        * @see https://tailwindcss.com/docs/letter-spacing
        */
       tracking: [{
-        tracking: ["tighter", "tight", "normal", "wide", "wider", "widest", $]
+        tracking: ["tighter", "tight", "normal", "wide", "wider", "widest", I]
       }],
       /**
        * Line Clamp
@@ -3283,21 +3304,21 @@ const O = (e) => {
        * @see https://tailwindcss.com/docs/line-height
        */
       leading: [{
-        leading: ["none", "tight", "snug", "normal", "relaxed", "loose", ee, $]
+        leading: ["none", "tight", "snug", "normal", "relaxed", "loose", te, I]
       }],
       /**
        * List Style Image
        * @see https://tailwindcss.com/docs/list-style-image
        */
       "list-image": [{
-        "list-image": ["none", $]
+        "list-image": ["none", I]
       }],
       /**
        * List Style Type
        * @see https://tailwindcss.com/docs/list-style-type
        */
       "list-style-type": [{
-        list: ["none", "disc", "decimal", $]
+        list: ["none", "disc", "decimal", I]
       }],
       /**
        * List Style Position
@@ -3319,7 +3340,7 @@ const O = (e) => {
        * @see https://tailwindcss.com/docs/placeholder-opacity
        */
       "placeholder-opacity": [{
-        "placeholder-opacity": [x]
+        "placeholder-opacity": [y]
       }],
       /**
        * Text Alignment
@@ -3340,7 +3361,7 @@ const O = (e) => {
        * @see https://tailwindcss.com/docs/text-opacity
        */
       "text-opacity": [{
-        "text-opacity": [x]
+        "text-opacity": [y]
       }],
       /**
        * Text Decoration
@@ -3352,21 +3373,21 @@ const O = (e) => {
        * @see https://tailwindcss.com/docs/text-decoration-style
        */
       "text-decoration-style": [{
-        decoration: [...X(), "wavy"]
+        decoration: [...T(), "wavy"]
       }],
       /**
        * Text Decoration Thickness
        * @see https://tailwindcss.com/docs/text-decoration-thickness
        */
       "text-decoration-thickness": [{
-        decoration: ["auto", "from-font", ee, se]
+        decoration: ["auto", "from-font", te, ie]
       }],
       /**
        * Text Underline Offset
        * @see https://tailwindcss.com/docs/text-underline-offset
        */
       "underline-offset": [{
-        "underline-offset": ["auto", ee, $]
+        "underline-offset": ["auto", te, I]
       }],
       /**
        * Text Decoration Color
@@ -3397,14 +3418,14 @@ const O = (e) => {
        * @see https://tailwindcss.com/docs/text-indent
        */
       indent: [{
-        indent: I()
+        indent: M()
       }],
       /**
        * Vertical Alignment
        * @see https://tailwindcss.com/docs/vertical-align
        */
       "vertical-align": [{
-        align: ["baseline", "top", "middle", "bottom", "text-top", "text-bottom", "sub", "super", $]
+        align: ["baseline", "top", "middle", "bottom", "text-top", "text-bottom", "sub", "super", I]
       }],
       /**
        * Whitespace
@@ -3432,7 +3453,7 @@ const O = (e) => {
        * @see https://tailwindcss.com/docs/content
        */
       content: [{
-        content: ["none", $]
+        content: ["none", I]
       }],
       // Backgrounds
       /**
@@ -3455,7 +3476,7 @@ const O = (e) => {
        * @see https://tailwindcss.com/docs/background-opacity
        */
       "bg-opacity": [{
-        "bg-opacity": [x]
+        "bg-opacity": [y]
       }],
       /**
        * Background Origin
@@ -3469,7 +3490,7 @@ const O = (e) => {
        * @see https://tailwindcss.com/docs/background-position
        */
       "bg-position": [{
-        bg: [...ae(), $n]
+        bg: [...$(), $n]
       }],
       /**
        * Background Repeat
@@ -3508,42 +3529,42 @@ const O = (e) => {
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-from-pos": [{
-        from: [A]
+        from: [k]
       }],
       /**
        * Gradient Color Stops Via Position
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-via-pos": [{
-        via: [A]
+        via: [k]
       }],
       /**
        * Gradient Color Stops To Position
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-to-pos": [{
-        to: [A]
+        to: [k]
       }],
       /**
        * Gradient Color Stops From
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-from": [{
-        from: [b]
+        from: [g]
       }],
       /**
        * Gradient Color Stops Via
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-via": [{
-        via: [b]
+        via: [g]
       }],
       /**
        * Gradient Color Stops To
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-to": [{
-        to: [b]
+        to: [g]
       }],
       // Borders
       /**
@@ -3719,14 +3740,14 @@ const O = (e) => {
        * @see https://tailwindcss.com/docs/border-opacity
        */
       "border-opacity": [{
-        "border-opacity": [x]
+        "border-opacity": [y]
       }],
       /**
        * Border Style
        * @see https://tailwindcss.com/docs/border-style
        */
       "border-style": [{
-        border: [...X(), "hidden"]
+        border: [...T(), "hidden"]
       }],
       /**
        * Divide Width X
@@ -3757,14 +3778,14 @@ const O = (e) => {
        * @see https://tailwindcss.com/docs/divide-opacity
        */
       "divide-opacity": [{
-        "divide-opacity": [x]
+        "divide-opacity": [y]
       }],
       /**
        * Divide Style
        * @see https://tailwindcss.com/docs/divide-style
        */
       "divide-style": [{
-        divide: X()
+        divide: T()
       }],
       /**
        * Border Color
@@ -3841,21 +3862,21 @@ const O = (e) => {
        * @see https://tailwindcss.com/docs/outline-style
        */
       "outline-style": [{
-        outline: ["", ...X()]
+        outline: ["", ...T()]
       }],
       /**
        * Outline Offset
        * @see https://tailwindcss.com/docs/outline-offset
        */
       "outline-offset": [{
-        "outline-offset": [ee, $]
+        "outline-offset": [te, I]
       }],
       /**
        * Outline Width
        * @see https://tailwindcss.com/docs/outline-width
        */
       "outline-w": [{
-        outline: [ee, se]
+        outline: [te, ie]
       }],
       /**
        * Outline Color
@@ -3869,7 +3890,7 @@ const O = (e) => {
        * @see https://tailwindcss.com/docs/ring-width
        */
       "ring-w": [{
-        ring: L()
+        ring: z()
       }],
       /**
        * Ring Width Inset
@@ -3888,14 +3909,14 @@ const O = (e) => {
        * @see https://tailwindcss.com/docs/ring-opacity
        */
       "ring-opacity": [{
-        "ring-opacity": [x]
+        "ring-opacity": [y]
       }],
       /**
        * Ring Offset Width
        * @see https://tailwindcss.com/docs/ring-offset-width
        */
       "ring-offset-w": [{
-        "ring-offset": [ee, se]
+        "ring-offset": [te, ie]
       }],
       /**
        * Ring Offset Color
@@ -3910,7 +3931,7 @@ const O = (e) => {
        * @see https://tailwindcss.com/docs/box-shadow
        */
       shadow: [{
-        shadow: ["", "inner", "none", ie, Pn]
+        shadow: ["", "inner", "none", ce, En]
       }],
       /**
        * Box Shadow Color
@@ -3924,21 +3945,21 @@ const O = (e) => {
        * @see https://tailwindcss.com/docs/opacity
        */
       opacity: [{
-        opacity: [x]
+        opacity: [y]
       }],
       /**
        * Mix Blend Mode
        * @see https://tailwindcss.com/docs/mix-blend-mode
        */
       "mix-blend": [{
-        "mix-blend": [...K(), "plus-lighter", "plus-darker"]
+        "mix-blend": [...H(), "plus-lighter", "plus-darker"]
       }],
       /**
        * Background Blend Mode
        * @see https://tailwindcss.com/docs/background-blend-mode
        */
       "bg-blend": [{
-        "bg-blend": K()
+        "bg-blend": H()
       }],
       // Filters
       /**
@@ -3975,21 +3996,21 @@ const O = (e) => {
        * @see https://tailwindcss.com/docs/drop-shadow
        */
       "drop-shadow": [{
-        "drop-shadow": ["", "none", ie, $]
+        "drop-shadow": ["", "none", ce, I]
       }],
       /**
        * Grayscale
        * @see https://tailwindcss.com/docs/grayscale
        */
       grayscale: [{
-        grayscale: [d]
+        grayscale: [u]
       }],
       /**
        * Hue Rotate
        * @see https://tailwindcss.com/docs/hue-rotate
        */
       "hue-rotate": [{
-        "hue-rotate": [h]
+        "hue-rotate": [f]
       }],
       /**
        * Invert
@@ -4003,14 +4024,14 @@ const O = (e) => {
        * @see https://tailwindcss.com/docs/saturate
        */
       saturate: [{
-        saturate: [f]
+        saturate: [p]
       }],
       /**
        * Sepia
        * @see https://tailwindcss.com/docs/sepia
        */
       sepia: [{
-        sepia: [g]
+        sepia: [N]
       }],
       /**
        * Backdrop Filter
@@ -4046,14 +4067,14 @@ const O = (e) => {
        * @see https://tailwindcss.com/docs/backdrop-grayscale
        */
       "backdrop-grayscale": [{
-        "backdrop-grayscale": [d]
+        "backdrop-grayscale": [u]
       }],
       /**
        * Backdrop Hue Rotate
        * @see https://tailwindcss.com/docs/backdrop-hue-rotate
        */
       "backdrop-hue-rotate": [{
-        "backdrop-hue-rotate": [h]
+        "backdrop-hue-rotate": [f]
       }],
       /**
        * Backdrop Invert
@@ -4067,21 +4088,21 @@ const O = (e) => {
        * @see https://tailwindcss.com/docs/backdrop-opacity
        */
       "backdrop-opacity": [{
-        "backdrop-opacity": [x]
+        "backdrop-opacity": [y]
       }],
       /**
        * Backdrop Saturate
        * @see https://tailwindcss.com/docs/backdrop-saturate
        */
       "backdrop-saturate": [{
-        "backdrop-saturate": [f]
+        "backdrop-saturate": [p]
       }],
       /**
        * Backdrop Sepia
        * @see https://tailwindcss.com/docs/backdrop-sepia
        */
       "backdrop-sepia": [{
-        "backdrop-sepia": [g]
+        "backdrop-sepia": [N]
       }],
       // Tables
       /**
@@ -4132,35 +4153,35 @@ const O = (e) => {
        * @see https://tailwindcss.com/docs/transition-property
        */
       transition: [{
-        transition: ["none", "all", "", "colors", "opacity", "shadow", "transform", $]
+        transition: ["none", "all", "", "colors", "opacity", "shadow", "transform", I]
       }],
       /**
        * Transition Duration
        * @see https://tailwindcss.com/docs/transition-duration
        */
       duration: [{
-        duration: z()
+        duration: D()
       }],
       /**
        * Transition Timing Function
        * @see https://tailwindcss.com/docs/transition-timing-function
        */
       ease: [{
-        ease: ["linear", "in", "out", "in-out", $]
+        ease: ["linear", "in", "out", "in-out", I]
       }],
       /**
        * Transition Delay
        * @see https://tailwindcss.com/docs/transition-delay
        */
       delay: [{
-        delay: z()
+        delay: D()
       }],
       /**
        * Animation
        * @see https://tailwindcss.com/docs/animation
        */
       animate: [{
-        animate: ["none", "spin", "ping", "pulse", "bounce", $]
+        animate: ["none", "spin", "ping", "pulse", "bounce", I]
       }],
       // Transforms
       /**
@@ -4175,42 +4196,42 @@ const O = (e) => {
        * @see https://tailwindcss.com/docs/scale
        */
       scale: [{
-        scale: [p]
+        scale: [m]
       }],
       /**
        * Scale X
        * @see https://tailwindcss.com/docs/scale
        */
       "scale-x": [{
-        "scale-x": [p]
+        "scale-x": [m]
       }],
       /**
        * Scale Y
        * @see https://tailwindcss.com/docs/scale
        */
       "scale-y": [{
-        "scale-y": [p]
+        "scale-y": [m]
       }],
       /**
        * Rotate
        * @see https://tailwindcss.com/docs/rotate
        */
       rotate: [{
-        rotate: [xe, $]
+        rotate: [xe, I]
       }],
       /**
        * Translate X
        * @see https://tailwindcss.com/docs/translate
        */
       "translate-x": [{
-        "translate-x": [M]
+        "translate-x": [B]
       }],
       /**
        * Translate Y
        * @see https://tailwindcss.com/docs/translate
        */
       "translate-y": [{
-        "translate-y": [M]
+        "translate-y": [B]
       }],
       /**
        * Skew X
@@ -4231,7 +4252,7 @@ const O = (e) => {
        * @see https://tailwindcss.com/docs/transform-origin
        */
       "transform-origin": [{
-        origin: ["center", "top", "top-right", "right", "bottom-right", "bottom", "bottom-left", "left", "top-left", $]
+        origin: ["center", "top", "top-right", "right", "bottom-right", "bottom", "bottom-left", "left", "top-left", I]
       }],
       // Interactivity
       /**
@@ -4253,7 +4274,7 @@ const O = (e) => {
        * @see https://tailwindcss.com/docs/cursor
        */
       cursor: [{
-        cursor: ["auto", "default", "pointer", "wait", "text", "move", "help", "not-allowed", "none", "context-menu", "progress", "cell", "crosshair", "vertical-text", "alias", "copy", "no-drop", "grab", "grabbing", "all-scroll", "col-resize", "row-resize", "n-resize", "e-resize", "s-resize", "w-resize", "ne-resize", "nw-resize", "se-resize", "sw-resize", "ew-resize", "ns-resize", "nesw-resize", "nwse-resize", "zoom-in", "zoom-out", $]
+        cursor: ["auto", "default", "pointer", "wait", "text", "move", "help", "not-allowed", "none", "context-menu", "progress", "cell", "crosshair", "vertical-text", "alias", "copy", "no-drop", "grab", "grabbing", "all-scroll", "col-resize", "row-resize", "n-resize", "e-resize", "s-resize", "w-resize", "ne-resize", "nw-resize", "se-resize", "sw-resize", "ew-resize", "ns-resize", "nesw-resize", "nwse-resize", "zoom-in", "zoom-out", I]
       }],
       /**
        * Caret Color
@@ -4288,126 +4309,126 @@ const O = (e) => {
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-m": [{
-        "scroll-m": I()
+        "scroll-m": M()
       }],
       /**
        * Scroll Margin X
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mx": [{
-        "scroll-mx": I()
+        "scroll-mx": M()
       }],
       /**
        * Scroll Margin Y
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-my": [{
-        "scroll-my": I()
+        "scroll-my": M()
       }],
       /**
        * Scroll Margin Start
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-ms": [{
-        "scroll-ms": I()
+        "scroll-ms": M()
       }],
       /**
        * Scroll Margin End
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-me": [{
-        "scroll-me": I()
+        "scroll-me": M()
       }],
       /**
        * Scroll Margin Top
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mt": [{
-        "scroll-mt": I()
+        "scroll-mt": M()
       }],
       /**
        * Scroll Margin Right
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mr": [{
-        "scroll-mr": I()
+        "scroll-mr": M()
       }],
       /**
        * Scroll Margin Bottom
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mb": [{
-        "scroll-mb": I()
+        "scroll-mb": M()
       }],
       /**
        * Scroll Margin Left
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-ml": [{
-        "scroll-ml": I()
+        "scroll-ml": M()
       }],
       /**
        * Scroll Padding
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-p": [{
-        "scroll-p": I()
+        "scroll-p": M()
       }],
       /**
        * Scroll Padding X
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-px": [{
-        "scroll-px": I()
+        "scroll-px": M()
       }],
       /**
        * Scroll Padding Y
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-py": [{
-        "scroll-py": I()
+        "scroll-py": M()
       }],
       /**
        * Scroll Padding Start
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-ps": [{
-        "scroll-ps": I()
+        "scroll-ps": M()
       }],
       /**
        * Scroll Padding End
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pe": [{
-        "scroll-pe": I()
+        "scroll-pe": M()
       }],
       /**
        * Scroll Padding Top
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pt": [{
-        "scroll-pt": I()
+        "scroll-pt": M()
       }],
       /**
        * Scroll Padding Right
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pr": [{
-        "scroll-pr": I()
+        "scroll-pr": M()
       }],
       /**
        * Scroll Padding Bottom
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pb": [{
-        "scroll-pb": I()
+        "scroll-pb": M()
       }],
       /**
        * Scroll Padding Left
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pl": [{
-        "scroll-pl": I()
+        "scroll-pl": M()
       }],
       /**
        * Scroll Snap Align
@@ -4475,7 +4496,7 @@ const O = (e) => {
        * @see https://tailwindcss.com/docs/will-change
        */
       "will-change": [{
-        "will-change": ["auto", "scroll", "contents", "transform", $]
+        "will-change": ["auto", "scroll", "contents", "transform", I]
       }],
       // SVG
       /**
@@ -4490,7 +4511,7 @@ const O = (e) => {
        * @see https://tailwindcss.com/docs/stroke-width
        */
       "stroke-w": [{
-        stroke: [ee, se, $e]
+        stroke: [te, ie, $e]
       }],
       /**
        * Stroke
@@ -4570,40 +4591,40 @@ function Wn(...e) {
   return Dn(Rt(e));
 }
 function yr({ autoWidth: e = !0, className: t, style: n }) {
-  const [r, o] = P(() => ne.getActiveAppId()), [i, a] = P(() => Q.getRunningApps()), { isMobile: c } = it();
-  D(() => {
-    const y = ne.subscribe("activeAppId", (x) => {
-      o(x);
+  const [r, o] = E(() => re.getActiveAppId()), [i, a] = E(() => Z.getRunningApps()), { isMobile: c } = it();
+  V(() => {
+    const v = re.subscribe("activeAppId", (y) => {
+      o(y);
     });
     return () => {
-      y();
+      v();
     };
-  }, []), D(() => Q.subscribe(() => {
-    a(Q.getRunningApps());
-  }), []), D(() => {
+  }, []), V(() => Z.subscribe(() => {
+    a(Z.getRunningApps());
+  }), []), V(() => {
     if (!new URLSearchParams(window.location.search).has("app")) {
-      const m = ne.getActiveAppId();
-      m && !Q.isRunning(m) && Q.launchApp(m);
+      const h = re.getActiveAppId();
+      h && !Z.isRunning(h) && Z.launchApp(h);
     }
   }, []);
-  const l = (y) => {
-    Q.closeApp(y);
-  }, d = r ? me.get(r) : null, w = (d == null ? void 0 : d.width) ?? 400, u = r !== null, v = { ...{
+  const l = (v) => {
+    Z.closeApp(v);
+  }, u = r ? me.get(r) : null, w = (u == null ? void 0 : u.width) ?? 400, d = r !== null, b = { ...{
     overflow: "hidden",
-    display: u ? "flex" : "none",
+    display: d ? "flex" : "none",
     flexDirection: "column",
     flexShrink: 0,
     // Only set width if autoWidth is enabled
-    ...e && u ? { width: c ? "100%" : w } : {}
+    ...e && d ? { width: c ? "100%" : w } : {}
   }, ...n };
-  return /* @__PURE__ */ s("div", { className: Wn("nc-app-panel", t), style: v, children: i.map((y) => /* @__PURE__ */ s(
+  return /* @__PURE__ */ s("div", { className: Wn("nc-app-panel", t), style: b, children: i.map((v) => /* @__PURE__ */ s(
     rt,
     {
-      appId: y.appId,
-      isActive: r === y.appId,
-      onClose: () => l(y.appId)
+      appId: v.appId,
+      isActive: r === v.appId,
+      onClose: () => l(v.appId)
     },
-    y.appId
+    v.appId
   )) });
 }
 function xr({
@@ -4613,64 +4634,64 @@ function xr({
   side: r = "left",
   getBadge: o
 }) {
-  const { t: i } = re(), { isMobile: a } = it(), [c, l] = P(() => ne.getActiveAppId()), [d, h] = P(() => Q.getRunningApps());
-  D(() => {
-    const f = ne.subscribe("activeAppId", (p) => {
-      l(p);
+  const { t: i } = oe(), { isMobile: a } = it(), [c, l] = E(() => re.getActiveAppId()), [u, f] = E(() => Z.getRunningApps());
+  V(() => {
+    const p = re.subscribe("activeAppId", (m) => {
+      l(m);
     });
     return () => {
-      f();
+      p();
     };
-  }, []), D(() => Q.subscribe(() => {
-    h(Q.getRunningApps());
+  }, []), V(() => Z.subscribe(() => {
+    f(Z.getRunningApps());
   }), []);
-  const w = (f) => {
-    c === f ? Q.setActiveApp(null) : Q.launchApp(f);
-  }, u = e.map((f) => me.get(f)).filter((f) => !!f), b = d.filter((f) => !e.includes(f.appId)).map((f) => ({ running: f, def: me.get(f.appId) })).filter((f) => !!f.def), A = (f) => d.some((p) => p.appId === f), v = (f) => f.titleKey ? String(i(f.titleKey)) : f.id, y = (f) => typeof f == "number" && f > 99 ? "99+" : f, x = (f, p) => {
-    const g = o == null ? void 0 : o(f, p);
-    return g ? /* @__PURE__ */ s(
+  const w = (p) => {
+    c === p ? Z.setActiveApp(null) : Z.launchApp(p);
+  }, d = e.map((p) => me.get(p)).filter((p) => !!p), g = u.filter((p) => !e.includes(p.appId)).map((p) => ({ running: p, def: me.get(p.appId) })).filter((p) => !!p.def), k = (p) => u.some((m) => m.appId === p), b = (p) => p.titleKey ? String(i(p.titleKey)) : p.id, v = (p) => typeof p == "number" && p > 99 ? "99+" : p, y = (p, m) => {
+    const N = o == null ? void 0 : o(p, m);
+    return N ? /* @__PURE__ */ s(
       "span",
       {
-        className: `nc-app-taskbar-badge nc-${g.tone ?? "default"}`,
-        "aria-label": g.ariaLabel,
-        children: y(g.content)
+        className: `nc-app-taskbar-badge nc-${N.tone ?? "default"}`,
+        "aria-label": N.ariaLabel,
+        children: v(N.content)
       }
     ) : null;
-  }, m = a ? 24 : 28;
-  return /* @__PURE__ */ k("div", { className: `nc-app-taskbar ${a ? "nc-mobile" : "nc-desktop"} nc-${r} ${t}`, children: [
-    u.map((f) => {
-      const p = f.icon, g = c === f.id, C = A(f.id), T = { isActive: g, isRunning: C, isPinned: !0 };
-      return /* @__PURE__ */ k(
+  }, h = a ? 24 : 28;
+  return /* @__PURE__ */ A("div", { className: `nc-app-taskbar ${a ? "nc-mobile" : "nc-desktop"} nc-${r} ${t}`, children: [
+    d.map((p) => {
+      const m = p.icon, N = c === p.id, C = k(p.id), P = { isActive: N, isRunning: C, isPinned: !0 };
+      return /* @__PURE__ */ A(
         "button",
         {
-          className: `nc-app-taskbar-button ${g ? "nc-active" : ""} ${C ? "nc-running" : ""}`,
-          onClick: () => w(f.id),
-          title: v(f),
+          className: `nc-app-taskbar-button ${N ? "nc-active" : ""} ${C ? "nc-running" : ""}`,
+          onClick: () => w(p.id),
+          title: b(p),
           children: [
-            /* @__PURE__ */ s(p, { size: m }),
-            x(f, T),
+            /* @__PURE__ */ s(m, { size: h }),
+            y(p, P),
             n && C && /* @__PURE__ */ s("span", { className: "nc-app-taskbar-indicator" })
           ]
         },
-        f.id
+        p.id
       );
     }),
-    b.length > 0 && /* @__PURE__ */ s("div", { className: "nc-app-taskbar-separator" }),
-    b.map(({ running: f, def: p }) => {
-      const g = p.icon, C = c === f.appId, T = { isActive: C, isRunning: !0, isPinned: !1 };
-      return /* @__PURE__ */ k(
+    g.length > 0 && /* @__PURE__ */ s("div", { className: "nc-app-taskbar-separator" }),
+    g.map(({ running: p, def: m }) => {
+      const N = m.icon, C = c === p.appId, P = { isActive: C, isRunning: !0, isPinned: !1 };
+      return /* @__PURE__ */ A(
         "button",
         {
           className: `nc-app-taskbar-button ${C ? "nc-active" : ""} nc-running`,
-          onClick: () => w(f.appId),
-          title: v(p),
+          onClick: () => w(p.appId),
+          title: b(m),
           children: [
-            /* @__PURE__ */ s(g, { size: m }),
-            x(p, T),
+            /* @__PURE__ */ s(N, { size: h }),
+            y(m, P),
             n && /* @__PURE__ */ s("span", { className: "nc-app-taskbar-indicator" })
           ]
         },
-        f.appId
+        p.appId
       );
     })
   ] });
@@ -4714,67 +4735,67 @@ function kr({
 }
 const De = ge(null), pt = ge(null);
 function Nr() {
-  const e = ce(De);
+  const e = ae(De);
   if (!e)
     throw new Error("useNavStack must be used within a NavStackProvider");
   return e;
 }
 function Ar() {
-  const e = ce(pt);
+  const e = ae(pt);
   if (!e)
     throw new Error("useNavView must be used within NavStack");
   return e;
 }
 const We = ge(null);
 function Sr({ rootView: e, children: t }) {
-  const { t: n } = re(), r = tn(), [o, i] = P([e]), [a, c] = P([null]), l = G((p, g) => {
+  const { t: n } = oe(), r = tn(), [o, i] = E([e]), [a, c] = E([null]), l = X((m, N) => {
     c((C) => {
-      const T = [...C];
-      return T[p] = g, T;
+      const P = [...C];
+      return P[m] = N, P;
     });
-  }, []), d = G((p) => {
-    c((g) => {
-      const C = [...g];
-      return C[p] = null, C;
+  }, []), u = X((m) => {
+    c((N) => {
+      const C = [...N];
+      return C[m] = null, C;
     });
-  }, []), h = G((p) => {
-    i((g) => [...g, p]), c((g) => [...g, null]);
-  }, []), w = G(() => {
-    i((p) => p.length <= 1 ? p : p.slice(0, -1)), c((p) => p.slice(0, -1));
-  }, []), u = G(() => {
+  }, []), f = X((m) => {
+    i((N) => [...N, m]), c((N) => [...N, null]);
+  }, []), w = X(() => {
+    i((m) => m.length <= 1 ? m : m.slice(0, -1)), c((m) => m.slice(0, -1));
+  }, []), d = X(() => {
     i([e]), c([null]);
-  }, [e]), b = o.length, A = b > 1, v = o.length - 1, y = o[o.length - 1], x = y != null && y.titleKey ? n(y.titleKey) : (y == null ? void 0 : y.title) ?? "";
-  D(() => {
-    r.setTitle(x);
-  }, [x, r]), D(() => {
-    A ? r.setBackHandler(w) : r.clearBackHandler();
-  }, [A, w, r]), D(() => {
-    const p = a[a.length - 1];
-    p ? r.setToolbar(p) : r.clearToolbar();
+  }, [e]), g = o.length, k = g > 1, b = o.length - 1, v = o[o.length - 1], y = v != null && v.titleKey ? n(v.titleKey) : (v == null ? void 0 : v.title) ?? "";
+  V(() => {
+    r.setTitle(y);
+  }, [y, r]), V(() => {
+    k ? r.setBackHandler(w) : r.clearBackHandler();
+  }, [k, w, r]), V(() => {
+    const m = a[a.length - 1];
+    m ? r.setToolbar(m) : r.clearToolbar();
   }, [a, r]);
-  const m = {
-    push: h,
+  const h = {
+    push: f,
     pop: w,
-    reset: u,
-    depth: b,
-    canGoBack: A,
-    currentTitle: x
-  }, f = {
+    reset: d,
+    depth: g,
+    canGoBack: k,
+    currentTitle: y
+  }, p = {
     stack: o,
     toolbarStack: a,
     updateToolbar: l,
-    clearToolbarAt: d,
-    topIndex: v
+    clearToolbarAt: u,
+    topIndex: b
   };
-  return /* @__PURE__ */ s(De.Provider, { value: m, children: /* @__PURE__ */ s(We.Provider, { value: f, children: t }) });
+  return /* @__PURE__ */ s(De.Provider, { value: h, children: /* @__PURE__ */ s(We.Provider, { value: p, children: t }) });
 }
 function Hn({ index: e, children: t }) {
-  const n = ce(We);
+  const n = ae(We);
   if (!n)
     throw new Error("NavViewProvider must be used within NavStackProvider");
-  const { updateToolbar: r, clearToolbarAt: o, topIndex: i } = n, a = G((d) => {
-    e === i && r(e, d);
-  }, [e, i, r]), c = G(() => {
+  const { updateToolbar: r, clearToolbarAt: o, topIndex: i } = n, a = X((u) => {
+    e === i && r(e, u);
+  }, [e, i, r]), c = X(() => {
     e === i && o(e);
   }, [e, i, o]), l = {
     setToolbar: a,
@@ -4783,7 +4804,7 @@ function Hn({ index: e, children: t }) {
   return /* @__PURE__ */ s(pt.Provider, { value: l, children: t });
 }
 function Cr() {
-  const e = ce(De), t = ce(We);
+  const e = ae(De), t = ae(We);
   if (!e || !t)
     throw new Error("NavStackContainer must be used within a NavStackProvider");
   const { stack: n } = t;
@@ -4808,7 +4829,7 @@ export {
   xr as AppTaskbar,
   rn as AppTitleBar,
   qn as Battery,
-  te as Button,
+  ne as Button,
   Xn as ButtonGroup,
   Jn as Checkbox,
   Ze as CloseButton,
@@ -4838,11 +4859,11 @@ export {
   tr as TrashButton,
   wr as ViewportProvider,
   me as appRegistry,
-  ne as appStateStore,
+  re as appStateStore,
   Wn as cn,
   vr as createAppI18nFactory,
   br as notificationManager,
-  Q as runningAppsStore,
+  Z as runningAppsStore,
   Jt as showNotification,
   tn as useApp,
   Dt as useDialog,