@kingsimba/nc-ui 0.1.37 → 0.1.39

package/dist/index.js

@@ -1,12 +1,12 @@
 var ht = Object.defineProperty;
 var mt = (e, t, n) => t in e ? ht(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var oe = (e, t, n) => mt(e, typeof t != "symbol" ? t + "" : t, n);
-import { jsx as s, jsxs as N, Fragment as Le } from "react/jsx-runtime";
-import { d as Pe, E as gt, R as bt, T as vt, g as wt, V as yt, b as xt, a as kt, c as Nt } from "./GeneratedIcons-HFZmBTBT.js";
-import ze, { useState as R, useRef as F, useEffect as D, useMemo as Me, createContext as ge, useContext as ce, Children as At, isValidElement as St, forwardRef as Ct, useImperativeHandle as $t, useCallback as Y, Suspense as Mt } from "react";
+import { jsx as s, jsxs as N, Fragment as Ee } 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 E, 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 { createPortal as Ae } from "react-dom";
 import { useTranslation as re } from "react-i18next";
-import It from "i18next";
+import $t from "i18next";
 import { c as Rt } from "./clsx-OuTLNxxd.js";
 function Qe({
   size: e = "default",
@@ -38,7 +38,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: u, ...f }) {
-  const b = [
+  const g = [
     "nc-button",
     e !== "default" ? `nc-${e}` : "",
     t ? "nc-block" : "",
@@ -53,16 +53,16 @@ function te({ variant: e = "default", block: t, size: n = "default", appearance:
   return /* @__PURE__ */ N(
     "button",
     {
-      className: b,
+      className: g,
       disabled: i || c,
-      onClick: (m) => {
+      onClick: (b) => {
         if (!c) {
           if (a) {
-            const A = window.getSelection();
-            if (A && A.toString().length > 0)
+            const S = window.getSelection();
+            if (S && S.toString().length > 0)
               return;
           }
-          l == null || l(m);
+          l == null || l(b);
         }
       },
       ...f,
@@ -87,7 +87,7 @@ const Tt = {
   error: "danger",
   danger: "danger"
 };
-function Kn({
+function Un({
   code: e,
   text: t,
   type: n,
@@ -98,7 +98,7 @@ function Kn({
   className: c = "",
   style: l
 }) {
-  const u = i ?? /* @__PURE__ */ N(Le, { children: [
+  const u = i ?? /* @__PURE__ */ N(Ee, { children: [
     e !== void 0 && /* @__PURE__ */ s("span", { className: "nc-alert-code", children: e }),
     t
   ] });
@@ -112,7 +112,7 @@ function Kn({
           className: "nc-alert-close",
           "aria-label": "Close alert",
           onClick: a,
-          children: /* @__PURE__ */ s(Pe, { size: 16 })
+          children: /* @__PURE__ */ s(Le, { size: 16 })
         }
       )
     ] }),
@@ -127,7 +127,7 @@ function Kn({
     ) })
   ] });
 }
-function _n({
+function qn({
   percentage: e = 0.5,
   status: t = "discharging",
   darkMode: n = !1,
@@ -136,14 +136,14 @@ function _n({
   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, u = 14, f = 2, b = 0, d = 12, m = 0, A = 0, v = 0, w = l, y = u, h = y - m * 2, p = w - m * 2, g = Math.max(1, Math.min(4, y / 4)), x = o === 0 ? 0 : 0.05 + o * 0.95, C = l + f + d, T = 20, E = 0.65, S = Math.max(u, T * E), L = l + f + 1, k = (u - T * E) / 2;
+  const c = "var(--nc-battery-shell-bg)", l = 24, u = 14, f = 2, g = 0, d = 12, b = 0, S = 0, v = 0, w = l, k = u, h = k - b * 2, p = w - b * 2, m = Math.max(1, Math.min(4, k / 4)), x = o === 0 ? 0 : 0.05 + o * 0.95, y = l + f + d, M = 20, P = 0.65, C = Math.max(u, M * P), I = l + f + 1, A = (u - M * P) / 2;
   return /* @__PURE__ */ N(
     "svg",
     {
       className: "nc-battery",
-      width: C,
-      height: S,
-      viewBox: `0 0 ${C} ${S}`,
+      width: y,
+      height: C,
+      viewBox: `0 0 ${y} ${C}`,
       role: "img",
       "aria-label": `Battery ${i === "-" ? "-" : `${i}%`} ${t}`,
       children: [
@@ -151,32 +151,32 @@ function _n({
         /* @__PURE__ */ s(
           "rect",
           {
-            x: A,
+            x: S,
             y: v,
-            rx: g,
-            ry: g,
+            rx: m,
+            ry: m,
             width: w,
-            height: y,
+            height: k,
             fill: c
           }
         ),
         /* @__PURE__ */ s(
           "rect",
           {
-            x: A + m,
-            y: v + m,
+            x: S + b,
+            y: v + b,
             width: p,
             height: h,
             fill: a,
-            rx: g,
-            ry: g,
+            rx: m,
+            ry: m,
             mask: `url(#nc-battery-fill-mask-${o})`
           }
         ),
         /* @__PURE__ */ s(
           "text",
           {
-            x: A + w / 2,
+            x: S + w / 2,
             y: u - 3,
             fontSize: 11,
             fontWeight: "bold",
@@ -188,7 +188,7 @@ function _n({
         /* @__PURE__ */ s(
           "rect",
           {
-            x: l + b,
+            x: l + g,
             y: u * 0.26,
             width: f,
             height: u * 0.48,
@@ -197,12 +197,12 @@ function _n({
             fill: o === 1 ? a : c
           }
         ),
-        t === "charging" ? /* @__PURE__ */ s("g", { transform: `translate(${L}, ${k}) scale(${E})`, 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(${I}, ${A}) scale(${P})`, fill: a, children: /* @__PURE__ */ s("path", { d: "M10 0 L2 11 H8 L5 20 L14 8 H8 L10 0 Z" }) }) : null
       ]
     }
   );
 }
-function Un({
+function Xn({
   value: e,
   onChange: t,
   options: n,
@@ -224,7 +224,7 @@ function Un({
     );
   }) });
 }
-function Et({ size: e }) {
+function Pt({ size: e }) {
   return /* @__PURE__ */ s("svg", { className: `nc-checkbox-icon ${e === "small" ? "nc-small" : ""}`, viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ s(
     "path",
     {
@@ -236,7 +236,7 @@ function Et({ size: e }) {
     }
   ) });
 }
-function qn({ checked: e, onChange: t, disabled: n, label: r, size: o = "default", labelColor: i, style: a, className: c = "" }) {
+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__ */ N(
     "label",
@@ -257,7 +257,7 @@ function qn({ checked: e, onChange: t, disabled: n, label: r, size: o = "default
             onKeyDown: (u) => {
               n || (u.key === "Enter" || u.key === " ") && (u.preventDefault(), t(!e));
             },
-            children: e && /* @__PURE__ */ s(Et, { size: o })
+            children: e && /* @__PURE__ */ s(Pt, { size: o })
           }
         ),
         r && /* @__PURE__ */ s("span", { className: "nc-checkbox-text", style: i ? { color: i } : void 0, children: r })
@@ -265,7 +265,7 @@ function qn({ checked: e, onChange: t, disabled: n, label: r, size: o = "default
     }
   );
 }
-function Lt({ option: e, onChange: t, selected: n, highlighted: r, small: o, renderOption: i, index: a }) {
+function Et({ option: e, onChange: t, selected: n, highlighted: r, small: o, renderOption: i, index: a }) {
   const c = F(null), { t: l } = re(), u = e.disabled === !0;
   return D(() => {
     r && c.current && c.current.scrollIntoView({ block: "nearest" });
@@ -285,7 +285,7 @@ function Lt({ option: e, onChange: t, selected: n, highlighted: r, small: o, ren
         opacity: u ? 0.4 : void 0,
         background: r && !u ? "rgba(59,130,246,0.18)" : n && !u ? "rgba(59,130,246,0.12)" : void 0
       },
-      children: i ? i(e, a, !!r) : /* @__PURE__ */ N(Le, { children: [
+      children: i ? i(e, a, !!r) : /* @__PURE__ */ N(Ee, { children: [
         e.label,
         e.default && /* @__PURE__ */ N("span", { style: { fontSize: "0.85em", color: "var(--nc-text-weak)", marginLeft: 6 }, children: [
           "(",
@@ -296,7 +296,7 @@ function Lt({ option: e, onChange: t, selected: n, highlighted: r, small: o, ren
     }
   );
 }
-function Pt({
+function Lt({
   isOpen: e,
   options: t,
   onSelect: n,
@@ -307,14 +307,14 @@ function Pt({
   highlightedIndex: c = -1,
   renderOption: l
 }) {
-  const [u, f] = R({ top: 0, left: 0, width: 0 }), [b, d] = R(o), { t: m } = re();
+  const [u, f] = E({ top: 0, left: 0, width: 0 }), [g, d] = E(o), { t: b } = re();
   if (D(() => {
     if (e && i.current) {
       const v = i.current.getBoundingClientRect();
       let w = o;
       if (o === "bottom") {
-        const y = window.innerHeight - v.bottom, h = v.top;
-        y < 320 && h > y && (w = "top");
+        const k = window.innerHeight - v.bottom, h = v.top;
+        k < 320 && h > k && (w = "top");
       }
       d(w), f({
         top: w === "top" ? v.top - 4 : v.bottom + 4,
@@ -323,25 +323,25 @@ function Pt({
       });
     }
   }, [e, i, o]), !e) return null;
-  const A = /* @__PURE__ */ s(
+  const S = /* @__PURE__ */ s(
     "div",
     {
       className: "nc-combo-dropdown",
       onMouseDown: (v) => v.stopPropagation(),
       style: {
         position: "fixed",
-        top: b === "top" ? void 0 : u.top,
-        bottom: b === "top" ? window.innerHeight - u.top : void 0,
+        top: g === "top" ? void 0 : u.top,
+        bottom: g === "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: m("common.noResults") }) : t.map((v, w) => /* @__PURE__ */ s(Lt, { option: v, onChange: n, selected: v.value === r, highlighted: w === c, small: a, renderOption: l, index: w }, v.value))
+      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, w) => /* @__PURE__ */ s(Et, { option: v, onChange: n, selected: v.value === r, highlighted: w === c, small: a, renderOption: l, index: w }, v.value))
     }
   );
-  return Ae(A, document.body);
+  return Ae(S, document.body);
 }
 function zt({ onClick: e, small: t }) {
   return /* @__PURE__ */ s(
@@ -372,7 +372,7 @@ function Bt({ open: e, small: t }) {
     }
   );
 }
-function Xn({
+function Qn({
   value: e,
   onChange: t,
   placeholder: n = "Select…",
@@ -384,18 +384,18 @@ function Xn({
   disabled: l,
   label: u,
   clearable: f = !0,
-  allowTyping: b = !1,
+  allowTyping: g = !1,
   placement: d = "bottom",
-  size: m = "default",
-  appearance: A = "default",
+  size: b = "default",
+  appearance: S = "default",
   textAlign: v = "left",
   style: w,
-  className: y
+  className: k
 }) {
-  const [h, p] = R(!1), [g, x] = R(""), [C, T] = R(-1), E = F(null), S = F(null), L = F(null), k = m === "small", { t: $ } = re(), P = !!o, H = b || P, [ae, X] = R([]), [K, _] = R(() => {
+  const [h, p] = E(!1), [m, x] = E(""), [y, M] = E(-1), P = F(null), C = F(null), I = F(null), A = b === "small", { t: $ } = re(), L = !!o, H = g || L, [ae, X] = E([]), [K, _] = E(() => {
     if (r && e) {
-      const I = r.find((W) => W.value === e);
-      return I ? I.label : "";
+      const T = r.find((W) => W.value === e);
+      return T ? T.label : "";
     }
     return o && e ? e : "";
   });
@@ -405,53 +405,53 @@ function Xn({
       return;
     }
     if (r) {
-      const I = r.find((W) => W.value === e);
-      I && _(I.label);
+      const T = r.find((W) => W.value === e);
+      T && _(T.label);
     } else o && _(e);
   }, [e, r, o]);
-  const U = (I, W = !1) => {
+  const U = (T, W = !1) => {
     if (!o) return;
-    L.current && clearTimeout(L.current);
+    I.current && clearTimeout(I.current);
     const B = async () => {
       try {
-        const G = await o(I);
-        X(G), T(-1);
+        const Y = await o(T);
+        X(Y), M(-1);
       } catch {
         X([]);
       }
     };
-    W ? B() : L.current = setTimeout(B, 200);
-  }, j = Me(() => {
-    if (P) return ae;
-    const I = g.toLowerCase();
-    return H ? (r || []).filter((W) => W.label.toLowerCase().includes(I)) : r || [];
-  }, [r, g, H, P, ae]);
+    W ? B() : I.current = setTimeout(B, 200);
+  }, j = Ie(() => {
+    if (L) return ae;
+    const T = m.toLowerCase();
+    return H ? (r || []).filter((W) => W.label.toLowerCase().includes(T)) : r || [];
+  }, [r, m, H, L, ae]);
   D(() => {
-    h && T(-1);
+    h && M(-1);
   }, [h, j]), D(() => {
     if (!f && !e && r && r.length > 0 && t) {
-      const I = r.find((W) => W.default) || r[0];
-      t(I.value);
+      const T = r.find((W) => W.default) || r[0];
+      t(T.value);
     }
   }, [f, e, r, t]), D(() => {
-    function I(W) {
+    function T(W) {
       var B;
-      W.target instanceof Node && E.current && ((B = E.current.parentElement) != null && B.contains(W.target) || p(!1));
+      W.target instanceof Node && P.current && ((B = P.current.parentElement) != null && B.contains(W.target) || p(!1));
     }
-    return document.addEventListener("mousedown", I), () => document.removeEventListener("mousedown", I);
+    return document.addEventListener("mousedown", T), () => document.removeEventListener("mousedown", T);
   }, []);
-  const z = c ?? (r ? r.find((I) => I.value === e) : e ? { label: K, value: e } : void 0), q = z && f, le = !l && !q, pe = `nc-align-${v}`, ve = !(h && H) && !!z, de = (I, W, B = !1) => {
-    var G;
-    _(W), t == null || t(I), p(!1), x(""), B && ((G = E.current) == null || G.blur());
+  const z = c ?? (r ? r.find((T) => T.value === e) : e ? { label: K, value: e } : void 0), q = z && f, le = !l && !q, pe = `nc-align-${v}`, ve = !(h && H) && !!z, de = (T, W, B = !1) => {
+    var Y;
+    _(W), t == null || t(T), p(!1), x(""), B && ((Y = P.current) == null || Y.blur());
   }, we = () => {
     t == null || t(void 0), x(""), p(!1);
-  }, ye = (I) => {
+  }, ye = (T) => {
     if (!h) {
-      (I.key === "ArrowDown" || I.key === "ArrowUp") && (p(!0), I.preventDefault());
+      (T.key === "ArrowDown" || T.key === "ArrowUp") && (p(!0), T.preventDefault());
       return;
     }
-    const W = (B, G) => {
-      if (G === 1) {
+    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++)
@@ -464,76 +464,76 @@ function Xn({
       }
       return B;
     };
-    switch (I.key) {
+    switch (T.key) {
       case "ArrowDown":
-        I.preventDefault(), T((B) => {
-          const G = B + 1, V = G >= j.length ? 0 : G;
+        T.preventDefault(), M((B) => {
+          const Y = B + 1, V = Y >= j.length ? 0 : Y;
           return W(V, 1);
         });
         break;
       case "ArrowUp":
-        I.preventDefault(), T((B) => {
-          const G = B - 1, V = G < 0 ? j.length - 1 : G;
+        T.preventDefault(), M((B) => {
+          const Y = B - 1, V = Y < 0 ? j.length - 1 : Y;
           return W(V, -1);
         });
         break;
       case "Enter":
-        I.preventDefault(), C >= 0 && C < j.length && !j[C].disabled && de(j[C].value, j[C].label, !0);
+        T.preventDefault(), y >= 0 && y < j.length && !j[y].disabled && de(j[y].value, j[y].label, !0);
         break;
       case "Escape":
-        I.preventDefault(), p(!1), x("");
+        T.preventDefault(), p(!1), x("");
         break;
     }
   };
-  return /* @__PURE__ */ N("div", { className: `nc-combo-container ${A === "transparent" ? "nc-transparent" : ""} ${A === "plain" ? "nc-plain" : ""} ${h ? "nc-open" : ""} ${pe} ${y || ""}`.trim(), style: { position: "relative", ...w }, children: [
-    u && /* @__PURE__ */ s("span", { className: `nc-label ${k ? "nc-small" : ""}`, children: u }),
+  return /* @__PURE__ */ N("div", { className: `nc-combo-container ${S === "transparent" ? "nc-transparent" : ""} ${S === "plain" ? "nc-plain" : ""} ${h ? "nc-open" : ""} ${pe} ${k || ""}`.trim(), style: { position: "relative", ...w }, children: [
+    u && /* @__PURE__ */ s("span", { className: `nc-label ${A ? "nc-small" : ""}`, children: u }),
     /* @__PURE__ */ N(
       "div",
       {
-        ref: S,
+        ref: C,
         style: { position: "relative", display: "flex", alignItems: "center" },
-        onMouseDown: (I) => {
-          if (l || H && I.target === E.current) return;
+        onMouseDown: (T) => {
+          if (l || H && T.target === P.current) return;
           const W = !h;
-          if (p((B) => (!B && H && z && x(z.label), !B)), P && W) {
+          if (p((B) => (!B && H && z && x(z.label), !B)), L && W) {
             const B = H && z ? z.label : "";
             X([]), setTimeout(() => U(B, !0), 0);
           }
           H && !h && setTimeout(() => {
-            var B, G;
-            (B = E.current) == null || B.focus(), (G = E.current) == null || G.select();
+            var B, Y;
+            (B = P.current) == null || B.focus(), (Y = P.current) == null || Y.select();
           }, 0);
         },
         children: [
           /* @__PURE__ */ s(
             "input",
             {
-              ref: E,
-              className: `nc-input ${k ? "nc-small" : ""}`,
+              ref: P,
+              className: `nc-input ${A ? "nc-small" : ""}`,
               placeholder: n,
               onFocus: () => {
                 if (!l && H) {
                   p(!0);
-                  const I = z ? z.label : "";
-                  z && (x(I), setTimeout(() => {
+                  const T = z ? z.label : "";
+                  z && (x(T), setTimeout(() => {
                     var W;
-                    return (W = E.current) == null ? void 0 : W.select();
-                  }, 0)), P && (X([]), U(I, !0));
+                    return (W = P.current) == null ? void 0 : W.select();
+                  }, 0)), L && (X([]), U(T, !0));
                 }
               },
-              onChange: (I) => {
-                const W = I.target.value;
-                H && (x(W), P && U(W));
+              onChange: (T) => {
+                const W = T.target.value;
+                H && (x(W), L && U(W));
               },
               onKeyDown: ye,
-              value: h && H ? g : (z == null ? void 0 : z.label) || "",
+              value: h && H ? m : (z == null ? void 0 : z.label) || "",
               readOnly: l || !H,
               style: {
                 width: "100%",
-                paddingRight: le || q ? k ? 32 : 44 : 12,
-                caretColor: b ? void 0 : "transparent",
-                cursor: b ? void 0 : "pointer",
-                userSelect: b ? void 0 : "none",
+                paddingRight: le || q ? A ? 32 : 44 : 12,
+                caretColor: g ? void 0 : "transparent",
+                cursor: g ? void 0 : "pointer",
+                userSelect: g ? void 0 : "none",
                 color: ve ? "transparent" : "var(--nc-text)"
               }
             }
@@ -545,8 +545,8 @@ function Xn({
               className: `nc-combo-overlay ${pe}`,
               style: {
                 position: "absolute",
-                left: k ? 8 : 12,
-                right: le || q ? k ? 12 : 24 : k ? 8 : 12,
+                left: A ? 8 : 12,
+                right: le || q ? A ? 12 : 24 : A ? 8 : 12,
                 top: "50%",
                 transform: "translateY(-50%)",
                 pointerEvents: "none",
@@ -554,9 +554,9 @@ function Xn({
                 alignItems: "center",
                 gap: 6
               },
-              children: a && z ? a(z) : /* @__PURE__ */ N(Le, { children: [
-                /* @__PURE__ */ s("span", { className: `nc-combo-overlay-text ${k ? "nc-small" : ""}`, children: z == null ? void 0 : z.label }),
-                (z == null ? void 0 : z.default) && /* @__PURE__ */ N("span", { className: `nc-combo-overlay-default ${k ? "nc-small" : ""}`, children: [
+              children: a && z ? a(z) : /* @__PURE__ */ N(Ee, { children: [
+                /* @__PURE__ */ s("span", { className: `nc-combo-overlay-text ${A ? "nc-small" : ""}`, children: z == null ? void 0 : z.label }),
+                (z == null ? void 0 : z.default) && /* @__PURE__ */ N("span", { className: `nc-combo-overlay-default ${A ? "nc-small" : ""}`, children: [
                   "(",
                   $("common.default"),
                   ")"
@@ -564,15 +564,15 @@ function Xn({
               ] })
             }
           ),
-          q && /* @__PURE__ */ s(zt, { onClick: we, small: k }),
-          le && /* @__PURE__ */ s(Bt, { open: h, small: k })
+          q && /* @__PURE__ */ s(zt, { onClick: we, small: A }),
+          le && /* @__PURE__ */ s(Bt, { open: h, small: A })
         ]
       }
     ),
-    /* @__PURE__ */ s(Pt, { isOpen: h, options: j, onSelect: de, selectedValue: e, placement: d, anchorRef: S, small: k, highlightedIndex: C, renderOption: i })
+    /* @__PURE__ */ s(Lt, { isOpen: h, options: j, onSelect: de, selectedValue: e, placement: d, anchorRef: C, small: A, highlightedIndex: y, renderOption: i })
   ] });
 }
-function Jn({ onClick: e, loading: t = !1, disabled: n = !1, size: r = "default", title: o, "aria-label": i }) {
+function Zn({ onClick: e, loading: t = !1, disabled: n = !1, size: r = "default", title: o, "aria-label": i }) {
   return /* @__PURE__ */ s(
     "button",
     {
@@ -596,11 +596,11 @@ function Ze({ onClick: e, disabled: t = !1, size: n = "default", title: r = "Clo
       title: r,
       "aria-label": o,
       "data-size": n,
-      children: /* @__PURE__ */ s(Pe, { size: n === "small" ? 14 : n === "large" ? 20 : 18 })
+      children: /* @__PURE__ */ s(Le, { size: n === "small" ? 14 : n === "large" ? 20 : 18 })
     }
   );
 }
-function Qn({ onClick: e, disabled: t = !1, size: n = "default", title: r = "Edit", "aria-label": o = "Edit" }) {
+function er({ onClick: e, disabled: t = !1, size: n = "default", title: r = "Edit", "aria-label": o = "Edit" }) {
   return /* @__PURE__ */ s(
     "button",
     {
@@ -614,7 +614,7 @@ function Qn({ onClick: e, disabled: t = !1, size: n = "default", title: r = "Edi
     }
   );
 }
-function Zn({ onClick: e, disabled: t = !1, size: n = "default", title: r = "Delete", "aria-label": o = "Delete" }) {
+function tr({ onClick: e, disabled: t = !1, size: n = "default", title: r = "Delete", "aria-label": o = "Delete" }) {
   return /* @__PURE__ */ s(
     "button",
     {
@@ -628,7 +628,7 @@ function Zn({ onClick: e, disabled: t = !1, size: n = "default", title: r = "Del
     }
   );
 }
-function er({ onClick: e, disabled: t = !1, children: n, title: r, "aria-label": o, size: i = "default" }) {
+function nr({ onClick: e, disabled: t = !1, children: n, title: r, "aria-label": o, size: i = "default" }) {
   return /* @__PURE__ */ s(
     "button",
     {
@@ -642,7 +642,7 @@ function er({ onClick: e, disabled: t = !1, children: n, title: r, "aria-label":
     }
   );
 }
-function tr({
+function rr({
   open: e,
   onClose: t,
   options: n,
@@ -650,35 +650,35 @@ function tr({
   anchor: o,
   preferredDirection: i = "down"
 }) {
-  const a = F(null), [c, l] = R({ top: 0, left: 0 }), u = o || (r == null ? void 0 : r.current);
+  const a = F(null), [c, l] = E({ top: 0, left: 0 }), u = o || (r == null ? void 0 : r.current);
   if (D(() => {
     if (!e || !u || !a.current) return;
-    const d = u.getBoundingClientRect(), m = a.current.getBoundingClientRect(), A = window.innerHeight, v = window.innerWidth, w = d.bottom + 8, y = w + m.height <= A - 8;
+    const d = u.getBoundingClientRect(), b = a.current.getBoundingClientRect(), S = window.innerHeight, v = window.innerWidth, w = d.bottom + 8, k = w + b.height <= S - 8;
     let h = i;
-    (!y && i === "down" || i === "up" && y) && (h = "up");
+    (!k && i === "down" || i === "up" && k) && (h = "up");
     let p;
-    h === "down" ? p = w : p = d.top - m.height - 8;
-    let g = d.left;
-    g + m.width > v - 8 && (g = d.right - m.width), l({
+    h === "down" ? p = w : p = d.top - b.height - 8;
+    let m = d.left;
+    m + b.width > v - 8 && (m = d.right - b.width), l({
       top: Math.max(8, p),
       // Ensure minimum 8px from top
-      left: Math.max(8, g)
+      left: Math.max(8, m)
       // Ensure minimum 8px from left
     });
   }, [e, u, i]), D(() => {
     if (!e) return;
-    const d = (A) => {
-      a.current && !a.current.contains(A.target) && u && !u.contains(A.target) && t();
-    }, m = (A) => {
-      A.key === "Escape" && t();
+    const d = (S) => {
+      a.current && !a.current.contains(S.target) && u && !u.contains(S.target) && t();
+    }, b = (S) => {
+      S.key === "Escape" && t();
     };
-    return document.addEventListener("mousedown", d), document.addEventListener("keydown", m), () => {
-      document.removeEventListener("mousedown", d), document.removeEventListener("keydown", m);
+    return document.addEventListener("mousedown", d), document.addEventListener("keydown", b), () => {
+      document.removeEventListener("mousedown", d), document.removeEventListener("keydown", b);
     };
   }, [e, t, u]), !e) return null;
   const f = (d) => {
     d.type !== "separator" && !d.disabled && d.onClick && (d.onClick(), t());
-  }, b = n.some((d) => d.icon);
+  }, g = n.some((d) => d.icon);
   return Ae(
     /* @__PURE__ */ s(
       "div",
@@ -702,16 +702,16 @@ function tr({
               },
               d.id
             );
-          const m = [
+          const b = [
             "nc-context-menu-item",
             d.variant && d.variant !== "default" ? `nc-${d.variant}` : "",
             d.disabled ? "nc-disabled" : "",
-            b && !d.icon ? "nc-indented" : ""
+            g && !d.icon ? "nc-indented" : ""
           ].filter(Boolean).join(" ");
           return /* @__PURE__ */ N(
             "button",
             {
-              className: m,
+              className: b,
               onClick: () => f(d),
               disabled: d.disabled,
               role: "menuitem",
@@ -741,7 +741,7 @@ function fe({ children: e, onClick: t, ...n }) {
     t == null || t(a), r();
   }, ...n, children: e ?? o("common.close") });
 }
-function nr({
+function or({
   open: e,
   onClose: t,
   title: n,
@@ -753,59 +753,59 @@ function nr({
   onSave: l,
   onDelete: u,
   onCancel: f,
-  onConnect: b,
+  onConnect: g,
   closeOnOverlay: d = !0,
-  primaryDisabled: m = !1,
-  fullScreen: A = !1,
+  primaryDisabled: b = !1,
+  fullScreen: S = !1,
   hideTitleBar: v = !1,
   className: w = "",
-  onContentHeightChange: y
+  onContentHeightChange: k
 }) {
-  const h = F(null), p = F(null), { t: g } = re(), x = { close: t }, C = (S) => {
-    d && S.target === S.currentTarget && t();
+  const h = F(null), p = F(null), { t: m } = re(), x = { close: t }, y = (C) => {
+    d && C.target === C.currentTarget && t();
   };
   if (D(() => {
     e && h.current && h.current.focus();
   }, [e]), D(() => {
-    if (!y || !p.current) return;
-    const S = new ResizeObserver((L) => {
-      for (const k of L) {
-        const $ = k.contentRect.height;
-        y($);
+    if (!k || !p.current) return;
+    const C = new ResizeObserver((I) => {
+      for (const A of I) {
+        const $ = A.contentRect.height;
+        k($);
       }
     });
-    return S.observe(p.current), () => {
-      S.disconnect();
+    return C.observe(p.current), () => {
+      C.disconnect();
     };
-  }, [y]), !e) return null;
-  const T = () => {
+  }, [k]), !e) return null;
+  const M = () => {
     switch (i) {
       case "ok":
-        return /* @__PURE__ */ s("div", { className: "nc-dialog-footer", children: /* @__PURE__ */ s(te, { variant: "primary", onClick: c ?? t, disabled: m, children: g("common.ok") }) });
+        return /* @__PURE__ */ s("div", { className: "nc-dialog-footer", children: /* @__PURE__ */ s(te, { variant: "primary", onClick: c ?? t, disabled: b, children: m("common.ok") }) });
       case "ok-cancel":
         return /* @__PURE__ */ N("div", { className: "nc-dialog-footer", children: [
-          /* @__PURE__ */ s(fe, { onClick: f, children: g("common.cancel") }),
-          /* @__PURE__ */ s(te, { variant: "primary", onClick: c ?? t, disabled: m, children: g("common.ok") })
+          /* @__PURE__ */ s(fe, { onClick: f, children: m("common.cancel") }),
+          /* @__PURE__ */ s(te, { variant: "primary", onClick: c ?? t, disabled: b, children: m("common.ok") })
         ] });
       case "save-cancel":
         return /* @__PURE__ */ N("div", { className: "nc-dialog-footer", children: [
-          /* @__PURE__ */ s(fe, { onClick: f, children: g("common.cancel") }),
-          /* @__PURE__ */ s(te, { variant: "primary", onClick: l, disabled: m, children: g("common.save") })
+          /* @__PURE__ */ s(fe, { onClick: f, children: m("common.cancel") }),
+          /* @__PURE__ */ s(te, { variant: "primary", onClick: l, disabled: b, children: m("common.save") })
         ] });
       case "delete-cancel":
         return /* @__PURE__ */ N("div", { className: "nc-dialog-footer", children: [
-          /* @__PURE__ */ s(fe, { onClick: f, children: g("common.cancel") }),
-          /* @__PURE__ */ s(te, { variant: "danger", onClick: u, disabled: m, children: g("common.delete") })
+          /* @__PURE__ */ s(fe, { onClick: f, children: m("common.cancel") }),
+          /* @__PURE__ */ s(te, { variant: "danger", onClick: u, disabled: b, children: m("common.delete") })
         ] });
       case "connect":
         return /* @__PURE__ */ N("div", { className: "nc-dialog-footer", children: [
-          /* @__PURE__ */ s(fe, { onClick: f, children: g("common.cancel") }),
-          /* @__PURE__ */ s(te, { variant: "primary", onClick: b, disabled: m, children: g("common.connect") })
+          /* @__PURE__ */ s(fe, { onClick: f, children: m("common.cancel") }),
+          /* @__PURE__ */ s(te, { variant: "primary", onClick: g, disabled: b, 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: g("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,7 +813,7 @@ function nr({
       default:
         return null;
     }
-  }, E = /* @__PURE__ */ s(et.Provider, { value: x, children: /* @__PURE__ */ s("div", { className: `nc-dialog-overlay${A ? " nc-fullscreen" : ""}`, onClick: C, children: /* @__PURE__ */ N(
+  }, P = /* @__PURE__ */ s(et.Provider, { value: x, children: /* @__PURE__ */ s("div", { className: `nc-dialog-overlay${S ? " nc-fullscreen" : ""}`, onClick: y, children: /* @__PURE__ */ N(
     "div",
     {
       ref: h,
@@ -829,11 +829,11 @@ function nr({
           /* @__PURE__ */ s(Ze, { onClick: t, "aria-label": "Close dialog" })
         ] }),
         /* @__PURE__ */ s("div", { ref: p, className: "nc-dialog-content", children: r }),
-        T()
+        M()
       ]
     }
   ) }) });
-  return A ? Ae(E, document.body) : E;
+  return S ? Ae(P, document.body) : P;
 }
 function Wt({ onClick: e, size: t = "default", rightOffset: n = 4 }) {
   const r = t === "small" ? 28 : 34;
@@ -892,7 +892,7 @@ function Ht({ visible: e, onClick: t, size: n = "default" }) {
     }
   );
 }
-function rr({
+function sr({
   value: e,
   defaultValue: t = "",
   onChange: n,
@@ -904,25 +904,25 @@ function rr({
   label: l,
   clearable: u = !0,
   type: f = "text",
-  className: b = "",
+  className: g = "",
   size: d = "default",
-  appearance: m = "default",
-  style: A,
+  appearance: b = "default",
+  style: S,
   leadingIcon: v,
   showPasswordToggle: w = !1,
-  multiline: y = !1,
+  multiline: k = !1,
   rows: h = 3,
   validator: p,
-  showErrorMessage: g = !0
+  showErrorMessage: m = !0
 }) {
-  const x = F(null), C = F(null), T = F(!1), [E, S] = R(!1), [L, k] = R(!1), [$, P] = R(!1), H = e !== void 0, [ae, X] = R(t), K = H ? e : ae, [_, U] = R(K), j = p ? p(K) : null, z = !!j, q = !y && m === "plain", le = q && L, pe = le ? _ : K;
+  const x = F(null), y = F(null), M = F(!1), [P, C] = E(!1), [I, A] = E(!1), [$, L] = E(!1), H = e !== void 0, [ae, X] = E(t), K = H ? e : ae, [_, U] = E(K), j = p ? p(K) : null, z = !!j, q = !k && b === "plain", le = q && I, pe = le ? _ : K;
   D(() => {
     le || U(K);
   }, [K, le]);
-  const ve = f === "password", de = ve && w && !c && !y, we = u && pe && !c && (L || $), ye = d === "small" ? 32 : 44;
-  let I = 12;
-  we && de ? I = ye * 2 : (we || de) && (I = ye);
-  const B = v ? d === "small" ? 28 : 34 : void 0, G = () => {
+  const ve = f === "password", de = ve && w && !c && !k, we = u && pe && !c && (I || $), ye = d === "small" ? 32 : 44;
+  let T = 12;
+  we && de ? T = ye * 2 : (we || de) && (T = ye);
+  const B = v ? d === "small" ? 28 : 34 : void 0, Y = () => {
     if (!q)
       return K;
     const J = _ !== K;
@@ -930,20 +930,20 @@ function rr({
   }, V = () => {
     U(K);
   }, ft = () => {
-    var J, Z, Ge;
+    var J, Z, Ye;
     if (q) {
       U(""), i == null || i(), (J = x.current) == null || J.focus();
       return;
     }
-    H || X(""), n == null || n(""), i == null || i(), y ? (Z = C.current) == null || Z.focus() : (Ge = x.current) == null || Ge.focus();
+    H || X(""), n == null || n(""), i == null || i(), k ? (Z = y.current) == null || Z.focus() : (Ye = x.current) == null || Ye.focus();
   }, He = (J) => {
     if (q && J.key === "Escape") {
-      J.preventDefault(), T.current = !0, V(), J.currentTarget.blur();
+      J.preventDefault(), M.current = !0, V(), J.currentTarget.blur();
       return;
     }
-    if (J.key === "Enter" && !y) {
-      const Z = q ? G() : K;
-      q && (J.preventDefault(), T.current = !0, J.currentTarget.blur()), o == null || o(Z);
+    if (J.key === "Enter" && !k) {
+      const Z = q ? Y() : K;
+      q && (J.preventDefault(), M.current = !0, J.currentTarget.blur()), o == null || o(Z);
     }
   }, Ve = (J) => {
     const Z = J.target.value;
@@ -953,29 +953,29 @@ function rr({
     }
     H || X(Z), n == null || n(Z);
   }, Oe = () => {
-    k(!0), q && U(K);
+    A(!0), q && U(K);
   }, Fe = () => {
-    if (q && T.current) {
-      T.current = !1, k(!1);
+    if (q && M.current) {
+      M.current = !1, A(!1);
       return;
     }
-    q && G(), k(!1);
-  }, je = `nc-input ${d === "small" ? "nc-small " : ""}${!y && m === "plain" ? "nc-plain " : ""}${z ? "nc-error " : ""}${b}`;
+    q && Y(), A(!1);
+  }, je = `nc-input ${d === "small" ? "nc-small " : ""}${!k && b === "plain" ? "nc-plain " : ""}${z ? "nc-error " : ""}${g}`;
   return /* @__PURE__ */ N(
     "div",
     {
       className: "nc-col",
-      style: { position: "relative", flex: 1, ...A },
-      onMouseEnter: () => P(!0),
-      onMouseLeave: () => P(!1),
+      style: { position: "relative", flex: 1, ...S },
+      onMouseEnter: () => L(!0),
+      onMouseLeave: () => L(!1),
       children: [
         l && /* @__PURE__ */ s("span", { className: "nc-label", children: l }),
-        /* @__PURE__ */ N("div", { style: { position: "relative", display: "flex", alignItems: y ? "flex-start" : "center" }, children: [
-          v && /* @__PURE__ */ s("span", { className: "nc-input-leading-icon", style: { height: y ? void 0 : "100%", top: y ? 10 : void 0 }, children: v }),
-          y ? /* @__PURE__ */ s(
+        /* @__PURE__ */ N("div", { style: { position: "relative", display: "flex", alignItems: k ? "flex-start" : "center" }, children: [
+          v && /* @__PURE__ */ s("span", { className: "nc-input-leading-icon", style: { height: k ? void 0 : "100%", top: k ? 10 : void 0 }, children: v }),
+          k ? /* @__PURE__ */ s(
             "textarea",
             {
-              ref: C,
+              ref: y,
               className: je,
               placeholder: a,
               value: pe,
@@ -989,7 +989,7 @@ function rr({
               rows: h,
               style: {
                 width: "100%",
-                paddingRight: I,
+                paddingRight: T,
                 ...B !== void 0 ? { paddingLeft: B } : {}
               }
             }
@@ -997,7 +997,7 @@ function rr({
             "input",
             {
               ref: x,
-              type: ve && E ? "text" : f,
+              type: ve && P ? "text" : f,
               className: je,
               placeholder: a,
               value: pe,
@@ -1010,20 +1010,20 @@ function rr({
               tabIndex: c ? -1 : void 0,
               style: {
                 width: "100%",
-                paddingRight: I,
+                paddingRight: T,
                 ...B !== void 0 ? { paddingLeft: B } : {}
               }
             }
           ),
           we && /* @__PURE__ */ s(Wt, { onClick: ft, size: d, rightOffset: de ? ye + 4 : 4 }),
-          de && /* @__PURE__ */ s(Ht, { visible: E, onClick: () => S(!E), size: d })
+          de && /* @__PURE__ */ s(Ht, { visible: P, onClick: () => C(!P), size: d })
         ] }),
-        z && g && /* @__PURE__ */ s("span", { className: "nc-error-message", children: j })
+        z && m && /* @__PURE__ */ s("span", { className: "nc-error-message", children: j })
       ]
     }
   );
 }
-function or({
+function ir({
   children: e,
   onClick: t,
   showBorder: n = !0,
@@ -1058,7 +1058,7 @@ function or({
     }
   );
 }
-function sr({ title: e, titleTools: t, children: n, style: r }) {
+function cr({ title: e, titleTools: t, children: n, style: r }) {
   return /* @__PURE__ */ N("div", { className: "nc-list-group", style: r, children: [
     (e || t) && /* @__PURE__ */ N("div", { className: "nc-list-group-title", children: [
       /* @__PURE__ */ s("div", { children: e }),
@@ -1073,32 +1073,32 @@ function sr({ title: e, titleTools: t, children: n, style: r }) {
     )
   ] });
 }
-function ir({ values: e, onChange: t, options: n, placeholder: r = "Select…", label: o }) {
-  const [i, a] = R(!1), [c, l] = R(""), u = F(null), f = Me(() => n.filter((d) => d.label.toLowerCase().includes(c.toLowerCase())), [n, c]);
+function ar({ values: e, onChange: t, options: n, placeholder: r = "Select…", label: o }) {
+  const [i, a] = E(!1), [c, l] = E(""), u = F(null), f = Ie(() => n.filter((d) => d.label.toLowerCase().includes(c.toLowerCase())), [n, c]);
   D(() => {
-    function d(m) {
-      !(m.target instanceof Node) || !u.current || u.current.contains(m.target) || a(!1);
+    function d(b) {
+      !(b.target instanceof Node) || !u.current || u.current.contains(b.target) || a(!1);
     }
     return document.addEventListener("mousedown", d), () => document.removeEventListener("mousedown", d);
   }, []);
-  const b = (d) => {
-    e.includes(d) ? t(e.filter((m) => m !== d)) : t([...e, d]);
+  const g = (d) => {
+    e.includes(d) ? t(e.filter((b) => b !== d)) : t([...e, d]);
   };
   return /* @__PURE__ */ N("div", { ref: u, className: "nc-col", style: { position: "relative" }, children: [
     o && /* @__PURE__ */ s("span", { className: "nc-label", children: o }),
     /* @__PURE__ */ N("div", { className: "nc-row", style: { flexWrap: "wrap", gap: 6, minHeight: 42, alignItems: "center", border: "1px solid var(--nc-button-border)", borderRadius: 8, background: "var(--nc-button-bg)", padding: "4px 8px" }, children: [
       e.length === 0 && /* @__PURE__ */ s("span", { className: "nc-label", children: r }),
       e.map((d) => {
-        const m = n.find((A) => A.value === d);
-        return m ? /* @__PURE__ */ N("span", { style: { padding: "4px 8px", borderRadius: 6, display: "inline-flex", alignItems: "center", gap: 4, background: "var(--nc-button-bg)", border: "1px solid var(--nc-button-border)" }, children: [
-          m.label,
+        const b = n.find((S) => S.value === d);
+        return b ? /* @__PURE__ */ N("span", { style: { padding: "4px 8px", borderRadius: 6, display: "inline-flex", alignItems: "center", gap: 4, background: "var(--nc-button-bg)", border: "1px solid var(--nc-button-border)" }, children: [
+          b.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: () => b(d),
-              "aria-label": `Remove ${m.label}`,
+              onClick: () => g(d),
+              "aria-label": `Remove ${b.label}`,
               children: "✕"
             }
           )
@@ -1117,10 +1117,10 @@ function ir({ values: e, onChange: t, options: n, placeholder: r = "Select…",
     ] }),
     i && /* @__PURE__ */ N("div", { className: "nc-combo-dropdown", style: { position: "absolute", top: "100%", left: 0, right: 0, zIndex: 10, marginTop: 4, boxShadow: "0 4px 12px var(--nc-shadow)" }, children: [
       f.map((d) => {
-        const m = e.includes(d.value);
-        return /* @__PURE__ */ N("div", { className: "nc-section nc-row", style: { justifyContent: "space-between", cursor: "pointer", padding: 12 }, onMouseDown: () => b(d.value), children: [
+        const b = e.includes(d.value);
+        return /* @__PURE__ */ N("div", { className: "nc-section nc-row", style: { justifyContent: "space-between", cursor: "pointer", padding: 12 }, onMouseDown: () => g(d.value), children: [
           /* @__PURE__ */ s("span", { children: d.label }),
-          /* @__PURE__ */ s("span", { children: m ? "✔️" : "" })
+          /* @__PURE__ */ s("span", { children: b ? "✔️" : "" })
         ] }, d.value);
       }),
       f.length === 0 && /* @__PURE__ */ s("div", { className: "nc-section nc-label", children: "No results" })
@@ -1147,7 +1147,7 @@ function Ne(e) {
   }
   return `${n}-${r}`;
 }
-function Ye(e) {
+function Ge(e) {
   if (!e) return "";
   const t = Ne(e);
   if (!/^\d{4}-\d{2}$/.test(t)) return e;
@@ -1158,7 +1158,7 @@ function Ke() {
   const e = /* @__PURE__ */ new Date(), t = e.getFullYear(), n = String(e.getMonth() + 1).padStart(2, "0");
   return `${t}-${n}`;
 }
-function cr({
+function lr({
   startMonth: e,
   endMonth: t,
   onChange: n,
@@ -1167,41 +1167,41 @@ function cr({
   disabled: i = !1,
   size: a = "default"
 }) {
-  const [c, l] = R(!1), [u, f] = R(""), [b, d] = R(""), [m, A] = R({ top: 0, left: 0, width: 0, right: void 0 }), v = F(null), w = F(null);
+  const [c, l] = E(!1), [u, f] = E(""), [g, d] = E(""), [b, S] = E({ top: 0, left: 0, width: 0, right: void 0 }), v = F(null), w = F(null);
   D(() => {
     if (c && v.current) {
-      const k = v.current.getBoundingClientRect(), P = Math.max(k.width, 400);
-      window.innerWidth - k.left < P && k.right >= P ? A({
-        top: k.bottom + 4,
+      const A = v.current.getBoundingClientRect(), L = Math.max(A.width, 400);
+      window.innerWidth - A.left < L && A.right >= L ? S({
+        top: A.bottom + 4,
         left: 0,
         // Not used but type needs it, let's just use 0
-        right: window.innerWidth - k.right,
-        width: P
-      }) : A({
-        top: k.bottom + 4,
-        left: k.left,
+        right: window.innerWidth - A.right,
+        width: L
+      }) : S({
+        top: A.bottom + 4,
+        left: A.left,
         right: void 0,
-        width: P
+        width: L
       });
     }
   }, [c]), D(() => {
     if (!c) return;
-    const k = ($) => {
+    const A = ($) => {
       v.current && !v.current.contains($.target) && w.current && !w.current.contains($.target) && l(!1);
     };
-    return document.addEventListener("mousedown", k), () => document.removeEventListener("mousedown", k);
+    return document.addEventListener("mousedown", A), () => document.removeEventListener("mousedown", A);
   }, [c]);
-  const y = () => {
+  const k = () => {
     f(e || Ke()), d(t || Ke()), l(!0);
   }, h = () => {
     l(!1);
   }, p = () => {
-    const k = Se(u), $ = Se(b);
-    if (k || $)
+    const A = Se(u), $ = Se(g);
+    if (A || $)
       return;
-    const P = Ne(u), H = Ne(b);
-    P && H && (n == null || n(P, H)), l(!1);
-  }, g = e && t ? `${Ye(e)} - ${Ye(t)}` : "Select month range", x = Se(u), C = Se(b), T = Ne(u), E = Ne(b), S = T && E && T > E, L = c ? Ae(
+    const L = Ne(u), H = Ne(g);
+    L && H && (n == null || n(L, H)), l(!1);
+  }, m = e && t ? `${Ge(e)} - ${Ge(t)}` : "Select month range", x = Se(u), y = Se(g), M = Ne(u), P = Ne(g), C = M && P && M > P, I = c ? Ae(
     /* @__PURE__ */ s(
       "div",
       {
@@ -1209,9 +1209,9 @@ function cr({
         className: "nc-month-range-picker-popup",
         style: {
           position: "fixed",
-          top: m.top,
-          ...m.right !== void 0 ? { right: m.right } : { left: m.left },
-          width: m.width,
+          top: b.top,
+          ...b.right !== void 0 ? { right: b.right } : { left: b.left },
+          width: b.width,
           zIndex: 1e3
         },
         children: /* @__PURE__ */ N("div", { className: "nc-month-range-picker-content", children: [
@@ -1224,7 +1224,7 @@ function cr({
                   type: "text",
                   className: `nc-month-input ${x ? "nc-error" : ""}`,
                   value: u,
-                  onChange: (k) => f(k.target.value),
+                  onChange: (A) => f(A.target.value),
                   placeholder: "YY-M(M) or YYYY-M(M)"
                 }
               ),
@@ -1236,23 +1236,23 @@ function cr({
                 "input",
                 {
                   type: "text",
-                  className: `nc-month-input ${C ? "nc-error" : ""}`,
-                  value: b,
-                  onChange: (k) => d(k.target.value),
+                  className: `nc-month-input ${y ? "nc-error" : ""}`,
+                  value: g,
+                  onChange: (A) => d(A.target.value),
                   placeholder: "YY-M(M) or YYYY-M(M)"
                 }
               ),
-              C && /* @__PURE__ */ s("div", { className: "nc-month-error-text", children: C })
+              y && /* @__PURE__ */ s("div", { className: "nc-month-error-text", children: y })
             ] })
           ] }),
-          S && !x && !C && /* @__PURE__ */ s("div", { className: "nc-month-range-error", children: "End month must be after or equal to start month" }),
+          C && !x && !y && /* @__PURE__ */ s("div", { className: "nc-month-range-error", children: "End month must be after or equal to start month" }),
           /* @__PURE__ */ N("div", { className: "nc-month-range-picker-footer", children: [
             /* @__PURE__ */ s(
               te,
               {
                 variant: "primary",
                 onClick: p,
-                disabled: !u || !b || !!x || !!C || !!S,
+                disabled: !u || !g || !!x || !!y || !!C,
                 children: "Apply"
               }
             ),
@@ -1270,63 +1270,107 @@ function cr({
       {
         ref: v,
         className: `nc-month-range-picker-input${a === "small" ? " nc-small" : ""}`,
-        onClick: y,
+        onClick: k,
         disabled: i,
-        children: g
+        children: m
       }
     ),
-    L
+    I
   ] });
 }
-function ar({ value: e, onChange: t, min: n, max: r, step: o = 1, label: i, disabled: a, size: c = "default" }) {
-  const l = c === "small", u = () => {
-    const d = e - o;
-    n !== void 0 && d < n || t(parseFloat(d.toFixed(10)));
-  }, f = () => {
-    const d = e + o;
-    r !== void 0 && d > r || t(parseFloat(d.toFixed(10)));
+const Vt = 5, Ot = 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", g = F(null), d = F(!1), [b, S] = E(!1), v = () => {
+    const y = e - o;
+    n !== void 0 && y < n || t(parseFloat(y.toFixed(10)));
+  }, w = () => {
+    const y = e + o;
+    r !== void 0 && y > r || t(parseFloat(y.toFixed(10)));
+  }, k = (y) => {
+    const M = parseFloat(y.target.value);
+    isNaN(M) || n !== void 0 && M < n || r !== void 0 && M > r || t(M);
+  }, h = (y) => {
+    a || y.button !== 0 || (d.current = !1, g.current = {
+      startY: y.clientY,
+      startValue: e,
+      pointerId: y.pointerId,
+      hasMoved: !1,
+      lastValue: e
+    }, y.currentTarget.setPointerCapture(y.pointerId));
+  }, p = (y) => {
+    const M = g.current;
+    if (!M || M.pointerId !== y.pointerId) return;
+    const P = M.startY - y.clientY;
+    if (Math.abs(P) >= Ot && (M.hasMoved = !0, d.current = !0, S(!0)), !M.hasMoved) return;
+    const C = Math.trunc(P / Vt);
+    let I = M.startValue + C * o;
+    n !== void 0 && (I = Math.max(n, I)), r !== void 0 && (I = Math.min(r, I)), I = parseFloat(I.toFixed(10)), I !== M.lastValue && (M.lastValue = I, t(I));
+  }, m = (y) => {
+    const M = g.current;
+    !M || M.pointerId !== y.pointerId || (y.currentTarget.hasPointerCapture(y.pointerId) && y.currentTarget.releasePointerCapture(y.pointerId), g.current = null, S(!1));
+  }, x = (y) => (M) => {
+    if (d.current) {
+      d.current = !1, M.preventDefault();
+      return;
+    }
+    y();
   };
-  return /* @__PURE__ */ N("div", { className: `nc-col nc-number-input-col ${l ? "nc-small" : ""}`, children: [
-    i && /* @__PURE__ */ s("span", { className: `nc-label ${l ? "nc-small" : ""}`, children: i }),
-    /* @__PURE__ */ N("div", { className: `nc-number-input-container ${l ? "nc-small" : ""}`, children: [
+  return /* @__PURE__ */ N("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__ */ N("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" : ""}`,
           type: "number",
           value: e,
-          onChange: (d) => {
-            const m = parseFloat(d.target.value);
-            isNaN(m) || n !== void 0 && m < n || r !== void 0 && m > r || t(m);
-          },
+          onChange: k,
           min: n,
           max: r,
           step: o,
           disabled: a
         }
       ),
-      /* @__PURE__ */ s(
-        "button",
-        {
-          className: `nc-button nc-ghost nc-number-input-button ${l ? "nc-small" : ""}`,
-          onClick: u,
-          disabled: a || n !== void 0 && e <= n,
-          children: "−"
-        }
-      ),
-      /* @__PURE__ */ s(
-        "button",
+      /* @__PURE__ */ N(
+        "div",
         {
-          className: `nc-button nc-ghost nc-number-input-button ${l ? "nc-small" : ""}`,
-          onClick: f,
-          disabled: a || r !== void 0 && e >= r,
-          children: "+"
+          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 ${f ? "nc-small" : ""}`,
+                onClick: x(w),
+                onPointerDown: h,
+                onPointerMove: p,
+                onPointerUp: m,
+                onPointerCancel: m,
+                disabled: a || r !== void 0 && e >= r,
+                tabIndex: -1,
+                children: "▲"
+              }
+            ),
+            /* @__PURE__ */ s(
+              "button",
+              {
+                className: `nc-number-input-spin nc-number-input-spin-down ${f ? "nc-small" : ""}`,
+                onClick: x(v),
+                onPointerDown: h,
+                onPointerMove: p,
+                onPointerUp: m,
+                onPointerCancel: m,
+                disabled: a || n !== void 0 && e <= n,
+                tabIndex: -1,
+                children: "▼"
+              }
+            )
+          ]
         }
       )
     ] })
   ] });
 }
-function lr({
+function ur({
   value: e,
   onChange: t,
   min: n = 0,
@@ -1339,9 +1383,9 @@ function lr({
   width: u = 200
 }) {
   const f = (d) => {
-    const m = parseFloat(d.target.value);
-    t(m);
-  }, b = (e - n) / (r - n) * 100;
+    const b = parseFloat(d.target.value);
+    t(b);
+  }, g = (e - n) / (r - n) * 100;
   return /* @__PURE__ */ N("div", { className: "nc-col", style: { gap: 6 }, children: [
     i && /* @__PURE__ */ s("span", { className: "nc-label", children: i }),
     /* @__PURE__ */ N("div", { style: { display: "flex", gap: 12, alignItems: "center" }, children: [
@@ -1358,7 +1402,7 @@ function lr({
           disabled: a,
           style: {
             width: u,
-            "--nc-slider-percentage": `${b}%`
+            "--nc-slider-percentage": `${g}%`
           }
         }
       ),
@@ -1378,13 +1422,13 @@ function lr({
     ] })
   ] });
 }
-const Vt = ({ size: e = 24, className: t, style: n }) => /* @__PURE__ */ s("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", className: t, style: n, children: /* @__PURE__ */ s("polyline", { points: "18 15 12 9 6 15" }) });
-function Ot({ children: e, className: t = "", style: n }) {
+const Ft = ({ size: e = 24, className: t, style: n }) => /* @__PURE__ */ s("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", className: t, style: n, children: /* @__PURE__ */ s("polyline", { points: "18 15 12 9 6 15" }) });
+function jt({ children: e, className: t = "", style: n }) {
   return /* @__PURE__ */ s("div", { className: `nc-tab-panel ${t}`, style: n, children: e });
 }
-function dr({ active: e, children: t, keepMounted: n = !1, className: r = "", style: o }) {
+function pr({ active: e, children: t, keepMounted: n = !1, className: r = "", style: o }) {
   const i = At.toArray(t).filter(
-    (c) => St(c) && (c.type === Ot || c.type.displayName === "TabPanel")
+    (c) => St(c) && (c.type === jt || c.type.displayName === "TabPanel")
   );
   if (n)
     return /* @__PURE__ */ s("div", { className: `nc-tab-panels ${r}`, style: o, children: i.map((c) => {
@@ -1403,87 +1447,87 @@ function dr({ 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 ur({ tabs: e, active: t, onChange: n, onClose: r, permanentTabs: o, className: i, toolbar: a, multiline: c, orientation: l = "horizontal", style: u }) {
-  const f = F(null), [b, d] = R(!1), [m, A] = R(!1), v = l === "verticalLeft" || l === "verticalRight", w = F(!1), y = F(0), h = F(0), p = F(!1);
+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 = F(null), [g, d] = E(!1), [b, S] = E(!1), v = l === "verticalLeft" || l === "verticalRight", w = F(!1), k = F(0), h = F(0), p = F(!1);
   D(() => {
-    const S = () => {
+    const C = () => {
       if (f.current)
         if (v) {
-          const { scrollTop: k, scrollHeight: $, clientHeight: P } = f.current;
-          d(k > 1), A(k < $ - P - 1);
+          const { scrollTop: A, scrollHeight: $, clientHeight: L } = f.current;
+          d(A > 1), S(A < $ - L - 1);
         } else {
-          const { scrollLeft: k, scrollWidth: $, clientWidth: P } = f.current;
-          d(k > 1), A(k < $ - P - 1);
+          const { scrollLeft: A, scrollWidth: $, clientWidth: L } = f.current;
+          d(A > 1), S(A < $ - L - 1);
         }
-    }, L = f.current;
-    if (L)
-      return S(), L.addEventListener("scroll", S), window.addEventListener("resize", S), () => {
-        L.removeEventListener("scroll", S), window.removeEventListener("resize", S);
+    }, I = f.current;
+    if (I)
+      return C(), I.addEventListener("scroll", C), window.addEventListener("resize", C), () => {
+        I.removeEventListener("scroll", C), window.removeEventListener("resize", C);
       };
   }, [e, v]);
-  const g = (S) => {
-    f.current && (w.current = !0, p.current = !1, y.current = v ? S.clientY : S.clientX, h.current = v ? f.current.scrollTop : f.current.scrollLeft, f.current.style.cursor = "grabbing", f.current.style.userSelect = "none");
-  }, x = (S) => {
+  const m = (C) => {
+    f.current && (w.current = !0, p.current = !1, k.current = v ? C.clientY : C.clientX, h.current = v ? f.current.scrollTop : f.current.scrollLeft, f.current.style.cursor = "grabbing", f.current.style.userSelect = "none");
+  }, x = (C) => {
     if (!w.current || !f.current) return;
-    const L = v ? S.clientY : S.clientX, k = y.current - L;
-    Math.abs(k) > 3 && (p.current = !0), v ? f.current.scrollTop = h.current + k : f.current.scrollLeft = h.current + k;
-  }, C = () => {
+    const I = v ? C.clientY : C.clientX, A = k.current - I;
+    Math.abs(A) > 3 && (p.current = !0), v ? f.current.scrollTop = h.current + A : f.current.scrollLeft = h.current + A;
+  }, y = () => {
     f.current && (w.current = !1, f.current.style.cursor = "", f.current.style.userSelect = "");
-  }, T = () => {
-    C();
+  }, M = () => {
+    y();
   };
   D(() => {
-    const S = f.current;
-    if (!S || v) return;
-    const L = (k) => {
-      k.deltaY !== 0 && (k.preventDefault(), S.scrollLeft += k.deltaY * 0.3);
+    const C = f.current;
+    if (!C || v) return;
+    const I = (A) => {
+      A.deltaY !== 0 && (A.preventDefault(), C.scrollLeft += A.deltaY * 0.3);
     };
-    return S.addEventListener("wheel", L, { passive: !1 }), () => {
-      S.removeEventListener("wheel", L);
+    return C.addEventListener("wheel", I, { passive: !1 }), () => {
+      C.removeEventListener("wheel", I);
     };
   }, [v]);
-  const E = (S) => {
-    p.current || n(S);
+  const P = (C) => {
+    p.current || n(C);
   };
   return /* @__PURE__ */ N("div", { className: `nc-tab-container ${v ? `nc-vertical nc-${l}` : ""} ${i || ""}`, style: u, children: [
     /* @__PURE__ */ N("div", { className: "nc-tab-scroll-wrapper", children: [
-      b && /* @__PURE__ */ s("div", { className: `nc-tab-scroll-indicator ${v ? "nc-top" : "nc-left"}`, children: v ? /* @__PURE__ */ s(Vt, { size: 16 }) : /* @__PURE__ */ s(xt, { size: 16 }) }),
+      g && /* @__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 }) }),
       /* @__PURE__ */ s(
         "div",
         {
           ref: f,
           className: `nc-tab-scroll ${c ? "nc-multiline" : ""}`,
-          onMouseDown: g,
+          onMouseDown: m,
           onMouseMove: x,
-          onMouseUp: C,
-          onMouseLeave: T,
+          onMouseUp: y,
+          onMouseLeave: M,
           style: { cursor: "grab" },
-          children: e.map((S) => {
-            const L = typeof S == "string" ? S : S.id, k = typeof S == "string" ? S : S.label, $ = r && !(o != null && o.includes(L));
+          children: e.map((C) => {
+            const I = typeof C == "string" ? C : C.id, A = typeof C == "string" ? C : C.label, $ = r && !(o != null && o.includes(I));
             return /* @__PURE__ */ N(
               "div",
               {
-                className: `nc-tab-item ${t === L ? "nc-active" : ""} ${$ ? "nc-closable" : ""}`,
-                onClick: () => E(L),
+                className: `nc-tab-item ${t === I ? "nc-active" : ""} ${$ ? "nc-closable" : ""}`,
+                onClick: () => P(I),
                 role: "button",
                 tabIndex: 0,
-                onKeyDown: (P) => {
-                  (P.key === "Enter" || P.key === " ") && n(L);
+                onKeyDown: (L) => {
+                  (L.key === "Enter" || L.key === " ") && n(I);
                 },
                 children: [
-                  /* @__PURE__ */ s("span", { className: "nc-tab-label", children: v ? k : typeof k == "string" ? k.toUpperCase() : k }),
+                  /* @__PURE__ */ s("span", { className: "nc-tab-label", children: v ? A : typeof A == "string" ? A.toUpperCase() : A }),
                   $ && /* @__PURE__ */ s(
                     "span",
                     {
                       className: "nc-tab-close",
                       role: "button",
                       tabIndex: 0,
-                      "aria-label": `Close ${typeof k == "string" ? k : L}`,
-                      onClick: (P) => {
-                        P.stopPropagation(), r(L);
+                      "aria-label": `Close ${typeof A == "string" ? A : I}`,
+                      onClick: (L) => {
+                        L.stopPropagation(), r(I);
                       },
-                      onKeyDown: (P) => {
-                        (P.key === "Enter" || P.key === " ") && (P.stopPropagation(), r(L));
+                      onKeyDown: (L) => {
+                        (L.key === "Enter" || L.key === " ") && (L.stopPropagation(), r(I));
                       },
                       children: /* @__PURE__ */ N("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", children: [
                         /* @__PURE__ */ s("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
@@ -1493,17 +1537,17 @@ function ur({ tabs: e, active: t, onChange: n, onClose: r, permanentTabs: o, cla
                   )
                 ]
               },
-              L
+              I
             );
           })
         }
       ),
-      m && /* @__PURE__ */ s("div", { className: `nc-tab-scroll-indicator ${v ? "nc-bottom" : "nc-right"}`, children: v ? /* @__PURE__ */ s(kt, { size: 16 }) : /* @__PURE__ */ s(Nt, { size: 16 }) })
+      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 }) })
     ] }),
     a && /* @__PURE__ */ s("div", { className: "nc-tab-toolbar", children: a })
   ] });
 }
-function pr({ checked: e, onChange: t, disabled: n, label: r }) {
+function hr({ checked: e, onChange: t, disabled: n, label: r }) {
   return /* @__PURE__ */ N(
     "label",
     {
@@ -1567,24 +1611,24 @@ const _e = [
   "var(--nc-csv-col-8)",
   "var(--nc-csv-col-9)"
 ];
-function Ft(e, t) {
+function Yt(e, t) {
   const r = e.slice(0, t).split(`
 `), o = r.length, a = r[o - 1].split("	"), c = a.length, l = a[c - 1].length + 1;
   return { line: o, column: c, character: l, offset: t };
 }
-function jt(e, t, n, r) {
+function Gt(e, t, n, r) {
   const o = e.split(`
 `), i = Math.max(1, Math.min(t, o.length));
   let a = 0;
-  for (let b = 0; b < i - 1; b++)
-    a += o[b].length + 1;
+  for (let g = 0; g < i - 1; g++)
+    a += o[g].length + 1;
   const l = o[i - 1].split("	"), u = Math.max(1, Math.min(n, l.length));
-  for (let b = 0; b < u - 1; b++)
-    a += l[b].length + 1;
+  for (let g = 0; g < u - 1; g++)
+    a += l[g].length + 1;
   const f = Math.max(1, Math.min(r, l[u - 1].length + 1));
   return a += f - 1, a;
 }
-function Gt(e, t) {
+function Kt(e, t) {
   const n = e.split(`
 `), r = Math.max(1, Math.min(t, n.length));
   let o = 0;
@@ -1592,43 +1636,43 @@ function Gt(e, t) {
     o += n[i].length + 1;
   return o;
 }
-const fr = Ct(
+const mr = Ct(
   function({ value: t, onChange: n, placeholder: r, className: o, style: i, showLineNumbers: a = !1, onCursorChange: c, highlightLine: l }, u) {
-    const f = F(null), b = F(null), d = F(null);
-    $t(u, () => ({
+    const f = F(null), g = F(null), d = F(null);
+    Mt(u, () => ({
       goToLine(h) {
         const p = f.current;
         if (!p) return;
-        const g = Gt(t, h);
-        p.focus(), p.setSelectionRange(g, g);
+        const m = Kt(t, h);
+        p.focus(), p.setSelectionRange(m, m);
         const x = parseFloat(getComputedStyle(p).lineHeight) || 18;
-        p.scrollTop = (Math.max(1, h) - 1) * x, A(), m();
+        p.scrollTop = (Math.max(1, h) - 1) * x, S(), b();
       },
-      goToPosition(h, p, g) {
+      goToPosition(h, p, m) {
         const x = f.current;
         if (!x) return;
-        const C = jt(t, h, p, g);
-        x.focus(), x.setSelectionRange(C, C);
-        const T = parseFloat(getComputedStyle(x).lineHeight) || 18;
-        x.scrollTop = (Math.max(1, h) - 1) * T, A(), m();
+        const y = Gt(t, h, p, m);
+        x.focus(), x.setSelectionRange(y, y);
+        const M = parseFloat(getComputedStyle(x).lineHeight) || 18;
+        x.scrollTop = (Math.max(1, h) - 1) * M, S(), b();
       }
     }), [t]);
-    const m = Y(() => {
+    const b = G(() => {
       if (!c || !f.current) return;
-      const h = Ft(t, f.current.selectionStart);
+      const h = Yt(t, f.current.selectionStart);
       c(h);
-    }, [c, t]), A = Y(() => {
+    }, [c, t]), S = G(() => {
       const h = f.current;
-      h && (b.current && (b.current.scrollTop = h.scrollTop, b.current.scrollLeft = h.scrollLeft), d.current && (d.current.scrollTop = h.scrollTop));
+      h && (g.current && (g.current.scrollTop = h.scrollTop, g.current.scrollLeft = h.scrollLeft), d.current && (d.current.scrollTop = h.scrollTop));
     }, []);
     D(() => {
       if (l == null || l < 1) return;
       const h = f.current;
       if (!h) return;
-      const p = parseFloat(getComputedStyle(h).lineHeight) || 18, g = (l - 1) * p, x = g + p;
-      (g < h.scrollTop || x > h.scrollTop + h.clientHeight) && (h.scrollTop = g - h.clientHeight / 2 + p / 2), A();
+      const p = parseFloat(getComputedStyle(h).lineHeight) || 18, m = (l - 1) * p, x = m + p;
+      (m < h.scrollTop || x > h.scrollTop + h.clientHeight) && (h.scrollTop = m - h.clientHeight / 2 + p / 2), S();
     }, [l]);
-    const v = Me(() => t.split(`
+    const v = Ie(() => t.split(`
 `).length, [t]), w = () => {
       const h = [];
       for (let p = 1; p <= v; p++)
@@ -1636,22 +1680,22 @@ const fr = Ct(
           /* @__PURE__ */ s("div", { className: `nc-csv-line-number ${l === p ? "nc-csv-highlight" : ""}`, children: p }, p)
         );
       return /* @__PURE__ */ s("div", { className: "nc-csv-gutter", ref: d, children: h });
-    }, y = (h) => h ? h.split(`
-`).map((g, x) => {
-      const C = g.split("	");
+    }, k = (h) => h ? h.split(`
+`).map((m, x) => {
+      const y = m.split("	");
       return /* @__PURE__ */ N("div", { className: `nc-csv-line ${l === x + 1 ? "nc-csv-highlight" : ""}`, children: [
-        C.map((T, E) => /* @__PURE__ */ N("span", { children: [
-          E > 0 && /* @__PURE__ */ s("span", { className: "nc-csv-tab-char", children: "	" }),
-          /* @__PURE__ */ s("span", { style: { color: _e[E % _e.length] }, children: T })
-        ] }, E)),
-        g === "" && `
+        y.map((M, P) => /* @__PURE__ */ N("span", { children: [
+          P > 0 && /* @__PURE__ */ s("span", { className: "nc-csv-tab-char", children: "	" }),
+          /* @__PURE__ */ s("span", { style: { color: _e[P % _e.length] }, children: M })
+        ] }, P)),
+        m === "" && `
 `
       ] }, x);
     }) : null;
     return /* @__PURE__ */ N("div", { className: `nc-csv-textarea-container ${a ? "nc-csv-with-gutter" : ""} ${o ?? ""}`, style: i, children: [
       a && w(),
       /* @__PURE__ */ N("div", { className: "nc-csv-textarea-editor", children: [
-        /* @__PURE__ */ s("div", { className: "nc-csv-textarea-backdrop", ref: b, children: /* @__PURE__ */ s("pre", { className: "nc-csv-textarea-highlights", children: y(t) }) }),
+        /* @__PURE__ */ s("div", { className: "nc-csv-textarea-backdrop", ref: g, children: /* @__PURE__ */ s("pre", { className: "nc-csv-textarea-highlights", children: k(t) }) }),
         /* @__PURE__ */ s(
           "textarea",
           {
@@ -1659,12 +1703,12 @@ const fr = Ct(
             className: "nc-csv-textarea-input",
             value: t,
             onChange: (h) => {
-              n(h.target.value), requestAnimationFrame(m);
+              n(h.target.value), requestAnimationFrame(b);
             },
-            onScroll: A,
-            onSelect: m,
-            onKeyUp: m,
-            onClick: m,
+            onScroll: S,
+            onSelect: b,
+            onKeyUp: b,
+            onClick: b,
             placeholder: r,
             spellCheck: !1,
             autoComplete: "off",
@@ -1685,7 +1729,7 @@ function Te() {
     } catch {
     }
 }
-function Yt(e) {
+function _t(e) {
   Re.add(e);
   try {
     e(ue.notifications.slice());
@@ -1695,7 +1739,7 @@ function Yt(e) {
     Re.delete(e);
   };
 }
-function Kt(e) {
+function Ut(e) {
   const t = `notification-${Date.now()}-${Math.random()}`, { duration: n, type: r, ...o } = e, i = {
     id: t,
     dismissible: !0,
@@ -1716,7 +1760,7 @@ function tt(e) {
   }, 300);
   Ue.set(e, n);
 }
-function _t({ type: e }) {
+function qt({ type: e }) {
   switch (e) {
     case "success":
       return /* @__PURE__ */ s("svg", { viewBox: "0 0 20 20", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ s(
@@ -1757,7 +1801,7 @@ function _t({ type: e }) {
       ] });
   }
 }
-function Ut({ notification: e }) {
+function Xt({ notification: e }) {
   const { t } = re(), n = e.type || "info", r = () => {
     if (e.title) return e.title;
     switch (n) {
@@ -1778,7 +1822,7 @@ function Ut({ notification: e }) {
     {
       className: `nc-notification nc-notification-${n}`,
       children: /* @__PURE__ */ N("div", { className: "nc-notification-content", children: [
-        /* @__PURE__ */ s("div", { className: `nc-notification-icon nc-notification-icon-${n}`, children: /* @__PURE__ */ s(_t, { type: n }) }),
+        /* @__PURE__ */ s("div", { className: `nc-notification-icon nc-notification-icon-${n}`, children: /* @__PURE__ */ s(qt, { type: n }) }),
         /* @__PURE__ */ N("div", { className: "nc-notification-body", children: [
           /* @__PURE__ */ s("div", { className: "nc-notification-title", children: r() }),
           /* @__PURE__ */ s("div", { className: "nc-notification-message", children: e.message })
@@ -1789,18 +1833,18 @@ function Ut({ notification: e }) {
             className: "nc-notification-dismiss",
             onClick: o,
             "aria-label": t("common.close"),
-            children: /* @__PURE__ */ s(Pe, { size: 16 })
+            children: /* @__PURE__ */ s(Le, { size: 16 })
           }
         )
       ] })
     }
   );
 }
-function hr() {
-  const [e, t] = R([]), [n, r] = R(/* @__PURE__ */ new Map()), [o, i] = R(/* @__PURE__ */ new Set()), a = F(null), c = F([]);
-  return D(() => Yt((u) => {
-    const f = new Set(c.current.map((d) => d.id)), b = u.filter((d) => !f.has(d.id)).map((d) => d.id);
-    b.length > 0 ? (t(u), i(new Set(b)), requestAnimationFrame(() => {
+function gr() {
+  const [e, t] = E([]), [n, r] = E(/* @__PURE__ */ new Map()), [o, i] = E(/* @__PURE__ */ new Set()), a = F(null), c = F([]);
+  return D(() => _t((u) => {
+    const f = new Set(c.current.map((d) => d.id)), g = u.filter((d) => !f.has(d.id)).map((d) => d.id);
+    g.length > 0 ? (t(u), i(new Set(g)), requestAnimationFrame(() => {
       requestAnimationFrame(() => {
         i(/* @__PURE__ */ new Set());
       });
@@ -1810,10 +1854,10 @@ function hr() {
     const l = /* @__PURE__ */ new Map();
     let u = 0;
     const f = a.current.children;
-    e.forEach((b, d) => {
-      if (l.set(b.id, u), f[d]) {
-        const m = f[d].offsetHeight;
-        b.isRemoving || (u += m + 12);
+    e.forEach((g, d) => {
+      if (l.set(g.id, u), f[d]) {
+        const b = f[d].offsetHeight;
+        g.isRemoving || (u += b + 12);
       }
     }), r(l);
   }, [e]), /* @__PURE__ */ s(
@@ -1837,7 +1881,7 @@ function hr() {
             width: "100%"
           },
           children: e.map((l) => {
-            const u = o.has(l.id), f = l.isRemoving, b = n.get(l.id) || 0;
+            const u = o.has(l.id), f = l.isRemoving, g = n.get(l.id) || 0;
             return /* @__PURE__ */ s(
               "div",
               {
@@ -1845,13 +1889,13 @@ function hr() {
                   position: "absolute",
                   top: 0,
                   left: 0,
-                  transform: u ? `translate3d(-40px, ${b}px, 0)` : `translate3d(0, ${b}px, 0)`,
+                  transform: u ? `translate3d(-40px, ${g}px, 0)` : `translate3d(0, ${g}px, 0)`,
                   // Only animate transform when not leaving, animate opacity always
                   transition: f ? "opacity 300ms ease-out" : "transform 300ms ease-out, opacity 300ms ease-out",
                   opacity: f ? 0 : 1,
                   width: "100%"
                 },
-                children: /* @__PURE__ */ s(Ut, { notification: l })
+                children: /* @__PURE__ */ s(Xt, { notification: l })
               },
               l.id
             );
@@ -1861,14 +1905,14 @@ function hr() {
     }
   );
 }
-function qt(e) {
-  return Kt(e);
+function Jt(e) {
+  return Ut(e);
 }
-const mr = {
-  show: (e) => qt(e)
+const br = {
+  show: (e) => Jt(e)
 };
-function gr(e) {
-  const t = It.createInstance(), n = {};
+function vr(e) {
+  const t = $t.createInstance(), n = {};
   for (const o in e)
     n[o] = { translation: e[o] };
   const r = typeof document < "u" && document.documentElement.lang || "en";
@@ -1888,7 +1932,7 @@ function gr(e) {
       }
   }).observe(document.documentElement, { attributes: !0 }), t;
 }
-class Xt {
+class Qt {
   constructor() {
     oe(this, "apps", /* @__PURE__ */ new Map());
   }
@@ -1928,8 +1972,8 @@ class Xt {
     return this.apps.has(t);
   }
 }
-const me = new Xt(), qe = "nc-ui-app-state";
-class Jt {
+const me = new Qt(), qe = "nc-ui-app-state";
+class Zt {
   constructor() {
     oe(this, "state");
     oe(this, "listeners", /* @__PURE__ */ new Map());
@@ -1976,8 +2020,8 @@ class Jt {
     (r = this.listeners.get(t)) == null || r.forEach((o) => o(n));
   }
 }
-const ne = new Jt();
-class Qt {
+const ne = new Zt();
+class en {
   constructor() {
     oe(this, "apps", []);
     oe(this, "activeAppId", null);
@@ -2096,14 +2140,14 @@ class Qt {
     this.listeners.forEach((t) => t());
   }
 }
-const Q = new Qt(), nt = ge(null);
-function Zt() {
+const Q = new en(), nt = ge(null);
+function tn() {
   const e = ce(nt);
   if (!e)
     throw new Error("useApp must be used inside an App");
   return e;
 }
-function en({ size: e = 16 }) {
+function nn({ size: e = 16 }) {
   return /* @__PURE__ */ N(
     "svg",
     {
@@ -2122,7 +2166,7 @@ function en({ size: e = 16 }) {
     }
   );
 }
-function tn({ title: e, onClose: t, onBack: n, toolbar: r, hideBackButton: o }) {
+function rn({ title: e, onClose: t, onBack: n, toolbar: r, hideBackButton: o }) {
   return /* @__PURE__ */ N("div", { className: "nc-app-title-bar", children: [
     /* @__PURE__ */ N("div", { className: "nc-app-title-bar-left", children: [
       n && !o && /* @__PURE__ */ s(
@@ -2132,7 +2176,7 @@ function tn({ title: e, onClose: t, onBack: n, toolbar: r, hideBackButton: o })
           onClick: n,
           title: "Back",
           "aria-label": "Go back",
-          children: /* @__PURE__ */ s(en, { size: 16 })
+          children: /* @__PURE__ */ s(nn, { size: 16 })
         }
       ),
       /* @__PURE__ */ s("span", { className: "nc-app-title-bar-title", children: e })
@@ -2143,7 +2187,7 @@ function tn({ title: e, onClose: t, onBack: n, toolbar: r, hideBackButton: o })
     ] })
   ] });
 }
-class nn extends ze.Component {
+class on extends ze.Component {
   constructor(t) {
     super(t), this.state = { hasError: !1 };
   }
@@ -2161,50 +2205,50 @@ class nn extends ze.Component {
   }
 }
 function rt({ appId: e, isActive: t, onClose: n }) {
-  const { t: r } = re(), o = me.get(e), [i, a] = R(""), [c, l] = R(null), [u, f] = R(null), [b, d] = R(!1), [m, A] = R(!1);
+  const { t: r } = re(), o = me.get(e), [i, a] = E(""), [c, l] = E(null), [u, f] = E(null), [g, d] = E(!1), [b, S] = E(!1);
   ze.useEffect(() => {
     o != null && o.titleKey && a(r(o.titleKey));
   }, [o, r]);
-  const v = Y((S) => {
-    a(S);
-  }, []), w = Y((S) => {
-    l(() => S);
-  }, []), y = Y(() => {
+  const v = G((C) => {
+    a(C);
+  }, []), w = G((C) => {
+    l(() => C);
+  }, []), k = G(() => {
     l(null);
-  }, []), h = Y((S) => {
-    f(S);
-  }, []), p = Y(() => {
+  }, []), h = G((C) => {
+    f(C);
+  }, []), p = G(() => {
     f(null);
-  }, []), g = Y((S) => {
-    d(S);
-  }, []), x = Y((S) => {
-    A(S);
-  }, []), C = Me(() => ({
+  }, []), m = G((C) => {
+    d(C);
+  }, []), x = G((C) => {
+    S(C);
+  }, []), y = Ie(() => ({
     setTitle: v,
     setBackHandler: w,
-    clearBackHandler: y,
+    clearBackHandler: k,
     setToolbar: h,
     clearToolbar: p,
-    setHideBackButton: g,
+    setHideBackButton: m,
     setHideTitleBar: x,
     close: n
-  }), [v, w, y, h, p, g, x, n]);
+  }), [v, w, k, h, p, m, x, n]);
   if (!o)
     return null;
-  const T = o.component, E = !o.hideTitleBar && !m;
+  const M = o.component, P = !o.hideTitleBar && !b;
   return /* @__PURE__ */ N(
     "div",
     {
       className: `nc-app-container${t ? "" : " nc-hidden"}`,
       children: [
-        E && /* @__PURE__ */ s(
-          tn,
+        P && /* @__PURE__ */ s(
+          rn,
           {
             title: i,
             onClose: n,
             onBack: c ?? void 0,
             toolbar: u,
-            hideBackButton: b
+            hideBackButton: g
           }
         ),
         /* @__PURE__ */ s(
@@ -2213,13 +2257,13 @@ function rt({ appId: e, isActive: t, onClose: n }) {
             className: "nc-app-content-wrapper",
             style: {
               padding: o.padding,
-              overflowY: E ? "auto" : void 0
+              overflowY: P ? "auto" : void 0
             },
-            children: /* @__PURE__ */ s(nt.Provider, { value: C, children: /* @__PURE__ */ s(nn, { appId: e, children: /* @__PURE__ */ s(
-              Mt,
+            children: /* @__PURE__ */ s(nt.Provider, { value: y, 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(M, {})
               }
             ) }) })
           }
@@ -2228,21 +2272,21 @@ function rt({ appId: e, isActive: t, onClose: n }) {
     }
   );
 }
-const Ce = 768, $e = 1024, ot = {
+const Ce = 768, Me = 1024, ot = {
   isMobile: !1,
   isTablet: !1,
   isDesktop: !0,
   width: typeof window < "u" ? window.innerWidth : 1024,
   height: typeof window < "u" ? window.innerHeight : 768
 }, st = ge(ot);
-function br({ children: e }) {
-  const [t, n] = R(() => {
+function wr({ children: e }) {
+  const [t, n] = E(() => {
     if (typeof window > "u") return ot;
     const r = window.innerWidth, o = window.innerHeight;
     return {
       isMobile: r < Ce,
-      isTablet: r >= Ce && r < $e,
-      isDesktop: r >= $e,
+      isTablet: r >= Ce && r < Me,
+      isDesktop: r >= Me,
       width: r,
       height: o
     };
@@ -2252,8 +2296,8 @@ function br({ children: e }) {
       const o = window.innerWidth, i = window.innerHeight;
       n({
         isMobile: o < Ce,
-        isTablet: o >= Ce && o < $e,
-        isDesktop: o >= $e,
+        isTablet: o >= Ce && o < Me,
+        isDesktop: o >= Me,
         width: o,
         height: i
       });
@@ -2264,15 +2308,15 @@ function br({ children: e }) {
 function it() {
   return ce(st);
 }
-const Be = "-", rn = (e) => {
-  const t = sn(e), {
+const Be = "-", sn = (e) => {
+  const t = an(e), {
     conflictingClassGroups: n,
     conflictingClassGroupModifiers: r
   } = e;
   return {
     getClassGroupId: (a) => {
       const c = a.split(Be);
-      return c[0] === "" && c.length !== 1 && c.shift(), ct(c, t) || on(a);
+      return c[0] === "" && c.length !== 1 && c.shift(), ct(c, t) || cn(a);
     },
     getConflictingClassGroupIds: (a, c) => {
       const l = n[a] || [];
@@ -2292,13 +2336,13 @@ const Be = "-", rn = (e) => {
   return (a = t.validators.find(({
     validator: c
   }) => c(i))) == null ? void 0 : a.classGroupId;
-}, Xe = /^\[(.+)\]$/, on = (e) => {
+}, Xe = /^\[(.+)\]$/, cn = (e) => {
   if (Xe.test(e)) {
     const t = Xe.exec(e)[1], n = t == null ? void 0 : t.substring(0, t.indexOf(":"));
     if (n)
       return "arbitrary.." + n;
   }
-}, sn = (e) => {
+}, an = (e) => {
   const {
     theme: t,
     prefix: n
@@ -2306,10 +2350,10 @@ const Be = "-", rn = (e) => {
     nextPart: /* @__PURE__ */ new Map(),
     validators: []
   };
-  return an(Object.entries(e.classGroups), n).forEach(([i, a]) => {
-    Ee(a, r, i, t);
+  return dn(Object.entries(e.classGroups), n).forEach(([i, a]) => {
+    Pe(a, r, i, t);
   }), r;
-}, Ee = (e, t, n, r) => {
+}, Pe = (e, t, n, r) => {
   e.forEach((o) => {
     if (typeof o == "string") {
       const i = o === "" ? t : Je(t, o);
@@ -2317,8 +2361,8 @@ const Be = "-", rn = (e) => {
       return;
     }
     if (typeof o == "function") {
-      if (cn(o)) {
-        Ee(o(r), t, n, r);
+      if (ln(o)) {
+        Pe(o(r), t, n, r);
         return;
       }
       t.validators.push({
@@ -2328,7 +2372,7 @@ const Be = "-", rn = (e) => {
       return;
     }
     Object.entries(o).forEach(([i, a]) => {
-      Ee(a, Je(t, i), n, r);
+      Pe(a, Je(t, i), n, r);
     });
   });
 }, Je = (e, t) => {
@@ -2339,10 +2383,10 @@ const Be = "-", rn = (e) => {
       validators: []
     }), n = n.nextPart.get(r);
   }), n;
-}, cn = (e) => e.isThemeGetter, an = (e, t) => t ? e.map(([n, r]) => {
+}, ln = (e) => e.isThemeGetter, dn = (e, t) => t ? e.map(([n, r]) => {
   const o = r.map((i) => typeof i == "string" ? t + i : typeof i == "object" ? Object.fromEntries(Object.entries(i).map(([a, c]) => [t + a, c])) : i);
   return [n, o];
-}) : e, ln = (e) => {
+}) : e, un = (e) => {
   if (e < 1)
     return {
       get: () => {
@@ -2366,32 +2410,32 @@ const Be = "-", rn = (e) => {
       n.has(i) ? n.set(i, a) : o(i, a);
     }
   };
-}, at = "!", dn = (e) => {
+}, at = "!", pn = (e) => {
   const {
     separator: t,
     experimentalParseClassName: n
   } = e, r = t.length === 1, o = t[0], i = t.length, a = (c) => {
     const l = [];
-    let u = 0, f = 0, b;
+    let u = 0, f = 0, g;
     for (let w = 0; w < c.length; w++) {
-      let y = c[w];
+      let k = c[w];
       if (u === 0) {
-        if (y === o && (r || c.slice(w, w + i) === t)) {
+        if (k === o && (r || c.slice(w, w + i) === t)) {
           l.push(c.slice(f, w)), f = w + i;
           continue;
         }
-        if (y === "/") {
-          b = w;
+        if (k === "/") {
+          g = w;
           continue;
         }
       }
-      y === "[" ? u++ : y === "]" && u--;
+      k === "[" ? u++ : k === "]" && u--;
     }
-    const d = l.length === 0 ? c : c.substring(f), m = d.startsWith(at), A = m ? d.substring(1) : d, v = b && b > f ? b - f : void 0;
+    const d = l.length === 0 ? c : c.substring(f), b = d.startsWith(at), S = b ? d.substring(1) : d, v = g && g > f ? g - f : void 0;
     return {
       modifiers: l,
-      hasImportantModifier: m,
-      baseClassName: A,
+      hasImportantModifier: b,
+      baseClassName: S,
       maybePostfixModifierPosition: v
     };
   };
@@ -2399,7 +2443,7 @@ const Be = "-", rn = (e) => {
     className: c,
     parseClassName: a
   }) : a;
-}, un = (e) => {
+}, fn = (e) => {
   if (e.length <= 1)
     return e;
   const t = [];
@@ -2407,27 +2451,27 @@ const Be = "-", rn = (e) => {
   return e.forEach((r) => {
     r[0] === "[" ? (t.push(...n.sort(), r), n = []) : n.push(r);
   }), t.push(...n.sort()), t;
-}, pn = (e) => ({
-  cache: ln(e.cacheSize),
-  parseClassName: dn(e),
-  ...rn(e)
-}), fn = /\s+/, hn = (e, t) => {
+}, hn = (e) => ({
+  cache: un(e.cacheSize),
+  parseClassName: pn(e),
+  ...sn(e)
+}), mn = /\s+/, gn = (e, t) => {
   const {
     parseClassName: n,
     getClassGroupId: r,
     getConflictingClassGroupIds: o
-  } = t, i = [], a = e.trim().split(fn);
+  } = t, i = [], a = e.trim().split(mn);
   let c = "";
   for (let l = a.length - 1; l >= 0; l -= 1) {
     const u = a[l], {
       modifiers: f,
-      hasImportantModifier: b,
+      hasImportantModifier: g,
       baseClassName: d,
-      maybePostfixModifierPosition: m
+      maybePostfixModifierPosition: b
     } = n(u);
-    let A = !!m, v = r(A ? d.substring(0, m) : d);
+    let S = !!b, v = r(S ? d.substring(0, b) : d);
     if (!v) {
-      if (!A) {
+      if (!S) {
         c = u + (c.length > 0 ? " " + c : c);
         continue;
       }
@@ -2435,22 +2479,22 @@ const Be = "-", rn = (e) => {
         c = u + (c.length > 0 ? " " + c : c);
         continue;
       }
-      A = !1;
+      S = !1;
     }
-    const w = un(f).join(":"), y = b ? w + at : w, h = y + v;
+    const w = fn(f).join(":"), k = g ? w + at : w, h = k + v;
     if (i.includes(h))
       continue;
     i.push(h);
-    const p = o(v, A);
-    for (let g = 0; g < p.length; ++g) {
-      const x = p[g];
-      i.push(y + x);
+    const p = o(v, S);
+    for (let m = 0; m < p.length; ++m) {
+      const x = p[m];
+      i.push(k + x);
     }
     c = u + (c.length > 0 ? " " + c : c);
   }
   return c;
 };
-function mn() {
+function bn() {
   let e = 0, t, n, r = "";
   for (; e < arguments.length; )
     (t = arguments[e++]) && (n = lt(t)) && (r && (r += " "), r += n);
@@ -2464,57 +2508,57 @@ const lt = (e) => {
     e[r] && (t = lt(e[r])) && (n && (n += " "), n += t);
   return n;
 };
-function gn(e, ...t) {
+function vn(e, ...t) {
   let n, r, o, i = a;
   function a(l) {
-    const u = t.reduce((f, b) => b(f), e());
-    return n = pn(u), r = n.cache.get, o = n.cache.set, i = c, c(l);
+    const u = t.reduce((f, g) => g(f), e());
+    return n = hn(u), r = n.cache.get, o = n.cache.set, i = c, c(l);
   }
   function c(l) {
     const u = r(l);
     if (u)
       return u;
-    const f = hn(l, n);
+    const f = gn(l, n);
     return o(l, f), f;
   }
   return function() {
-    return i(mn.apply(null, arguments));
+    return i(bn.apply(null, arguments));
   };
 }
 const O = (e) => {
   const t = (n) => n[e] || [];
   return t.isThemeGetter = !0, t;
-}, dt = /^\[(?:([a-z-]+):)?(.+)\]$/i, bn = /^\d+\/\d+$/, vn = /* @__PURE__ */ new Set(["px", "full", "screen"]), wn = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, yn = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, xn = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, kn = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, Nn = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, ee = (e) => he(e) || vn.has(e) || bn.test(e), se = (e) => be(e, "length", Tn), he = (e) => !!e && !Number.isNaN(Number(e)), Ie = (e) => be(e, "number", he), xe = (e) => !!e && Number.isInteger(Number(e)), An = (e) => e.endsWith("%") && he(e.slice(0, -1)), M = (e) => dt.test(e), ie = (e) => wn.test(e), Sn = /* @__PURE__ */ new Set(["length", "size", "percentage"]), Cn = (e) => be(e, Sn, ut), $n = (e) => be(e, "position", ut), Mn = /* @__PURE__ */ new Set(["image", "url"]), In = (e) => be(e, Mn, Ln), Rn = (e) => be(e, "", En), ke = () => !0, be = (e, t, n) => {
+}, 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)), R = (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) => {
   const r = dt.exec(e);
   return r ? r[1] ? typeof t == "string" ? r[1] === t : t.has(r[1]) : n(r[2]) : !1;
-}, Tn = (e) => (
+}, En = (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.
-  yn.test(e) && !xn.test(e)
-), ut = () => !1, En = (e) => kn.test(e), Ln = (e) => Nn.test(e), Pn = () => {
-  const e = O("colors"), t = O("spacing"), n = O("blur"), r = O("brightness"), o = O("borderColor"), i = O("borderRadius"), a = O("borderSpacing"), c = O("borderWidth"), l = O("contrast"), u = O("grayscale"), f = O("hueRotate"), b = O("invert"), d = O("gap"), m = O("gradientColorStops"), A = O("gradientColorStopPositions"), v = O("inset"), w = O("margin"), y = O("opacity"), h = O("padding"), p = O("saturate"), g = O("scale"), x = O("sepia"), C = O("skew"), T = O("space"), E = O("translate"), S = () => ["auto", "contain", "none"], L = () => ["auto", "hidden", "clip", "visible", "scroll"], k = () => ["auto", M, t], $ = () => [M, t], P = () => ["", ee, se], H = () => ["auto", he, M], ae = () => ["bottom", "center", "left", "left-bottom", "left-top", "right", "right-bottom", "right-top", "top"], X = () => ["solid", "dashed", "dotted", "double", "none"], K = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], _ = () => ["start", "end", "center", "between", "around", "evenly", "stretch"], U = () => ["", "0", M], j = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], z = () => [he, M];
+  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"), u = O("grayscale"), f = O("hueRotate"), g = O("invert"), d = O("gap"), b = O("gradientColorStops"), S = O("gradientColorStopPositions"), v = O("inset"), w = O("margin"), k = O("opacity"), h = O("padding"), p = O("saturate"), m = O("scale"), x = O("sepia"), y = O("skew"), M = O("space"), P = O("translate"), C = () => ["auto", "contain", "none"], I = () => ["auto", "hidden", "clip", "visible", "scroll"], A = () => ["auto", R, t], $ = () => [R, t], L = () => ["", ee, se], H = () => ["auto", he, R], 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", R], j = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], z = () => [he, R];
   return {
     cacheSize: 500,
     separator: ":",
     theme: {
       colors: [ke],
       spacing: [ee, se],
-      blur: ["none", "", ie, M],
+      blur: ["none", "", ie, R],
       brightness: z(),
       borderColor: [e],
-      borderRadius: ["none", "", "full", ie, M],
+      borderRadius: ["none", "", "full", ie, R],
       borderSpacing: $(),
-      borderWidth: P(),
+      borderWidth: L(),
       contrast: z(),
       grayscale: U(),
       hueRotate: z(),
       invert: U(),
       gap: $(),
       gradientColorStops: [e],
-      gradientColorStopPositions: [An, se],
-      inset: k(),
-      margin: k(),
+      gradientColorStopPositions: [Cn, se],
+      inset: A(),
+      margin: A(),
       opacity: z(),
       padding: $(),
       saturate: z(),
@@ -2531,7 +2575,7 @@ const O = (e) => {
        * @see https://tailwindcss.com/docs/aspect-ratio
        */
       aspect: [{
-        aspect: ["auto", "square", "video", M]
+        aspect: ["auto", "square", "video", R]
       }],
       /**
        * Container
@@ -2616,49 +2660,49 @@ const O = (e) => {
        * @see https://tailwindcss.com/docs/object-position
        */
       "object-position": [{
-        object: [...ae(), M]
+        object: [...ae(), R]
       }],
       /**
        * Overflow
        * @see https://tailwindcss.com/docs/overflow
        */
       overflow: [{
-        overflow: L()
+        overflow: I()
       }],
       /**
        * Overflow X
        * @see https://tailwindcss.com/docs/overflow
        */
       "overflow-x": [{
-        "overflow-x": L()
+        "overflow-x": I()
       }],
       /**
        * Overflow Y
        * @see https://tailwindcss.com/docs/overflow
        */
       "overflow-y": [{
-        "overflow-y": L()
+        "overflow-y": I()
       }],
       /**
        * Overscroll Behavior
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       overscroll: [{
-        overscroll: S()
+        overscroll: C()
       }],
       /**
        * Overscroll Behavior X
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       "overscroll-x": [{
-        "overscroll-x": S()
+        "overscroll-x": C()
       }],
       /**
        * Overscroll Behavior Y
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       "overscroll-y": [{
-        "overscroll-y": S()
+        "overscroll-y": C()
       }],
       /**
        * Position
@@ -2738,7 +2782,7 @@ const O = (e) => {
        * @see https://tailwindcss.com/docs/z-index
        */
       z: [{
-        z: ["auto", xe, M]
+        z: ["auto", xe, R]
       }],
       // Flexbox and Grid
       /**
@@ -2746,7 +2790,7 @@ const O = (e) => {
        * @see https://tailwindcss.com/docs/flex-basis
        */
       basis: [{
-        basis: k()
+        basis: A()
       }],
       /**
        * Flex Direction
@@ -2767,7 +2811,7 @@ const O = (e) => {
        * @see https://tailwindcss.com/docs/flex
        */
       flex: [{
-        flex: ["1", "auto", "initial", "none", M]
+        flex: ["1", "auto", "initial", "none", R]
       }],
       /**
        * Flex Grow
@@ -2788,7 +2832,7 @@ const O = (e) => {
        * @see https://tailwindcss.com/docs/order
        */
       order: [{
-        order: ["first", "last", "none", xe, M]
+        order: ["first", "last", "none", xe, R]
       }],
       /**
        * Grid Template Columns
@@ -2803,8 +2847,8 @@ const O = (e) => {
        */
       "col-start-end": [{
         col: ["auto", {
-          span: ["full", xe, M]
-        }, M]
+          span: ["full", xe, R]
+        }, R]
       }],
       /**
        * Grid Column Start
@@ -2833,8 +2877,8 @@ const O = (e) => {
        */
       "row-start-end": [{
         row: ["auto", {
-          span: [xe, M]
-        }, M]
+          span: [xe, R]
+        }, R]
       }],
       /**
        * Grid Row Start
@@ -2862,14 +2906,14 @@ const O = (e) => {
        * @see https://tailwindcss.com/docs/grid-auto-columns
        */
       "auto-cols": [{
-        "auto-cols": ["auto", "min", "max", "fr", M]
+        "auto-cols": ["auto", "min", "max", "fr", R]
       }],
       /**
        * Grid Auto Rows
        * @see https://tailwindcss.com/docs/grid-auto-rows
        */
       "auto-rows": [{
-        "auto-rows": ["auto", "min", "max", "fr", M]
+        "auto-rows": ["auto", "min", "max", "fr", R]
       }],
       /**
        * Gap
@@ -3087,7 +3131,7 @@ const O = (e) => {
        * @see https://tailwindcss.com/docs/space
        */
       "space-x": [{
-        "space-x": [T]
+        "space-x": [M]
       }],
       /**
        * Space Between X Reverse
@@ -3099,7 +3143,7 @@ const O = (e) => {
        * @see https://tailwindcss.com/docs/space
        */
       "space-y": [{
-        "space-y": [T]
+        "space-y": [M]
       }],
       /**
        * Space Between Y Reverse
@@ -3112,21 +3156,21 @@ const O = (e) => {
        * @see https://tailwindcss.com/docs/width
        */
       w: [{
-        w: ["auto", "min", "max", "fit", "svw", "lvw", "dvw", M, t]
+        w: ["auto", "min", "max", "fit", "svw", "lvw", "dvw", R, t]
       }],
       /**
        * Min-Width
        * @see https://tailwindcss.com/docs/min-width
        */
       "min-w": [{
-        "min-w": [M, t, "min", "max", "fit"]
+        "min-w": [R, t, "min", "max", "fit"]
       }],
       /**
        * Max-Width
        * @see https://tailwindcss.com/docs/max-width
        */
       "max-w": [{
-        "max-w": [M, t, "none", "full", "min", "max", "fit", "prose", {
+        "max-w": [R, t, "none", "full", "min", "max", "fit", "prose", {
           screen: [ie]
         }, ie]
       }],
@@ -3135,28 +3179,28 @@ const O = (e) => {
        * @see https://tailwindcss.com/docs/height
        */
       h: [{
-        h: [M, t, "auto", "min", "max", "fit", "svh", "lvh", "dvh"]
+        h: [R, t, "auto", "min", "max", "fit", "svh", "lvh", "dvh"]
       }],
       /**
        * Min-Height
        * @see https://tailwindcss.com/docs/min-height
        */
       "min-h": [{
-        "min-h": [M, t, "min", "max", "fit", "svh", "lvh", "dvh"]
+        "min-h": [R, t, "min", "max", "fit", "svh", "lvh", "dvh"]
       }],
       /**
        * Max-Height
        * @see https://tailwindcss.com/docs/max-height
        */
       "max-h": [{
-        "max-h": [M, t, "min", "max", "fit", "svh", "lvh", "dvh"]
+        "max-h": [R, t, "min", "max", "fit", "svh", "lvh", "dvh"]
       }],
       /**
        * Size
        * @see https://tailwindcss.com/docs/size
        */
       size: [{
-        size: [M, t, "auto", "min", "max", "fit"]
+        size: [R, t, "auto", "min", "max", "fit"]
       }],
       // Typography
       /**
@@ -3181,7 +3225,7 @@ const O = (e) => {
        * @see https://tailwindcss.com/docs/font-weight
        */
       "font-weight": [{
-        font: ["thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black", Ie]
+        font: ["thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black", $e]
       }],
       /**
        * Font Family
@@ -3225,35 +3269,35 @@ const O = (e) => {
        * @see https://tailwindcss.com/docs/letter-spacing
        */
       tracking: [{
-        tracking: ["tighter", "tight", "normal", "wide", "wider", "widest", M]
+        tracking: ["tighter", "tight", "normal", "wide", "wider", "widest", R]
       }],
       /**
        * Line Clamp
        * @see https://tailwindcss.com/docs/line-clamp
        */
       "line-clamp": [{
-        "line-clamp": ["none", he, Ie]
+        "line-clamp": ["none", he, $e]
       }],
       /**
        * Line Height
        * @see https://tailwindcss.com/docs/line-height
        */
       leading: [{
-        leading: ["none", "tight", "snug", "normal", "relaxed", "loose", ee, M]
+        leading: ["none", "tight", "snug", "normal", "relaxed", "loose", ee, R]
       }],
       /**
        * List Style Image
        * @see https://tailwindcss.com/docs/list-style-image
        */
       "list-image": [{
-        "list-image": ["none", M]
+        "list-image": ["none", R]
       }],
       /**
        * List Style Type
        * @see https://tailwindcss.com/docs/list-style-type
        */
       "list-style-type": [{
-        list: ["none", "disc", "decimal", M]
+        list: ["none", "disc", "decimal", R]
       }],
       /**
        * List Style Position
@@ -3275,7 +3319,7 @@ const O = (e) => {
        * @see https://tailwindcss.com/docs/placeholder-opacity
        */
       "placeholder-opacity": [{
-        "placeholder-opacity": [y]
+        "placeholder-opacity": [k]
       }],
       /**
        * Text Alignment
@@ -3296,7 +3340,7 @@ const O = (e) => {
        * @see https://tailwindcss.com/docs/text-opacity
        */
       "text-opacity": [{
-        "text-opacity": [y]
+        "text-opacity": [k]
       }],
       /**
        * Text Decoration
@@ -3322,7 +3366,7 @@ const O = (e) => {
        * @see https://tailwindcss.com/docs/text-underline-offset
        */
       "underline-offset": [{
-        "underline-offset": ["auto", ee, M]
+        "underline-offset": ["auto", ee, R]
       }],
       /**
        * Text Decoration Color
@@ -3360,7 +3404,7 @@ const O = (e) => {
        * @see https://tailwindcss.com/docs/vertical-align
        */
       "vertical-align": [{
-        align: ["baseline", "top", "middle", "bottom", "text-top", "text-bottom", "sub", "super", M]
+        align: ["baseline", "top", "middle", "bottom", "text-top", "text-bottom", "sub", "super", R]
       }],
       /**
        * Whitespace
@@ -3388,7 +3432,7 @@ const O = (e) => {
        * @see https://tailwindcss.com/docs/content
        */
       content: [{
-        content: ["none", M]
+        content: ["none", R]
       }],
       // Backgrounds
       /**
@@ -3411,7 +3455,7 @@ const O = (e) => {
        * @see https://tailwindcss.com/docs/background-opacity
        */
       "bg-opacity": [{
-        "bg-opacity": [y]
+        "bg-opacity": [k]
       }],
       /**
        * Background Origin
@@ -3441,7 +3485,7 @@ const O = (e) => {
        * @see https://tailwindcss.com/docs/background-size
        */
       "bg-size": [{
-        bg: ["auto", "cover", "contain", Cn]
+        bg: ["auto", "cover", "contain", In]
       }],
       /**
        * Background Image
@@ -3450,7 +3494,7 @@ const O = (e) => {
       "bg-image": [{
         bg: ["none", {
           "gradient-to": ["t", "tr", "r", "br", "b", "bl", "l", "tl"]
-        }, In]
+        }, Tn]
       }],
       /**
        * Background Color
@@ -3464,42 +3508,42 @@ const O = (e) => {
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-from-pos": [{
-        from: [A]
+        from: [S]
       }],
       /**
        * Gradient Color Stops Via Position
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-via-pos": [{
-        via: [A]
+        via: [S]
       }],
       /**
        * Gradient Color Stops To Position
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-to-pos": [{
-        to: [A]
+        to: [S]
       }],
       /**
        * Gradient Color Stops From
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-from": [{
-        from: [m]
+        from: [b]
       }],
       /**
        * Gradient Color Stops Via
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-via": [{
-        via: [m]
+        via: [b]
       }],
       /**
        * Gradient Color Stops To
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-to": [{
-        to: [m]
+        to: [b]
       }],
       // Borders
       /**
@@ -3675,7 +3719,7 @@ const O = (e) => {
        * @see https://tailwindcss.com/docs/border-opacity
        */
       "border-opacity": [{
-        "border-opacity": [y]
+        "border-opacity": [k]
       }],
       /**
        * Border Style
@@ -3713,7 +3757,7 @@ const O = (e) => {
        * @see https://tailwindcss.com/docs/divide-opacity
        */
       "divide-opacity": [{
-        "divide-opacity": [y]
+        "divide-opacity": [k]
       }],
       /**
        * Divide Style
@@ -3804,7 +3848,7 @@ const O = (e) => {
        * @see https://tailwindcss.com/docs/outline-offset
        */
       "outline-offset": [{
-        "outline-offset": [ee, M]
+        "outline-offset": [ee, R]
       }],
       /**
        * Outline Width
@@ -3825,7 +3869,7 @@ const O = (e) => {
        * @see https://tailwindcss.com/docs/ring-width
        */
       "ring-w": [{
-        ring: P()
+        ring: L()
       }],
       /**
        * Ring Width Inset
@@ -3844,7 +3888,7 @@ const O = (e) => {
        * @see https://tailwindcss.com/docs/ring-opacity
        */
       "ring-opacity": [{
-        "ring-opacity": [y]
+        "ring-opacity": [k]
       }],
       /**
        * Ring Offset Width
@@ -3866,7 +3910,7 @@ const O = (e) => {
        * @see https://tailwindcss.com/docs/box-shadow
        */
       shadow: [{
-        shadow: ["", "inner", "none", ie, Rn]
+        shadow: ["", "inner", "none", ie, Pn]
       }],
       /**
        * Box Shadow Color
@@ -3880,7 +3924,7 @@ const O = (e) => {
        * @see https://tailwindcss.com/docs/opacity
        */
       opacity: [{
-        opacity: [y]
+        opacity: [k]
       }],
       /**
        * Mix Blend Mode
@@ -3931,7 +3975,7 @@ const O = (e) => {
        * @see https://tailwindcss.com/docs/drop-shadow
        */
       "drop-shadow": [{
-        "drop-shadow": ["", "none", ie, M]
+        "drop-shadow": ["", "none", ie, R]
       }],
       /**
        * Grayscale
@@ -3952,7 +3996,7 @@ const O = (e) => {
        * @see https://tailwindcss.com/docs/invert
        */
       invert: [{
-        invert: [b]
+        invert: [g]
       }],
       /**
        * Saturate
@@ -4016,14 +4060,14 @@ const O = (e) => {
        * @see https://tailwindcss.com/docs/backdrop-invert
        */
       "backdrop-invert": [{
-        "backdrop-invert": [b]
+        "backdrop-invert": [g]
       }],
       /**
        * Backdrop Opacity
        * @see https://tailwindcss.com/docs/backdrop-opacity
        */
       "backdrop-opacity": [{
-        "backdrop-opacity": [y]
+        "backdrop-opacity": [k]
       }],
       /**
        * Backdrop Saturate
@@ -4088,7 +4132,7 @@ const O = (e) => {
        * @see https://tailwindcss.com/docs/transition-property
        */
       transition: [{
-        transition: ["none", "all", "", "colors", "opacity", "shadow", "transform", M]
+        transition: ["none", "all", "", "colors", "opacity", "shadow", "transform", R]
       }],
       /**
        * Transition Duration
@@ -4102,7 +4146,7 @@ const O = (e) => {
        * @see https://tailwindcss.com/docs/transition-timing-function
        */
       ease: [{
-        ease: ["linear", "in", "out", "in-out", M]
+        ease: ["linear", "in", "out", "in-out", R]
       }],
       /**
        * Transition Delay
@@ -4116,7 +4160,7 @@ const O = (e) => {
        * @see https://tailwindcss.com/docs/animation
        */
       animate: [{
-        animate: ["none", "spin", "ping", "pulse", "bounce", M]
+        animate: ["none", "spin", "ping", "pulse", "bounce", R]
       }],
       // Transforms
       /**
@@ -4131,63 +4175,63 @@ const O = (e) => {
        * @see https://tailwindcss.com/docs/scale
        */
       scale: [{
-        scale: [g]
+        scale: [m]
       }],
       /**
        * Scale X
        * @see https://tailwindcss.com/docs/scale
        */
       "scale-x": [{
-        "scale-x": [g]
+        "scale-x": [m]
       }],
       /**
        * Scale Y
        * @see https://tailwindcss.com/docs/scale
        */
       "scale-y": [{
-        "scale-y": [g]
+        "scale-y": [m]
       }],
       /**
        * Rotate
        * @see https://tailwindcss.com/docs/rotate
        */
       rotate: [{
-        rotate: [xe, M]
+        rotate: [xe, R]
       }],
       /**
        * Translate X
        * @see https://tailwindcss.com/docs/translate
        */
       "translate-x": [{
-        "translate-x": [E]
+        "translate-x": [P]
       }],
       /**
        * Translate Y
        * @see https://tailwindcss.com/docs/translate
        */
       "translate-y": [{
-        "translate-y": [E]
+        "translate-y": [P]
       }],
       /**
        * Skew X
        * @see https://tailwindcss.com/docs/skew
        */
       "skew-x": [{
-        "skew-x": [C]
+        "skew-x": [y]
       }],
       /**
        * Skew Y
        * @see https://tailwindcss.com/docs/skew
        */
       "skew-y": [{
-        "skew-y": [C]
+        "skew-y": [y]
       }],
       /**
        * Transform Origin
        * @see https://tailwindcss.com/docs/transform-origin
        */
       "transform-origin": [{
-        origin: ["center", "top", "top-right", "right", "bottom-right", "bottom", "bottom-left", "left", "top-left", M]
+        origin: ["center", "top", "top-right", "right", "bottom-right", "bottom", "bottom-left", "left", "top-left", R]
       }],
       // Interactivity
       /**
@@ -4209,7 +4253,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", M]
+        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", R]
       }],
       /**
        * Caret Color
@@ -4431,7 +4475,7 @@ const O = (e) => {
        * @see https://tailwindcss.com/docs/will-change
        */
       "will-change": [{
-        "will-change": ["auto", "scroll", "contents", "transform", M]
+        "will-change": ["auto", "scroll", "contents", "transform", R]
       }],
       // SVG
       /**
@@ -4446,7 +4490,7 @@ const O = (e) => {
        * @see https://tailwindcss.com/docs/stroke-width
        */
       "stroke-w": [{
-        stroke: [ee, se, Ie]
+        stroke: [ee, se, $e]
       }],
       /**
        * Stroke
@@ -4521,15 +4565,15 @@ const O = (e) => {
       "font-size": ["leading"]
     }
   };
-}, zn = /* @__PURE__ */ gn(Pn);
-function Bn(...e) {
-  return zn(Rt(e));
+}, Dn = /* @__PURE__ */ vn(Bn);
+function Wn(...e) {
+  return Dn(Rt(e));
 }
-function vr({ autoWidth: e = !0, className: t, style: n }) {
-  const [r, o] = R(() => ne.getActiveAppId()), [i, a] = R(() => Q.getRunningApps()), { isMobile: c } = it();
+function yr({ autoWidth: e = !0, className: t, style: n }) {
+  const [r, o] = E(() => ne.getActiveAppId()), [i, a] = E(() => Q.getRunningApps()), { isMobile: c } = it();
   D(() => {
-    const w = ne.subscribe("activeAppId", (y) => {
-      o(y);
+    const w = ne.subscribe("activeAppId", (k) => {
+      o(k);
     });
     return () => {
       w();
@@ -4544,15 +4588,15 @@ function vr({ autoWidth: e = !0, className: t, style: n }) {
   }, []);
   const l = (w) => {
     Q.closeApp(w);
-  }, u = r ? me.get(r) : null, b = (u == null ? void 0 : u.width) ?? 400, d = r !== null, v = { ...{
+  }, u = r ? me.get(r) : null, g = (u == null ? void 0 : u.width) ?? 400, d = r !== null, v = { ...{
     overflow: "hidden",
     display: d ? "flex" : "none",
     flexDirection: "column",
     flexShrink: 0,
     // Only set width if autoWidth is enabled
-    ...e && d ? { width: c ? "100%" : b } : {}
+    ...e && d ? { width: c ? "100%" : g } : {}
   }, ...n };
-  return /* @__PURE__ */ s("div", { className: Bn("nc-app-panel", t), style: v, children: i.map((w) => /* @__PURE__ */ s(
+  return /* @__PURE__ */ s("div", { className: Wn("nc-app-panel", t), style: v, children: i.map((w) => /* @__PURE__ */ s(
     rt,
     {
       appId: w.appId,
@@ -4562,17 +4606,17 @@ function vr({ autoWidth: e = !0, className: t, style: n }) {
     w.appId
   )) });
 }
-function wr({
+function xr({
   pinnedAppIds: e,
   className: t = "",
   showIndicators: n = !0,
   side: r = "left",
   getBadge: o
 }) {
-  const { t: i } = re(), { isMobile: a } = it(), [c, l] = R(() => ne.getActiveAppId()), [u, f] = R(() => Q.getRunningApps());
+  const { t: i } = re(), { isMobile: a } = it(), [c, l] = E(() => ne.getActiveAppId()), [u, f] = E(() => Q.getRunningApps());
   D(() => {
-    const p = ne.subscribe("activeAppId", (g) => {
-      l(g);
+    const p = ne.subscribe("activeAppId", (m) => {
+      l(m);
     });
     return () => {
       p();
@@ -4580,10 +4624,10 @@ function wr({
   }, []), D(() => Q.subscribe(() => {
     f(Q.getRunningApps());
   }), []);
-  const b = (p) => {
+  const g = (p) => {
     c === p ? Q.setActiveApp(null) : Q.launchApp(p);
-  }, d = e.map((p) => me.get(p)).filter((p) => !!p), m = u.filter((p) => !e.includes(p.appId)).map((p) => ({ running: p, def: me.get(p.appId) })).filter((p) => !!p.def), A = (p) => u.some((g) => g.appId === p), v = (p) => p.titleKey ? String(i(p.titleKey)) : p.id, w = (p) => typeof p == "number" && p > 99 ? "99+" : p, y = (p, g) => {
-    const x = o == null ? void 0 : o(p, g);
+  }, d = e.map((p) => me.get(p)).filter((p) => !!p), b = u.filter((p) => !e.includes(p.appId)).map((p) => ({ running: p, def: me.get(p.appId) })).filter((p) => !!p.def), S = (p) => u.some((m) => m.appId === p), v = (p) => p.titleKey ? String(i(p.titleKey)) : p.id, w = (p) => typeof p == "number" && p > 99 ? "99+" : p, k = (p, m) => {
+    const x = o == null ? void 0 : o(p, m);
     return x ? /* @__PURE__ */ s(
       "span",
       {
@@ -4595,34 +4639,34 @@ function wr({
   }, h = a ? 24 : 28;
   return /* @__PURE__ */ N("div", { className: `nc-app-taskbar ${a ? "nc-mobile" : "nc-desktop"} nc-${r} ${t}`, children: [
     d.map((p) => {
-      const g = p.icon, x = c === p.id, C = A(p.id), T = { isActive: x, isRunning: C, isPinned: !0 };
+      const m = p.icon, x = c === p.id, y = S(p.id), M = { isActive: x, isRunning: y, isPinned: !0 };
       return /* @__PURE__ */ N(
         "button",
         {
-          className: `nc-app-taskbar-button ${x ? "nc-active" : ""} ${C ? "nc-running" : ""}`,
-          onClick: () => b(p.id),
+          className: `nc-app-taskbar-button ${x ? "nc-active" : ""} ${y ? "nc-running" : ""}`,
+          onClick: () => g(p.id),
           title: v(p),
           children: [
-            /* @__PURE__ */ s(g, { size: h }),
-            y(p, T),
-            n && C && /* @__PURE__ */ s("span", { className: "nc-app-taskbar-indicator" })
+            /* @__PURE__ */ s(m, { size: h }),
+            k(p, M),
+            n && y && /* @__PURE__ */ s("span", { className: "nc-app-taskbar-indicator" })
           ]
         },
         p.id
       );
     }),
-    m.length > 0 && /* @__PURE__ */ s("div", { className: "nc-app-taskbar-separator" }),
-    m.map(({ running: p, def: g }) => {
-      const x = g.icon, C = c === p.appId, T = { isActive: C, isRunning: !0, isPinned: !1 };
+    b.length > 0 && /* @__PURE__ */ s("div", { className: "nc-app-taskbar-separator" }),
+    b.map(({ running: p, def: m }) => {
+      const x = m.icon, y = c === p.appId, M = { isActive: y, isRunning: !0, isPinned: !1 };
       return /* @__PURE__ */ N(
         "button",
         {
-          className: `nc-app-taskbar-button ${C ? "nc-active" : ""} nc-running`,
-          onClick: () => b(p.appId),
-          title: v(g),
+          className: `nc-app-taskbar-button ${y ? "nc-active" : ""} nc-running`,
+          onClick: () => g(p.appId),
+          title: v(m),
           children: [
             /* @__PURE__ */ s(x, { size: h }),
-            y(g, T),
+            k(m, M),
             n && /* @__PURE__ */ s("span", { className: "nc-app-taskbar-indicator" })
           ]
         },
@@ -4631,7 +4675,7 @@ function wr({
     })
   ] });
 }
-function yr({
+function kr({
   appId: e,
   open: t,
   onClose: n,
@@ -4669,52 +4713,52 @@ function yr({
   return Ae(c, document.body);
 }
 const De = ge(null), pt = ge(null);
-function xr() {
+function Nr() {
   const e = ce(De);
   if (!e)
     throw new Error("useNavStack must be used within a NavStackProvider");
   return e;
 }
-function kr() {
+function Ar() {
   const e = ce(pt);
   if (!e)
     throw new Error("useNavView must be used within NavStack");
   return e;
 }
 const We = ge(null);
-function Nr({ rootView: e, children: t }) {
-  const { t: n } = re(), r = Zt(), [o, i] = R([e]), [a, c] = R([null]), l = Y((g, x) => {
-    c((C) => {
-      const T = [...C];
-      return T[g] = x, T;
+function Sr({ rootView: e, children: t }) {
+  const { t: n } = re(), r = tn(), [o, i] = E([e]), [a, c] = E([null]), l = G((m, x) => {
+    c((y) => {
+      const M = [...y];
+      return M[m] = x, M;
     });
-  }, []), u = Y((g) => {
+  }, []), u = G((m) => {
     c((x) => {
-      const C = [...x];
-      return C[g] = null, C;
+      const y = [...x];
+      return y[m] = null, y;
     });
-  }, []), f = Y((g) => {
-    i((x) => [...x, g]), c((x) => [...x, null]);
-  }, []), b = Y(() => {
-    i((g) => g.length <= 1 ? g : g.slice(0, -1)), c((g) => g.slice(0, -1));
-  }, []), d = Y(() => {
+  }, []), f = G((m) => {
+    i((x) => [...x, m]), c((x) => [...x, null]);
+  }, []), g = G(() => {
+    i((m) => m.length <= 1 ? m : m.slice(0, -1)), c((m) => m.slice(0, -1));
+  }, []), d = G(() => {
     i([e]), c([null]);
-  }, [e]), m = o.length, A = m > 1, v = o.length - 1, w = o[o.length - 1], y = w != null && w.titleKey ? n(w.titleKey) : (w == null ? void 0 : w.title) ?? "";
+  }, [e]), b = o.length, S = b > 1, v = o.length - 1, w = o[o.length - 1], k = w != null && w.titleKey ? n(w.titleKey) : (w == null ? void 0 : w.title) ?? "";
   D(() => {
-    r.setTitle(y);
-  }, [y, r]), D(() => {
-    A ? r.setBackHandler(b) : r.clearBackHandler();
-  }, [A, b, r]), D(() => {
-    const g = a[a.length - 1];
-    g ? r.setToolbar(g) : r.clearToolbar();
+    r.setTitle(k);
+  }, [k, r]), D(() => {
+    S ? r.setBackHandler(g) : r.clearBackHandler();
+  }, [S, g, r]), D(() => {
+    const m = a[a.length - 1];
+    m ? r.setToolbar(m) : r.clearToolbar();
   }, [a, r]);
   const h = {
     push: f,
-    pop: b,
+    pop: g,
     reset: d,
-    depth: m,
-    canGoBack: A,
-    currentTitle: y
+    depth: b,
+    canGoBack: S,
+    currentTitle: k
   }, p = {
     stack: o,
     toolbarStack: a,
@@ -4724,13 +4768,13 @@ function Nr({ rootView: e, children: t }) {
   };
   return /* @__PURE__ */ s(De.Provider, { value: h, children: /* @__PURE__ */ s(We.Provider, { value: p, children: t }) });
 }
-function Dn({ index: e, children: t }) {
+function Hn({ index: e, children: t }) {
   const n = ce(We);
   if (!n)
     throw new Error("NavViewProvider must be used within NavStackProvider");
-  const { updateToolbar: r, clearToolbarAt: o, topIndex: i } = n, a = Y((u) => {
+  const { updateToolbar: r, clearToolbarAt: o, topIndex: i } = n, a = G((u) => {
     e === i && r(e, u);
-  }, [e, i, r]), c = Y(() => {
+  }, [e, i, r]), c = G(() => {
     e === i && o(e);
   }, [e, i, o]), l = {
     setToolbar: a,
@@ -4738,14 +4782,14 @@ function Dn({ index: e, children: t }) {
   };
   return /* @__PURE__ */ s(pt.Provider, { value: l, children: t });
 }
-function Ar() {
+function Cr() {
   const e = ce(De), t = ce(We);
   if (!e || !t)
     throw new Error("NavStackContainer must be used within a NavStackProvider");
   const { stack: n } = t;
   return /* @__PURE__ */ s("div", { className: "nav-stack-container", children: /* @__PURE__ */ s("div", { className: "nav-stack-content", children: n.map((r, o) => {
     const i = o === n.length - 1;
-    return /* @__PURE__ */ s(Dn, { index: o, children: /* @__PURE__ */ s(
+    return /* @__PURE__ */ s(Hn, { index: o, children: /* @__PURE__ */ s(
       "div",
       {
         style: { display: i ? "flex" : "none", flexDirection: "column", height: "100%" },
@@ -4756,54 +4800,54 @@ function Ar() {
 }
 export {
   Qe as ActivityIndicator,
-  Kn as Alert,
+  Un as Alert,
   rt as AppContainer,
   nt as AppContext,
-  yr as AppDialog,
-  vr as AppPanel,
-  wr as AppTaskbar,
-  tn as AppTitleBar,
-  _n as Battery,
+  kr as AppDialog,
+  yr as AppPanel,
+  xr as AppTaskbar,
+  rn as AppTitleBar,
+  qn as Battery,
   te as Button,
-  Un as ButtonGroup,
-  qn as Checkbox,
+  Xn as ButtonGroup,
+  Jn as Checkbox,
   Ze as CloseButton,
-  Xn as ComboBox,
-  tr as ContextMenu,
-  fr as CsvTextArea,
-  nr as Dialog,
+  Qn as ComboBox,
+  rr as ContextMenu,
+  mr as CsvTextArea,
+  or as Dialog,
   fe as DialogClose,
-  Qn as EditButton,
-  er as Hyperlink,
-  rr as Input,
-  sr as ListGroup,
-  or as ListGroupItem,
-  cr as MonthRangePicker,
-  ir as MultiSelect,
-  Ar as NavStackContainer,
-  Nr as NavStackProvider,
-  Ut as Notification,
-  hr as NotificationContainer,
-  ar as NumberInput,
-  Jn as RefreshButton,
-  lr as Slider,
-  Ot as TabPanel,
-  dr as TabPanels,
-  ur as Tabs,
-  pr as Toggle,
-  Zn as TrashButton,
-  br as ViewportProvider,
+  er as EditButton,
+  nr as Hyperlink,
+  sr as Input,
+  cr as ListGroup,
+  ir as ListGroupItem,
+  lr as MonthRangePicker,
+  ar as MultiSelect,
+  Cr as NavStackContainer,
+  Sr as NavStackProvider,
+  Xt as Notification,
+  gr as NotificationContainer,
+  dr as NumberInput,
+  Zn as RefreshButton,
+  ur as Slider,
+  jt as TabPanel,
+  pr as TabPanels,
+  fr as Tabs,
+  hr as Toggle,
+  tr as TrashButton,
+  wr as ViewportProvider,
   me as appRegistry,
   ne as appStateStore,
-  Bn as cn,
-  gr as createAppI18nFactory,
-  mr as notificationManager,
+  Wn as cn,
+  vr as createAppI18nFactory,
+  br as notificationManager,
   Q as runningAppsStore,
-  qt as showNotification,
-  Zt as useApp,
+  Jt as showNotification,
+  tn as useApp,
   Dt as useDialog,
-  xr as useNavStack,
-  kr as useNavView,
+  Nr as useNavStack,
+  Ar as useNavView,
   it as useViewport
 };
 //# sourceMappingURL=index.js.map