@kingsimba/nc-ui 0.1.10 → 0.1.12

package/dist/index.js

@@ -1,14 +1,14 @@
-var Xe = Object.defineProperty;
-var Je = (e, t, n) => t in e ? Xe(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
-var _ = (e, t, n) => Je(e, typeof t != "symbol" ? t + "" : t, n);
+var Je = Object.defineProperty;
+var Qe = (e, t, n) => t in e ? Je(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
+var _ = (e, t, n) => Qe(e, typeof t != "symbol" ? t + "" : t, n);
 import { jsx as s, jsxs as y } from "react/jsx-runtime";
-import ye, { useState as R, useRef as H, useMemo as xe, useEffect as T, createContext as se, useContext as X, Children as Qe, isValidElement as Ze, useCallback as W, Suspense as et } from "react";
+import xe, { useState as T, useRef as H, useMemo as ge, useEffect as L, createContext as se, useContext as X, Children as Ze, isValidElement as et, forwardRef as tt, useImperativeHandle as nt, useCallback as O, Suspense as rt } from "react";
 import { createPortal as pe } from "react-dom";
 import { useTranslation as J } from "react-i18next";
-import { R as tt, C as Le, e as nt, T as rt, E as ot, V as st, b as it, c as at, a as ct } from "./GeneratedIcons-CyroG9LH.js";
-import lt from "i18next";
-import { c as dt } from "./clsx-OuTLNxxd.js";
-function Te({
+import { R as ot, C as Le, e as st, T as it, E as ct, V as at, b as lt, c as dt, a as ut } from "./GeneratedIcons-CyroG9LH.js";
+import pt from "i18next";
+import { c as ft } from "./clsx-OuTLNxxd.js";
+function Be({
   size: e = "default",
   color: t,
   overlay: n = !1,
@@ -37,8 +37,8 @@ function Te({
   );
   return n ? /* @__PURE__ */ s("div", { className: "nc-activity-indicator-overlay", children: o }) : o;
 }
-function G({ variant: e = "default", block: t, size: n = "default", className: r, disabled: o, textSelectable: i, loading: l, onClick: c, children: d, ...p }) {
-  const h = [
+function Y({ variant: e = "default", block: t, size: n = "default", className: r, disabled: o, textSelectable: i, loading: l, onClick: a, children: d, ...f }) {
+  const u = [
     "nc-button",
     e !== "default" ? `nc-${e}` : "",
     t ? "nc-block" : "",
@@ -52,22 +52,22 @@ function G({ variant: e = "default", block: t, size: n = "default", className: r
   return /* @__PURE__ */ y(
     "button",
     {
-      className: h,
+      className: u,
       disabled: o || l,
-      onClick: (a) => {
+      onClick: (c) => {
         if (!l) {
           if (i) {
-            const u = window.getSelection();
-            if (u && u.toString().length > 0)
+            const p = window.getSelection();
+            if (p && p.toString().length > 0)
               return;
           }
-          c == null || c(a);
+          a == null || a(c);
         }
       },
-      ...p,
+      ...f,
       children: [
         l && /* @__PURE__ */ s(
-          Te,
+          Be,
           {
             size: "small",
             className: "nc-button-spinner",
@@ -79,14 +79,14 @@ function G({ variant: e = "default", block: t, size: n = "default", className: r
     }
   );
 }
-function yn({ code: e, text: t, type: n, button: r, onAction: o }) {
+function Sn({ code: e, text: t, type: n, button: r, onAction: o }) {
   return /* @__PURE__ */ y("div", { className: `nc-alert nc-${n}`, children: [
     /* @__PURE__ */ y("span", { className: `nc-alert-message nc-${n}`, children: [
       /* @__PURE__ */ s("span", { className: "nc-alert-code", children: e }),
       t
     ] }),
     r && /* @__PURE__ */ s("span", { className: "nc-alert-action", children: /* @__PURE__ */ s(
-      G,
+      Y,
       {
         size: "small",
         variant: r.variant ?? (n === "error" ? "danger" : "warning"),
@@ -96,7 +96,7 @@ function yn({ code: e, text: t, type: n, button: r, onAction: o }) {
     ) })
   ] });
 }
-function xn({
+function In({
   percentage: e = 0.5,
   status: t = "discharging",
   darkMode: n = !1,
@@ -105,69 +105,69 @@ function xn({
   const o = Math.max(0, Math.min(1, Number(e) || 0));
   let i;
   r ? o < 0.1 ? i = "var(--nc-danger)" : o < 0.2 ? i = "var(--nc-warning)" : i = "var(--nc-success)" : i = n ? "#ffffff" : "#000000";
-  const l = n ? "rgba(255, 255, 255, 0.5)" : "rgba(0, 0, 0, 0.2)", c = 24, d = 14, p = 2, h = 0, w = 12, a = 0, u = 0, m = 0, v = c, f = d, x = f - a * 2, k = v - a * 2, $ = Math.max(1, Math.min(4, f / 4)), g = o === 0 ? 0 : 0.05 + o * 0.95, I = c + p + w, P = 20, b = 0.65, S = Math.max(d, P * b), N = c + p + 1, E = (d - P * b) / 2;
+  const l = n ? "rgba(255, 255, 255, 0.5)" : "rgba(0, 0, 0, 0.2)", a = 24, d = 14, f = 2, u = 0, w = 12, c = 0, p = 0, b = 0, g = a, v = d, N = v - c * 2, h = g - c * 2, k = Math.max(1, Math.min(4, v / 4)), m = o === 0 ? 0 : 0.05 + o * 0.95, A = a + f + w, E = 20, C = 0.65, z = Math.max(d, E * C), x = a + f + 1, M = (d - E * C) / 2;
   return /* @__PURE__ */ y(
     "svg",
     {
       className: "nc-battery",
-      width: I,
-      height: S,
-      viewBox: `0 0 ${I} ${S}`,
+      width: A,
+      height: z,
+      viewBox: `0 0 ${A} ${z}`,
       role: "img",
       "aria-label": `Battery ${o === 0 ? "-" : Math.round(o * 100) + "%"} ${t}`,
       children: [
         /* @__PURE__ */ y("defs", { children: [
-          /* @__PURE__ */ s("mask", { id: `nc-battery-fill-mask-${o}`, children: /* @__PURE__ */ s("rect", { x: "0", y: "0", width: k * g, height: x, fill: "white" }) }),
+          /* @__PURE__ */ s("mask", { id: `nc-battery-fill-mask-${o}`, children: /* @__PURE__ */ s("rect", { x: "0", y: "0", width: h * m, height: N, fill: "white" }) }),
           /* @__PURE__ */ y("mask", { id: `nc-battery-text-mask-${o}`, children: [
-            /* @__PURE__ */ s("rect", { x: "0", y: "0", width: I, height: S, fill: "white" }),
-            /* @__PURE__ */ s("text", { x: u + v / 2, y: d - 3, fontSize: 11, fontWeight: "bold", fill: "black", textAnchor: "middle", children: o === 0 ? "-" : Math.round(o * 100) })
+            /* @__PURE__ */ s("rect", { x: "0", y: "0", width: A, height: z, fill: "white" }),
+            /* @__PURE__ */ s("text", { x: p + g / 2, y: d - 3, fontSize: 11, fontWeight: "bold", fill: "black", textAnchor: "middle", children: o === 0 ? "-" : Math.round(o * 100) })
           ] })
         ] }),
         /* @__PURE__ */ y("g", { mask: `url(#nc-battery-text-mask-${o})`, children: [
           /* @__PURE__ */ s(
             "rect",
             {
-              x: u,
-              y: m,
-              rx: $,
-              ry: $,
-              width: v,
-              height: f,
+              x: p,
+              y: b,
+              rx: k,
+              ry: k,
+              width: g,
+              height: v,
               fill: l
             }
           ),
           /* @__PURE__ */ s(
             "rect",
             {
-              x: u + a,
-              y: m + a,
-              width: k,
-              height: x,
+              x: p + c,
+              y: b + c,
+              width: h,
+              height: N,
               fill: i,
-              rx: $,
-              ry: $,
+              rx: k,
+              ry: k,
               mask: `url(#nc-battery-fill-mask-${o})`
             }
           ),
           /* @__PURE__ */ s(
             "rect",
             {
-              x: c + h,
+              x: a + u,
               y: d * 0.26,
-              width: p,
+              width: f,
               height: d * 0.48,
               rx: 0.8,
               ry: 0.8,
               fill: o === 1 ? i : l
             }
           ),
-          t === "charging" ? /* @__PURE__ */ s("g", { transform: `translate(${N}, ${E}) scale(${b})`, fill: i, 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(${x}, ${M}) scale(${C})`, fill: i, children: /* @__PURE__ */ s("path", { d: "M10 0 L2 11 H8 L5 20 L14 8 H8 L10 0 Z" }) }) : null
         ] })
       ]
     }
   );
 }
-function kn({
+function Mn({
   value: e,
   onChange: t,
   options: n,
@@ -175,10 +175,10 @@ function kn({
   labels: o,
   size: i = "default"
 }) {
-  return /* @__PURE__ */ s("div", { className: `nc-button-group ${i === "small" ? "nc-small" : ""}`, children: n.map((l, c) => /* @__PURE__ */ s(
+  return /* @__PURE__ */ s("div", { className: `nc-button-group ${i === "small" ? "nc-small" : ""}`, children: n.map((l, a) => /* @__PURE__ */ s(
     "button",
     {
-      className: `nc-button-group-item ${e === l ? "nc-active" : ""} ${c < n.length - 1 ? "nc-has-border" : ""}`,
+      className: `nc-button-group-item ${e === l ? "nc-active" : ""} ${a < n.length - 1 ? "nc-has-border" : ""}`,
       onClick: () => !r && t(l),
       disabled: r,
       children: o && o[l] ? o[l] : l
@@ -186,7 +186,7 @@ function kn({
     l
   )) });
 }
-function ut({ size: e }) {
+function ht({ size: e }) {
   return /* @__PURE__ */ s("svg", { className: `nc-checkbox-icon ${e === "small" ? "nc-small" : ""}`, viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ s(
     "path",
     {
@@ -198,15 +198,15 @@ function ut({ size: e }) {
     }
   ) });
 }
-function Nn({ checked: e, onChange: t, disabled: n, label: r, size: o = "default", labelColor: i, style: l, className: c = "" }) {
+function $n({ checked: e, onChange: t, disabled: n, label: r, size: o = "default", labelColor: i, style: l, className: a = "" }) {
   const d = o === "small";
   return /* @__PURE__ */ y(
     "label",
     {
-      className: `nc-checkbox-label ${d ? "nc-small" : ""} ${n ? "nc-disabled" : ""} ${c}`.trim(),
+      className: `nc-checkbox-label ${d ? "nc-small" : ""} ${n ? "nc-disabled" : ""} ${a}`.trim(),
       style: l,
-      onClick: (p) => {
-        n || (p.preventDefault(), t(!e));
+      onClick: (f) => {
+        n || (f.preventDefault(), t(!e));
       },
       children: [
         /* @__PURE__ */ s(
@@ -216,10 +216,10 @@ function Nn({ checked: e, onChange: t, disabled: n, label: r, size: o = "default
             "aria-checked": e,
             tabIndex: 0,
             className: `nc-checkbox-box ${d ? "nc-small" : ""} ${e ? "nc-checked" : ""}`,
-            onKeyDown: (p) => {
-              n || (p.key === "Enter" || p.key === " ") && (p.preventDefault(), t(!e));
+            onKeyDown: (f) => {
+              n || (f.key === "Enter" || f.key === " ") && (f.preventDefault(), t(!e));
             },
-            children: e && /* @__PURE__ */ s(ut, { size: o })
+            children: e && /* @__PURE__ */ s(ht, { size: o })
           }
         ),
         r && /* @__PURE__ */ s("span", { className: "nc-checkbox-text", style: i ? { color: i } : void 0, children: r })
@@ -227,9 +227,9 @@ function Nn({ checked: e, onChange: t, disabled: n, label: r, size: o = "default
     }
   );
 }
-function pt({ option: e, onChange: t, selected: n, highlighted: r, small: o }) {
+function mt({ option: e, onChange: t, selected: n, highlighted: r, small: o }) {
   const i = H(null), { t: l } = J();
-  return T(() => {
+  return L(() => {
     r && i.current && i.current.scrollIntoView({ block: "nearest" });
   }, [r]), /* @__PURE__ */ y(
     "div",
@@ -254,7 +254,7 @@ function pt({ option: e, onChange: t, selected: n, highlighted: r, small: o }) {
     }
   );
 }
-function ft({
+function gt({
   isOpen: e,
   options: t,
   onSelect: n,
@@ -262,44 +262,44 @@ function ft({
   placement: o = "bottom",
   anchorRef: i,
   small: l,
-  highlightedIndex: c = -1
+  highlightedIndex: a = -1
 }) {
-  const [d, p] = R({ top: 0, left: 0, width: 0 }), [h, w] = R(o), { t: a } = J();
-  if (T(() => {
+  const [d, f] = T({ top: 0, left: 0, width: 0 }), [u, w] = T(o), { t: c } = J();
+  if (L(() => {
     if (e && i.current) {
-      const m = i.current.getBoundingClientRect();
-      let v = o;
+      const b = i.current.getBoundingClientRect();
+      let g = o;
       if (o === "bottom") {
-        const f = window.innerHeight - m.bottom, x = m.top;
-        f < 320 && x > f && (v = "top");
+        const v = window.innerHeight - b.bottom, N = b.top;
+        v < 320 && N > v && (g = "top");
       }
-      w(v), p({
-        top: v === "top" ? m.top - 4 : m.bottom + 4,
-        left: m.left,
-        width: m.width
+      w(g), f({
+        top: g === "top" ? b.top - 4 : b.bottom + 4,
+        left: b.left,
+        width: b.width
       });
     }
   }, [e, i, o]), !e) return null;
-  const u = /* @__PURE__ */ s(
+  const p = /* @__PURE__ */ s(
     "div",
     {
       className: "nc-combo-dropdown",
       style: {
         position: "fixed",
-        top: h === "top" ? void 0 : d.top,
-        bottom: h === "top" ? window.innerHeight - d.top : void 0,
+        top: u === "top" ? void 0 : d.top,
+        bottom: u === "top" ? window.innerHeight - d.top : void 0,
         left: d.left,
         width: d.width,
         zIndex: 1e3,
         maxHeight: 300,
         overflowY: "auto"
       },
-      children: t.length === 0 ? /* @__PURE__ */ s("div", { className: `nc-combo-dropdown-option nc-no-results ${l ? "nc-small" : ""}`, children: a("common.noResults") }) : t.map((m, v) => /* @__PURE__ */ s(pt, { option: m, onChange: n, selected: m.value === r, highlighted: v === c, small: l }, m.value))
+      children: t.length === 0 ? /* @__PURE__ */ s("div", { className: `nc-combo-dropdown-option nc-no-results ${l ? "nc-small" : ""}`, children: c("common.noResults") }) : t.map((b, g) => /* @__PURE__ */ s(mt, { option: b, onChange: n, selected: b.value === r, highlighted: g === a, small: l }, b.value))
     }
   );
-  return pe(u, document.body);
+  return pe(p, document.body);
 }
-function ht({ onClick: e, small: t }) {
+function bt({ onClick: e, small: t }) {
   return /* @__PURE__ */ s(
     "button",
     {
@@ -311,7 +311,7 @@ function ht({ onClick: e, small: t }) {
     }
   );
 }
-function mt({ open: e, onClick: t, small: n }) {
+function vt({ open: e, onClick: t, small: n }) {
   return /* @__PURE__ */ s(
     "button",
     {
@@ -323,7 +323,7 @@ function mt({ open: e, onClick: t, small: n }) {
     }
   );
 }
-function An({
+function Rn({
   value: e,
   onChange: t,
   placeholder: n = "Select…",
@@ -331,110 +331,110 @@ function An({
   disabled: o,
   label: i,
   clearable: l = !0,
-  allowTyping: c = !1,
+  allowTyping: a = !1,
   placement: d = "bottom",
-  size: p = "default",
-  style: h,
+  size: f = "default",
+  style: u,
   className: w
 }) {
-  const [a, u] = R(!1), [m, v] = R(""), [f, x] = R(-1), k = H(null), $ = H(null), g = p === "small", { t: I } = J(), P = xe(() => {
-    const C = m.toLowerCase();
-    return c ? r.filter((z) => z.label.toLowerCase().includes(C)) : r;
-  }, [r, m, c]);
-  T(() => {
-    a && x(-1);
-  }, [a, P]), T(() => {
+  const [c, p] = T(!1), [b, g] = T(""), [v, N] = T(-1), h = H(null), k = H(null), m = f === "small", { t: A } = J(), E = ge(() => {
+    const R = b.toLowerCase();
+    return a ? r.filter((P) => P.label.toLowerCase().includes(R)) : r;
+  }, [r, b, a]);
+  L(() => {
+    c && N(-1);
+  }, [c, E]), L(() => {
     if (!l && !e && r.length > 0 && t) {
-      const C = r.find((z) => z.default) || r[0];
-      t(C.value);
+      const R = r.find((P) => P.default) || r[0];
+      t(R.value);
     }
-  }, [l, e, r, t]), T(() => {
-    function C(z) {
-      var B;
-      z.target instanceof Node && k.current && ((B = k.current.parentElement) != null && B.contains(z.target) || u(!1));
+  }, [l, e, r, t]), L(() => {
+    function R(P) {
+      var D;
+      P.target instanceof Node && h.current && ((D = h.current.parentElement) != null && D.contains(P.target) || p(!1));
     }
-    return document.addEventListener("mousedown", C), () => document.removeEventListener("mousedown", C);
+    return document.addEventListener("mousedown", R), () => document.removeEventListener("mousedown", R);
   }, []);
-  const b = r.find((C) => C.value === e), S = b && l, N = !o && !S, E = !(a && c) && !!b, D = (C, z = !1) => {
-    var B;
-    t == null || t(C), u(!1), v(""), z && ((B = k.current) == null || B.blur());
-  }, M = () => {
-    t == null || t(void 0), v(""), u(!1);
-  }, O = (C) => {
-    if (!a) {
-      (C.key === "ArrowDown" || C.key === "ArrowUp") && (u(!0), C.preventDefault());
+  const C = r.find((R) => R.value === e), z = C && l, x = !o && !z, M = !(c && a) && !!C, S = (R, P = !1) => {
+    var D;
+    t == null || t(R), p(!1), g(""), P && ((D = h.current) == null || D.blur());
+  }, $ = () => {
+    t == null || t(void 0), g(""), p(!1);
+  }, W = (R) => {
+    if (!c) {
+      (R.key === "ArrowDown" || R.key === "ArrowUp") && (p(!0), R.preventDefault());
       return;
     }
-    switch (C.key) {
+    switch (R.key) {
       case "ArrowDown":
-        C.preventDefault(), x((z) => {
-          const B = z + 1;
-          return B >= P.length ? 0 : B;
+        R.preventDefault(), N((P) => {
+          const D = P + 1;
+          return D >= E.length ? 0 : D;
         });
         break;
       case "ArrowUp":
-        C.preventDefault(), x((z) => {
-          const B = z - 1;
-          return B < 0 ? P.length - 1 : B;
+        R.preventDefault(), N((P) => {
+          const D = P - 1;
+          return D < 0 ? E.length - 1 : D;
         });
         break;
       case "Enter":
-        C.preventDefault(), f >= 0 && f < P.length && D(P[f].value, !0);
+        R.preventDefault(), v >= 0 && v < E.length && S(E[v].value, !0);
         break;
       case "Escape":
-        C.preventDefault(), u(!1), v("");
+        R.preventDefault(), p(!1), g("");
         break;
     }
   };
-  return /* @__PURE__ */ y("div", { className: `nc-combo-container ${w || ""}`.trim(), style: { position: "relative", ...h }, children: [
-    i && /* @__PURE__ */ s("span", { className: `nc-label ${g ? "nc-small" : ""}`, children: i }),
+  return /* @__PURE__ */ y("div", { className: `nc-combo-container ${w || ""}`.trim(), style: { position: "relative", ...u }, children: [
+    i && /* @__PURE__ */ s("span", { className: `nc-label ${m ? "nc-small" : ""}`, children: i }),
     /* @__PURE__ */ y(
       "div",
       {
-        ref: $,
+        ref: k,
         style: { position: "relative", display: "flex", alignItems: "center" },
-        onMouseDown: (C) => {
-          o || c && C.target === k.current || (u((z) => (!z && c && b && v(b.label), !z)), c && !a && setTimeout(() => {
-            var z, B;
-            (z = k.current) == null || z.focus(), (B = k.current) == null || B.select();
+        onMouseDown: (R) => {
+          o || a && R.target === h.current || (p((P) => (!P && a && C && g(C.label), !P)), a && !c && setTimeout(() => {
+            var P, D;
+            (P = h.current) == null || P.focus(), (D = h.current) == null || D.select();
           }, 0));
         },
         children: [
           /* @__PURE__ */ s(
             "input",
             {
-              ref: k,
-              className: `nc-input ${g ? "nc-small" : ""}`,
+              ref: h,
+              className: `nc-input ${m ? "nc-small" : ""}`,
               placeholder: n,
               onFocus: () => {
-                var C;
-                !o && c && (u(!0), b && (v(b.label), setTimeout(() => {
-                  var z;
-                  return (z = k.current) == null ? void 0 : z.select();
-                }, 0))), c || (C = k.current) == null || C.blur();
+                var R;
+                !o && a && (p(!0), C && (g(C.label), setTimeout(() => {
+                  var P;
+                  return (P = h.current) == null ? void 0 : P.select();
+                }, 0))), a || (R = h.current) == null || R.blur();
               },
-              onChange: (C) => c && v(C.target.value),
-              onKeyDown: O,
-              value: a && c ? m : (b == null ? void 0 : b.label) || "",
-              readOnly: o || !c,
+              onChange: (R) => a && g(R.target.value),
+              onKeyDown: W,
+              value: c && a ? b : (C == null ? void 0 : C.label) || "",
+              readOnly: o || !a,
               style: {
                 width: "100%",
-                paddingRight: N || S ? g ? 32 : 44 : 12,
-                caretColor: c ? void 0 : "transparent",
-                cursor: c ? void 0 : "pointer",
-                userSelect: c ? void 0 : "none",
-                color: E ? "transparent" : "var(--nc-text)"
+                paddingRight: x || z ? m ? 32 : 44 : 12,
+                caretColor: a ? void 0 : "transparent",
+                cursor: a ? void 0 : "pointer",
+                userSelect: a ? void 0 : "none",
+                color: M ? "transparent" : "var(--nc-text)"
               }
             }
           ),
-          E && /* @__PURE__ */ y(
+          M && /* @__PURE__ */ y(
             "div",
             {
               "aria-hidden": !0,
               style: {
                 position: "absolute",
-                left: g ? 8 : 12,
-                right: N || S ? g ? 12 : 24 : g ? 8 : 12,
+                left: m ? 8 : 12,
+                right: x || z ? m ? 12 : 24 : m ? 8 : 12,
                 top: "50%",
                 transform: "translateY(-50%)",
                 pointerEvents: "none",
@@ -446,24 +446,24 @@ function An({
                 textOverflow: "ellipsis"
               },
               children: [
-                /* @__PURE__ */ s("span", { className: `nc-combo-overlay-text ${g ? "nc-small" : ""}`, children: b == null ? void 0 : b.label }),
-                (b == null ? void 0 : b.default) && /* @__PURE__ */ y("span", { className: `nc-combo-overlay-default ${g ? "nc-small" : ""}`, children: [
+                /* @__PURE__ */ s("span", { className: `nc-combo-overlay-text ${m ? "nc-small" : ""}`, children: C == null ? void 0 : C.label }),
+                (C == null ? void 0 : C.default) && /* @__PURE__ */ y("span", { className: `nc-combo-overlay-default ${m ? "nc-small" : ""}`, children: [
                   "(",
-                  I("common.default"),
+                  A("common.default"),
                   ")"
                 ] })
               ]
             }
           ),
-          S && /* @__PURE__ */ s(ht, { onClick: M, small: g }),
-          N && /* @__PURE__ */ s(mt, { open: a, onClick: () => u((C) => !C), small: g })
+          z && /* @__PURE__ */ s(bt, { onClick: $, small: m }),
+          x && /* @__PURE__ */ s(vt, { open: c, onClick: () => p((R) => !R), small: m })
         ]
       }
     ),
-    /* @__PURE__ */ s(ft, { isOpen: a, options: P, onSelect: D, selectedValue: e, placement: d, anchorRef: $, small: g, highlightedIndex: f })
+    /* @__PURE__ */ s(gt, { isOpen: c, options: E, onSelect: S, selectedValue: e, placement: d, anchorRef: k, small: m, highlightedIndex: v })
   ] });
 }
-function Sn({ onClick: e, loading: t = !1, disabled: n = !1, size: r = "default", title: o, "aria-label": i }) {
+function En({ onClick: e, loading: t = !1, disabled: n = !1, size: r = "default", title: o, "aria-label": i }) {
   return /* @__PURE__ */ s(
     "button",
     {
@@ -473,11 +473,11 @@ function Sn({ onClick: e, loading: t = !1, disabled: n = !1, size: r = "default"
       title: o ?? (t ? "Refreshing..." : "Refresh"),
       "aria-label": i ?? (t ? "Refreshing" : "Refresh"),
       "data-size": r,
-      children: /* @__PURE__ */ s(tt, { size: r === "small" ? 14 : r === "large" ? 20 : 18, className: t ? "nc-spinning" : "" })
+      children: /* @__PURE__ */ s(ot, { size: r === "small" ? 14 : r === "large" ? 20 : 18, className: t ? "nc-spinning" : "" })
     }
   );
 }
-function Be({ onClick: e, disabled: t = !1, size: n = "default", title: r = "Close", "aria-label": o = "Close" }) {
+function De({ onClick: e, disabled: t = !1, size: n = "default", title: r = "Close", "aria-label": o = "Close" }) {
   return /* @__PURE__ */ s(
     "button",
     {
@@ -491,7 +491,7 @@ function Be({ onClick: e, disabled: t = !1, size: n = "default", title: r = "Clo
     }
   );
 }
-function Cn({ onClick: e, disabled: t = !1, size: n = "default", title: r = "Edit", "aria-label": o = "Edit" }) {
+function Tn({ onClick: e, disabled: t = !1, size: n = "default", title: r = "Edit", "aria-label": o = "Edit" }) {
   return /* @__PURE__ */ s(
     "button",
     {
@@ -501,11 +501,11 @@ function Cn({ onClick: e, disabled: t = !1, size: n = "default", title: r = "Edi
       title: r,
       "aria-label": o,
       "data-size": n,
-      children: /* @__PURE__ */ s(nt, { size: n === "small" ? 14 : n === "large" ? 20 : 18 })
+      children: /* @__PURE__ */ s(st, { size: n === "small" ? 14 : n === "large" ? 20 : 18 })
     }
   );
 }
-function In({ onClick: e, disabled: t = !1, size: n = "default", title: r = "Delete", "aria-label": o = "Delete" }) {
+function zn({ onClick: e, disabled: t = !1, size: n = "default", title: r = "Delete", "aria-label": o = "Delete" }) {
   return /* @__PURE__ */ s(
     "button",
     {
@@ -515,11 +515,11 @@ function In({ onClick: e, disabled: t = !1, size: n = "default", title: r = "Del
       title: r,
       "aria-label": o,
       "data-size": n,
-      children: /* @__PURE__ */ s(rt, { size: n === "small" ? 14 : n === "large" ? 20 : 18 })
+      children: /* @__PURE__ */ s(it, { size: n === "small" ? 14 : n === "large" ? 20 : 18 })
     }
   );
 }
-function Mn({ onClick: e, disabled: t = !1, children: n, title: r, "aria-label": o, size: i = "default" }) {
+function Pn({ onClick: e, disabled: t = !1, children: n, title: r, "aria-label": o, size: i = "default" }) {
   return /* @__PURE__ */ s(
     "button",
     {
@@ -533,7 +533,7 @@ function Mn({ onClick: e, disabled: t = !1, children: n, title: r, "aria-label":
     }
   );
 }
-function $n({
+function Ln({
   open: e,
   onClose: t,
   options: n,
@@ -541,35 +541,35 @@ function $n({
   anchor: o,
   preferredDirection: i = "down"
 }) {
-  const l = H(null), [c, d] = R({ top: 0, left: 0 }), p = o || (r == null ? void 0 : r.current);
-  if (T(() => {
-    if (!e || !p || !l.current) return;
-    const a = p.getBoundingClientRect(), u = l.current.getBoundingClientRect(), m = window.innerHeight, v = window.innerWidth, f = a.bottom + 8, x = f + u.height <= m - 8;
-    let k = i;
-    (!x && i === "down" || i === "up" && x) && (k = "up");
-    let $;
-    k === "down" ? $ = f : $ = a.top - u.height - 8;
-    let g = a.left;
-    g + u.width > v - 8 && (g = a.right - u.width), d({
-      top: Math.max(8, $),
+  const l = H(null), [a, d] = T({ top: 0, left: 0 }), f = o || (r == null ? void 0 : r.current);
+  if (L(() => {
+    if (!e || !f || !l.current) return;
+    const c = f.getBoundingClientRect(), p = l.current.getBoundingClientRect(), b = window.innerHeight, g = window.innerWidth, v = c.bottom + 8, N = v + p.height <= b - 8;
+    let h = i;
+    (!N && i === "down" || i === "up" && N) && (h = "up");
+    let k;
+    h === "down" ? k = v : k = c.top - p.height - 8;
+    let m = c.left;
+    m + p.width > g - 8 && (m = c.right - p.width), d({
+      top: Math.max(8, k),
       // Ensure minimum 8px from top
-      left: Math.max(8, g)
+      left: Math.max(8, m)
       // Ensure minimum 8px from left
     });
-  }, [e, p, i]), T(() => {
+  }, [e, f, i]), L(() => {
     if (!e) return;
-    const a = (m) => {
-      l.current && !l.current.contains(m.target) && p && !p.contains(m.target) && t();
-    }, u = (m) => {
-      m.key === "Escape" && t();
+    const c = (b) => {
+      l.current && !l.current.contains(b.target) && f && !f.contains(b.target) && t();
+    }, p = (b) => {
+      b.key === "Escape" && t();
     };
-    return document.addEventListener("mousedown", a), document.addEventListener("keydown", u), () => {
-      document.removeEventListener("mousedown", a), document.removeEventListener("keydown", u);
+    return document.addEventListener("mousedown", c), document.addEventListener("keydown", p), () => {
+      document.removeEventListener("mousedown", c), document.removeEventListener("keydown", p);
     };
-  }, [e, t, p]), !e) return null;
-  const h = (a) => {
-    a.type !== "separator" && !a.disabled && a.onClick && (a.onClick(), t());
-  }, w = n.some((a) => a.icon);
+  }, [e, t, f]), !e) return null;
+  const u = (c) => {
+    c.type !== "separator" && !c.disabled && c.onClick && (c.onClick(), t());
+  }, w = n.some((c) => c.icon);
   return pe(
     /* @__PURE__ */ s(
       "div",
@@ -578,40 +578,40 @@ function $n({
         className: "nc-context-menu",
         style: {
           position: "fixed",
-          top: `${c.top}px`,
-          left: `${c.left}px`,
+          top: `${a.top}px`,
+          left: `${a.left}px`,
           zIndex: 1e4
         },
         role: "menu",
-        children: n.map((a) => {
-          if (a.type === "separator")
+        children: n.map((c) => {
+          if (c.type === "separator")
             return /* @__PURE__ */ s(
               "div",
               {
                 className: "nc-context-menu-separator",
                 role: "separator"
               },
-              a.id
+              c.id
             );
-          const u = [
+          const p = [
             "nc-context-menu-item",
-            a.variant && a.variant !== "default" ? `nc-${a.variant}` : "",
-            a.disabled ? "nc-disabled" : "",
-            w && !a.icon ? "nc-indented" : ""
+            c.variant && c.variant !== "default" ? `nc-${c.variant}` : "",
+            c.disabled ? "nc-disabled" : "",
+            w && !c.icon ? "nc-indented" : ""
           ].filter(Boolean).join(" ");
           return /* @__PURE__ */ y(
             "button",
             {
-              className: u,
-              onClick: () => h(a),
-              disabled: a.disabled,
+              className: p,
+              onClick: () => u(c),
+              disabled: c.disabled,
               role: "menuitem",
               children: [
-                a.icon && /* @__PURE__ */ s("span", { className: "nc-context-menu-icon", children: a.icon }),
-                /* @__PURE__ */ s("span", { className: "nc-context-menu-label", children: a.label })
+                c.icon && /* @__PURE__ */ s("span", { className: "nc-context-menu-icon", children: c.icon }),
+                /* @__PURE__ */ s("span", { className: "nc-context-menu-label", children: c.label })
               ]
             },
-            a.id
+            c.id
           );
         })
       }
@@ -619,20 +619,20 @@ function $n({
     document.body
   );
 }
-const De = se(null);
-function gt() {
-  const e = X(De);
+const He = se(null);
+function wt() {
+  const e = X(He);
   if (!e)
     throw new Error("useDialog must be used inside a Dialog component");
   return e;
 }
 function ne({ children: e, onClick: t, ...n }) {
-  const { close: r } = gt(), { t: o } = J();
-  return /* @__PURE__ */ s(G, { onClick: (l) => {
+  const { close: r } = wt(), { t: o } = J();
+  return /* @__PURE__ */ s(Y, { onClick: (l) => {
     t == null || t(l), r();
   }, ...n, children: e ?? o("common.close") });
 }
-function Rn({
+function Bn({
   open: e,
   onClose: t,
   title: n,
@@ -640,63 +640,63 @@ function Rn({
   style: o,
   footerType: i = "ok-cancel",
   footer: l,
-  onOk: c,
+  onOk: a,
   onSave: d,
-  onDelete: p,
-  onCancel: h,
+  onDelete: f,
+  onCancel: u,
   onConnect: w,
-  closeOnOverlay: a = !0,
-  primaryDisabled: u = !1,
-  fullScreen: m = !1,
-  hideTitleBar: v = !1,
-  className: f = "",
-  onContentHeightChange: x
+  closeOnOverlay: c = !0,
+  primaryDisabled: p = !1,
+  fullScreen: b = !1,
+  hideTitleBar: g = !1,
+  className: v = "",
+  onContentHeightChange: N
 }) {
-  const k = H(null), $ = H(null), { t: g } = J(), I = { close: t }, P = (N) => {
-    a && N.target === N.currentTarget && t();
+  const h = H(null), k = H(null), { t: m } = J(), A = { close: t }, E = (x) => {
+    c && x.target === x.currentTarget && t();
   };
-  if (T(() => {
-    e && k.current && k.current.focus();
-  }, [e]), T(() => {
-    if (!x || !$.current) return;
-    const N = new ResizeObserver((E) => {
-      for (const D of E) {
-        const M = D.contentRect.height;
-        x(M);
+  if (L(() => {
+    e && h.current && h.current.focus();
+  }, [e]), L(() => {
+    if (!N || !k.current) return;
+    const x = new ResizeObserver((M) => {
+      for (const S of M) {
+        const $ = S.contentRect.height;
+        N($);
       }
     });
-    return N.observe($.current), () => {
-      N.disconnect();
+    return x.observe(k.current), () => {
+      x.disconnect();
     };
-  }, [x]), !e) return null;
-  const b = () => {
+  }, [N]), !e) return null;
+  const C = () => {
     switch (i) {
       case "ok":
-        return /* @__PURE__ */ s("div", { className: "nc-dialog-footer", children: /* @__PURE__ */ s(G, { variant: "primary", onClick: c ?? t, disabled: u, children: g("common.ok") }) });
+        return /* @__PURE__ */ s("div", { className: "nc-dialog-footer", children: /* @__PURE__ */ s(Y, { variant: "primary", onClick: a ?? t, disabled: p, children: m("common.ok") }) });
       case "ok-cancel":
         return /* @__PURE__ */ y("div", { className: "nc-dialog-footer", children: [
-          /* @__PURE__ */ s(G, { variant: "primary", onClick: c ?? t, disabled: u, children: g("common.ok") }),
-          /* @__PURE__ */ s(ne, { onClick: h, children: g("common.cancel") })
+          /* @__PURE__ */ s(Y, { variant: "primary", onClick: a ?? t, disabled: p, children: m("common.ok") }),
+          /* @__PURE__ */ s(ne, { onClick: u, children: m("common.cancel") })
         ] });
       case "save-cancel":
         return /* @__PURE__ */ y("div", { className: "nc-dialog-footer", children: [
-          /* @__PURE__ */ s(G, { variant: "primary", onClick: d, disabled: u, children: g("common.save") }),
-          /* @__PURE__ */ s(ne, { onClick: h, children: g("common.cancel") })
+          /* @__PURE__ */ s(Y, { variant: "primary", onClick: d, disabled: p, children: m("common.save") }),
+          /* @__PURE__ */ s(ne, { onClick: u, children: m("common.cancel") })
         ] });
       case "delete-cancel":
         return /* @__PURE__ */ y("div", { className: "nc-dialog-footer", children: [
-          /* @__PURE__ */ s(G, { variant: "danger", onClick: p, disabled: u, children: g("common.delete") }),
-          /* @__PURE__ */ s(ne, { onClick: h, children: g("common.cancel") })
+          /* @__PURE__ */ s(Y, { variant: "danger", onClick: f, disabled: p, children: m("common.delete") }),
+          /* @__PURE__ */ s(ne, { onClick: u, children: m("common.cancel") })
         ] });
       case "connect":
         return /* @__PURE__ */ y("div", { className: "nc-dialog-footer", children: [
-          /* @__PURE__ */ s(G, { variant: "primary", onClick: w, disabled: u, children: g("common.connect") }),
-          /* @__PURE__ */ s(ne, { onClick: h, children: g("common.cancel") })
+          /* @__PURE__ */ s(Y, { variant: "primary", onClick: w, disabled: p, children: m("common.connect") }),
+          /* @__PURE__ */ s(ne, { onClick: u, children: m("common.cancel") })
         ] });
       case "close":
         return /* @__PURE__ */ s("div", { className: "nc-dialog-footer", children: /* @__PURE__ */ s(ne, { variant: "primary" }) });
       case "gotit":
-        return /* @__PURE__ */ s("div", { className: "nc-dialog-footer", children: /* @__PURE__ */ s(ne, { variant: "primary", children: g("common.gotit") }) });
+        return /* @__PURE__ */ s("div", { className: "nc-dialog-footer", children: /* @__PURE__ */ s(ne, { variant: "primary", children: m("common.gotit") }) });
       case "custom":
         return /* @__PURE__ */ s("div", { className: "nc-dialog-footer", children: l });
       case "none":
@@ -704,29 +704,29 @@ function Rn({
       default:
         return null;
     }
-  }, S = /* @__PURE__ */ s(De.Provider, { value: I, children: /* @__PURE__ */ s("div", { className: `nc-dialog-overlay${m ? " nc-fullscreen" : ""}`, onClick: P, children: /* @__PURE__ */ y(
+  }, z = /* @__PURE__ */ s(He.Provider, { value: A, children: /* @__PURE__ */ s("div", { className: `nc-dialog-overlay${b ? " nc-fullscreen" : ""}`, onClick: E, children: /* @__PURE__ */ y(
     "div",
     {
-      ref: k,
-      className: `nc-dialog-container ${f}`,
+      ref: h,
+      className: `nc-dialog-container ${v}`,
       style: o,
       tabIndex: -1,
       role: "dialog",
       "aria-modal": "true",
-      "aria-labelledby": v ? void 0 : "nc-dialog-title",
+      "aria-labelledby": g ? void 0 : "nc-dialog-title",
       children: [
-        !v && /* @__PURE__ */ y("div", { className: "nc-dialog-header", children: [
+        !g && /* @__PURE__ */ y("div", { className: "nc-dialog-header", children: [
           /* @__PURE__ */ s("h3", { id: "nc-dialog-title", className: "nc-dialog-title", children: n }),
-          /* @__PURE__ */ s(Be, { onClick: t, "aria-label": "Close dialog" })
+          /* @__PURE__ */ s(De, { onClick: t, "aria-label": "Close dialog" })
         ] }),
-        /* @__PURE__ */ s("div", { ref: $, className: "nc-dialog-content", children: r }),
-        b()
+        /* @__PURE__ */ s("div", { ref: k, className: "nc-dialog-content", children: r }),
+        C()
       ]
     }
   ) }) });
-  return m ? pe(S, document.body) : S;
+  return b ? pe(z, document.body) : z;
 }
-function bt({ onClick: e, size: t = "default", rightOffset: n = 4 }) {
+function yt({ onClick: e, size: t = "default", rightOffset: n = 4 }) {
   const r = t === "small" ? 28 : 34;
   return /* @__PURE__ */ s(
     "button",
@@ -755,7 +755,7 @@ function bt({ onClick: e, size: t = "default", rightOffset: n = 4 }) {
     }
   );
 }
-function vt({ visible: e, onClick: t, size: n = "default" }) {
+function xt({ visible: e, onClick: t, size: n = "default" }) {
   const r = n === "small" ? 28 : 34, o = n === "small" ? 16 : 18;
   return /* @__PURE__ */ s(
     "button",
@@ -779,11 +779,11 @@ function vt({ visible: e, onClick: t, size: n = "default" }) {
         alignItems: "center",
         justifyContent: "center"
       },
-      children: e ? /* @__PURE__ */ s(ot, { size: o }) : /* @__PURE__ */ s(st, { size: o })
+      children: e ? /* @__PURE__ */ s(ct, { size: o }) : /* @__PURE__ */ s(at, { size: o })
     }
   );
 }
-function En({
+function Dn({
   value: e,
   defaultValue: t = "",
   onChange: n,
@@ -791,50 +791,50 @@ function En({
   onClear: o,
   placeholder: i,
   disabled: l,
-  label: c,
+  label: a,
   clearable: d = !0,
-  type: p = "text",
-  className: h = "",
+  type: f = "text",
+  className: u = "",
   size: w = "default",
-  style: a,
-  showPasswordToggle: u = !1,
-  multiline: m = !1,
-  rows: v = 3,
-  validator: f,
-  showErrorMessage: x = !0
+  style: c,
+  showPasswordToggle: p = !1,
+  multiline: b = !1,
+  rows: g = 3,
+  validator: v,
+  showErrorMessage: N = !0
 }) {
-  const k = H(null), $ = H(null), [g, I] = R(!1), [P, b] = R(!1), S = e !== void 0, [N, E] = R(t), D = S ? e : N, M = f ? f(D) : null, O = !!M, C = p === "password", z = C && u && !l && !m, B = d && D && !l && P, ee = w === "small" ? 32 : 44;
+  const h = H(null), k = H(null), [m, A] = T(!1), [E, C] = T(!1), z = e !== void 0, [x, M] = T(t), S = z ? e : x, $ = v ? v(S) : null, W = !!$, R = f === "password", P = R && p && !l && !b, D = d && S && !l && E, ee = w === "small" ? 32 : 44;
   let K = 12;
-  B && z ? K = ee * 2 : (B || z) && (K = ee);
+  D && P ? K = ee * 2 : (D || P) && (K = ee);
   const Q = () => {
-    var te, ce;
-    S || E(""), n == null || n(""), o == null || o(), m ? (te = $.current) == null || te.focus() : (ce = k.current) == null || ce.focus();
-  }, ae = (te) => {
-    te.key === "Enter" && !m && (r == null || r());
-  }, V = (te) => {
-    const ce = te.target.value;
-    S || E(ce), n == null || n(ce);
-  }, Se = () => {
-    b(!0);
+    var te, ae;
+    z || M(""), n == null || n(""), o == null || o(), b ? (te = k.current) == null || te.focus() : (ae = h.current) == null || ae.focus();
+  }, ce = (te) => {
+    te.key === "Enter" && !b && (r == null || r());
+  }, F = (te) => {
+    const ae = te.target.value;
+    z || M(ae), n == null || n(ae);
   }, Ce = () => {
-    b(!1);
-  }, Ie = `nc-input ${w === "small" ? "nc-small " : ""} ${O ? "nc-error " : ""}${h}`;
-  return /* @__PURE__ */ y("div", { className: "nc-col", style: { position: "relative", flex: 1, ...a }, children: [
-    c && /* @__PURE__ */ s("span", { className: "nc-label", children: c }),
-    /* @__PURE__ */ y("div", { style: { position: "relative", display: "flex", alignItems: m ? "flex-start" : "center" }, children: [
-      m ? /* @__PURE__ */ s(
+    C(!0);
+  }, Se = () => {
+    C(!1);
+  }, Ie = `nc-input ${w === "small" ? "nc-small " : ""} ${W ? "nc-error " : ""}${u}`;
+  return /* @__PURE__ */ y("div", { className: "nc-col", style: { position: "relative", flex: 1, ...c }, children: [
+    a && /* @__PURE__ */ s("span", { className: "nc-label", children: a }),
+    /* @__PURE__ */ y("div", { style: { position: "relative", display: "flex", alignItems: b ? "flex-start" : "center" }, children: [
+      b ? /* @__PURE__ */ s(
         "textarea",
         {
-          ref: $,
+          ref: k,
           className: Ie,
           placeholder: i,
-          value: D,
-          onChange: V,
-          onKeyDown: ae,
-          onFocus: Se,
-          onBlur: Ce,
+          value: S,
+          onChange: F,
+          onKeyDown: ce,
+          onFocus: Ce,
+          onBlur: Se,
           disabled: l,
-          rows: v,
+          rows: g,
           style: {
             width: "100%",
             paddingRight: K
@@ -843,15 +843,15 @@ function En({
       ) : /* @__PURE__ */ s(
         "input",
         {
-          ref: k,
-          type: C && g ? "text" : p,
+          ref: h,
+          type: R && m ? "text" : f,
           className: Ie,
           placeholder: i,
-          value: D,
-          onChange: V,
-          onKeyDown: ae,
-          onFocus: Se,
-          onBlur: Ce,
+          value: S,
+          onChange: F,
+          onKeyDown: ce,
+          onFocus: Ce,
+          onBlur: Se,
           disabled: l,
           style: {
             width: "100%",
@@ -859,28 +859,28 @@ function En({
           }
         }
       ),
-      B && /* @__PURE__ */ s(bt, { onClick: Q, size: w, rightOffset: z ? ee + 4 : 4 }),
-      z && /* @__PURE__ */ s(vt, { visible: g, onClick: () => I(!g), size: w })
+      D && /* @__PURE__ */ s(yt, { onClick: Q, size: w, rightOffset: P ? ee + 4 : 4 }),
+      P && /* @__PURE__ */ s(xt, { visible: m, onClick: () => A(!m), size: w })
     ] }),
-    O && x && /* @__PURE__ */ s("span", { className: "nc-error-message", children: M })
+    W && N && /* @__PURE__ */ s("span", { className: "nc-error-message", children: $ })
   ] });
 }
-function zn({
+function Hn({
   children: e,
   onClick: t,
   showBorder: n = !0,
   selectable: r = !1,
   style: o
 }) {
-  const [i, l] = ye.useState(!1);
+  const [i, l] = xe.useState(!1);
   return /* @__PURE__ */ s(
     "div",
     {
       onClick: (d) => {
         if (t) {
           if (r) {
-            const p = window.getSelection();
-            if (p && p.toString().length > 0)
+            const f = window.getSelection();
+            if (f && f.toString().length > 0)
               return;
           }
           t(d);
@@ -900,7 +900,7 @@ function zn({
     }
   );
 }
-function Pn({ title: e, titleTools: t, children: n, style: r }) {
+function On({ title: e, titleTools: t, children: n, style: r }) {
   return /* @__PURE__ */ y("div", { className: "nc-list-group", style: r, children: [
     (e || t) && /* @__PURE__ */ y("div", { className: "nc-list-group-title", children: [
       /* @__PURE__ */ s("div", { children: e }),
@@ -915,57 +915,57 @@ function Pn({ title: e, titleTools: t, children: n, style: r }) {
     )
   ] });
 }
-function Ln({ values: e, onChange: t, options: n, placeholder: r = "Select…", label: o }) {
-  const [i, l] = R(!1), [c, d] = R(""), p = H(null), h = xe(() => n.filter((a) => a.label.toLowerCase().includes(c.toLowerCase())), [n, c]);
-  T(() => {
-    function a(u) {
-      !(u.target instanceof Node) || !p.current || p.current.contains(u.target) || l(!1);
+function Wn({ values: e, onChange: t, options: n, placeholder: r = "Select…", label: o }) {
+  const [i, l] = T(!1), [a, d] = T(""), f = H(null), u = ge(() => n.filter((c) => c.label.toLowerCase().includes(a.toLowerCase())), [n, a]);
+  L(() => {
+    function c(p) {
+      !(p.target instanceof Node) || !f.current || f.current.contains(p.target) || l(!1);
     }
-    return document.addEventListener("mousedown", a), () => document.removeEventListener("mousedown", a);
+    return document.addEventListener("mousedown", c), () => document.removeEventListener("mousedown", c);
   }, []);
-  const w = (a) => {
-    e.includes(a) ? t(e.filter((u) => u !== a)) : t([...e, a]);
+  const w = (c) => {
+    e.includes(c) ? t(e.filter((p) => p !== c)) : t([...e, c]);
   };
-  return /* @__PURE__ */ y("div", { ref: p, className: "nc-col", style: { position: "relative" }, children: [
+  return /* @__PURE__ */ y("div", { ref: f, className: "nc-col", style: { position: "relative" }, children: [
     o && /* @__PURE__ */ s("span", { className: "nc-label", children: o }),
     /* @__PURE__ */ y("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((a) => {
-        const u = n.find((m) => m.value === a);
-        return u ? /* @__PURE__ */ y("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: [
-          u.label,
+      e.map((c) => {
+        const p = n.find((b) => b.value === c);
+        return p ? /* @__PURE__ */ y("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: [
+          p.label,
           /* @__PURE__ */ s(
             "button",
             {
               className: "nc-button nc-ghost",
               style: { padding: 0, minHeight: 0, height: 20, width: 20, display: "inline-flex", alignItems: "center", justifyContent: "center", border: "none" },
-              onClick: () => w(a),
-              "aria-label": `Remove ${u.label}`,
+              onClick: () => w(c),
+              "aria-label": `Remove ${p.label}`,
               children: "✕"
             }
           )
-        ] }, a) : null;
+        ] }, c) : null;
       }),
       /* @__PURE__ */ s(
         "input",
         {
           className: "nc-input",
-          value: c,
-          onChange: (a) => d(a.target.value),
+          value: a,
+          onChange: (c) => d(c.target.value),
           onFocus: () => l(!0),
           style: { minWidth: 50, border: "none", background: "transparent", padding: 4, minHeight: 32, flex: 1 }
         }
       )
     ] }),
     i && /* @__PURE__ */ y("div", { className: "nc-combo-dropdown", style: { position: "absolute", top: "100%", left: 0, right: 0, zIndex: 10, marginTop: 4, boxShadow: "0 4px 12px var(--nc-shadow)" }, children: [
-      h.map((a) => {
-        const u = e.includes(a.value);
-        return /* @__PURE__ */ y("div", { className: "nc-section nc-row", style: { justifyContent: "space-between", cursor: "pointer", padding: 12 }, onMouseDown: () => w(a.value), children: [
-          /* @__PURE__ */ s("span", { children: a.label }),
-          /* @__PURE__ */ s("span", { children: u ? "✔️" : "" })
-        ] }, a.value);
+      u.map((c) => {
+        const p = e.includes(c.value);
+        return /* @__PURE__ */ y("div", { className: "nc-section nc-row", style: { justifyContent: "space-between", cursor: "pointer", padding: 12 }, onMouseDown: () => w(c.value), children: [
+          /* @__PURE__ */ s("span", { children: c.label }),
+          /* @__PURE__ */ s("span", { children: p ? "✔️" : "" })
+        ] }, c.value);
       }),
-      h.length === 0 && /* @__PURE__ */ s("div", { className: "nc-section nc-label", children: "No results" })
+      u.length === 0 && /* @__PURE__ */ s("div", { className: "nc-section nc-label", children: "No results" })
     ] })
   ] });
 }
@@ -1000,7 +1000,7 @@ function $e() {
   const e = /* @__PURE__ */ new Date(), t = e.getFullYear(), n = String(e.getMonth() + 1).padStart(2, "0");
   return `${t}-${n}`;
 }
-function Tn({
+function Fn({
   startMonth: e,
   endMonth: t,
   onChange: n,
@@ -1008,44 +1008,44 @@ function Tn({
   className: o = "",
   disabled: i = !1
 }) {
-  const [l, c] = R(!1), [d, p] = R(""), [h, w] = R(""), [a, u] = R({ top: 0, left: 0, width: 0 }), m = H(null), v = H(null);
-  T(() => {
-    if (l && m.current) {
-      const E = m.current.getBoundingClientRect();
-      u({
-        top: E.bottom + 4,
-        left: E.left,
-        width: E.width
+  const [l, a] = T(!1), [d, f] = T(""), [u, w] = T(""), [c, p] = T({ top: 0, left: 0, width: 0 }), b = H(null), g = H(null);
+  L(() => {
+    if (l && b.current) {
+      const M = b.current.getBoundingClientRect();
+      p({
+        top: M.bottom + 4,
+        left: M.left,
+        width: M.width
       });
     }
-  }, [l]), T(() => {
+  }, [l]), L(() => {
     if (!l) return;
-    const E = (D) => {
-      m.current && !m.current.contains(D.target) && v.current && !v.current.contains(D.target) && c(!1);
+    const M = (S) => {
+      b.current && !b.current.contains(S.target) && g.current && !g.current.contains(S.target) && a(!1);
     };
-    return document.addEventListener("mousedown", E), () => document.removeEventListener("mousedown", E);
+    return document.addEventListener("mousedown", M), () => document.removeEventListener("mousedown", M);
   }, [l]);
-  const f = () => {
-    p(e || $e()), w(t || $e()), c(!0);
-  }, x = () => {
-    c(!1);
-  }, k = () => {
-    const E = fe(d), D = fe(h);
-    if (E || D)
+  const v = () => {
+    f(e || $e()), w(t || $e()), a(!0);
+  }, N = () => {
+    a(!1);
+  }, h = () => {
+    const M = fe(d), S = fe(u);
+    if (M || S)
       return;
-    const M = ue(d), O = ue(h);
-    M && O && (n == null || n(M, O)), c(!1);
-  }, $ = e && t ? `${Me(e)} - ${Me(t)}` : "Select month range", g = fe(d), I = fe(h), P = ue(d), b = ue(h), S = P && b && P > b, N = l ? pe(
+    const $ = ue(d), W = ue(u);
+    $ && W && (n == null || n($, W)), a(!1);
+  }, k = e && t ? `${Me(e)} - ${Me(t)}` : "Select month range", m = fe(d), A = fe(u), E = ue(d), C = ue(u), z = E && C && E > C, x = l ? pe(
     /* @__PURE__ */ s(
       "div",
       {
-        ref: v,
+        ref: g,
         className: "nc-month-range-picker-popup",
         style: {
           position: "fixed",
-          top: a.top,
-          left: a.left,
-          width: Math.max(a.width, 400),
+          top: c.top,
+          left: c.left,
+          width: Math.max(c.width, 400),
           zIndex: 1e3
         },
         children: /* @__PURE__ */ y("div", { className: "nc-month-range-picker-content", children: [
@@ -1056,13 +1056,13 @@ function Tn({
                 "input",
                 {
                   type: "text",
-                  className: `nc-month-input ${g ? "nc-error" : ""}`,
+                  className: `nc-month-input ${m ? "nc-error" : ""}`,
                   value: d,
-                  onChange: (E) => p(E.target.value),
+                  onChange: (M) => f(M.target.value),
                   placeholder: "YY-M(M) or YYYY-M(M)"
                 }
               ),
-              g && /* @__PURE__ */ s("div", { className: "nc-month-error-text", children: g })
+              m && /* @__PURE__ */ s("div", { className: "nc-month-error-text", children: m })
             ] }),
             /* @__PURE__ */ y("div", { className: "nc-month-range-picker-column", children: [
               /* @__PURE__ */ s("label", { className: "nc-label", children: "End Month" }),
@@ -1070,27 +1070,27 @@ function Tn({
                 "input",
                 {
                   type: "text",
-                  className: `nc-month-input ${I ? "nc-error" : ""}`,
-                  value: h,
-                  onChange: (E) => w(E.target.value),
+                  className: `nc-month-input ${A ? "nc-error" : ""}`,
+                  value: u,
+                  onChange: (M) => w(M.target.value),
                   placeholder: "YY-M(M) or YYYY-M(M)"
                 }
               ),
-              I && /* @__PURE__ */ s("div", { className: "nc-month-error-text", children: I })
+              A && /* @__PURE__ */ s("div", { className: "nc-month-error-text", children: A })
             ] })
           ] }),
-          S && !g && !I && /* @__PURE__ */ s("div", { className: "nc-month-range-error", children: "End month must be after or equal to start month" }),
+          z && !m && !A && /* @__PURE__ */ s("div", { className: "nc-month-range-error", children: "End month must be after or equal to start month" }),
           /* @__PURE__ */ y("div", { className: "nc-month-range-picker-footer", children: [
             /* @__PURE__ */ s(
-              G,
+              Y,
               {
                 variant: "primary",
-                onClick: k,
-                disabled: !d || !h || !!g || !!I || !!S,
+                onClick: h,
+                disabled: !d || !u || !!m || !!A || !!z,
                 children: "Apply"
               }
             ),
-            /* @__PURE__ */ s(G, { variant: "ghost", onClick: x, children: "Cancel" })
+            /* @__PURE__ */ s(Y, { variant: "ghost", onClick: N, children: "Cancel" })
           ] })
         ] })
       }
@@ -1102,23 +1102,23 @@ function Tn({
     /* @__PURE__ */ s(
       "button",
       {
-        ref: m,
+        ref: b,
         className: "nc-month-range-picker-input",
-        onClick: f,
+        onClick: v,
         disabled: i,
-        children: $
+        children: k
       }
     ),
-    N
+    x
   ] });
 }
-function Bn({ value: e, onChange: t, min: n, max: r, step: o = 1, label: i, disabled: l, size: c = "default" }) {
-  const d = c === "small", p = () => {
-    const a = e - o;
-    n !== void 0 && a < n || t(parseFloat(a.toFixed(10)));
-  }, h = () => {
-    const a = e + o;
-    r !== void 0 && a > r || t(parseFloat(a.toFixed(10)));
+function Vn({ value: e, onChange: t, min: n, max: r, step: o = 1, label: i, disabled: l, size: a = "default" }) {
+  const d = a === "small", f = () => {
+    const c = e - o;
+    n !== void 0 && c < n || t(parseFloat(c.toFixed(10)));
+  }, u = () => {
+    const c = e + o;
+    r !== void 0 && c > r || t(parseFloat(c.toFixed(10)));
   };
   return /* @__PURE__ */ y("div", { className: `nc-col nc-number-input-col ${d ? "nc-small" : ""}`, children: [
     i && /* @__PURE__ */ s("span", { className: `nc-label ${d ? "nc-small" : ""}`, children: i }),
@@ -1129,9 +1129,9 @@ function Bn({ value: e, onChange: t, min: n, max: r, step: o = 1, label: i, disa
           className: `nc-input nc-number-input ${d ? "nc-small" : ""}`,
           type: "number",
           value: e,
-          onChange: (a) => {
-            const u = parseFloat(a.target.value);
-            isNaN(u) || n !== void 0 && u < n || r !== void 0 && u > r || t(u);
+          onChange: (c) => {
+            const p = parseFloat(c.target.value);
+            isNaN(p) || n !== void 0 && p < n || r !== void 0 && p > r || t(p);
           },
           min: n,
           max: r,
@@ -1143,7 +1143,7 @@ function Bn({ value: e, onChange: t, min: n, max: r, step: o = 1, label: i, disa
         "button",
         {
           className: `nc-button nc-ghost nc-number-input-button ${d ? "nc-small" : ""}`,
-          onClick: p,
+          onClick: f,
           disabled: l || n !== void 0 && e <= n,
           children: "−"
         }
@@ -1152,7 +1152,7 @@ function Bn({ value: e, onChange: t, min: n, max: r, step: o = 1, label: i, disa
         "button",
         {
           className: `nc-button nc-ghost nc-number-input-button ${d ? "nc-small" : ""}`,
-          onClick: h,
+          onClick: u,
           disabled: l || r !== void 0 && e >= r,
           children: "+"
         }
@@ -1160,7 +1160,7 @@ function Bn({ value: e, onChange: t, min: n, max: r, step: o = 1, label: i, disa
     ] })
   ] });
 }
-function Dn({
+function Gn({
   value: e,
   onChange: t,
   min: n = 0,
@@ -1168,13 +1168,13 @@ function Dn({
   step: o = 1,
   label: i,
   disabled: l,
-  showValue: c = !0,
-  formatValue: d = (h) => h.toString(),
-  width: p = 200
+  showValue: a = !0,
+  formatValue: d = (u) => u.toString(),
+  width: f = 200
 }) {
-  const h = (a) => {
-    const u = parseFloat(a.target.value);
-    t(u);
+  const u = (c) => {
+    const p = parseFloat(c.target.value);
+    t(p);
   }, w = (e - n) / (r - n) * 100;
   return /* @__PURE__ */ y("div", { className: "nc-col", style: { gap: 6 }, children: [
     i && /* @__PURE__ */ s("span", { className: "nc-label", children: i }),
@@ -1185,18 +1185,18 @@ function Dn({
           type: "range",
           className: "nc-slider",
           value: e,
-          onChange: h,
+          onChange: u,
           min: n,
           max: r,
           step: o,
           disabled: l,
           style: {
-            width: p,
+            width: f,
             "--nc-slider-percentage": `${w}%`
           }
         }
       ),
-      c && /* @__PURE__ */ s(
+      a && /* @__PURE__ */ s(
         "span",
         {
           style: {
@@ -1212,108 +1212,132 @@ function Dn({
     ] })
   ] });
 }
-const wt = ({ size: e = 24, className: t, style: n }) => /* @__PURE__ */ s("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", className: t, style: n, children: /* @__PURE__ */ s("polyline", { points: "18 15 12 9 6 15" }) });
-function yt({ children: e, className: t = "", style: n }) {
+const kt = ({ 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 Nt({ children: e, className: t = "", style: n }) {
   return /* @__PURE__ */ s("div", { className: `nc-tab-panel ${t}`, style: n, children: e });
 }
-function Hn({ active: e, children: t, keepMounted: n = !1, className: r = "", style: o }) {
-  const i = Qe.toArray(t).filter(
-    (c) => Ze(c) && (c.type === yt || c.type.displayName === "TabPanel")
+function Yn({ active: e, children: t, keepMounted: n = !1, className: r = "", style: o }) {
+  const i = Ze.toArray(t).filter(
+    (a) => et(a) && (a.type === Nt || a.type.displayName === "TabPanel")
   );
   if (n)
-    return /* @__PURE__ */ s("div", { className: `nc-tab-panels ${r}`, style: o, children: i.map((c) => {
-      const d = c.props.tab === e;
+    return /* @__PURE__ */ s("div", { className: `nc-tab-panels ${r}`, style: o, children: i.map((a) => {
+      const d = a.props.tab === e;
       return /* @__PURE__ */ s(
         "div",
         {
           className: `nc-tab-panel-wrapper ${d ? "nc-active" : ""}`,
-          style: { display: d ? "block" : "none" },
+          style: { display: d ? void 0 : "none" },
           "aria-hidden": !d,
-          children: c
+          children: a
         },
-        c.props.tab
+        a.props.tab
       );
     }) });
-  const l = i.find((c) => c.props.tab === e);
+  const l = i.find((a) => a.props.tab === e);
   return /* @__PURE__ */ s("div", { className: `nc-tab-panels ${r}`, style: o, children: l });
 }
-function Wn({ tabs: e, active: t, onChange: n, className: r, toolbar: o, multiline: i, orientation: l = "horizontal", style: c }) {
-  const d = H(null), [p, h] = R(!1), [w, a] = R(!1), u = l === "verticalLeft" || l === "verticalRight", m = H(!1), v = H(0), f = H(0), x = H(!1);
-  T(() => {
-    const b = () => {
-      if (d.current)
-        if (u) {
-          const { scrollTop: N, scrollHeight: E, clientHeight: D } = d.current;
-          h(N > 1), a(N < E - D - 1);
+function jn({ tabs: e, active: t, onChange: n, onClose: r, permanentTabs: o, className: i, toolbar: l, multiline: a, orientation: d = "horizontal", style: f }) {
+  const u = H(null), [w, c] = T(!1), [p, b] = T(!1), g = d === "verticalLeft" || d === "verticalRight", v = H(!1), N = H(0), h = H(0), k = H(!1);
+  L(() => {
+    const x = () => {
+      if (u.current)
+        if (g) {
+          const { scrollTop: S, scrollHeight: $, clientHeight: W } = u.current;
+          c(S > 1), b(S < $ - W - 1);
         } else {
-          const { scrollLeft: N, scrollWidth: E, clientWidth: D } = d.current;
-          h(N > 1), a(N < E - D - 1);
+          const { scrollLeft: S, scrollWidth: $, clientWidth: W } = u.current;
+          c(S > 1), b(S < $ - W - 1);
         }
-    }, S = d.current;
-    if (S)
-      return b(), S.addEventListener("scroll", b), window.addEventListener("resize", b), () => {
-        S.removeEventListener("scroll", b), window.removeEventListener("resize", b);
+    }, M = u.current;
+    if (M)
+      return x(), M.addEventListener("scroll", x), window.addEventListener("resize", x), () => {
+        M.removeEventListener("scroll", x), window.removeEventListener("resize", x);
       };
-  }, [e, u]);
-  const k = (b) => {
-    d.current && (m.current = !0, x.current = !1, v.current = u ? b.clientY : b.clientX, f.current = u ? d.current.scrollTop : d.current.scrollLeft, d.current.style.cursor = "grabbing", d.current.style.userSelect = "none");
-  }, $ = (b) => {
-    if (!m.current || !d.current) return;
-    const S = u ? b.clientY : b.clientX, N = v.current - S;
-    Math.abs(N) > 3 && (x.current = !0), u ? d.current.scrollTop = f.current + N : d.current.scrollLeft = f.current + N;
-  }, g = () => {
-    d.current && (m.current = !1, d.current.style.cursor = "", d.current.style.userSelect = "");
-  }, I = () => {
-    g();
+  }, [e, g]);
+  const m = (x) => {
+    u.current && (v.current = !0, k.current = !1, N.current = g ? x.clientY : x.clientX, h.current = g ? u.current.scrollTop : u.current.scrollLeft, u.current.style.cursor = "grabbing", u.current.style.userSelect = "none");
+  }, A = (x) => {
+    if (!v.current || !u.current) return;
+    const M = g ? x.clientY : x.clientX, S = N.current - M;
+    Math.abs(S) > 3 && (k.current = !0), g ? u.current.scrollTop = h.current + S : u.current.scrollLeft = h.current + S;
+  }, E = () => {
+    u.current && (v.current = !1, u.current.style.cursor = "", u.current.style.userSelect = "");
+  }, C = () => {
+    E();
   };
-  T(() => {
-    const b = d.current;
-    if (!b || u) return;
-    const S = (N) => {
-      N.deltaY !== 0 && (N.preventDefault(), b.scrollLeft += N.deltaY * 0.3);
+  L(() => {
+    const x = u.current;
+    if (!x || g) return;
+    const M = (S) => {
+      S.deltaY !== 0 && (S.preventDefault(), x.scrollLeft += S.deltaY * 0.3);
     };
-    return b.addEventListener("wheel", S, { passive: !1 }), () => {
-      b.removeEventListener("wheel", S);
+    return x.addEventListener("wheel", M, { passive: !1 }), () => {
+      x.removeEventListener("wheel", M);
     };
-  }, [u]);
-  const P = (b) => {
-    x.current || n(b);
+  }, [g]);
+  const z = (x) => {
+    k.current || n(x);
   };
-  return /* @__PURE__ */ y("div", { className: `nc-tab-container ${u ? `nc-vertical nc-${l}` : ""} ${r || ""}`, style: c, children: [
+  return /* @__PURE__ */ y("div", { className: `nc-tab-container ${g ? `nc-vertical nc-${d}` : ""} ${i || ""}`, style: f, children: [
     /* @__PURE__ */ y("div", { className: "nc-tab-scroll-wrapper", children: [
-      p && /* @__PURE__ */ s("div", { className: `nc-tab-scroll-indicator ${u ? "nc-top" : "nc-left"}`, children: u ? /* @__PURE__ */ s(wt, { size: 16 }) : /* @__PURE__ */ s(it, { size: 16 }) }),
+      w && /* @__PURE__ */ s("div", { className: `nc-tab-scroll-indicator ${g ? "nc-top" : "nc-left"}`, children: g ? /* @__PURE__ */ s(kt, { size: 16 }) : /* @__PURE__ */ s(lt, { size: 16 }) }),
       /* @__PURE__ */ s(
         "div",
         {
-          ref: d,
-          className: `nc-tab-scroll ${i ? "nc-multiline" : ""}`,
-          onMouseDown: k,
-          onMouseMove: $,
-          onMouseUp: g,
-          onMouseLeave: I,
+          ref: u,
+          className: `nc-tab-scroll ${a ? "nc-multiline" : ""}`,
+          onMouseDown: m,
+          onMouseMove: A,
+          onMouseUp: E,
+          onMouseLeave: C,
           style: { cursor: "grab" },
-          children: e.map((b) => /* @__PURE__ */ s(
-            "div",
-            {
-              className: `nc-tab-item ${t === b ? "nc-active" : ""}`,
-              onClick: () => P(b),
-              role: "button",
-              tabIndex: 0,
-              onKeyDown: (S) => {
-                (S.key === "Enter" || S.key === " ") && n(b);
+          children: e.map((x) => {
+            const M = r && !(o != null && o.includes(x));
+            return /* @__PURE__ */ y(
+              "div",
+              {
+                className: `nc-tab-item ${t === x ? "nc-active" : ""} ${M ? "nc-closable" : ""}`,
+                onClick: () => z(x),
+                role: "button",
+                tabIndex: 0,
+                onKeyDown: (S) => {
+                  (S.key === "Enter" || S.key === " ") && n(x);
+                },
+                children: [
+                  /* @__PURE__ */ s("span", { className: "nc-tab-label", children: g ? x : x.toUpperCase() }),
+                  M && /* @__PURE__ */ s(
+                    "span",
+                    {
+                      className: "nc-tab-close",
+                      role: "button",
+                      tabIndex: 0,
+                      "aria-label": `Close ${x}`,
+                      onClick: (S) => {
+                        S.stopPropagation(), r(x);
+                      },
+                      onKeyDown: (S) => {
+                        (S.key === "Enter" || S.key === " ") && (S.stopPropagation(), r(x));
+                      },
+                      children: /* @__PURE__ */ y("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", children: [
+                        /* @__PURE__ */ s("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+                        /* @__PURE__ */ s("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+                      ] })
+                    }
+                  )
+                ]
               },
-              children: u ? b : b.toUpperCase()
-            },
-            b
-          ))
+              x
+            );
+          })
         }
       ),
-      w && /* @__PURE__ */ s("div", { className: `nc-tab-scroll-indicator ${u ? "nc-bottom" : "nc-right"}`, children: u ? /* @__PURE__ */ s(at, { size: 16 }) : /* @__PURE__ */ s(ct, { size: 16 }) })
+      p && /* @__PURE__ */ s("div", { className: `nc-tab-scroll-indicator ${g ? "nc-bottom" : "nc-right"}`, children: g ? /* @__PURE__ */ s(dt, { size: 16 }) : /* @__PURE__ */ s(ut, { size: 16 }) })
     ] }),
-    o && /* @__PURE__ */ s("div", { className: "nc-tab-toolbar", children: o })
+    l && /* @__PURE__ */ s("div", { className: "nc-tab-toolbar", children: l })
   ] });
 }
-function Vn({ checked: e, onChange: t, disabled: n, label: r }) {
+function Kn({ checked: e, onChange: t, disabled: n, label: r }) {
   return /* @__PURE__ */ y(
     "label",
     {
@@ -1365,47 +1389,167 @@ function Vn({ checked: e, onChange: t, disabled: n, label: r }) {
     }
   );
 }
+const Re = [
+  "var(--nc-csv-col-0)",
+  "var(--nc-csv-col-1)",
+  "var(--nc-csv-col-2)",
+  "var(--nc-csv-col-3)",
+  "var(--nc-csv-col-4)",
+  "var(--nc-csv-col-5)",
+  "var(--nc-csv-col-6)",
+  "var(--nc-csv-col-7)",
+  "var(--nc-csv-col-8)",
+  "var(--nc-csv-col-9)"
+];
+function At(e, t) {
+  const r = e.slice(0, t).split(`
+`), o = r.length, l = r[o - 1].split("	"), a = l.length, d = l[a - 1].length + 1;
+  return { line: o, column: a, character: d, offset: t };
+}
+function Ct(e, t, n, r) {
+  const o = e.split(`
+`), i = Math.max(1, Math.min(t, o.length));
+  let l = 0;
+  for (let w = 0; w < i - 1; w++)
+    l += o[w].length + 1;
+  const d = o[i - 1].split("	"), f = Math.max(1, Math.min(n, d.length));
+  for (let w = 0; w < f - 1; w++)
+    l += d[w].length + 1;
+  const u = Math.max(1, Math.min(r, d[f - 1].length + 1));
+  return l += u - 1, l;
+}
+function St(e, t) {
+  const n = e.split(`
+`), r = Math.max(1, Math.min(t, n.length));
+  let o = 0;
+  for (let i = 0; i < r - 1; i++)
+    o += n[i].length + 1;
+  return o;
+}
+const _n = tt(
+  function({ value: t, onChange: n, placeholder: r, className: o, style: i, showLineNumbers: l = !1, onCursorChange: a, highlightLine: d }, f) {
+    const u = H(null), w = H(null), c = H(null);
+    nt(f, () => ({
+      goToLine(h) {
+        const k = u.current;
+        if (!k) return;
+        const m = St(t, h);
+        k.focus(), k.setSelectionRange(m, m);
+        const A = parseFloat(getComputedStyle(k).lineHeight) || 18;
+        k.scrollTop = (Math.max(1, h) - 1) * A, b(), p();
+      },
+      goToPosition(h, k, m) {
+        const A = u.current;
+        if (!A) return;
+        const E = Ct(t, h, k, m);
+        A.focus(), A.setSelectionRange(E, E);
+        const C = parseFloat(getComputedStyle(A).lineHeight) || 18;
+        A.scrollTop = (Math.max(1, h) - 1) * C, b(), p();
+      }
+    }), [t]);
+    const p = O(() => {
+      if (!a || !u.current) return;
+      const h = At(t, u.current.selectionStart);
+      a(h);
+    }, [a, t]), b = O(() => {
+      const h = u.current;
+      h && (w.current && (w.current.scrollTop = h.scrollTop, w.current.scrollLeft = h.scrollLeft), c.current && (c.current.scrollTop = h.scrollTop));
+    }, []);
+    L(() => {
+      if (d == null || d < 1) return;
+      const h = u.current;
+      if (!h) return;
+      const k = parseFloat(getComputedStyle(h).lineHeight) || 18, m = (d - 1) * k, A = m + k;
+      (m < h.scrollTop || A > h.scrollTop + h.clientHeight) && (h.scrollTop = m - h.clientHeight / 2 + k / 2), b();
+    }, [d]);
+    const g = ge(() => t.split(`
+`).length, [t]), v = () => {
+      const h = [];
+      for (let k = 1; k <= g; k++)
+        h.push(
+          /* @__PURE__ */ s("div", { className: `nc-csv-line-number ${d === k ? "nc-csv-highlight" : ""}`, children: k }, k)
+        );
+      return /* @__PURE__ */ s("div", { className: "nc-csv-gutter", ref: c, children: h });
+    }, N = (h) => h ? h.split(`
+`).map((m, A) => {
+      const E = m.split("	");
+      return /* @__PURE__ */ y("div", { className: `nc-csv-line ${d === A + 1 ? "nc-csv-highlight" : ""}`, children: [
+        E.map((C, z) => /* @__PURE__ */ y("span", { children: [
+          z > 0 && /* @__PURE__ */ s("span", { className: "nc-csv-tab-char", children: "	" }),
+          /* @__PURE__ */ s("span", { style: { color: Re[z % Re.length] }, children: C })
+        ] }, z)),
+        m === "" && `
+`
+      ] }, A);
+    }) : null;
+    return /* @__PURE__ */ y("div", { className: `nc-csv-textarea-container ${l ? "nc-csv-with-gutter" : ""} ${o ?? ""}`, style: i, children: [
+      l && v(),
+      /* @__PURE__ */ y("div", { className: "nc-csv-textarea-editor", children: [
+        /* @__PURE__ */ s("div", { className: "nc-csv-textarea-backdrop", ref: w, children: /* @__PURE__ */ s("pre", { className: "nc-csv-textarea-highlights", children: N(t) }) }),
+        /* @__PURE__ */ s(
+          "textarea",
+          {
+            ref: u,
+            className: "nc-csv-textarea-input",
+            value: t,
+            onChange: (h) => {
+              n(h.target.value), requestAnimationFrame(p);
+            },
+            onScroll: b,
+            onSelect: p,
+            onKeyUp: p,
+            onClick: p,
+            placeholder: r,
+            spellCheck: !1,
+            autoComplete: "off",
+            autoCorrect: "off"
+          }
+        )
+      ] })
+    ] });
+  }
+);
 let Z = { notifications: [] };
-const be = /* @__PURE__ */ new Set(), Re = /* @__PURE__ */ new Map();
-function ve() {
+const ve = /* @__PURE__ */ new Set(), Ee = /* @__PURE__ */ new Map();
+function we() {
   const e = Z.notifications.slice();
-  for (const t of Array.from(be))
+  for (const t of Array.from(ve))
     try {
       t(e);
     } catch {
     }
 }
-function xt(e) {
-  be.add(e);
+function It(e) {
+  ve.add(e);
   try {
     e(Z.notifications.slice());
   } catch {
   }
   return () => {
-    be.delete(e);
+    ve.delete(e);
   };
 }
-function kt(e) {
+function Mt(e) {
   const t = `notification-${Date.now()}-${Math.random()}`, n = {
     id: t,
     dismissible: !0,
     lastingTime: 5e3,
     ...e
   };
-  return Z.notifications = [n, ...Z.notifications], ve(), n.lastingTime && n.lastingTime > 0 && setTimeout(() => {
-    He(t);
+  return Z.notifications = [n, ...Z.notifications], we(), n.lastingTime && n.lastingTime > 0 && setTimeout(() => {
+    Oe(t);
   }, n.lastingTime), t;
 }
-function He(e) {
+function Oe(e) {
   const t = Z.notifications.find((r) => r.id === e);
   if (!t) return;
-  t.isRemoving = !0, ve();
+  t.isRemoving = !0, we();
   const n = window.setTimeout(() => {
-    Z.notifications = Z.notifications.filter((r) => r.id !== e), ve(), Re.delete(e);
+    Z.notifications = Z.notifications.filter((r) => r.id !== e), we(), Ee.delete(e);
   }, 300);
-  Re.set(e, n);
+  Ee.set(e, n);
 }
-function Nt({ notification: e }) {
+function $t({ notification: e }) {
   const { t } = J(), n = () => {
     if (e.title) return e.title;
     switch (e.type) {
@@ -1419,7 +1563,7 @@ function Nt({ notification: e }) {
         return t("common.info");
     }
   }, r = () => {
-    He(e.id);
+    Oe(e.id);
   };
   return /* @__PURE__ */ s(
     "div",
@@ -1442,24 +1586,24 @@ function Nt({ notification: e }) {
     }
   );
 }
-function Fn() {
-  const [e, t] = R([]), [n, r] = R(/* @__PURE__ */ new Map()), [o, i] = R(/* @__PURE__ */ new Set()), l = H(null), c = H([]);
-  return T(() => xt((p) => {
-    const h = new Set(c.current.map((a) => a.id)), w = p.filter((a) => !h.has(a.id)).map((a) => a.id);
-    w.length > 0 ? (t(p), i(new Set(w)), requestAnimationFrame(() => {
+function Un() {
+  const [e, t] = T([]), [n, r] = T(/* @__PURE__ */ new Map()), [o, i] = T(/* @__PURE__ */ new Set()), l = H(null), a = H([]);
+  return L(() => It((f) => {
+    const u = new Set(a.current.map((c) => c.id)), w = f.filter((c) => !u.has(c.id)).map((c) => c.id);
+    w.length > 0 ? (t(f), i(new Set(w)), requestAnimationFrame(() => {
       requestAnimationFrame(() => {
         i(/* @__PURE__ */ new Set());
       });
-    })) : t(p), c.current = p;
-  }), []), T(() => {
+    })) : t(f), a.current = f;
+  }), []), L(() => {
     if (!l.current) return;
     const d = /* @__PURE__ */ new Map();
-    let p = 0;
-    const h = l.current.children;
-    e.forEach((w, a) => {
-      if (d.set(w.id, p), h[a]) {
-        const u = h[a].offsetHeight;
-        w.isRemoving || (p += u + 12);
+    let f = 0;
+    const u = l.current.children;
+    e.forEach((w, c) => {
+      if (d.set(w.id, f), u[c]) {
+        const p = u[c].offsetHeight;
+        w.isRemoving || (f += p + 12);
       }
     }), r(d);
   }, [e]), /* @__PURE__ */ s(
@@ -1481,7 +1625,7 @@ function Fn() {
             position: "relative"
           },
           children: e.map((d) => {
-            const p = o.has(d.id), h = d.isRemoving, w = n.get(d.id) || 0;
+            const f = o.has(d.id), u = d.isRemoving, w = n.get(d.id) || 0;
             return /* @__PURE__ */ s(
               "div",
               {
@@ -1489,13 +1633,13 @@ function Fn() {
                   position: "absolute",
                   top: 0,
                   left: 0,
-                  transform: p ? "translateY(-120px)" : `translateY(${w}px)`,
+                  transform: f ? "translateY(-120px)" : `translateY(${w}px)`,
                   // Only animate transform when not leaving, animate opacity always
-                  transition: h ? "opacity 300ms ease-out" : "transform 300ms ease-out, opacity 300ms ease-out",
-                  opacity: h ? 0 : 1,
+                  transition: u ? "opacity 300ms ease-out" : "transform 300ms ease-out, opacity 300ms ease-out",
+                  opacity: u ? 0 : 1,
                   width: "100%"
                 },
-                children: /* @__PURE__ */ s(Nt, { notification: d })
+                children: /* @__PURE__ */ s($t, { notification: d })
               },
               d.id
             );
@@ -1505,11 +1649,11 @@ function Fn() {
     }
   );
 }
-const On = {
-  show: (e) => kt(e)
+const qn = {
+  show: (e) => Mt(e)
 };
-function Yn(e) {
-  const t = lt.createInstance(), n = {};
+function Xn(e) {
+  const t = pt.createInstance(), n = {};
   for (const o in e)
     n[o] = { translation: e[o] };
   const r = typeof document < "u" && document.documentElement.lang || "en";
@@ -1524,12 +1668,12 @@ function Yn(e) {
   }), typeof MutationObserver < "u" && typeof document < "u" && new MutationObserver((i) => {
     for (const l of i)
       if (l.type === "attributes" && l.attributeName === "lang") {
-        const c = document.documentElement.lang || "en";
-        t.changeLanguage(c);
+        const a = document.documentElement.lang || "en";
+        t.changeLanguage(a);
       }
   }).observe(document.documentElement, { attributes: !0 }), t;
 }
-class At {
+class Rt {
   constructor() {
     _(this, "apps", /* @__PURE__ */ new Map());
   }
@@ -1569,8 +1713,8 @@ class At {
     return this.apps.has(t);
   }
 }
-const oe = new At(), Ee = "nc-ui-app-state";
-class St {
+const oe = new Rt(), Te = "nc-ui-app-state";
+class Et {
   constructor() {
     _(this, "state");
     _(this, "listeners", /* @__PURE__ */ new Map());
@@ -1578,7 +1722,7 @@ class St {
   }
   loadState() {
     try {
-      const t = localStorage.getItem(Ee);
+      const t = localStorage.getItem(Te);
       if (t)
         return JSON.parse(t);
     } catch {
@@ -1587,7 +1731,7 @@ class St {
   }
   saveState() {
     try {
-      localStorage.setItem(Ee, JSON.stringify(this.state));
+      localStorage.setItem(Te, JSON.stringify(this.state));
     } catch {
     }
   }
@@ -1617,8 +1761,8 @@ class St {
     (r = this.listeners.get(t)) == null || r.forEach((o) => o(n));
   }
 }
-const j = new St();
-class Ct {
+const j = new Et();
+class Tt {
   constructor() {
     _(this, "apps", []);
     _(this, "activeAppId", null);
@@ -1737,14 +1881,14 @@ class Ct {
     this.listeners.forEach((t) => t());
   }
 }
-const F = new Ct(), We = se(null);
-function It() {
+const V = new Tt(), We = se(null);
+function zt() {
   const e = X(We);
   if (!e)
     throw new Error("useApp must be used inside an App");
   return e;
 }
-function Mt({ size: e = 16 }) {
+function Pt({ size: e = 16 }) {
   return /* @__PURE__ */ y(
     "svg",
     {
@@ -1763,7 +1907,7 @@ function Mt({ size: e = 16 }) {
     }
   );
 }
-function $t({ title: e, onClose: t, onBack: n, toolbar: r, hideBackButton: o }) {
+function Lt({ title: e, onClose: t, onBack: n, toolbar: r, hideBackButton: o }) {
   return /* @__PURE__ */ y("div", { className: "nc-app-title-bar", children: [
     /* @__PURE__ */ y("div", { className: "nc-app-title-bar-left", children: [
       n && !o && /* @__PURE__ */ s(
@@ -1773,18 +1917,18 @@ function $t({ title: e, onClose: t, onBack: n, toolbar: r, hideBackButton: o })
           onClick: n,
           title: "Back",
           "aria-label": "Go back",
-          children: /* @__PURE__ */ s(Mt, { size: 16 })
+          children: /* @__PURE__ */ s(Pt, { size: 16 })
         }
       ),
       /* @__PURE__ */ s("span", { className: "nc-app-title-bar-title", children: e })
     ] }),
     /* @__PURE__ */ y("div", { className: "nc-app-title-bar-right", children: [
       r && /* @__PURE__ */ s("div", { className: "nc-app-title-bar-toolbar", children: r }),
-      /* @__PURE__ */ s(Be, { onClick: t, "aria-label": "Close application" })
+      /* @__PURE__ */ s(De, { onClick: t, "aria-label": "Close application" })
     ] })
   ] });
 }
-class Rt extends ye.Component {
+class Bt extends xe.Component {
   constructor(t) {
     super(t), this.state = { hasError: !1 };
   }
@@ -1817,38 +1961,38 @@ class Rt extends ye.Component {
     ) : this.props.children;
   }
 }
-function Ve({ appId: e, isActive: t, onClose: n }) {
-  const { t: r } = J(), o = oe.get(e), [i, l] = R(""), [c, d] = R(null), [p, h] = R(null), [w, a] = R(!1), [u, m] = R(!1);
-  ye.useEffect(() => {
+function Fe({ appId: e, isActive: t, onClose: n }) {
+  const { t: r } = J(), o = oe.get(e), [i, l] = T(""), [a, d] = T(null), [f, u] = T(null), [w, c] = T(!1), [p, b] = T(!1);
+  xe.useEffect(() => {
     o != null && o.titleKey && l(r(o.titleKey));
   }, [o, r]);
-  const v = W((N) => {
-    l(N);
-  }, []), f = W((N) => {
-    d(() => N);
-  }, []), x = W(() => {
+  const g = O((x) => {
+    l(x);
+  }, []), v = O((x) => {
+    d(() => x);
+  }, []), N = O(() => {
     d(null);
-  }, []), k = W((N) => {
-    h(N);
-  }, []), $ = W(() => {
-    h(null);
-  }, []), g = W((N) => {
-    a(N);
-  }, []), I = W((N) => {
-    m(N);
-  }, []), P = xe(() => ({
-    setTitle: v,
-    setBackHandler: f,
-    clearBackHandler: x,
-    setToolbar: k,
-    clearToolbar: $,
-    setHideBackButton: g,
-    setHideTitleBar: I,
+  }, []), h = O((x) => {
+    u(x);
+  }, []), k = O(() => {
+    u(null);
+  }, []), m = O((x) => {
+    c(x);
+  }, []), A = O((x) => {
+    b(x);
+  }, []), E = ge(() => ({
+    setTitle: g,
+    setBackHandler: v,
+    clearBackHandler: N,
+    setToolbar: h,
+    clearToolbar: k,
+    setHideBackButton: m,
+    setHideTitleBar: A,
     close: n
-  }), [v, f, x, k, $, g, I, n]);
+  }), [g, v, N, h, k, m, A, n]);
   if (!o)
     return null;
-  const b = o.component, S = !o.hideTitleBar && !u;
+  const C = o.component, z = !o.hideTitleBar && !p;
   return /* @__PURE__ */ y(
     "div",
     {
@@ -1859,20 +2003,20 @@ function Ve({ appId: e, isActive: t, onClose: n }) {
         minHeight: 0
       },
       children: [
-        S && /* @__PURE__ */ s(
-          $t,
+        z && /* @__PURE__ */ s(
+          Lt,
           {
             title: i,
             onClose: n,
-            onBack: c ?? void 0,
-            toolbar: p,
+            onBack: a ?? void 0,
+            toolbar: f,
             hideBackButton: w
           }
         ),
         /* @__PURE__ */ s(
           "div",
           {
-            className: S ? "nc-app-content-wrapper" : "",
+            className: z ? "nc-app-content-wrapper" : "",
             style: {
               padding: o.padding,
               flex: 1,
@@ -1882,8 +2026,8 @@ function Ve({ appId: e, isActive: t, onClose: n }) {
               backgroundColor: "var(--nc-bg-secondary)",
               position: "relative"
             },
-            children: /* @__PURE__ */ s(We.Provider, { value: P, children: /* @__PURE__ */ s(Rt, { appId: e, children: /* @__PURE__ */ s(
-              et,
+            children: /* @__PURE__ */ s(We.Provider, { value: E, children: /* @__PURE__ */ s(Bt, { appId: e, children: /* @__PURE__ */ s(
+              rt,
               {
                 fallback: /* @__PURE__ */ s(
                   "div",
@@ -1894,10 +2038,10 @@ function Ve({ appId: e, isActive: t, onClose: n }) {
                       justifyContent: "center",
                       flex: 1
                     },
-                    children: /* @__PURE__ */ s(Te, {})
+                    children: /* @__PURE__ */ s(Be, {})
                   }
                 ),
-                children: /* @__PURE__ */ s(b, {})
+                children: /* @__PURE__ */ s(C, {})
               }
             ) }) })
           }
@@ -1906,16 +2050,16 @@ function Ve({ appId: e, isActive: t, onClose: n }) {
     }
   );
 }
-const he = 768, me = 1024, Fe = {
+const he = 768, me = 1024, Ve = {
   isMobile: !1,
   isTablet: !1,
   isDesktop: !0,
   width: typeof window < "u" ? window.innerWidth : 1024,
   height: typeof window < "u" ? window.innerHeight : 768
-}, Oe = se(Fe);
-function Gn({ children: e }) {
-  const [t, n] = R(() => {
-    if (typeof window > "u") return Fe;
+}, Ge = se(Ve);
+function Jn({ children: e }) {
+  const [t, n] = T(() => {
+    if (typeof window > "u") return Ve;
     const r = window.innerWidth, o = window.innerHeight;
     return {
       isMobile: r < he,
@@ -1925,7 +2069,7 @@ function Gn({ children: e }) {
       height: o
     };
   });
-  return T(() => {
+  return L(() => {
     const r = () => {
       const o = window.innerWidth, i = window.innerHeight;
       n({
@@ -1937,46 +2081,46 @@ function Gn({ children: e }) {
       });
     };
     return window.addEventListener("resize", r), () => window.removeEventListener("resize", r);
-  }, []), /* @__PURE__ */ s(Oe.Provider, { value: t, children: e });
+  }, []), /* @__PURE__ */ s(Ge.Provider, { value: t, children: e });
 }
 function Ye() {
-  return X(Oe);
+  return X(Ge);
 }
-const ke = "-", Et = (e) => {
-  const t = Pt(e), {
+const ke = "-", Dt = (e) => {
+  const t = Ot(e), {
     conflictingClassGroups: n,
     conflictingClassGroupModifiers: r
   } = e;
   return {
     getClassGroupId: (l) => {
-      const c = l.split(ke);
-      return c[0] === "" && c.length !== 1 && c.shift(), Ge(c, t) || zt(l);
+      const a = l.split(ke);
+      return a[0] === "" && a.length !== 1 && a.shift(), je(a, t) || Ht(l);
     },
-    getConflictingClassGroupIds: (l, c) => {
+    getConflictingClassGroupIds: (l, a) => {
       const d = n[l] || [];
-      return c && r[l] ? [...d, ...r[l]] : d;
+      return a && r[l] ? [...d, ...r[l]] : d;
     }
   };
-}, Ge = (e, t) => {
+}, je = (e, t) => {
   var l;
   if (e.length === 0)
     return t.classGroupId;
-  const n = e[0], r = t.nextPart.get(n), o = r ? Ge(e.slice(1), r) : void 0;
+  const n = e[0], r = t.nextPart.get(n), o = r ? je(e.slice(1), r) : void 0;
   if (o)
     return o;
   if (t.validators.length === 0)
     return;
   const i = e.join(ke);
   return (l = t.validators.find(({
-    validator: c
-  }) => c(i))) == null ? void 0 : l.classGroupId;
-}, ze = /^\[(.+)\]$/, zt = (e) => {
+    validator: a
+  }) => a(i))) == null ? void 0 : l.classGroupId;
+}, ze = /^\[(.+)\]$/, Ht = (e) => {
   if (ze.test(e)) {
     const t = ze.exec(e)[1], n = t == null ? void 0 : t.substring(0, t.indexOf(":"));
     if (n)
       return "arbitrary.." + n;
   }
-}, Pt = (e) => {
+}, Ot = (e) => {
   const {
     theme: t,
     prefix: n
@@ -1984,10 +2128,10 @@ const ke = "-", Et = (e) => {
     nextPart: /* @__PURE__ */ new Map(),
     validators: []
   };
-  return Tt(Object.entries(e.classGroups), n).forEach(([i, l]) => {
-    we(l, r, i, t);
+  return Ft(Object.entries(e.classGroups), n).forEach(([i, l]) => {
+    ye(l, r, i, t);
   }), r;
-}, we = (e, t, n, r) => {
+}, ye = (e, t, n, r) => {
   e.forEach((o) => {
     if (typeof o == "string") {
       const i = o === "" ? t : Pe(t, o);
@@ -1995,8 +2139,8 @@ const ke = "-", Et = (e) => {
       return;
     }
     if (typeof o == "function") {
-      if (Lt(o)) {
-        we(o(r), t, n, r);
+      if (Wt(o)) {
+        ye(o(r), t, n, r);
         return;
       }
       t.validators.push({
@@ -2006,7 +2150,7 @@ const ke = "-", Et = (e) => {
       return;
     }
     Object.entries(o).forEach(([i, l]) => {
-      we(l, Pe(t, i), n, r);
+      ye(l, Pe(t, i), n, r);
     });
   });
 }, Pe = (e, t) => {
@@ -2017,10 +2161,10 @@ const ke = "-", Et = (e) => {
       validators: []
     }), n = n.nextPart.get(r);
   }), n;
-}, Lt = (e) => e.isThemeGetter, Tt = (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(([l, c]) => [t + l, c])) : i);
+}, Wt = (e) => e.isThemeGetter, Ft = (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(([l, a]) => [t + l, a])) : i);
   return [n, o];
-}) : e, Bt = (e) => {
+}) : e, Vt = (e) => {
   if (e < 1)
     return {
       get: () => {
@@ -2044,40 +2188,40 @@ const ke = "-", Et = (e) => {
       n.has(i) ? n.set(i, l) : o(i, l);
     }
   };
-}, je = "!", Dt = (e) => {
+}, Ke = "!", Gt = (e) => {
   const {
     separator: t,
     experimentalParseClassName: n
-  } = e, r = t.length === 1, o = t[0], i = t.length, l = (c) => {
+  } = e, r = t.length === 1, o = t[0], i = t.length, l = (a) => {
     const d = [];
-    let p = 0, h = 0, w;
-    for (let f = 0; f < c.length; f++) {
-      let x = c[f];
-      if (p === 0) {
-        if (x === o && (r || c.slice(f, f + i) === t)) {
-          d.push(c.slice(h, f)), h = f + i;
+    let f = 0, u = 0, w;
+    for (let v = 0; v < a.length; v++) {
+      let N = a[v];
+      if (f === 0) {
+        if (N === o && (r || a.slice(v, v + i) === t)) {
+          d.push(a.slice(u, v)), u = v + i;
           continue;
         }
-        if (x === "/") {
-          w = f;
+        if (N === "/") {
+          w = v;
           continue;
         }
       }
-      x === "[" ? p++ : x === "]" && p--;
+      N === "[" ? f++ : N === "]" && f--;
     }
-    const a = d.length === 0 ? c : c.substring(h), u = a.startsWith(je), m = u ? a.substring(1) : a, v = w && w > h ? w - h : void 0;
+    const c = d.length === 0 ? a : a.substring(u), p = c.startsWith(Ke), b = p ? c.substring(1) : c, g = w && w > u ? w - u : void 0;
     return {
       modifiers: d,
-      hasImportantModifier: u,
-      baseClassName: m,
-      maybePostfixModifierPosition: v
+      hasImportantModifier: p,
+      baseClassName: b,
+      maybePostfixModifierPosition: g
     };
   };
-  return n ? (c) => n({
-    className: c,
+  return n ? (a) => n({
+    className: a,
     parseClassName: l
   }) : l;
-}, Ht = (e) => {
+}, Yt = (e) => {
   if (e.length <= 1)
     return e;
   const t = [];
@@ -2085,122 +2229,122 @@ const ke = "-", Et = (e) => {
   return e.forEach((r) => {
     r[0] === "[" ? (t.push(...n.sort(), r), n = []) : n.push(r);
   }), t.push(...n.sort()), t;
-}, Wt = (e) => ({
-  cache: Bt(e.cacheSize),
-  parseClassName: Dt(e),
-  ...Et(e)
-}), Vt = /\s+/, Ft = (e, t) => {
+}, jt = (e) => ({
+  cache: Vt(e.cacheSize),
+  parseClassName: Gt(e),
+  ...Dt(e)
+}), Kt = /\s+/, _t = (e, t) => {
   const {
     parseClassName: n,
     getClassGroupId: r,
     getConflictingClassGroupIds: o
-  } = t, i = [], l = e.trim().split(Vt);
-  let c = "";
+  } = t, i = [], l = e.trim().split(Kt);
+  let a = "";
   for (let d = l.length - 1; d >= 0; d -= 1) {
-    const p = l[d], {
-      modifiers: h,
+    const f = l[d], {
+      modifiers: u,
       hasImportantModifier: w,
-      baseClassName: a,
-      maybePostfixModifierPosition: u
-    } = n(p);
-    let m = !!u, v = r(m ? a.substring(0, u) : a);
-    if (!v) {
-      if (!m) {
-        c = p + (c.length > 0 ? " " + c : c);
+      baseClassName: c,
+      maybePostfixModifierPosition: p
+    } = n(f);
+    let b = !!p, g = r(b ? c.substring(0, p) : c);
+    if (!g) {
+      if (!b) {
+        a = f + (a.length > 0 ? " " + a : a);
         continue;
       }
-      if (v = r(a), !v) {
-        c = p + (c.length > 0 ? " " + c : c);
+      if (g = r(c), !g) {
+        a = f + (a.length > 0 ? " " + a : a);
         continue;
       }
-      m = !1;
+      b = !1;
     }
-    const f = Ht(h).join(":"), x = w ? f + je : f, k = x + v;
-    if (i.includes(k))
+    const v = Yt(u).join(":"), N = w ? v + Ke : v, h = N + g;
+    if (i.includes(h))
       continue;
-    i.push(k);
-    const $ = o(v, m);
-    for (let g = 0; g < $.length; ++g) {
-      const I = $[g];
-      i.push(x + I);
+    i.push(h);
+    const k = o(g, b);
+    for (let m = 0; m < k.length; ++m) {
+      const A = k[m];
+      i.push(N + A);
     }
-    c = p + (c.length > 0 ? " " + c : c);
+    a = f + (a.length > 0 ? " " + a : a);
   }
-  return c;
+  return a;
 };
-function Ot() {
+function Ut() {
   let e = 0, t, n, r = "";
   for (; e < arguments.length; )
-    (t = arguments[e++]) && (n = Ke(t)) && (r && (r += " "), r += n);
+    (t = arguments[e++]) && (n = _e(t)) && (r && (r += " "), r += n);
   return r;
 }
-const Ke = (e) => {
+const _e = (e) => {
   if (typeof e == "string")
     return e;
   let t, n = "";
   for (let r = 0; r < e.length; r++)
-    e[r] && (t = Ke(e[r])) && (n && (n += " "), n += t);
+    e[r] && (t = _e(e[r])) && (n && (n += " "), n += t);
   return n;
 };
-function Yt(e, ...t) {
+function qt(e, ...t) {
   let n, r, o, i = l;
   function l(d) {
-    const p = t.reduce((h, w) => w(h), e());
-    return n = Wt(p), r = n.cache.get, o = n.cache.set, i = c, c(d);
+    const f = t.reduce((u, w) => w(u), e());
+    return n = jt(f), r = n.cache.get, o = n.cache.set, i = a, a(d);
   }
-  function c(d) {
-    const p = r(d);
-    if (p)
-      return p;
-    const h = Ft(d, n);
-    return o(d, h), h;
+  function a(d) {
+    const f = r(d);
+    if (f)
+      return f;
+    const u = _t(d, n);
+    return o(d, u), u;
   }
   return function() {
-    return i(Ot.apply(null, arguments));
+    return i(Ut.apply(null, arguments));
   };
 }
-const L = (e) => {
+const B = (e) => {
   const t = (n) => n[e] || [];
   return t.isThemeGetter = !0, t;
-}, _e = /^\[(?:([a-z-]+):)?(.+)\]$/i, Gt = /^\d+\/\d+$/, jt = /* @__PURE__ */ new Set(["px", "full", "screen"]), Kt = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, _t = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, Ut = /^(rgba?|hsla?|hwb|(ok)?(lab|lch))\(.+\)$/, qt = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, Xt = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, Y = (e) => re(e) || jt.has(e) || Gt.test(e), U = (e) => ie(e, "length", on), re = (e) => !!e && !Number.isNaN(Number(e)), ge = (e) => ie(e, "number", re), le = (e) => !!e && Number.isInteger(Number(e)), Jt = (e) => e.endsWith("%") && re(e.slice(0, -1)), A = (e) => _e.test(e), q = (e) => Kt.test(e), Qt = /* @__PURE__ */ new Set(["length", "size", "percentage"]), Zt = (e) => ie(e, Qt, Ue), en = (e) => ie(e, "position", Ue), tn = /* @__PURE__ */ new Set(["image", "url"]), nn = (e) => ie(e, tn, an), rn = (e) => ie(e, "", sn), de = () => !0, ie = (e, t, n) => {
-  const r = _e.exec(e);
+}, Ue = /^\[(?:([a-z-]+):)?(.+)\]$/i, Xt = /^\d+\/\d+$/, Jt = /* @__PURE__ */ new Set(["px", "full", "screen"]), Qt = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, Zt = /\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$/, en = /^(rgba?|hsla?|hwb|(ok)?(lab|lch))\(.+\)$/, tn = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, nn = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, G = (e) => re(e) || Jt.has(e) || Xt.test(e), U = (e) => ie(e, "length", un), re = (e) => !!e && !Number.isNaN(Number(e)), be = (e) => ie(e, "number", re), le = (e) => !!e && Number.isInteger(Number(e)), rn = (e) => e.endsWith("%") && re(e.slice(0, -1)), I = (e) => Ue.test(e), q = (e) => Qt.test(e), on = /* @__PURE__ */ new Set(["length", "size", "percentage"]), sn = (e) => ie(e, on, qe), cn = (e) => ie(e, "position", qe), an = /* @__PURE__ */ new Set(["image", "url"]), ln = (e) => ie(e, an, fn), dn = (e) => ie(e, "", pn), de = () => !0, ie = (e, t, n) => {
+  const r = Ue.exec(e);
   return r ? r[1] ? typeof t == "string" ? r[1] === t : t.has(r[1]) : n(r[2]) : !1;
-}, on = (e) => (
+}, un = (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.
-  _t.test(e) && !Ut.test(e)
-), Ue = () => !1, sn = (e) => qt.test(e), an = (e) => Xt.test(e), cn = () => {
-  const e = L("colors"), t = L("spacing"), n = L("blur"), r = L("brightness"), o = L("borderColor"), i = L("borderRadius"), l = L("borderSpacing"), c = L("borderWidth"), d = L("contrast"), p = L("grayscale"), h = L("hueRotate"), w = L("invert"), a = L("gap"), u = L("gradientColorStops"), m = L("gradientColorStopPositions"), v = L("inset"), f = L("margin"), x = L("opacity"), k = L("padding"), $ = L("saturate"), g = L("scale"), I = L("sepia"), P = L("skew"), b = L("space"), S = L("translate"), N = () => ["auto", "contain", "none"], E = () => ["auto", "hidden", "clip", "visible", "scroll"], D = () => ["auto", A, t], M = () => [A, t], O = () => ["", Y, U], C = () => ["auto", re, A], z = () => ["bottom", "center", "left", "left-bottom", "left-top", "right", "right-bottom", "right-top", "top"], B = () => ["solid", "dashed", "dotted", "double", "none"], ee = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], K = () => ["start", "end", "center", "between", "around", "evenly", "stretch"], Q = () => ["", "0", A], ae = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], V = () => [re, A];
+  Zt.test(e) && !en.test(e)
+), qe = () => !1, pn = (e) => tn.test(e), fn = (e) => nn.test(e), hn = () => {
+  const e = B("colors"), t = B("spacing"), n = B("blur"), r = B("brightness"), o = B("borderColor"), i = B("borderRadius"), l = B("borderSpacing"), a = B("borderWidth"), d = B("contrast"), f = B("grayscale"), u = B("hueRotate"), w = B("invert"), c = B("gap"), p = B("gradientColorStops"), b = B("gradientColorStopPositions"), g = B("inset"), v = B("margin"), N = B("opacity"), h = B("padding"), k = B("saturate"), m = B("scale"), A = B("sepia"), E = B("skew"), C = B("space"), z = B("translate"), x = () => ["auto", "contain", "none"], M = () => ["auto", "hidden", "clip", "visible", "scroll"], S = () => ["auto", I, t], $ = () => [I, t], W = () => ["", G, U], R = () => ["auto", re, I], P = () => ["bottom", "center", "left", "left-bottom", "left-top", "right", "right-bottom", "right-top", "top"], D = () => ["solid", "dashed", "dotted", "double", "none"], ee = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], K = () => ["start", "end", "center", "between", "around", "evenly", "stretch"], Q = () => ["", "0", I], ce = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], F = () => [re, I];
   return {
     cacheSize: 500,
     separator: ":",
     theme: {
       colors: [de],
-      spacing: [Y, U],
-      blur: ["none", "", q, A],
-      brightness: V(),
+      spacing: [G, U],
+      blur: ["none", "", q, I],
+      brightness: F(),
       borderColor: [e],
-      borderRadius: ["none", "", "full", q, A],
-      borderSpacing: M(),
-      borderWidth: O(),
-      contrast: V(),
+      borderRadius: ["none", "", "full", q, I],
+      borderSpacing: $(),
+      borderWidth: W(),
+      contrast: F(),
       grayscale: Q(),
-      hueRotate: V(),
+      hueRotate: F(),
       invert: Q(),
-      gap: M(),
+      gap: $(),
       gradientColorStops: [e],
-      gradientColorStopPositions: [Jt, U],
-      inset: D(),
-      margin: D(),
-      opacity: V(),
-      padding: M(),
-      saturate: V(),
-      scale: V(),
+      gradientColorStopPositions: [rn, U],
+      inset: S(),
+      margin: S(),
+      opacity: F(),
+      padding: $(),
+      saturate: F(),
+      scale: F(),
       sepia: Q(),
-      skew: V(),
-      space: M(),
-      translate: M()
+      skew: F(),
+      space: $(),
+      translate: $()
     },
     classGroups: {
       // Layout
@@ -2209,7 +2353,7 @@ const L = (e) => {
        * @see https://tailwindcss.com/docs/aspect-ratio
        */
       aspect: [{
-        aspect: ["auto", "square", "video", A]
+        aspect: ["auto", "square", "video", I]
       }],
       /**
        * Container
@@ -2228,14 +2372,14 @@ const L = (e) => {
        * @see https://tailwindcss.com/docs/break-after
        */
       "break-after": [{
-        "break-after": ae()
+        "break-after": ce()
       }],
       /**
        * Break Before
        * @see https://tailwindcss.com/docs/break-before
        */
       "break-before": [{
-        "break-before": ae()
+        "break-before": ce()
       }],
       /**
        * Break Inside
@@ -2294,49 +2438,49 @@ const L = (e) => {
        * @see https://tailwindcss.com/docs/object-position
        */
       "object-position": [{
-        object: [...z(), A]
+        object: [...P(), I]
       }],
       /**
        * Overflow
        * @see https://tailwindcss.com/docs/overflow
        */
       overflow: [{
-        overflow: E()
+        overflow: M()
       }],
       /**
        * Overflow X
        * @see https://tailwindcss.com/docs/overflow
        */
       "overflow-x": [{
-        "overflow-x": E()
+        "overflow-x": M()
       }],
       /**
        * Overflow Y
        * @see https://tailwindcss.com/docs/overflow
        */
       "overflow-y": [{
-        "overflow-y": E()
+        "overflow-y": M()
       }],
       /**
        * Overscroll Behavior
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       overscroll: [{
-        overscroll: N()
+        overscroll: x()
       }],
       /**
        * Overscroll Behavior X
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       "overscroll-x": [{
-        "overscroll-x": N()
+        "overscroll-x": x()
       }],
       /**
        * Overscroll Behavior Y
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       "overscroll-y": [{
-        "overscroll-y": N()
+        "overscroll-y": x()
       }],
       /**
        * Position
@@ -2348,63 +2492,63 @@ const L = (e) => {
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       inset: [{
-        inset: [v]
+        inset: [g]
       }],
       /**
        * Right / Left
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-x": [{
-        "inset-x": [v]
+        "inset-x": [g]
       }],
       /**
        * Top / Bottom
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-y": [{
-        "inset-y": [v]
+        "inset-y": [g]
       }],
       /**
        * Start
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       start: [{
-        start: [v]
+        start: [g]
       }],
       /**
        * End
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       end: [{
-        end: [v]
+        end: [g]
       }],
       /**
        * Top
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       top: [{
-        top: [v]
+        top: [g]
       }],
       /**
        * Right
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       right: [{
-        right: [v]
+        right: [g]
       }],
       /**
        * Bottom
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       bottom: [{
-        bottom: [v]
+        bottom: [g]
       }],
       /**
        * Left
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       left: [{
-        left: [v]
+        left: [g]
       }],
       /**
        * Visibility
@@ -2416,7 +2560,7 @@ const L = (e) => {
        * @see https://tailwindcss.com/docs/z-index
        */
       z: [{
-        z: ["auto", le, A]
+        z: ["auto", le, I]
       }],
       // Flexbox and Grid
       /**
@@ -2424,7 +2568,7 @@ const L = (e) => {
        * @see https://tailwindcss.com/docs/flex-basis
        */
       basis: [{
-        basis: D()
+        basis: S()
       }],
       /**
        * Flex Direction
@@ -2445,7 +2589,7 @@ const L = (e) => {
        * @see https://tailwindcss.com/docs/flex
        */
       flex: [{
-        flex: ["1", "auto", "initial", "none", A]
+        flex: ["1", "auto", "initial", "none", I]
       }],
       /**
        * Flex Grow
@@ -2466,7 +2610,7 @@ const L = (e) => {
        * @see https://tailwindcss.com/docs/order
        */
       order: [{
-        order: ["first", "last", "none", le, A]
+        order: ["first", "last", "none", le, I]
       }],
       /**
        * Grid Template Columns
@@ -2481,22 +2625,22 @@ const L = (e) => {
        */
       "col-start-end": [{
         col: ["auto", {
-          span: ["full", le, A]
-        }, A]
+          span: ["full", le, I]
+        }, I]
       }],
       /**
        * Grid Column Start
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-start": [{
-        "col-start": C()
+        "col-start": R()
       }],
       /**
        * Grid Column End
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-end": [{
-        "col-end": C()
+        "col-end": R()
       }],
       /**
        * Grid Template Rows
@@ -2511,22 +2655,22 @@ const L = (e) => {
        */
       "row-start-end": [{
         row: ["auto", {
-          span: [le, A]
-        }, A]
+          span: [le, I]
+        }, I]
       }],
       /**
        * Grid Row Start
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-start": [{
-        "row-start": C()
+        "row-start": R()
       }],
       /**
        * Grid Row End
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-end": [{
-        "row-end": C()
+        "row-end": R()
       }],
       /**
        * Grid Auto Flow
@@ -2540,35 +2684,35 @@ const L = (e) => {
        * @see https://tailwindcss.com/docs/grid-auto-columns
        */
       "auto-cols": [{
-        "auto-cols": ["auto", "min", "max", "fr", A]
+        "auto-cols": ["auto", "min", "max", "fr", I]
       }],
       /**
        * Grid Auto Rows
        * @see https://tailwindcss.com/docs/grid-auto-rows
        */
       "auto-rows": [{
-        "auto-rows": ["auto", "min", "max", "fr", A]
+        "auto-rows": ["auto", "min", "max", "fr", I]
       }],
       /**
        * Gap
        * @see https://tailwindcss.com/docs/gap
        */
       gap: [{
-        gap: [a]
+        gap: [c]
       }],
       /**
        * Gap X
        * @see https://tailwindcss.com/docs/gap
        */
       "gap-x": [{
-        "gap-x": [a]
+        "gap-x": [c]
       }],
       /**
        * Gap Y
        * @see https://tailwindcss.com/docs/gap
        */
       "gap-y": [{
-        "gap-y": [a]
+        "gap-y": [c]
       }],
       /**
        * Justify Content
@@ -2639,133 +2783,133 @@ const L = (e) => {
        * @see https://tailwindcss.com/docs/padding
        */
       p: [{
-        p: [k]
+        p: [h]
       }],
       /**
        * Padding X
        * @see https://tailwindcss.com/docs/padding
        */
       px: [{
-        px: [k]
+        px: [h]
       }],
       /**
        * Padding Y
        * @see https://tailwindcss.com/docs/padding
        */
       py: [{
-        py: [k]
+        py: [h]
       }],
       /**
        * Padding Start
        * @see https://tailwindcss.com/docs/padding
        */
       ps: [{
-        ps: [k]
+        ps: [h]
       }],
       /**
        * Padding End
        * @see https://tailwindcss.com/docs/padding
        */
       pe: [{
-        pe: [k]
+        pe: [h]
       }],
       /**
        * Padding Top
        * @see https://tailwindcss.com/docs/padding
        */
       pt: [{
-        pt: [k]
+        pt: [h]
       }],
       /**
        * Padding Right
        * @see https://tailwindcss.com/docs/padding
        */
       pr: [{
-        pr: [k]
+        pr: [h]
       }],
       /**
        * Padding Bottom
        * @see https://tailwindcss.com/docs/padding
        */
       pb: [{
-        pb: [k]
+        pb: [h]
       }],
       /**
        * Padding Left
        * @see https://tailwindcss.com/docs/padding
        */
       pl: [{
-        pl: [k]
+        pl: [h]
       }],
       /**
        * Margin
        * @see https://tailwindcss.com/docs/margin
        */
       m: [{
-        m: [f]
+        m: [v]
       }],
       /**
        * Margin X
        * @see https://tailwindcss.com/docs/margin
        */
       mx: [{
-        mx: [f]
+        mx: [v]
       }],
       /**
        * Margin Y
        * @see https://tailwindcss.com/docs/margin
        */
       my: [{
-        my: [f]
+        my: [v]
       }],
       /**
        * Margin Start
        * @see https://tailwindcss.com/docs/margin
        */
       ms: [{
-        ms: [f]
+        ms: [v]
       }],
       /**
        * Margin End
        * @see https://tailwindcss.com/docs/margin
        */
       me: [{
-        me: [f]
+        me: [v]
       }],
       /**
        * Margin Top
        * @see https://tailwindcss.com/docs/margin
        */
       mt: [{
-        mt: [f]
+        mt: [v]
       }],
       /**
        * Margin Right
        * @see https://tailwindcss.com/docs/margin
        */
       mr: [{
-        mr: [f]
+        mr: [v]
       }],
       /**
        * Margin Bottom
        * @see https://tailwindcss.com/docs/margin
        */
       mb: [{
-        mb: [f]
+        mb: [v]
       }],
       /**
        * Margin Left
        * @see https://tailwindcss.com/docs/margin
        */
       ml: [{
-        ml: [f]
+        ml: [v]
       }],
       /**
        * Space Between X
        * @see https://tailwindcss.com/docs/space
        */
       "space-x": [{
-        "space-x": [b]
+        "space-x": [C]
       }],
       /**
        * Space Between X Reverse
@@ -2777,7 +2921,7 @@ const L = (e) => {
        * @see https://tailwindcss.com/docs/space
        */
       "space-y": [{
-        "space-y": [b]
+        "space-y": [C]
       }],
       /**
        * Space Between Y Reverse
@@ -2790,21 +2934,21 @@ const L = (e) => {
        * @see https://tailwindcss.com/docs/width
        */
       w: [{
-        w: ["auto", "min", "max", "fit", "svw", "lvw", "dvw", A, t]
+        w: ["auto", "min", "max", "fit", "svw", "lvw", "dvw", I, t]
       }],
       /**
        * Min-Width
        * @see https://tailwindcss.com/docs/min-width
        */
       "min-w": [{
-        "min-w": [A, t, "min", "max", "fit"]
+        "min-w": [I, t, "min", "max", "fit"]
       }],
       /**
        * Max-Width
        * @see https://tailwindcss.com/docs/max-width
        */
       "max-w": [{
-        "max-w": [A, t, "none", "full", "min", "max", "fit", "prose", {
+        "max-w": [I, t, "none", "full", "min", "max", "fit", "prose", {
           screen: [q]
         }, q]
       }],
@@ -2813,28 +2957,28 @@ const L = (e) => {
        * @see https://tailwindcss.com/docs/height
        */
       h: [{
-        h: [A, t, "auto", "min", "max", "fit", "svh", "lvh", "dvh"]
+        h: [I, t, "auto", "min", "max", "fit", "svh", "lvh", "dvh"]
       }],
       /**
        * Min-Height
        * @see https://tailwindcss.com/docs/min-height
        */
       "min-h": [{
-        "min-h": [A, t, "min", "max", "fit", "svh", "lvh", "dvh"]
+        "min-h": [I, t, "min", "max", "fit", "svh", "lvh", "dvh"]
       }],
       /**
        * Max-Height
        * @see https://tailwindcss.com/docs/max-height
        */
       "max-h": [{
-        "max-h": [A, t, "min", "max", "fit", "svh", "lvh", "dvh"]
+        "max-h": [I, t, "min", "max", "fit", "svh", "lvh", "dvh"]
       }],
       /**
        * Size
        * @see https://tailwindcss.com/docs/size
        */
       size: [{
-        size: [A, t, "auto", "min", "max", "fit"]
+        size: [I, t, "auto", "min", "max", "fit"]
       }],
       // Typography
       /**
@@ -2859,7 +3003,7 @@ const L = (e) => {
        * @see https://tailwindcss.com/docs/font-weight
        */
       "font-weight": [{
-        font: ["thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black", ge]
+        font: ["thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black", be]
       }],
       /**
        * Font Family
@@ -2903,35 +3047,35 @@ const L = (e) => {
        * @see https://tailwindcss.com/docs/letter-spacing
        */
       tracking: [{
-        tracking: ["tighter", "tight", "normal", "wide", "wider", "widest", A]
+        tracking: ["tighter", "tight", "normal", "wide", "wider", "widest", I]
       }],
       /**
        * Line Clamp
        * @see https://tailwindcss.com/docs/line-clamp
        */
       "line-clamp": [{
-        "line-clamp": ["none", re, ge]
+        "line-clamp": ["none", re, be]
       }],
       /**
        * Line Height
        * @see https://tailwindcss.com/docs/line-height
        */
       leading: [{
-        leading: ["none", "tight", "snug", "normal", "relaxed", "loose", Y, A]
+        leading: ["none", "tight", "snug", "normal", "relaxed", "loose", G, I]
       }],
       /**
        * List Style Image
        * @see https://tailwindcss.com/docs/list-style-image
        */
       "list-image": [{
-        "list-image": ["none", A]
+        "list-image": ["none", I]
       }],
       /**
        * List Style Type
        * @see https://tailwindcss.com/docs/list-style-type
        */
       "list-style-type": [{
-        list: ["none", "disc", "decimal", A]
+        list: ["none", "disc", "decimal", I]
       }],
       /**
        * List Style Position
@@ -2953,7 +3097,7 @@ const L = (e) => {
        * @see https://tailwindcss.com/docs/placeholder-opacity
        */
       "placeholder-opacity": [{
-        "placeholder-opacity": [x]
+        "placeholder-opacity": [N]
       }],
       /**
        * Text Alignment
@@ -2974,7 +3118,7 @@ const L = (e) => {
        * @see https://tailwindcss.com/docs/text-opacity
        */
       "text-opacity": [{
-        "text-opacity": [x]
+        "text-opacity": [N]
       }],
       /**
        * Text Decoration
@@ -2986,21 +3130,21 @@ const L = (e) => {
        * @see https://tailwindcss.com/docs/text-decoration-style
        */
       "text-decoration-style": [{
-        decoration: [...B(), "wavy"]
+        decoration: [...D(), "wavy"]
       }],
       /**
        * Text Decoration Thickness
        * @see https://tailwindcss.com/docs/text-decoration-thickness
        */
       "text-decoration-thickness": [{
-        decoration: ["auto", "from-font", Y, U]
+        decoration: ["auto", "from-font", G, U]
       }],
       /**
        * Text Underline Offset
        * @see https://tailwindcss.com/docs/text-underline-offset
        */
       "underline-offset": [{
-        "underline-offset": ["auto", Y, A]
+        "underline-offset": ["auto", G, I]
       }],
       /**
        * Text Decoration Color
@@ -3031,14 +3175,14 @@ const L = (e) => {
        * @see https://tailwindcss.com/docs/text-indent
        */
       indent: [{
-        indent: M()
+        indent: $()
       }],
       /**
        * Vertical Alignment
        * @see https://tailwindcss.com/docs/vertical-align
        */
       "vertical-align": [{
-        align: ["baseline", "top", "middle", "bottom", "text-top", "text-bottom", "sub", "super", A]
+        align: ["baseline", "top", "middle", "bottom", "text-top", "text-bottom", "sub", "super", I]
       }],
       /**
        * Whitespace
@@ -3066,7 +3210,7 @@ const L = (e) => {
        * @see https://tailwindcss.com/docs/content
        */
       content: [{
-        content: ["none", A]
+        content: ["none", I]
       }],
       // Backgrounds
       /**
@@ -3089,7 +3233,7 @@ const L = (e) => {
        * @see https://tailwindcss.com/docs/background-opacity
        */
       "bg-opacity": [{
-        "bg-opacity": [x]
+        "bg-opacity": [N]
       }],
       /**
        * Background Origin
@@ -3103,7 +3247,7 @@ const L = (e) => {
        * @see https://tailwindcss.com/docs/background-position
        */
       "bg-position": [{
-        bg: [...z(), en]
+        bg: [...P(), cn]
       }],
       /**
        * Background Repeat
@@ -3119,7 +3263,7 @@ const L = (e) => {
        * @see https://tailwindcss.com/docs/background-size
        */
       "bg-size": [{
-        bg: ["auto", "cover", "contain", Zt]
+        bg: ["auto", "cover", "contain", sn]
       }],
       /**
        * Background Image
@@ -3128,7 +3272,7 @@ const L = (e) => {
       "bg-image": [{
         bg: ["none", {
           "gradient-to": ["t", "tr", "r", "br", "b", "bl", "l", "tl"]
-        }, nn]
+        }, ln]
       }],
       /**
        * Background Color
@@ -3142,42 +3286,42 @@ const L = (e) => {
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-from-pos": [{
-        from: [m]
+        from: [b]
       }],
       /**
        * Gradient Color Stops Via Position
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-via-pos": [{
-        via: [m]
+        via: [b]
       }],
       /**
        * Gradient Color Stops To Position
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-to-pos": [{
-        to: [m]
+        to: [b]
       }],
       /**
        * Gradient Color Stops From
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-from": [{
-        from: [u]
+        from: [p]
       }],
       /**
        * Gradient Color Stops Via
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-via": [{
-        via: [u]
+        via: [p]
       }],
       /**
        * Gradient Color Stops To
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-to": [{
-        to: [u]
+        to: [p]
       }],
       // Borders
       /**
@@ -3290,84 +3434,84 @@ const L = (e) => {
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w": [{
-        border: [c]
+        border: [a]
       }],
       /**
        * Border Width X
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-x": [{
-        "border-x": [c]
+        "border-x": [a]
       }],
       /**
        * Border Width Y
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-y": [{
-        "border-y": [c]
+        "border-y": [a]
       }],
       /**
        * Border Width Start
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-s": [{
-        "border-s": [c]
+        "border-s": [a]
       }],
       /**
        * Border Width End
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-e": [{
-        "border-e": [c]
+        "border-e": [a]
       }],
       /**
        * Border Width Top
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-t": [{
-        "border-t": [c]
+        "border-t": [a]
       }],
       /**
        * Border Width Right
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-r": [{
-        "border-r": [c]
+        "border-r": [a]
       }],
       /**
        * Border Width Bottom
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-b": [{
-        "border-b": [c]
+        "border-b": [a]
       }],
       /**
        * Border Width Left
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-l": [{
-        "border-l": [c]
+        "border-l": [a]
       }],
       /**
        * Border Opacity
        * @see https://tailwindcss.com/docs/border-opacity
        */
       "border-opacity": [{
-        "border-opacity": [x]
+        "border-opacity": [N]
       }],
       /**
        * Border Style
        * @see https://tailwindcss.com/docs/border-style
        */
       "border-style": [{
-        border: [...B(), "hidden"]
+        border: [...D(), "hidden"]
       }],
       /**
        * Divide Width X
        * @see https://tailwindcss.com/docs/divide-width
        */
       "divide-x": [{
-        "divide-x": [c]
+        "divide-x": [a]
       }],
       /**
        * Divide Width X Reverse
@@ -3379,7 +3523,7 @@ const L = (e) => {
        * @see https://tailwindcss.com/docs/divide-width
        */
       "divide-y": [{
-        "divide-y": [c]
+        "divide-y": [a]
       }],
       /**
        * Divide Width Y Reverse
@@ -3391,14 +3535,14 @@ const L = (e) => {
        * @see https://tailwindcss.com/docs/divide-opacity
        */
       "divide-opacity": [{
-        "divide-opacity": [x]
+        "divide-opacity": [N]
       }],
       /**
        * Divide Style
        * @see https://tailwindcss.com/docs/divide-style
        */
       "divide-style": [{
-        divide: B()
+        divide: D()
       }],
       /**
        * Border Color
@@ -3475,21 +3619,21 @@ const L = (e) => {
        * @see https://tailwindcss.com/docs/outline-style
        */
       "outline-style": [{
-        outline: ["", ...B()]
+        outline: ["", ...D()]
       }],
       /**
        * Outline Offset
        * @see https://tailwindcss.com/docs/outline-offset
        */
       "outline-offset": [{
-        "outline-offset": [Y, A]
+        "outline-offset": [G, I]
       }],
       /**
        * Outline Width
        * @see https://tailwindcss.com/docs/outline-width
        */
       "outline-w": [{
-        outline: [Y, U]
+        outline: [G, U]
       }],
       /**
        * Outline Color
@@ -3503,7 +3647,7 @@ const L = (e) => {
        * @see https://tailwindcss.com/docs/ring-width
        */
       "ring-w": [{
-        ring: O()
+        ring: W()
       }],
       /**
        * Ring Width Inset
@@ -3522,14 +3666,14 @@ const L = (e) => {
        * @see https://tailwindcss.com/docs/ring-opacity
        */
       "ring-opacity": [{
-        "ring-opacity": [x]
+        "ring-opacity": [N]
       }],
       /**
        * Ring Offset Width
        * @see https://tailwindcss.com/docs/ring-offset-width
        */
       "ring-offset-w": [{
-        "ring-offset": [Y, U]
+        "ring-offset": [G, U]
       }],
       /**
        * Ring Offset Color
@@ -3544,7 +3688,7 @@ const L = (e) => {
        * @see https://tailwindcss.com/docs/box-shadow
        */
       shadow: [{
-        shadow: ["", "inner", "none", q, rn]
+        shadow: ["", "inner", "none", q, dn]
       }],
       /**
        * Box Shadow Color
@@ -3558,7 +3702,7 @@ const L = (e) => {
        * @see https://tailwindcss.com/docs/opacity
        */
       opacity: [{
-        opacity: [x]
+        opacity: [N]
       }],
       /**
        * Mix Blend Mode
@@ -3609,21 +3753,21 @@ const L = (e) => {
        * @see https://tailwindcss.com/docs/drop-shadow
        */
       "drop-shadow": [{
-        "drop-shadow": ["", "none", q, A]
+        "drop-shadow": ["", "none", q, I]
       }],
       /**
        * Grayscale
        * @see https://tailwindcss.com/docs/grayscale
        */
       grayscale: [{
-        grayscale: [p]
+        grayscale: [f]
       }],
       /**
        * Hue Rotate
        * @see https://tailwindcss.com/docs/hue-rotate
        */
       "hue-rotate": [{
-        "hue-rotate": [h]
+        "hue-rotate": [u]
       }],
       /**
        * Invert
@@ -3637,14 +3781,14 @@ const L = (e) => {
        * @see https://tailwindcss.com/docs/saturate
        */
       saturate: [{
-        saturate: [$]
+        saturate: [k]
       }],
       /**
        * Sepia
        * @see https://tailwindcss.com/docs/sepia
        */
       sepia: [{
-        sepia: [I]
+        sepia: [A]
       }],
       /**
        * Backdrop Filter
@@ -3680,14 +3824,14 @@ const L = (e) => {
        * @see https://tailwindcss.com/docs/backdrop-grayscale
        */
       "backdrop-grayscale": [{
-        "backdrop-grayscale": [p]
+        "backdrop-grayscale": [f]
       }],
       /**
        * Backdrop Hue Rotate
        * @see https://tailwindcss.com/docs/backdrop-hue-rotate
        */
       "backdrop-hue-rotate": [{
-        "backdrop-hue-rotate": [h]
+        "backdrop-hue-rotate": [u]
       }],
       /**
        * Backdrop Invert
@@ -3701,21 +3845,21 @@ const L = (e) => {
        * @see https://tailwindcss.com/docs/backdrop-opacity
        */
       "backdrop-opacity": [{
-        "backdrop-opacity": [x]
+        "backdrop-opacity": [N]
       }],
       /**
        * Backdrop Saturate
        * @see https://tailwindcss.com/docs/backdrop-saturate
        */
       "backdrop-saturate": [{
-        "backdrop-saturate": [$]
+        "backdrop-saturate": [k]
       }],
       /**
        * Backdrop Sepia
        * @see https://tailwindcss.com/docs/backdrop-sepia
        */
       "backdrop-sepia": [{
-        "backdrop-sepia": [I]
+        "backdrop-sepia": [A]
       }],
       // Tables
       /**
@@ -3766,35 +3910,35 @@ const L = (e) => {
        * @see https://tailwindcss.com/docs/transition-property
        */
       transition: [{
-        transition: ["none", "all", "", "colors", "opacity", "shadow", "transform", A]
+        transition: ["none", "all", "", "colors", "opacity", "shadow", "transform", I]
       }],
       /**
        * Transition Duration
        * @see https://tailwindcss.com/docs/transition-duration
        */
       duration: [{
-        duration: V()
+        duration: F()
       }],
       /**
        * Transition Timing Function
        * @see https://tailwindcss.com/docs/transition-timing-function
        */
       ease: [{
-        ease: ["linear", "in", "out", "in-out", A]
+        ease: ["linear", "in", "out", "in-out", I]
       }],
       /**
        * Transition Delay
        * @see https://tailwindcss.com/docs/transition-delay
        */
       delay: [{
-        delay: V()
+        delay: F()
       }],
       /**
        * Animation
        * @see https://tailwindcss.com/docs/animation
        */
       animate: [{
-        animate: ["none", "spin", "ping", "pulse", "bounce", A]
+        animate: ["none", "spin", "ping", "pulse", "bounce", I]
       }],
       // Transforms
       /**
@@ -3809,63 +3953,63 @@ const L = (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: [le, A]
+        rotate: [le, I]
       }],
       /**
        * Translate X
        * @see https://tailwindcss.com/docs/translate
        */
       "translate-x": [{
-        "translate-x": [S]
+        "translate-x": [z]
       }],
       /**
        * Translate Y
        * @see https://tailwindcss.com/docs/translate
        */
       "translate-y": [{
-        "translate-y": [S]
+        "translate-y": [z]
       }],
       /**
        * Skew X
        * @see https://tailwindcss.com/docs/skew
        */
       "skew-x": [{
-        "skew-x": [P]
+        "skew-x": [E]
       }],
       /**
        * Skew Y
        * @see https://tailwindcss.com/docs/skew
        */
       "skew-y": [{
-        "skew-y": [P]
+        "skew-y": [E]
       }],
       /**
        * 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", A]
+        origin: ["center", "top", "top-right", "right", "bottom-right", "bottom", "bottom-left", "left", "top-left", I]
       }],
       // Interactivity
       /**
@@ -3887,7 +4031,7 @@ const L = (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", A]
+        cursor: ["auto", "default", "pointer", "wait", "text", "move", "help", "not-allowed", "none", "context-menu", "progress", "cell", "crosshair", "vertical-text", "alias", "copy", "no-drop", "grab", "grabbing", "all-scroll", "col-resize", "row-resize", "n-resize", "e-resize", "s-resize", "w-resize", "ne-resize", "nw-resize", "se-resize", "sw-resize", "ew-resize", "ns-resize", "nesw-resize", "nwse-resize", "zoom-in", "zoom-out", I]
       }],
       /**
        * Caret Color
@@ -3922,126 +4066,126 @@ const L = (e) => {
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-m": [{
-        "scroll-m": M()
+        "scroll-m": $()
       }],
       /**
        * Scroll Margin X
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mx": [{
-        "scroll-mx": M()
+        "scroll-mx": $()
       }],
       /**
        * Scroll Margin Y
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-my": [{
-        "scroll-my": M()
+        "scroll-my": $()
       }],
       /**
        * Scroll Margin Start
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-ms": [{
-        "scroll-ms": M()
+        "scroll-ms": $()
       }],
       /**
        * Scroll Margin End
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-me": [{
-        "scroll-me": M()
+        "scroll-me": $()
       }],
       /**
        * Scroll Margin Top
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mt": [{
-        "scroll-mt": M()
+        "scroll-mt": $()
       }],
       /**
        * Scroll Margin Right
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mr": [{
-        "scroll-mr": M()
+        "scroll-mr": $()
       }],
       /**
        * Scroll Margin Bottom
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mb": [{
-        "scroll-mb": M()
+        "scroll-mb": $()
       }],
       /**
        * Scroll Margin Left
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-ml": [{
-        "scroll-ml": M()
+        "scroll-ml": $()
       }],
       /**
        * Scroll Padding
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-p": [{
-        "scroll-p": M()
+        "scroll-p": $()
       }],
       /**
        * Scroll Padding X
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-px": [{
-        "scroll-px": M()
+        "scroll-px": $()
       }],
       /**
        * Scroll Padding Y
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-py": [{
-        "scroll-py": M()
+        "scroll-py": $()
       }],
       /**
        * Scroll Padding Start
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-ps": [{
-        "scroll-ps": M()
+        "scroll-ps": $()
       }],
       /**
        * Scroll Padding End
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pe": [{
-        "scroll-pe": M()
+        "scroll-pe": $()
       }],
       /**
        * Scroll Padding Top
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pt": [{
-        "scroll-pt": M()
+        "scroll-pt": $()
       }],
       /**
        * Scroll Padding Right
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pr": [{
-        "scroll-pr": M()
+        "scroll-pr": $()
       }],
       /**
        * Scroll Padding Bottom
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pb": [{
-        "scroll-pb": M()
+        "scroll-pb": $()
       }],
       /**
        * Scroll Padding Left
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pl": [{
-        "scroll-pl": M()
+        "scroll-pl": $()
       }],
       /**
        * Scroll Snap Align
@@ -4109,7 +4253,7 @@ const L = (e) => {
        * @see https://tailwindcss.com/docs/will-change
        */
       "will-change": [{
-        "will-change": ["auto", "scroll", "contents", "transform", A]
+        "will-change": ["auto", "scroll", "contents", "transform", I]
       }],
       // SVG
       /**
@@ -4124,7 +4268,7 @@ const L = (e) => {
        * @see https://tailwindcss.com/docs/stroke-width
        */
       "stroke-w": [{
-        stroke: [Y, U, ge]
+        stroke: [G, U, be]
       }],
       /**
        * Stroke
@@ -4199,99 +4343,99 @@ const L = (e) => {
       "font-size": ["leading"]
     }
   };
-}, ln = /* @__PURE__ */ Yt(cn);
-function dn(...e) {
-  return ln(dt(e));
+}, mn = /* @__PURE__ */ qt(hn);
+function gn(...e) {
+  return mn(ft(e));
 }
-function jn({ autoWidth: e = !0, className: t, style: n }) {
-  const [r, o] = R(() => j.getActiveAppId()), [i, l] = R(() => F.getRunningApps()), { isMobile: c } = Ye();
-  T(() => {
-    const f = j.subscribe("activeAppId", (x) => {
-      o(x);
+function Qn({ autoWidth: e = !0, className: t, style: n }) {
+  const [r, o] = T(() => j.getActiveAppId()), [i, l] = T(() => V.getRunningApps()), { isMobile: a } = Ye();
+  L(() => {
+    const v = j.subscribe("activeAppId", (N) => {
+      o(N);
     });
     return () => {
-      f();
+      v();
     };
-  }, []), T(() => F.subscribe(() => {
-    l(F.getRunningApps());
-  }), []), T(() => {
+  }, []), L(() => V.subscribe(() => {
+    l(V.getRunningApps());
+  }), []), L(() => {
     if (!new URLSearchParams(window.location.search).has("app")) {
-      const k = j.getActiveAppId();
-      k && !F.isRunning(k) && F.launchApp(k);
+      const h = j.getActiveAppId();
+      h && !V.isRunning(h) && V.launchApp(h);
     }
   }, []);
-  const d = (f) => {
-    F.closeApp(f);
-  }, p = r ? oe.get(r) : null, w = (p == null ? void 0 : p.width) ?? 400, a = r !== null, v = { ...{
+  const d = (v) => {
+    V.closeApp(v);
+  }, f = r ? oe.get(r) : null, w = (f == null ? void 0 : f.width) ?? 400, c = r !== null, g = { ...{
     overflow: "hidden",
-    display: a ? "flex" : "none",
+    display: c ? "flex" : "none",
     flexDirection: "column",
     flexShrink: 0,
     // Only set width if autoWidth is enabled
-    ...e && a ? { width: c ? "100%" : w } : {}
+    ...e && c ? { width: a ? "100%" : w } : {}
   }, ...n };
-  return /* @__PURE__ */ s("div", { className: dn("nc-app-panel", t), style: v, children: i.map((f) => /* @__PURE__ */ s(
-    Ve,
+  return /* @__PURE__ */ s("div", { className: gn("nc-app-panel", t), style: g, children: i.map((v) => /* @__PURE__ */ s(
+    Fe,
     {
-      appId: f.appId,
-      isActive: r === f.appId,
-      onClose: () => d(f.appId)
+      appId: v.appId,
+      isActive: r === v.appId,
+      onClose: () => d(v.appId)
     },
-    f.appId
+    v.appId
   )) });
 }
-function Kn({ pinnedAppIds: e, className: t = "" }) {
-  const { isMobile: n } = Ye(), [r, o] = R(() => j.getActiveAppId()), [i, l] = R(() => F.getRunningApps());
-  T(() => {
-    const a = j.subscribe("activeAppId", (u) => {
-      o(u);
+function Zn({ pinnedAppIds: e, className: t = "" }) {
+  const { isMobile: n } = Ye(), [r, o] = T(() => j.getActiveAppId()), [i, l] = T(() => V.getRunningApps());
+  L(() => {
+    const c = j.subscribe("activeAppId", (p) => {
+      o(p);
     });
     return () => {
-      a();
+      c();
     };
-  }, []), T(() => F.subscribe(() => {
-    l(F.getRunningApps());
+  }, []), L(() => V.subscribe(() => {
+    l(V.getRunningApps());
   }), []);
-  const c = (a) => {
-    r === a ? F.setActiveApp(null) : F.launchApp(a);
-  }, d = e.map((a) => oe.get(a)).filter((a) => !!a), p = i.filter((a) => !e.includes(a.appId)).map((a) => ({ running: a, def: oe.get(a.appId) })).filter((a) => !!a.def), h = (a) => i.some((u) => u.appId === a), w = n ? 24 : 28;
+  const a = (c) => {
+    r === c ? V.setActiveApp(null) : V.launchApp(c);
+  }, d = e.map((c) => oe.get(c)).filter((c) => !!c), f = i.filter((c) => !e.includes(c.appId)).map((c) => ({ running: c, def: oe.get(c.appId) })).filter((c) => !!c.def), u = (c) => i.some((p) => p.appId === c), w = n ? 24 : 28;
   return /* @__PURE__ */ y("div", { className: `nc-app-taskbar ${n ? "nc-mobile" : "nc-desktop"} ${t}`, children: [
-    d.map((a) => {
-      const u = a.icon, m = r === a.id, v = h(a.id);
+    d.map((c) => {
+      const p = c.icon, b = r === c.id, g = u(c.id);
       return /* @__PURE__ */ y(
         "button",
         {
-          className: `nc-app-taskbar-button ${m ? "nc-active" : ""} ${v ? "nc-running" : ""}`,
-          onClick: () => c(a.id),
-          title: a.titleKey || a.id,
+          className: `nc-app-taskbar-button ${b ? "nc-active" : ""} ${g ? "nc-running" : ""}`,
+          onClick: () => a(c.id),
+          title: c.titleKey || c.id,
           children: [
-            /* @__PURE__ */ s(u, { size: w }),
-            v && /* @__PURE__ */ s("span", { className: "nc-app-taskbar-indicator" })
+            /* @__PURE__ */ s(p, { size: w }),
+            g && /* @__PURE__ */ s("span", { className: "nc-app-taskbar-indicator" })
           ]
         },
-        a.id
+        c.id
       );
     }),
-    p.length > 0 && /* @__PURE__ */ s("div", { className: "nc-app-taskbar-separator" }),
-    p.map(({ running: a, def: u }) => {
-      const m = u.icon, v = r === a.appId;
+    f.length > 0 && /* @__PURE__ */ s("div", { className: "nc-app-taskbar-separator" }),
+    f.map(({ running: c, def: p }) => {
+      const b = p.icon, g = r === c.appId;
       return /* @__PURE__ */ y(
         "button",
         {
-          className: `nc-app-taskbar-button ${v ? "nc-active" : ""} nc-running`,
-          onClick: () => c(a.appId),
-          title: u.titleKey || u.id,
+          className: `nc-app-taskbar-button ${g ? "nc-active" : ""} nc-running`,
+          onClick: () => a(c.appId),
+          title: p.titleKey || p.id,
           children: [
-            /* @__PURE__ */ s(m, { size: w }),
+            /* @__PURE__ */ s(b, { size: w }),
             /* @__PURE__ */ s("span", { className: "nc-app-taskbar-indicator" })
           ]
         },
-        a.appId
+        c.appId
       );
     })
   ] });
 }
-function _n({
+function er({
   appId: e,
   open: t,
   onClose: n,
@@ -4303,7 +4447,7 @@ function _n({
     r && d.target === d.currentTarget && n();
   };
   if (!t) return null;
-  const c = /* @__PURE__ */ s(
+  const a = /* @__PURE__ */ s(
     "div",
     {
       className: "nc-dialog-overlay nc-fullscreen",
@@ -4315,7 +4459,7 @@ function _n({
           style: i,
           onClick: (d) => d.stopPropagation(),
           children: /* @__PURE__ */ s(
-            Ve,
+            Fe,
             {
               appId: e,
               isActive: !0,
@@ -4326,86 +4470,86 @@ function _n({
       )
     }
   );
-  return pe(c, document.body);
+  return pe(a, document.body);
 }
-const Ne = se(null), qe = se(null);
-function Un() {
+const Ne = se(null), Xe = se(null);
+function tr() {
   const e = X(Ne);
   if (!e)
     throw new Error("useNavStack must be used within a NavStackProvider");
   return e;
 }
-function qn() {
-  const e = X(qe);
+function nr() {
+  const e = X(Xe);
   if (!e)
     throw new Error("useNavView must be used within NavStack");
   return e;
 }
 const Ae = se(null);
-function Xn({ rootView: e, children: t }) {
-  const { t: n } = J(), r = It(), [o, i] = R([e]), [l, c] = R([null]), d = W((g, I) => {
-    c((P) => {
-      const b = [...P];
-      return b[g] = I, b;
+function rr({ rootView: e, children: t }) {
+  const { t: n } = J(), r = zt(), [o, i] = T([e]), [l, a] = T([null]), d = O((m, A) => {
+    a((E) => {
+      const C = [...E];
+      return C[m] = A, C;
     });
-  }, []), p = W((g) => {
-    c((I) => {
-      const P = [...I];
-      return P[g] = null, P;
+  }, []), f = O((m) => {
+    a((A) => {
+      const E = [...A];
+      return E[m] = null, E;
     });
-  }, []), h = W((g) => {
-    i((I) => [...I, g]), c((I) => [...I, null]);
-  }, []), w = W(() => {
-    i((g) => g.length <= 1 ? g : g.slice(0, -1)), c((g) => g.slice(0, -1));
-  }, []), a = W(() => {
-    i([e]), c([null]);
-  }, [e]), u = o.length, m = u > 1, v = o.length - 1, f = o[o.length - 1], x = f != null && f.titleKey ? n(f.titleKey) : (f == null ? void 0 : f.title) ?? "";
-  T(() => {
-    r.setTitle(x);
-  }, [x, r]), T(() => {
-    m ? r.setBackHandler(w) : r.clearBackHandler();
-  }, [m, w, r]), T(() => {
-    const g = l[l.length - 1];
-    g ? r.setToolbar(g) : r.clearToolbar();
+  }, []), u = O((m) => {
+    i((A) => [...A, m]), a((A) => [...A, null]);
+  }, []), w = O(() => {
+    i((m) => m.length <= 1 ? m : m.slice(0, -1)), a((m) => m.slice(0, -1));
+  }, []), c = O(() => {
+    i([e]), a([null]);
+  }, [e]), p = o.length, b = p > 1, g = o.length - 1, v = o[o.length - 1], N = v != null && v.titleKey ? n(v.titleKey) : (v == null ? void 0 : v.title) ?? "";
+  L(() => {
+    r.setTitle(N);
+  }, [N, r]), L(() => {
+    b ? r.setBackHandler(w) : r.clearBackHandler();
+  }, [b, w, r]), L(() => {
+    const m = l[l.length - 1];
+    m ? r.setToolbar(m) : r.clearToolbar();
   }, [l, r]);
-  const k = {
-    push: h,
+  const h = {
+    push: u,
     pop: w,
-    reset: a,
-    depth: u,
-    canGoBack: m,
-    currentTitle: x
-  }, $ = {
+    reset: c,
+    depth: p,
+    canGoBack: b,
+    currentTitle: N
+  }, k = {
     stack: o,
     toolbarStack: l,
     updateToolbar: d,
-    clearToolbarAt: p,
-    topIndex: v
+    clearToolbarAt: f,
+    topIndex: g
   };
-  return /* @__PURE__ */ s(Ne.Provider, { value: k, children: /* @__PURE__ */ s(Ae.Provider, { value: $, children: t }) });
+  return /* @__PURE__ */ s(Ne.Provider, { value: h, children: /* @__PURE__ */ s(Ae.Provider, { value: k, children: t }) });
 }
-function un({ index: e, children: t }) {
+function bn({ index: e, children: t }) {
   const n = X(Ae);
   if (!n)
     throw new Error("NavViewProvider must be used within NavStackProvider");
-  const { updateToolbar: r, clearToolbarAt: o, topIndex: i } = n, l = W((p) => {
-    e === i && r(e, p);
-  }, [e, i, r]), c = W(() => {
+  const { updateToolbar: r, clearToolbarAt: o, topIndex: i } = n, l = O((f) => {
+    e === i && r(e, f);
+  }, [e, i, r]), a = O(() => {
     e === i && o(e);
   }, [e, i, o]), d = {
     setToolbar: l,
-    clearToolbar: c
+    clearToolbar: a
   };
-  return /* @__PURE__ */ s(qe.Provider, { value: d, children: t });
+  return /* @__PURE__ */ s(Xe.Provider, { value: d, children: t });
 }
-function Jn() {
+function or() {
   const e = X(Ne), t = X(Ae);
   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(un, { index: o, children: /* @__PURE__ */ s(
+    return /* @__PURE__ */ s(bn, { index: o, children: /* @__PURE__ */ s(
       "div",
       {
         style: { display: i ? "flex" : "none", flexDirection: "column", height: "100%" },
@@ -4415,53 +4559,54 @@ function Jn() {
   }) }) });
 }
 export {
-  Te as ActivityIndicator,
-  yn as Alert,
-  Ve as AppContainer,
+  Be as ActivityIndicator,
+  Sn as Alert,
+  Fe as AppContainer,
   We as AppContext,
-  _n as AppDialog,
-  jn as AppPanel,
-  Kn as AppTaskbar,
-  $t as AppTitleBar,
-  xn as Battery,
-  G as Button,
-  kn as ButtonGroup,
-  Nn as Checkbox,
-  Be as CloseButton,
-  An as ComboBox,
-  $n as ContextMenu,
-  Rn as Dialog,
+  er as AppDialog,
+  Qn as AppPanel,
+  Zn as AppTaskbar,
+  Lt as AppTitleBar,
+  In as Battery,
+  Y as Button,
+  Mn as ButtonGroup,
+  $n as Checkbox,
+  De as CloseButton,
+  Rn as ComboBox,
+  Ln as ContextMenu,
+  _n as CsvTextArea,
+  Bn as Dialog,
   ne as DialogClose,
-  Cn as EditButton,
-  Mn as Hyperlink,
-  En as Input,
-  Pn as ListGroup,
-  zn as ListGroupItem,
-  Tn as MonthRangePicker,
-  Ln as MultiSelect,
-  Jn as NavStackContainer,
-  Xn as NavStackProvider,
-  Nt as Notification,
-  Fn as NotificationContainer,
-  Bn as NumberInput,
-  Sn as RefreshButton,
-  Dn as Slider,
-  yt as TabPanel,
-  Hn as TabPanels,
-  Wn as Tabs,
-  Vn as Toggle,
-  In as TrashButton,
-  Gn as ViewportProvider,
+  Tn as EditButton,
+  Pn as Hyperlink,
+  Dn as Input,
+  On as ListGroup,
+  Hn as ListGroupItem,
+  Fn as MonthRangePicker,
+  Wn as MultiSelect,
+  or as NavStackContainer,
+  rr as NavStackProvider,
+  $t as Notification,
+  Un as NotificationContainer,
+  Vn as NumberInput,
+  En as RefreshButton,
+  Gn as Slider,
+  Nt as TabPanel,
+  Yn as TabPanels,
+  jn as Tabs,
+  Kn as Toggle,
+  zn as TrashButton,
+  Jn as ViewportProvider,
   oe as appRegistry,
   j as appStateStore,
-  dn as cn,
-  Yn as createAppI18nFactory,
-  On as notificationManager,
-  F as runningAppsStore,
-  It as useApp,
-  gt as useDialog,
-  Un as useNavStack,
-  qn as useNavView,
+  gn as cn,
+  Xn as createAppI18nFactory,
+  qn as notificationManager,
+  V as runningAppsStore,
+  zt as useApp,
+  wt as useDialog,
+  tr as useNavStack,
+  nr as useNavView,
   Ye as useViewport
 };
 //# sourceMappingURL=index.js.map