@kingsimba/nc-ui 0.1.20 → 0.1.21

package/dist/index.js

@@ -1,14 +1,14 @@
-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, Fragment as Ze } from "react/jsx-runtime";
-import { d as xe, E as et, R as tt, T as nt, g as rt, V as ot, b as st, a as it, c as ct } from "./GeneratedIcons-HFZmBTBT.js";
-import ke, { useState as z, useRef as W, useMemo as ge, useEffect as B, createContext as se, useContext as X, Children as at, isValidElement as lt, forwardRef as dt, useImperativeHandle as ut, useCallback as O, Suspense as pt } from "react";
-import { createPortal as pe } from "react-dom";
-import { useTranslation as J } from "react-i18next";
-import ft from "i18next";
-import { c as ht } from "./clsx-OuTLNxxd.js";
-function Be({
+var et = Object.defineProperty;
+var tt = (e, t, n) => t in e ? et(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
+var U = (e, t, n) => tt(e, typeof t != "symbol" ? t + "" : t, n);
+import { jsx as s, jsxs as x, Fragment as nt } from "react/jsx-runtime";
+import { d as xe, E as rt, R as ot, T as st, g as it, V as ct, b as at, a as lt, c as dt } from "./GeneratedIcons-HFZmBTBT.js";
+import ke, { useState as T, useRef as W, useMemo as me, useEffect as B, createContext as se, useContext as J, Children as ut, isValidElement as pt, forwardRef as ft, useImperativeHandle as ht, useCallback as O, Suspense as mt } from "react";
+import { createPortal as ue } from "react-dom";
+import { useTranslation as Q } from "react-i18next";
+import gt from "i18next";
+import { c as bt } from "./clsx-OuTLNxxd.js";
+function He({
   size: e = "default",
   color: t,
   overlay: n = !1,
@@ -37,56 +37,57 @@ function Be({
   );
   return n ? /* @__PURE__ */ s("div", { className: "nc-activity-indicator-overlay", children: o }) : o;
 }
-function Y({ variant: e = "default", block: t, size: n = "default", className: r, disabled: o, textSelectable: i, loading: l, onClick: a, children: d, ...p }) {
-  const f = [
+function K({ variant: e = "default", block: t, size: n = "default", appearance: r = "default", className: o, disabled: i, textSelectable: l, loading: c, onClick: d, children: p, ...f }) {
+  const m = [
     "nc-button",
     e !== "default" ? `nc-${e}` : "",
     t ? "nc-block" : "",
     n === "small" ? "nc-small" : "",
     n === "large" ? "nc-large" : "",
-    o || l ? "nc-disabled" : "",
-    i ? "nc-text-selectable" : "",
-    l ? "nc-loading" : "",
-    r ?? ""
+    r === "transparent" ? "nc-transparent" : "",
+    i || c ? "nc-disabled" : "",
+    l ? "nc-text-selectable" : "",
+    c ? "nc-loading" : "",
+    o ?? ""
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ y(
+  return /* @__PURE__ */ x(
     "button",
     {
-      className: f,
-      disabled: o || l,
-      onClick: (c) => {
-        if (!l) {
-          if (i) {
-            const u = window.getSelection();
-            if (u && u.toString().length > 0)
+      className: m,
+      disabled: i || c,
+      onClick: (u) => {
+        if (!c) {
+          if (l) {
+            const v = window.getSelection();
+            if (v && v.toString().length > 0)
               return;
           }
-          a == null || a(c);
+          d == null || d(u);
         }
       },
-      ...p,
+      ...f,
       children: [
-        l && /* @__PURE__ */ s(
-          Be,
+        c && /* @__PURE__ */ s(
+          He,
           {
             size: "small",
             className: "nc-button-spinner",
-            color: e !== "default" && e !== "ghost" ? "white" : void 0
+            color: r === "transparent" || e !== "default" && e !== "ghost" ? "white" : void 0
           }
         ),
-        d
+        p
       ]
     }
   );
 }
-const mt = {
+const vt = {
   info: "primary",
   success: "success",
   warning: "warning",
   error: "danger",
   danger: "danger"
 };
-function $n({
+function Tn({
   code: e,
   text: t,
   type: n,
@@ -94,15 +95,15 @@ function $n({
   onAction: o,
   children: i,
   onClose: l,
-  className: a = "",
+  className: c = "",
   style: d
 }) {
-  const p = i ?? /* @__PURE__ */ y(Ze, { children: [
+  const p = i ?? /* @__PURE__ */ x(nt, { children: [
     e !== void 0 && /* @__PURE__ */ s("span", { className: "nc-alert-code", children: e }),
     t
   ] });
-  return /* @__PURE__ */ y("div", { className: `nc-alert nc-${n} ${a}`.trim(), style: d, children: [
-    /* @__PURE__ */ y("div", { className: "nc-alert-main", children: [
+  return /* @__PURE__ */ x("div", { className: `nc-alert nc-${n} ${c}`.trim(), style: d, children: [
+    /* @__PURE__ */ x("div", { className: "nc-alert-main", children: [
       /* @__PURE__ */ s("div", { className: `nc-alert-message nc-${n}`, children: p }),
       l && /* @__PURE__ */ s(
         "button",
@@ -116,17 +117,17 @@ function $n({
       )
     ] }),
     r && /* @__PURE__ */ s("span", { className: "nc-alert-action", children: /* @__PURE__ */ s(
-      Y,
+      K,
       {
         size: "small",
-        variant: r.variant ?? mt[n],
+        variant: r.variant ?? vt[n],
         onClick: o,
         children: r.text
       }
     ) })
   ] });
 }
-function Rn({
+function zn({
   percentage: e = 0.5,
   status: t = "discharging",
   darkMode: n = !1,
@@ -135,54 +136,54 @@ function Rn({
   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)", a = 24, d = 14, p = 2, f = 0, g = 12, c = 0, u = 0, w = 0, m = a, v = d, N = v - c * 2, h = m - c * 2, k = Math.max(1, Math.min(4, v / 4)), b = o === 0 ? 0 : 0.05 + o * 0.95, C = a + p + g, R = 20, I = 0.65, T = Math.max(d, R * I), x = a + p + 1, E = (d - R * I) / 2;
-  return /* @__PURE__ */ y(
+  const l = n ? "rgba(255, 255, 255, 0.5)" : "rgba(0, 0, 0, 0.2)", c = 24, d = 14, p = 2, f = 0, m = 12, a = 0, u = 0, v = 0, h = c, g = d, A = g - a * 2, b = h - a * 2, y = Math.max(1, Math.min(4, g / 4)), w = o === 0 ? 0 : 0.05 + o * 0.95, k = c + p + m, E = 20, z = 0.65, M = Math.max(d, E * z), N = c + p + 1, R = (d - E * z) / 2;
+  return /* @__PURE__ */ x(
     "svg",
     {
       className: "nc-battery",
-      width: C,
-      height: T,
-      viewBox: `0 0 ${C} ${T}`,
+      width: k,
+      height: M,
+      viewBox: `0 0 ${k} ${M}`,
       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: h * b, height: N, fill: "white" }) }),
-          /* @__PURE__ */ y("mask", { id: `nc-battery-text-mask-${o}`, children: [
-            /* @__PURE__ */ s("rect", { x: "0", y: "0", width: C, height: T, fill: "white" }),
-            /* @__PURE__ */ s("text", { x: u + m / 2, y: d - 3, fontSize: 11, fontWeight: "bold", fill: "black", textAnchor: "middle", children: o === 0 ? "-" : Math.round(o * 100) })
+        /* @__PURE__ */ x("defs", { children: [
+          /* @__PURE__ */ s("mask", { id: `nc-battery-fill-mask-${o}`, children: /* @__PURE__ */ s("rect", { x: "0", y: "0", width: b * w, height: A, fill: "white" }) }),
+          /* @__PURE__ */ x("mask", { id: `nc-battery-text-mask-${o}`, children: [
+            /* @__PURE__ */ s("rect", { x: "0", y: "0", width: k, height: M, fill: "white" }),
+            /* @__PURE__ */ s("text", { x: u + h / 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__ */ x("g", { mask: `url(#nc-battery-text-mask-${o})`, children: [
           /* @__PURE__ */ s(
             "rect",
             {
               x: u,
-              y: w,
-              rx: k,
-              ry: k,
-              width: m,
-              height: v,
+              y: v,
+              rx: y,
+              ry: y,
+              width: h,
+              height: g,
               fill: l
             }
           ),
           /* @__PURE__ */ s(
             "rect",
             {
-              x: u + c,
-              y: w + c,
-              width: h,
-              height: N,
+              x: u + a,
+              y: v + a,
+              width: b,
+              height: A,
               fill: i,
-              rx: k,
-              ry: k,
+              rx: y,
+              ry: y,
               mask: `url(#nc-battery-fill-mask-${o})`
             }
           ),
           /* @__PURE__ */ s(
             "rect",
             {
-              x: a + f,
+              x: c + f,
               y: d * 0.26,
               width: p,
               height: d * 0.48,
@@ -191,32 +192,34 @@ function Rn({
               fill: o === 1 ? i : l
             }
           ),
-          t === "charging" ? /* @__PURE__ */ s("g", { transform: `translate(${x}, ${E}) scale(${I})`, 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(${N}, ${R}) scale(${z})`, fill: i, children: /* @__PURE__ */ s("path", { d: "M10 0 L2 11 H8 L5 20 L14 8 H8 L10 0 Z" }) }) : null
         ] })
       ]
     }
   );
 }
-function En({
+function Pn({
   value: e,
   onChange: t,
   options: n,
   disabled: r,
-  labels: o,
-  size: i = "default"
+  size: o = "default"
 }) {
-  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" : ""} ${a < n.length - 1 ? "nc-has-border" : ""}`,
-      onClick: () => !r && t(l),
-      disabled: r,
-      children: o && o[l] ? o[l] : l
-    },
-    l
-  )) });
+  return /* @__PURE__ */ s("div", { className: `nc-button-group ${o === "small" ? "nc-small" : ""}`, children: n.map((i, l) => {
+    const c = r || !!i.disabled;
+    return /* @__PURE__ */ s(
+      "button",
+      {
+        className: `nc-button-group-item ${e === i.key ? "nc-active" : ""} ${l < n.length - 1 ? "nc-has-border" : ""}`,
+        onClick: () => !c && t(i.key),
+        disabled: c,
+        children: i.label
+      },
+      i.key
+    );
+  }) });
 }
-function gt({ size: e }) {
+function wt({ 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",
     {
@@ -228,12 +231,12 @@ function gt({ size: e }) {
     }
   ) });
 }
-function zn({ checked: e, onChange: t, disabled: n, label: r, size: o = "default", labelColor: i, style: l, className: a = "" }) {
+function Ln({ checked: e, onChange: t, disabled: n, label: r, size: o = "default", labelColor: i, style: l, className: c = "" }) {
   const d = o === "small";
-  return /* @__PURE__ */ y(
+  return /* @__PURE__ */ x(
     "label",
     {
-      className: `nc-checkbox-label ${d ? "nc-small" : ""} ${n ? "nc-disabled" : ""} ${a}`.trim(),
+      className: `nc-checkbox-label ${d ? "nc-small" : ""} ${n ? "nc-disabled" : ""} ${c}`.trim(),
       style: l,
       onClick: (p) => {
         n || (p.preventDefault(), t(!e));
@@ -249,7 +252,7 @@ function zn({ checked: e, onChange: t, disabled: n, label: r, size: o = "default
             onKeyDown: (p) => {
               n || (p.key === "Enter" || p.key === " ") && (p.preventDefault(), t(!e));
             },
-            children: e && /* @__PURE__ */ s(gt, { size: o })
+            children: e && /* @__PURE__ */ s(wt, { size: o })
           }
         ),
         r && /* @__PURE__ */ s("span", { className: "nc-checkbox-text", style: i ? { color: i } : void 0, children: r })
@@ -257,11 +260,11 @@ function zn({ checked: e, onChange: t, disabled: n, label: r, size: o = "default
     }
   );
 }
-function bt({ option: e, onChange: t, selected: n, highlighted: r, small: o }) {
-  const i = W(null), { t: l } = J();
+function yt({ option: e, onChange: t, selected: n, highlighted: r, small: o }) {
+  const i = W(null), { t: l } = Q();
   return B(() => {
     r && i.current && i.current.scrollIntoView({ block: "nearest" });
-  }, [r]), /* @__PURE__ */ y(
+  }, [r]), /* @__PURE__ */ x(
     "div",
     {
       ref: i,
@@ -275,7 +278,7 @@ function bt({ option: e, onChange: t, selected: n, highlighted: r, small: o }) {
       },
       children: [
         e.label,
-        e.default && /* @__PURE__ */ y("span", { style: { fontSize: "0.85em", color: "var(--nc-text-weak)", marginLeft: 6 }, children: [
+        e.default && /* @__PURE__ */ x("span", { style: { fontSize: "0.85em", color: "var(--nc-text-weak)", marginLeft: 6 }, children: [
           "(",
           l("common.default"),
           ")"
@@ -284,7 +287,7 @@ function bt({ option: e, onChange: t, selected: n, highlighted: r, small: o }) {
     }
   );
 }
-function vt({
+function xt({
   isOpen: e,
   options: t,
   onSelect: n,
@@ -292,21 +295,21 @@ function vt({
   placement: o = "bottom",
   anchorRef: i,
   small: l,
-  highlightedIndex: a = -1
+  highlightedIndex: c = -1
 }) {
-  const [d, p] = z({ top: 0, left: 0, width: 0 }), [f, g] = z(o), { t: c } = J();
+  const [d, p] = T({ top: 0, left: 0, width: 0 }), [f, m] = T(o), { t: a } = Q();
   if (B(() => {
     if (e && i.current) {
-      const w = i.current.getBoundingClientRect();
-      let m = o;
+      const v = i.current.getBoundingClientRect();
+      let h = o;
       if (o === "bottom") {
-        const v = window.innerHeight - w.bottom, N = w.top;
-        v < 320 && N > v && (m = "top");
+        const g = window.innerHeight - v.bottom, A = v.top;
+        g < 320 && A > g && (h = "top");
       }
-      g(m), p({
-        top: m === "top" ? w.top - 4 : w.bottom + 4,
-        left: w.left,
-        width: w.width
+      m(h), p({
+        top: h === "top" ? v.top - 4 : v.bottom + 4,
+        left: v.left,
+        width: v.width
       });
     }
   }, [e, i, o]), !e) return null;
@@ -324,12 +327,12 @@ function vt({
         maxHeight: 300,
         overflowY: "auto"
       },
-      children: t.length === 0 ? /* @__PURE__ */ s("div", { className: `nc-combo-dropdown-option nc-no-results ${l ? "nc-small" : ""}`, children: c("common.noResults") }) : t.map((w, m) => /* @__PURE__ */ s(bt, { option: w, onChange: n, selected: w.value === r, highlighted: m === a, small: l }, w.value))
+      children: t.length === 0 ? /* @__PURE__ */ s("div", { className: `nc-combo-dropdown-option nc-no-results ${l ? "nc-small" : ""}`, children: a("common.noResults") }) : t.map((v, h) => /* @__PURE__ */ s(yt, { option: v, onChange: n, selected: v.value === r, highlighted: h === c, small: l }, v.value))
     }
   );
-  return pe(u, document.body);
+  return ue(u, document.body);
 }
-function wt({ onClick: e, small: t }) {
+function kt({ onClick: e, small: t }) {
   return /* @__PURE__ */ s(
     "button",
     {
@@ -341,7 +344,7 @@ function wt({ onClick: e, small: t }) {
     }
   );
 }
-function yt({ open: e, onClick: t, small: n }) {
+function Nt({ open: e, onClick: t, small: n }) {
   return /* @__PURE__ */ s(
     "button",
     {
@@ -353,7 +356,7 @@ function yt({ open: e, onClick: t, small: n }) {
     }
   );
 }
-function Tn({
+function Bn({
   value: e,
   onChange: t,
   placeholder: n = "Select…",
@@ -361,19 +364,20 @@ function Tn({
   disabled: o,
   label: i,
   clearable: l = !0,
-  allowTyping: a = !1,
+  allowTyping: c = !1,
   placement: d = "bottom",
   size: p = "default",
-  style: f,
-  className: g
+  appearance: f = "default",
+  style: m,
+  className: a
 }) {
-  const [c, u] = z(!1), [w, m] = z(""), [v, N] = z(-1), h = W(null), k = W(null), b = p === "small", { t: C } = J(), R = ge(() => {
-    const $ = w.toLowerCase();
-    return a ? r.filter((P) => P.label.toLowerCase().includes($)) : r;
-  }, [r, w, a]);
+  const [u, v] = T(!1), [h, g] = T(""), [A, b] = T(-1), y = W(null), w = W(null), k = p === "small", { t: E } = Q(), z = me(() => {
+    const $ = h.toLowerCase();
+    return c ? r.filter((P) => P.label.toLowerCase().includes($)) : r;
+  }, [r, h, c]);
   B(() => {
-    c && N(-1);
-  }, [c, R]), B(() => {
+    u && b(-1);
+  }, [u, z]), B(() => {
     if (!l && !e && r.length > 0 && t) {
       const $ = r.find((P) => P.default) || r[0];
       t($.value);
@@ -381,90 +385,90 @@ function Tn({
   }, [l, e, r, t]), B(() => {
     function $(P) {
       var H;
-      P.target instanceof Node && h.current && ((H = h.current.parentElement) != null && H.contains(P.target) || u(!1));
+      P.target instanceof Node && y.current && ((H = y.current.parentElement) != null && H.contains(P.target) || v(!1));
     }
     return document.addEventListener("mousedown", $), () => document.removeEventListener("mousedown", $);
   }, []);
-  const I = r.find(($) => $.value === e), T = I && l, x = !o && !T, E = !(c && a) && !!I, A = ($, P = !1) => {
+  const M = r.find(($) => $.value === e), N = M && l, R = !o && !N, C = !(u && c) && !!M, S = ($, P = !1) => {
     var H;
-    t == null || t($), u(!1), m(""), P && ((H = h.current) == null || H.blur());
-  }, S = () => {
-    t == null || t(void 0), m(""), u(!1);
-  }, L = ($) => {
-    if (!c) {
-      ($.key === "ArrowDown" || $.key === "ArrowUp") && (u(!0), $.preventDefault());
+    t == null || t($), v(!1), g(""), P && ((H = y.current) == null || H.blur());
+  }, L = () => {
+    t == null || t(void 0), g(""), v(!1);
+  }, V = ($) => {
+    if (!u) {
+      ($.key === "ArrowDown" || $.key === "ArrowUp") && (v(!0), $.preventDefault());
       return;
     }
     switch ($.key) {
       case "ArrowDown":
-        $.preventDefault(), N((P) => {
+        $.preventDefault(), b((P) => {
           const H = P + 1;
-          return H >= R.length ? 0 : H;
+          return H >= z.length ? 0 : H;
         });
         break;
       case "ArrowUp":
-        $.preventDefault(), N((P) => {
+        $.preventDefault(), b((P) => {
           const H = P - 1;
-          return H < 0 ? R.length - 1 : H;
+          return H < 0 ? z.length - 1 : H;
         });
         break;
       case "Enter":
-        $.preventDefault(), v >= 0 && v < R.length && A(R[v].value, !0);
+        $.preventDefault(), A >= 0 && A < z.length && S(z[A].value, !0);
         break;
       case "Escape":
-        $.preventDefault(), u(!1), m("");
+        $.preventDefault(), v(!1), g("");
         break;
     }
   };
-  return /* @__PURE__ */ y("div", { className: `nc-combo-container ${g || ""}`.trim(), style: { position: "relative", ...f }, children: [
-    i && /* @__PURE__ */ s("span", { className: `nc-label ${b ? "nc-small" : ""}`, children: i }),
-    /* @__PURE__ */ y(
+  return /* @__PURE__ */ x("div", { className: `nc-combo-container ${f === "transparent" ? "nc-transparent" : ""} ${a || ""}`.trim(), style: { position: "relative", ...m }, children: [
+    i && /* @__PURE__ */ s("span", { className: `nc-label ${k ? "nc-small" : ""}`, children: i }),
+    /* @__PURE__ */ x(
       "div",
       {
-        ref: k,
+        ref: w,
         style: { position: "relative", display: "flex", alignItems: "center" },
         onMouseDown: ($) => {
-          o || a && $.target === h.current || (u((P) => (!P && a && I && m(I.label), !P)), a && !c && setTimeout(() => {
+          o || c && $.target === y.current || (v((P) => (!P && c && M && g(M.label), !P)), c && !u && setTimeout(() => {
             var P, H;
-            (P = h.current) == null || P.focus(), (H = h.current) == null || H.select();
+            (P = y.current) == null || P.focus(), (H = y.current) == null || H.select();
           }, 0));
         },
         children: [
           /* @__PURE__ */ s(
             "input",
             {
-              ref: h,
-              className: `nc-input ${b ? "nc-small" : ""}`,
+              ref: y,
+              className: `nc-input ${k ? "nc-small" : ""}`,
               placeholder: n,
               onFocus: () => {
                 var $;
-                !o && a && (u(!0), I && (m(I.label), setTimeout(() => {
+                !o && c && (v(!0), M && (g(M.label), setTimeout(() => {
                   var P;
-                  return (P = h.current) == null ? void 0 : P.select();
-                }, 0))), a || ($ = h.current) == null || $.blur();
+                  return (P = y.current) == null ? void 0 : P.select();
+                }, 0))), c || ($ = y.current) == null || $.blur();
               },
-              onChange: ($) => a && m($.target.value),
-              onKeyDown: L,
-              value: c && a ? w : (I == null ? void 0 : I.label) || "",
-              readOnly: o || !a,
+              onChange: ($) => c && g($.target.value),
+              onKeyDown: V,
+              value: u && c ? h : (M == null ? void 0 : M.label) || "",
+              readOnly: o || !c,
               style: {
                 width: "100%",
-                paddingRight: x || T ? b ? 32 : 44 : 12,
-                caretColor: a ? void 0 : "transparent",
-                cursor: a ? void 0 : "pointer",
-                userSelect: a ? void 0 : "none",
-                color: E ? "transparent" : "var(--nc-text)"
+                paddingRight: R || N ? k ? 32 : 44 : 12,
+                caretColor: c ? void 0 : "transparent",
+                cursor: c ? void 0 : "pointer",
+                userSelect: c ? void 0 : "none",
+                color: C ? "transparent" : "var(--nc-text)"
               }
             }
           ),
-          E && /* @__PURE__ */ y(
+          C && /* @__PURE__ */ x(
             "div",
             {
               "aria-hidden": !0,
               style: {
                 position: "absolute",
-                left: b ? 8 : 12,
-                right: x || T ? b ? 12 : 24 : b ? 8 : 12,
+                left: k ? 8 : 12,
+                right: R || N ? k ? 12 : 24 : k ? 8 : 12,
                 top: "50%",
                 transform: "translateY(-50%)",
                 pointerEvents: "none",
@@ -476,24 +480,24 @@ function Tn({
                 textOverflow: "ellipsis"
               },
               children: [
-                /* @__PURE__ */ s("span", { className: `nc-combo-overlay-text ${b ? "nc-small" : ""}`, children: I == null ? void 0 : I.label }),
-                (I == null ? void 0 : I.default) && /* @__PURE__ */ y("span", { className: `nc-combo-overlay-default ${b ? "nc-small" : ""}`, children: [
+                /* @__PURE__ */ s("span", { className: `nc-combo-overlay-text ${k ? "nc-small" : ""}`, children: M == null ? void 0 : M.label }),
+                (M == null ? void 0 : M.default) && /* @__PURE__ */ x("span", { className: `nc-combo-overlay-default ${k ? "nc-small" : ""}`, children: [
                   "(",
-                  C("common.default"),
+                  E("common.default"),
                   ")"
                 ] })
               ]
             }
           ),
-          T && /* @__PURE__ */ s(wt, { onClick: S, small: b }),
-          x && /* @__PURE__ */ s(yt, { open: c, onClick: () => u(($) => !$), small: b })
+          N && /* @__PURE__ */ s(kt, { onClick: L, small: k }),
+          R && /* @__PURE__ */ s(Nt, { open: u, onClick: () => v(($) => !$), small: k })
         ]
       }
     ),
-    /* @__PURE__ */ s(vt, { isOpen: c, options: R, onSelect: A, selectedValue: e, placement: d, anchorRef: k, small: b, highlightedIndex: v })
+    /* @__PURE__ */ s(xt, { isOpen: u, options: z, onSelect: S, selectedValue: e, placement: d, anchorRef: w, small: k, highlightedIndex: A })
   ] });
 }
-function Pn({ onClick: e, loading: t = !1, disabled: n = !1, size: r = "default", title: o, "aria-label": i }) {
+function Dn({ onClick: e, loading: t = !1, disabled: n = !1, size: r = "default", title: o, "aria-label": i }) {
   return /* @__PURE__ */ s(
     "button",
     {
@@ -503,11 +507,11 @@ function Pn({ 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 De({ onClick: e, disabled: t = !1, size: n = "default", title: r = "Close", "aria-label": o = "Close" }) {
+function We({ onClick: e, disabled: t = !1, size: n = "default", title: r = "Close", "aria-label": o = "Close" }) {
   return /* @__PURE__ */ s(
     "button",
     {
@@ -521,7 +525,7 @@ function De({ onClick: e, disabled: t = !1, size: n = "default", title: r = "Clo
     }
   );
 }
-function Ln({ onClick: e, disabled: t = !1, size: n = "default", title: r = "Edit", "aria-label": o = "Edit" }) {
+function Hn({ onClick: e, disabled: t = !1, size: n = "default", title: r = "Edit", "aria-label": o = "Edit" }) {
   return /* @__PURE__ */ s(
     "button",
     {
@@ -531,11 +535,11 @@ function Ln({ onClick: e, disabled: t = !1, size: n = "default", title: r = "Edi
       title: r,
       "aria-label": o,
       "data-size": n,
-      children: /* @__PURE__ */ s(et, { size: n === "small" ? 14 : n === "large" ? 20 : 18 })
+      children: /* @__PURE__ */ s(rt, { size: n === "small" ? 14 : n === "large" ? 20 : 18 })
     }
   );
 }
-function Bn({ onClick: e, disabled: t = !1, size: n = "default", title: r = "Delete", "aria-label": o = "Delete" }) {
+function Wn({ onClick: e, disabled: t = !1, size: n = "default", title: r = "Delete", "aria-label": o = "Delete" }) {
   return /* @__PURE__ */ s(
     "button",
     {
@@ -545,11 +549,11 @@ function Bn({ onClick: e, disabled: t = !1, size: n = "default", title: r = "Del
       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 Dn({ onClick: e, disabled: t = !1, children: n, title: r, "aria-label": o, size: i = "default" }) {
+function On({ onClick: e, disabled: t = !1, children: n, title: r, "aria-label": o, size: i = "default" }) {
   return /* @__PURE__ */ s(
     "button",
     {
@@ -563,7 +567,7 @@ function Dn({ onClick: e, disabled: t = !1, children: n, title: r, "aria-label":
     }
   );
 }
-function Hn({
+function Fn({
   open: e,
   onClose: t,
   options: n,
@@ -571,36 +575,36 @@ function Hn({
   anchor: o,
   preferredDirection: i = "down"
 }) {
-  const l = W(null), [a, d] = z({ top: 0, left: 0 }), p = o || (r == null ? void 0 : r.current);
+  const l = W(null), [c, d] = T({ top: 0, left: 0 }), p = o || (r == null ? void 0 : r.current);
   if (B(() => {
     if (!e || !p || !l.current) return;
-    const c = p.getBoundingClientRect(), u = l.current.getBoundingClientRect(), w = window.innerHeight, m = window.innerWidth, v = c.bottom + 8, N = v + u.height <= w - 8;
-    let h = i;
-    (!N && i === "down" || i === "up" && N) && (h = "up");
-    let k;
-    h === "down" ? k = v : k = c.top - u.height - 8;
-    let b = c.left;
-    b + u.width > m - 8 && (b = c.right - u.width), d({
-      top: Math.max(8, k),
+    const a = p.getBoundingClientRect(), u = l.current.getBoundingClientRect(), v = window.innerHeight, h = window.innerWidth, g = a.bottom + 8, A = g + u.height <= v - 8;
+    let b = i;
+    (!A && i === "down" || i === "up" && A) && (b = "up");
+    let y;
+    b === "down" ? y = g : y = a.top - u.height - 8;
+    let w = a.left;
+    w + u.width > h - 8 && (w = a.right - u.width), d({
+      top: Math.max(8, y),
       // Ensure minimum 8px from top
-      left: Math.max(8, b)
+      left: Math.max(8, w)
       // Ensure minimum 8px from left
     });
   }, [e, p, i]), B(() => {
     if (!e) return;
-    const c = (w) => {
-      l.current && !l.current.contains(w.target) && p && !p.contains(w.target) && t();
-    }, u = (w) => {
-      w.key === "Escape" && t();
+    const a = (v) => {
+      l.current && !l.current.contains(v.target) && p && !p.contains(v.target) && t();
+    }, u = (v) => {
+      v.key === "Escape" && t();
     };
-    return document.addEventListener("mousedown", c), document.addEventListener("keydown", u), () => {
-      document.removeEventListener("mousedown", c), document.removeEventListener("keydown", u);
+    return document.addEventListener("mousedown", a), document.addEventListener("keydown", u), () => {
+      document.removeEventListener("mousedown", a), document.removeEventListener("keydown", u);
     };
   }, [e, t, p]), !e) return null;
-  const f = (c) => {
-    c.type !== "separator" && !c.disabled && c.onClick && (c.onClick(), t());
-  }, g = n.some((c) => c.icon);
-  return pe(
+  const f = (a) => {
+    a.type !== "separator" && !a.disabled && a.onClick && (a.onClick(), t());
+  }, m = n.some((a) => a.icon);
+  return ue(
     /* @__PURE__ */ s(
       "div",
       {
@@ -608,40 +612,40 @@ function Hn({
         className: "nc-context-menu",
         style: {
           position: "fixed",
-          top: `${a.top}px`,
-          left: `${a.left}px`,
+          top: `${c.top}px`,
+          left: `${c.left}px`,
           zIndex: 1e4
         },
         role: "menu",
-        children: n.map((c) => {
-          if (c.type === "separator")
+        children: n.map((a) => {
+          if (a.type === "separator")
             return /* @__PURE__ */ s(
               "div",
               {
                 className: "nc-context-menu-separator",
                 role: "separator"
               },
-              c.id
+              a.id
             );
           const u = [
             "nc-context-menu-item",
-            c.variant && c.variant !== "default" ? `nc-${c.variant}` : "",
-            c.disabled ? "nc-disabled" : "",
-            g && !c.icon ? "nc-indented" : ""
+            a.variant && a.variant !== "default" ? `nc-${a.variant}` : "",
+            a.disabled ? "nc-disabled" : "",
+            m && !a.icon ? "nc-indented" : ""
           ].filter(Boolean).join(" ");
-          return /* @__PURE__ */ y(
+          return /* @__PURE__ */ x(
             "button",
             {
               className: u,
-              onClick: () => f(c),
-              disabled: c.disabled,
+              onClick: () => f(a),
+              disabled: a.disabled,
               role: "menuitem",
               children: [
-                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.icon && /* @__PURE__ */ s("span", { className: "nc-context-menu-icon", children: a.icon }),
+                /* @__PURE__ */ s("span", { className: "nc-context-menu-label", children: a.label })
               ]
             },
-            c.id
+            a.id
           );
         })
       }
@@ -649,20 +653,20 @@ function Hn({
     document.body
   );
 }
-const He = se(null);
-function xt() {
-  const e = X(He);
+const Oe = se(null);
+function At() {
+  const e = J(Oe);
   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 } = xt(), { t: o } = J();
-  return /* @__PURE__ */ s(Y, { onClick: (l) => {
+  const { close: r } = At(), { t: o } = Q();
+  return /* @__PURE__ */ s(K, { onClick: (l) => {
     t == null || t(l), r();
   }, ...n, children: e ?? o("common.close") });
 }
-function Wn({
+function Vn({
   open: e,
   onClose: t,
   title: n,
@@ -670,63 +674,63 @@ function Wn({
   style: o,
   footerType: i = "ok-cancel",
   footer: l,
-  onOk: a,
+  onOk: c,
   onSave: d,
   onDelete: p,
   onCancel: f,
-  onConnect: g,
-  closeOnOverlay: c = !0,
+  onConnect: m,
+  closeOnOverlay: a = !0,
   primaryDisabled: u = !1,
-  fullScreen: w = !1,
-  hideTitleBar: m = !1,
-  className: v = "",
-  onContentHeightChange: N
+  fullScreen: v = !1,
+  hideTitleBar: h = !1,
+  className: g = "",
+  onContentHeightChange: A
 }) {
-  const h = W(null), k = W(null), { t: b } = J(), C = { close: t }, R = (x) => {
-    c && x.target === x.currentTarget && t();
+  const b = W(null), y = W(null), { t: w } = Q(), k = { close: t }, E = (N) => {
+    a && N.target === N.currentTarget && t();
   };
   if (B(() => {
-    e && h.current && h.current.focus();
+    e && b.current && b.current.focus();
   }, [e]), B(() => {
-    if (!N || !k.current) return;
-    const x = new ResizeObserver((E) => {
-      for (const A of E) {
-        const S = A.contentRect.height;
-        N(S);
+    if (!A || !y.current) return;
+    const N = new ResizeObserver((R) => {
+      for (const C of R) {
+        const S = C.contentRect.height;
+        A(S);
       }
     });
-    return x.observe(k.current), () => {
-      x.disconnect();
+    return N.observe(y.current), () => {
+      N.disconnect();
     };
-  }, [N]), !e) return null;
-  const I = () => {
+  }, [A]), !e) return null;
+  const z = () => {
     switch (i) {
       case "ok":
-        return /* @__PURE__ */ s("div", { className: "nc-dialog-footer", children: /* @__PURE__ */ s(Y, { variant: "primary", onClick: a ?? t, disabled: u, children: b("common.ok") }) });
+        return /* @__PURE__ */ s("div", { className: "nc-dialog-footer", children: /* @__PURE__ */ s(K, { variant: "primary", onClick: c ?? t, disabled: u, children: w("common.ok") }) });
       case "ok-cancel":
-        return /* @__PURE__ */ y("div", { className: "nc-dialog-footer", children: [
-          /* @__PURE__ */ s(Y, { variant: "primary", onClick: a ?? t, disabled: u, children: b("common.ok") }),
-          /* @__PURE__ */ s(ne, { onClick: f, children: b("common.cancel") })
+        return /* @__PURE__ */ x("div", { className: "nc-dialog-footer", children: [
+          /* @__PURE__ */ s(K, { variant: "primary", onClick: c ?? t, disabled: u, children: w("common.ok") }),
+          /* @__PURE__ */ s(ne, { onClick: f, children: w("common.cancel") })
         ] });
       case "save-cancel":
-        return /* @__PURE__ */ y("div", { className: "nc-dialog-footer", children: [
-          /* @__PURE__ */ s(Y, { variant: "primary", onClick: d, disabled: u, children: b("common.save") }),
-          /* @__PURE__ */ s(ne, { onClick: f, children: b("common.cancel") })
+        return /* @__PURE__ */ x("div", { className: "nc-dialog-footer", children: [
+          /* @__PURE__ */ s(K, { variant: "primary", onClick: d, disabled: u, children: w("common.save") }),
+          /* @__PURE__ */ s(ne, { onClick: f, children: w("common.cancel") })
         ] });
       case "delete-cancel":
-        return /* @__PURE__ */ y("div", { className: "nc-dialog-footer", children: [
-          /* @__PURE__ */ s(Y, { variant: "danger", onClick: p, disabled: u, children: b("common.delete") }),
-          /* @__PURE__ */ s(ne, { onClick: f, children: b("common.cancel") })
+        return /* @__PURE__ */ x("div", { className: "nc-dialog-footer", children: [
+          /* @__PURE__ */ s(K, { variant: "danger", onClick: p, disabled: u, children: w("common.delete") }),
+          /* @__PURE__ */ s(ne, { onClick: f, children: w("common.cancel") })
         ] });
       case "connect":
-        return /* @__PURE__ */ y("div", { className: "nc-dialog-footer", children: [
-          /* @__PURE__ */ s(Y, { variant: "primary", onClick: g, disabled: u, children: b("common.connect") }),
-          /* @__PURE__ */ s(ne, { onClick: f, children: b("common.cancel") })
+        return /* @__PURE__ */ x("div", { className: "nc-dialog-footer", children: [
+          /* @__PURE__ */ s(K, { variant: "primary", onClick: m, disabled: u, children: w("common.connect") }),
+          /* @__PURE__ */ s(ne, { onClick: f, children: w("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: b("common.gotit") }) });
+        return /* @__PURE__ */ s("div", { className: "nc-dialog-footer", children: /* @__PURE__ */ s(ne, { variant: "primary", children: w("common.gotit") }) });
       case "custom":
         return /* @__PURE__ */ s("div", { className: "nc-dialog-footer", children: l });
       case "none":
@@ -734,29 +738,29 @@ function Wn({
       default:
         return null;
     }
-  }, T = /* @__PURE__ */ s(He.Provider, { value: C, children: /* @__PURE__ */ s("div", { className: `nc-dialog-overlay${w ? " nc-fullscreen" : ""}`, onClick: R, children: /* @__PURE__ */ y(
+  }, M = /* @__PURE__ */ s(Oe.Provider, { value: k, children: /* @__PURE__ */ s("div", { className: `nc-dialog-overlay${v ? " nc-fullscreen" : ""}`, onClick: E, children: /* @__PURE__ */ x(
     "div",
     {
-      ref: h,
-      className: `nc-dialog-container ${v}`,
+      ref: b,
+      className: `nc-dialog-container ${g}`,
       style: o,
       tabIndex: -1,
       role: "dialog",
       "aria-modal": "true",
-      "aria-labelledby": m ? void 0 : "nc-dialog-title",
+      "aria-labelledby": h ? void 0 : "nc-dialog-title",
       children: [
-        !m && /* @__PURE__ */ y("div", { className: "nc-dialog-header", children: [
+        !h && /* @__PURE__ */ x("div", { className: "nc-dialog-header", children: [
           /* @__PURE__ */ s("h3", { id: "nc-dialog-title", className: "nc-dialog-title", children: n }),
-          /* @__PURE__ */ s(De, { onClick: t, "aria-label": "Close dialog" })
+          /* @__PURE__ */ s(We, { onClick: t, "aria-label": "Close dialog" })
         ] }),
-        /* @__PURE__ */ s("div", { ref: k, className: "nc-dialog-content", children: r }),
-        I()
+        /* @__PURE__ */ s("div", { ref: y, className: "nc-dialog-content", children: r }),
+        z()
       ]
     }
   ) }) });
-  return w ? pe(T, document.body) : T;
+  return v ? ue(M, document.body) : M;
 }
-function kt({ onClick: e, size: t = "default", rightOffset: n = 4 }) {
+function Ct({ onClick: e, size: t = "default", rightOffset: n = 4 }) {
   const r = t === "small" ? 28 : 34;
   return /* @__PURE__ */ s(
     "button",
@@ -785,7 +789,7 @@ function kt({ onClick: e, size: t = "default", rightOffset: n = 4 }) {
     }
   );
 }
-function Nt({ visible: e, onClick: t, size: n = "default" }) {
+function St({ visible: e, onClick: t, size: n = "default" }) {
   const r = n === "small" ? 28 : 34, o = n === "small" ? 16 : 18;
   return /* @__PURE__ */ s(
     "button",
@@ -809,11 +813,11 @@ function Nt({ visible: e, onClick: t, size: n = "default" }) {
         alignItems: "center",
         justifyContent: "center"
       },
-      children: e ? /* @__PURE__ */ s(rt, { size: o }) : /* @__PURE__ */ s(ot, { size: o })
+      children: e ? /* @__PURE__ */ s(it, { size: o }) : /* @__PURE__ */ s(ct, { size: o })
     }
   );
 }
-function On({
+function Gn({
   value: e,
   defaultValue: t = "",
   onChange: n,
@@ -821,85 +825,89 @@ function On({
   onClear: o,
   placeholder: i,
   disabled: l,
-  label: a,
+  label: c,
   clearable: d = !0,
   type: p = "text",
   className: f = "",
-  size: g = "default",
-  style: c,
-  showPasswordToggle: u = !1,
-  multiline: w = !1,
-  rows: m = 3,
-  validator: v,
-  showErrorMessage: N = !0
+  size: m = "default",
+  style: a,
+  leadingIcon: u,
+  showPasswordToggle: v = !1,
+  multiline: h = !1,
+  rows: g = 3,
+  validator: A,
+  showErrorMessage: b = !0
 }) {
-  const h = W(null), k = W(null), [b, C] = z(!1), [R, I] = z(!1), T = e !== void 0, [x, E] = z(t), A = T ? e : x, S = v ? v(A) : null, L = !!S, $ = p === "password", P = $ && u && !l && !w, H = d && A && !l && R, ee = g === "small" ? 32 : 44;
-  let K = 12;
-  H && P ? K = ee * 2 : (H || P) && (K = ee);
-  const Q = () => {
-    var te, ae;
-    T || E(""), n == null || n(""), o == null || o(), w ? (te = k.current) == null || te.focus() : (ae = h.current) == null || ae.focus();
-  }, ce = (te) => {
-    te.key === "Enter" && !w && (r == null || r());
-  }, F = (te) => {
-    const ae = te.target.value;
-    T || E(ae), n == null || n(ae);
-  }, Se = () => {
-    I(!0);
-  }, Ie = () => {
-    I(!1);
-  }, Me = `nc-input ${g === "small" ? "nc-small " : ""} ${L ? "nc-error " : ""}${f}`;
-  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: w ? "flex-start" : "center" }, children: [
-      w ? /* @__PURE__ */ s(
+  const y = W(null), w = W(null), [k, E] = T(!1), [z, M] = T(!1), N = e !== void 0, [R, C] = T(t), S = N ? e : R, L = A ? A(S) : null, V = !!L, $ = p === "password", P = $ && v && !l && !h, H = d && S && !l && z, Z = m === "small" ? 32 : 44;
+  let Y = 12;
+  H && P ? Y = Z * 2 : (H || P) && (Y = Z);
+  const F = u ? m === "small" ? 28 : 34 : void 0, Ze = () => {
+    var te, ce;
+    N || C(""), n == null || n(""), o == null || o(), h ? (te = w.current) == null || te.focus() : (ce = y.current) == null || ce.focus();
+  }, Se = (te) => {
+    te.key === "Enter" && !h && (r == null || r());
+  }, Ie = (te) => {
+    const ce = te.target.value;
+    N || C(ce), n == null || n(ce);
+  }, Me = () => {
+    M(!0);
+  }, $e = () => {
+    M(!1);
+  }, Re = `nc-input ${m === "small" ? "nc-small " : ""} ${V ? "nc-error " : ""}${f}`;
+  return /* @__PURE__ */ x("div", { className: "nc-col", style: { position: "relative", flex: 1, ...a }, children: [
+    c && /* @__PURE__ */ s("span", { className: "nc-label", children: c }),
+    /* @__PURE__ */ x("div", { style: { position: "relative", display: "flex", alignItems: h ? "flex-start" : "center" }, children: [
+      u && /* @__PURE__ */ s("span", { className: "nc-input-leading-icon", style: { height: h ? void 0 : "100%", top: h ? 10 : void 0 }, children: u }),
+      h ? /* @__PURE__ */ s(
         "textarea",
         {
-          ref: k,
-          className: Me,
+          ref: w,
+          className: Re,
           placeholder: i,
-          value: A,
-          onChange: F,
-          onKeyDown: ce,
-          onFocus: Se,
-          onBlur: Ie,
+          value: S,
+          onChange: Ie,
+          onKeyDown: Se,
+          onFocus: Me,
+          onBlur: $e,
           readOnly: l,
           "aria-disabled": l,
           tabIndex: l ? -1 : void 0,
-          rows: m,
+          rows: g,
           style: {
             width: "100%",
-            paddingRight: K
+            paddingRight: Y,
+            ...F !== void 0 ? { paddingLeft: F } : {}
           }
         }
       ) : /* @__PURE__ */ s(
         "input",
         {
-          ref: h,
-          type: $ && b ? "text" : p,
-          className: Me,
+          ref: y,
+          type: $ && k ? "text" : p,
+          className: Re,
           placeholder: i,
-          value: A,
-          onChange: F,
-          onKeyDown: ce,
-          onFocus: Se,
-          onBlur: Ie,
+          value: S,
+          onChange: Ie,
+          onKeyDown: Se,
+          onFocus: Me,
+          onBlur: $e,
           readOnly: l,
           "aria-disabled": l,
           tabIndex: l ? -1 : void 0,
           style: {
             width: "100%",
-            paddingRight: K
+            paddingRight: Y,
+            ...F !== void 0 ? { paddingLeft: F } : {}
           }
         }
       ),
-      H && /* @__PURE__ */ s(kt, { onClick: Q, size: g, rightOffset: P ? ee + 4 : 4 }),
-      P && /* @__PURE__ */ s(Nt, { visible: b, onClick: () => C(!b), size: g })
+      H && /* @__PURE__ */ s(Ct, { onClick: Ze, size: m, rightOffset: P ? Z + 4 : 4 }),
+      P && /* @__PURE__ */ s(St, { visible: k, onClick: () => E(!k), size: m })
     ] }),
-    L && N && /* @__PURE__ */ s("span", { className: "nc-error-message", children: S })
+    V && b && /* @__PURE__ */ s("span", { className: "nc-error-message", children: L })
   ] });
 }
-function Fn({
+function Yn({
   children: e,
   onClick: t,
   showBorder: n = !0,
@@ -934,9 +942,9 @@ function Fn({
     }
   );
 }
-function Vn({ 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: [
+function jn({ title: e, titleTools: t, children: n, style: r }) {
+  return /* @__PURE__ */ x("div", { className: "nc-list-group", style: r, children: [
+    (e || t) && /* @__PURE__ */ x("div", { className: "nc-list-group-title", children: [
       /* @__PURE__ */ s("div", { children: e }),
       t && /* @__PURE__ */ s("div", { className: "nc-list-group-title-tools", children: t })
     ] }),
@@ -949,61 +957,61 @@ function Vn({ title: e, titleTools: t, children: n, style: r }) {
     )
   ] });
 }
-function Gn({ values: e, onChange: t, options: n, placeholder: r = "Select…", label: o }) {
-  const [i, l] = z(!1), [a, d] = z(""), p = W(null), f = ge(() => n.filter((c) => c.label.toLowerCase().includes(a.toLowerCase())), [n, a]);
+function Kn({ values: e, onChange: t, options: n, placeholder: r = "Select…", label: o }) {
+  const [i, l] = T(!1), [c, d] = T(""), p = W(null), f = me(() => n.filter((a) => a.label.toLowerCase().includes(c.toLowerCase())), [n, c]);
   B(() => {
-    function c(u) {
+    function a(u) {
       !(u.target instanceof Node) || !p.current || p.current.contains(u.target) || l(!1);
     }
-    return document.addEventListener("mousedown", c), () => document.removeEventListener("mousedown", c);
+    return document.addEventListener("mousedown", a), () => document.removeEventListener("mousedown", a);
   }, []);
-  const g = (c) => {
-    e.includes(c) ? t(e.filter((u) => u !== c)) : t([...e, c]);
+  const m = (a) => {
+    e.includes(a) ? t(e.filter((u) => u !== a)) : t([...e, a]);
   };
-  return /* @__PURE__ */ y("div", { ref: p, className: "nc-col", style: { position: "relative" }, children: [
+  return /* @__PURE__ */ x("div", { ref: p, 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: [
+    /* @__PURE__ */ x("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((c) => {
-        const u = n.find((w) => w.value === c);
-        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: [
+      e.map((a) => {
+        const u = n.find((v) => v.value === a);
+        return u ? /* @__PURE__ */ x("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,
           /* @__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: () => g(c),
+              onClick: () => m(a),
               "aria-label": `Remove ${u.label}`,
               children: "✕"
             }
           )
-        ] }, c) : null;
+        ] }, a) : null;
       }),
       /* @__PURE__ */ s(
         "input",
         {
           className: "nc-input",
-          value: a,
-          onChange: (c) => d(c.target.value),
+          value: c,
+          onChange: (a) => d(a.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: [
-      f.map((c) => {
-        const u = e.includes(c.value);
-        return /* @__PURE__ */ y("div", { className: "nc-section nc-row", style: { justifyContent: "space-between", cursor: "pointer", padding: 12 }, onMouseDown: () => g(c.value), children: [
-          /* @__PURE__ */ s("span", { children: c.label }),
+    i && /* @__PURE__ */ x("div", { className: "nc-combo-dropdown", style: { position: "absolute", top: "100%", left: 0, right: 0, zIndex: 10, marginTop: 4, boxShadow: "0 4px 12px var(--nc-shadow)" }, children: [
+      f.map((a) => {
+        const u = e.includes(a.value);
+        return /* @__PURE__ */ x("div", { className: "nc-section nc-row", style: { justifyContent: "space-between", cursor: "pointer", padding: 12 }, onMouseDown: () => m(a.value), children: [
+          /* @__PURE__ */ s("span", { children: a.label }),
           /* @__PURE__ */ s("span", { children: u ? "✔️" : "" })
-        ] }, c.value);
+        ] }, a.value);
       }),
       f.length === 0 && /* @__PURE__ */ s("div", { className: "nc-section nc-label", children: "No results" })
     ] })
   ] });
 }
-function fe(e) {
+function pe(e) {
   if (!e) return null;
   const t = /^\d{2}-\d{1,2}$/, n = /^\d{4}-\d{1,2}$/;
   if (!t.test(e) && !n.test(e))
@@ -1011,7 +1019,7 @@ function fe(e) {
   const r = e.split("-"), o = parseInt(r[1], 10);
   return o < 1 || o > 12 ? "Month must be between 1 and 12" : null;
 }
-function ue(e) {
+function de(e) {
   if (!e) return "";
   const t = e.split("-");
   if (t.length !== 2) return e;
@@ -1023,18 +1031,18 @@ function ue(e) {
   }
   return `${n}-${r}`;
 }
-function $e(e) {
+function Ee(e) {
   if (!e) return "";
-  const t = ue(e);
+  const t = de(e);
   if (!/^\d{4}-\d{2}$/.test(t)) return e;
   const [n, r] = t.split("-");
   return `${n}/${r}`;
 }
-function Re() {
+function Te() {
   const e = /* @__PURE__ */ new Date(), t = e.getFullYear(), n = String(e.getMonth() + 1).padStart(2, "0");
   return `${t}-${n}`;
 }
-function Yn({
+function _n({
   startMonth: e,
   endMonth: t,
   onChange: n,
@@ -1043,45 +1051,45 @@ function Yn({
   disabled: i = !1,
   size: l = "default"
 }) {
-  const [a, d] = z(!1), [p, f] = z(""), [g, c] = z(""), [u, w] = z({ top: 0, left: 0, width: 0, right: void 0 }), m = W(null), v = W(null);
+  const [c, d] = T(!1), [p, f] = T(""), [m, a] = T(""), [u, v] = T({ top: 0, left: 0, width: 0, right: void 0 }), h = W(null), g = W(null);
   B(() => {
-    if (a && m.current) {
-      const A = m.current.getBoundingClientRect(), L = Math.max(A.width, 400);
-      window.innerWidth - A.left < L && A.right >= L ? w({
-        top: A.bottom + 4,
+    if (c && h.current) {
+      const C = h.current.getBoundingClientRect(), L = Math.max(C.width, 400);
+      window.innerWidth - C.left < L && C.right >= L ? v({
+        top: C.bottom + 4,
         left: 0,
         // Not used but type needs it, let's just use 0
-        right: window.innerWidth - A.right,
+        right: window.innerWidth - C.right,
         width: L
-      }) : w({
-        top: A.bottom + 4,
-        left: A.left,
+      }) : v({
+        top: C.bottom + 4,
+        left: C.left,
         right: void 0,
         width: L
       });
     }
-  }, [a]), B(() => {
-    if (!a) return;
-    const A = (S) => {
-      m.current && !m.current.contains(S.target) && v.current && !v.current.contains(S.target) && d(!1);
+  }, [c]), B(() => {
+    if (!c) return;
+    const C = (S) => {
+      h.current && !h.current.contains(S.target) && g.current && !g.current.contains(S.target) && d(!1);
     };
-    return document.addEventListener("mousedown", A), () => document.removeEventListener("mousedown", A);
-  }, [a]);
-  const N = () => {
-    f(e || Re()), c(t || Re()), d(!0);
-  }, h = () => {
+    return document.addEventListener("mousedown", C), () => document.removeEventListener("mousedown", C);
+  }, [c]);
+  const A = () => {
+    f(e || Te()), a(t || Te()), d(!0);
+  }, b = () => {
     d(!1);
-  }, k = () => {
-    const A = fe(p), S = fe(g);
-    if (A || S)
+  }, y = () => {
+    const C = pe(p), S = pe(m);
+    if (C || S)
       return;
-    const L = ue(p), $ = ue(g);
-    L && $ && (n == null || n(L, $)), d(!1);
-  }, b = e && t ? `${$e(e)} - ${$e(t)}` : "Select month range", C = fe(p), R = fe(g), I = ue(p), T = ue(g), x = I && T && I > T, E = a ? pe(
+    const L = de(p), V = de(m);
+    L && V && (n == null || n(L, V)), d(!1);
+  }, w = e && t ? `${Ee(e)} - ${Ee(t)}` : "Select month range", k = pe(p), E = pe(m), z = de(p), M = de(m), N = z && M && z > M, R = c ? ue(
     /* @__PURE__ */ s(
       "div",
       {
-        ref: v,
+        ref: g,
         className: "nc-month-range-picker-popup",
         style: {
           position: "fixed",
@@ -1090,89 +1098,89 @@ function Yn({
           width: u.width,
           zIndex: 1e3
         },
-        children: /* @__PURE__ */ y("div", { className: "nc-month-range-picker-content", children: [
-          /* @__PURE__ */ y("div", { className: "nc-month-range-picker-row", children: [
-            /* @__PURE__ */ y("div", { className: "nc-month-range-picker-column", children: [
+        children: /* @__PURE__ */ x("div", { className: "nc-month-range-picker-content", children: [
+          /* @__PURE__ */ x("div", { className: "nc-month-range-picker-row", children: [
+            /* @__PURE__ */ x("div", { className: "nc-month-range-picker-column", children: [
               /* @__PURE__ */ s("label", { className: "nc-label", children: "Start Month" }),
               /* @__PURE__ */ s(
                 "input",
                 {
                   type: "text",
-                  className: `nc-month-input ${C ? "nc-error" : ""}`,
+                  className: `nc-month-input ${k ? "nc-error" : ""}`,
                   value: p,
-                  onChange: (A) => f(A.target.value),
+                  onChange: (C) => f(C.target.value),
                   placeholder: "YY-M(M) or YYYY-M(M)"
                 }
               ),
-              C && /* @__PURE__ */ s("div", { className: "nc-month-error-text", children: C })
+              k && /* @__PURE__ */ s("div", { className: "nc-month-error-text", children: k })
             ] }),
-            /* @__PURE__ */ y("div", { className: "nc-month-range-picker-column", children: [
+            /* @__PURE__ */ x("div", { className: "nc-month-range-picker-column", children: [
               /* @__PURE__ */ s("label", { className: "nc-label", children: "End Month" }),
               /* @__PURE__ */ s(
                 "input",
                 {
                   type: "text",
-                  className: `nc-month-input ${R ? "nc-error" : ""}`,
-                  value: g,
-                  onChange: (A) => c(A.target.value),
+                  className: `nc-month-input ${E ? "nc-error" : ""}`,
+                  value: m,
+                  onChange: (C) => a(C.target.value),
                   placeholder: "YY-M(M) or YYYY-M(M)"
                 }
               ),
-              R && /* @__PURE__ */ s("div", { className: "nc-month-error-text", children: R })
+              E && /* @__PURE__ */ s("div", { className: "nc-month-error-text", children: E })
             ] })
           ] }),
-          x && !C && !R && /* @__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: [
+          N && !k && !E && /* @__PURE__ */ s("div", { className: "nc-month-range-error", children: "End month must be after or equal to start month" }),
+          /* @__PURE__ */ x("div", { className: "nc-month-range-picker-footer", children: [
             /* @__PURE__ */ s(
-              Y,
+              K,
               {
                 variant: "primary",
-                onClick: k,
-                disabled: !p || !g || !!C || !!R || !!x,
+                onClick: y,
+                disabled: !p || !m || !!k || !!E || !!N,
                 children: "Apply"
               }
             ),
-            /* @__PURE__ */ s(Y, { variant: "ghost", onClick: h, children: "Cancel" })
+            /* @__PURE__ */ s(K, { variant: "ghost", onClick: b, children: "Cancel" })
           ] })
         ] })
       }
     ),
     document.body
   ) : null;
-  return /* @__PURE__ */ y("div", { className: `nc-month-range-picker ${l === "small" ? "nc-small " : ""}${o}`, children: [
+  return /* @__PURE__ */ x("div", { className: `nc-month-range-picker ${l === "small" ? "nc-small " : ""}${o}`, children: [
     r && /* @__PURE__ */ s("label", { className: `nc-label${l === "small" ? " nc-small" : ""}`, children: r }),
     /* @__PURE__ */ s(
       "button",
       {
-        ref: m,
+        ref: h,
         className: `nc-month-range-picker-input${l === "small" ? " nc-small" : ""}`,
-        onClick: N,
+        onClick: A,
         disabled: i,
-        children: b
+        children: w
       }
     ),
-    E
+    R
   ] });
 }
-function jn({ value: e, onChange: t, min: n, max: r, step: o = 1, label: i, disabled: l, size: a = "default" }) {
-  const d = a === "small", p = () => {
-    const c = e - o;
-    n !== void 0 && c < n || t(parseFloat(c.toFixed(10)));
+function Un({ 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)));
   }, f = () => {
-    const c = e + o;
-    r !== void 0 && c > r || t(parseFloat(c.toFixed(10)));
+    const a = e + o;
+    r !== void 0 && a > r || t(parseFloat(a.toFixed(10)));
   };
-  return /* @__PURE__ */ y("div", { className: `nc-col nc-number-input-col ${d ? "nc-small" : ""}`, children: [
+  return /* @__PURE__ */ x("div", { className: `nc-col nc-number-input-col ${d ? "nc-small" : ""}`, children: [
     i && /* @__PURE__ */ s("span", { className: `nc-label ${d ? "nc-small" : ""}`, children: i }),
-    /* @__PURE__ */ y("div", { className: `nc-number-input-container ${d ? "nc-small" : ""}`, children: [
+    /* @__PURE__ */ x("div", { className: `nc-number-input-container ${d ? "nc-small" : ""}`, children: [
       /* @__PURE__ */ s(
         "input",
         {
           className: `nc-input nc-number-input ${d ? "nc-small" : ""}`,
           type: "number",
           value: e,
-          onChange: (c) => {
-            const u = parseFloat(c.target.value);
+          onChange: (a) => {
+            const u = parseFloat(a.target.value);
             isNaN(u) || n !== void 0 && u < n || r !== void 0 && u > r || t(u);
           },
           min: n,
@@ -1202,7 +1210,7 @@ function jn({ value: e, onChange: t, min: n, max: r, step: o = 1, label: i, disa
     ] })
   ] });
 }
-function Kn({
+function qn({
   value: e,
   onChange: t,
   min: n = 0,
@@ -1210,17 +1218,17 @@ function Kn({
   step: o = 1,
   label: i,
   disabled: l,
-  showValue: a = !0,
+  showValue: c = !0,
   formatValue: d = (f) => f.toString(),
   width: p = 200
 }) {
-  const f = (c) => {
-    const u = parseFloat(c.target.value);
+  const f = (a) => {
+    const u = parseFloat(a.target.value);
     t(u);
-  }, g = (e - n) / (r - n) * 100;
-  return /* @__PURE__ */ y("div", { className: "nc-col", style: { gap: 6 }, children: [
+  }, m = (e - n) / (r - n) * 100;
+  return /* @__PURE__ */ x("div", { className: "nc-col", style: { gap: 6 }, children: [
     i && /* @__PURE__ */ s("span", { className: "nc-label", children: i }),
-    /* @__PURE__ */ y("div", { style: { display: "flex", gap: 12, alignItems: "center" }, children: [
+    /* @__PURE__ */ x("div", { style: { display: "flex", gap: 12, alignItems: "center" }, children: [
       /* @__PURE__ */ s(
         "input",
         {
@@ -1234,11 +1242,11 @@ function Kn({
           disabled: l,
           style: {
             width: p,
-            "--nc-slider-percentage": `${g}%`
+            "--nc-slider-percentage": `${m}%`
           }
         }
       ),
-      a && /* @__PURE__ */ s(
+      c && /* @__PURE__ */ s(
         "span",
         {
           style: {
@@ -1254,114 +1262,114 @@ function Kn({
     ] })
   ] });
 }
-const At = ({ 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 Ct({ children: e, className: t = "", style: n }) {
+const It = ({ 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 Mt({ children: e, className: t = "", style: n }) {
   return /* @__PURE__ */ s("div", { className: `nc-tab-panel ${t}`, style: n, children: e });
 }
-function _n({ active: e, children: t, keepMounted: n = !1, className: r = "", style: o }) {
-  const i = at.toArray(t).filter(
-    (a) => lt(a) && (a.type === Ct || a.type.displayName === "TabPanel")
+function Xn({ active: e, children: t, keepMounted: n = !1, className: r = "", style: o }) {
+  const i = ut.toArray(t).filter(
+    (c) => pt(c) && (c.type === Mt || c.type.displayName === "TabPanel")
   );
   if (n)
-    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-panels ${r}`, style: o, children: i.map((c) => {
+      const d = c.props.tab === e;
       return /* @__PURE__ */ s(
         "div",
         {
           className: `nc-tab-panel-wrapper ${d ? "nc-active" : ""}`,
           style: { display: d ? void 0 : "none" },
           "aria-hidden": !d,
-          children: a
+          children: c
         },
-        a.props.tab
+        c.props.tab
       );
     }) });
-  const l = i.find((a) => a.props.tab === e);
+  const l = i.find((c) => c.props.tab === e);
   return /* @__PURE__ */ s("div", { className: `nc-tab-panels ${r}`, style: o, children: l });
 }
-function Un({ tabs: e, active: t, onChange: n, onClose: r, permanentTabs: o, className: i, toolbar: l, multiline: a, orientation: d = "horizontal", style: p }) {
-  const f = W(null), [g, c] = z(!1), [u, w] = z(!1), m = d === "verticalLeft" || d === "verticalRight", v = W(!1), N = W(0), h = W(0), k = W(!1);
+function Jn({ tabs: e, active: t, onChange: n, onClose: r, permanentTabs: o, className: i, toolbar: l, multiline: c, orientation: d = "horizontal", style: p }) {
+  const f = W(null), [m, a] = T(!1), [u, v] = T(!1), h = d === "verticalLeft" || d === "verticalRight", g = W(!1), A = W(0), b = W(0), y = W(!1);
   B(() => {
-    const x = () => {
+    const N = () => {
       if (f.current)
-        if (m) {
-          const { scrollTop: A, scrollHeight: S, clientHeight: L } = f.current;
-          c(A > 1), w(A < S - L - 1);
+        if (h) {
+          const { scrollTop: C, scrollHeight: S, clientHeight: L } = f.current;
+          a(C > 1), v(C < S - L - 1);
         } else {
-          const { scrollLeft: A, scrollWidth: S, clientWidth: L } = f.current;
-          c(A > 1), w(A < S - L - 1);
+          const { scrollLeft: C, scrollWidth: S, clientWidth: L } = f.current;
+          a(C > 1), v(C < S - L - 1);
         }
-    }, E = f.current;
-    if (E)
-      return x(), E.addEventListener("scroll", x), window.addEventListener("resize", x), () => {
-        E.removeEventListener("scroll", x), window.removeEventListener("resize", x);
+    }, R = f.current;
+    if (R)
+      return N(), R.addEventListener("scroll", N), window.addEventListener("resize", N), () => {
+        R.removeEventListener("scroll", N), window.removeEventListener("resize", N);
       };
-  }, [e, m]);
-  const b = (x) => {
-    f.current && (v.current = !0, k.current = !1, N.current = m ? x.clientY : x.clientX, h.current = m ? f.current.scrollTop : f.current.scrollLeft, f.current.style.cursor = "grabbing", f.current.style.userSelect = "none");
-  }, C = (x) => {
-    if (!v.current || !f.current) return;
-    const E = m ? x.clientY : x.clientX, A = N.current - E;
-    Math.abs(A) > 3 && (k.current = !0), m ? f.current.scrollTop = h.current + A : f.current.scrollLeft = h.current + A;
-  }, R = () => {
-    f.current && (v.current = !1, f.current.style.cursor = "", f.current.style.userSelect = "");
-  }, I = () => {
-    R();
+  }, [e, h]);
+  const w = (N) => {
+    f.current && (g.current = !0, y.current = !1, A.current = h ? N.clientY : N.clientX, b.current = h ? f.current.scrollTop : f.current.scrollLeft, f.current.style.cursor = "grabbing", f.current.style.userSelect = "none");
+  }, k = (N) => {
+    if (!g.current || !f.current) return;
+    const R = h ? N.clientY : N.clientX, C = A.current - R;
+    Math.abs(C) > 3 && (y.current = !0), h ? f.current.scrollTop = b.current + C : f.current.scrollLeft = b.current + C;
+  }, E = () => {
+    f.current && (g.current = !1, f.current.style.cursor = "", f.current.style.userSelect = "");
+  }, z = () => {
+    E();
   };
   B(() => {
-    const x = f.current;
-    if (!x || m) return;
-    const E = (A) => {
-      A.deltaY !== 0 && (A.preventDefault(), x.scrollLeft += A.deltaY * 0.3);
+    const N = f.current;
+    if (!N || h) return;
+    const R = (C) => {
+      C.deltaY !== 0 && (C.preventDefault(), N.scrollLeft += C.deltaY * 0.3);
     };
-    return x.addEventListener("wheel", E, { passive: !1 }), () => {
-      x.removeEventListener("wheel", E);
+    return N.addEventListener("wheel", R, { passive: !1 }), () => {
+      N.removeEventListener("wheel", R);
     };
-  }, [m]);
-  const T = (x) => {
-    k.current || n(x);
+  }, [h]);
+  const M = (N) => {
+    y.current || n(N);
   };
-  return /* @__PURE__ */ y("div", { className: `nc-tab-container ${m ? `nc-vertical nc-${d}` : ""} ${i || ""}`, style: p, children: [
-    /* @__PURE__ */ y("div", { className: "nc-tab-scroll-wrapper", children: [
-      g && /* @__PURE__ */ s("div", { className: `nc-tab-scroll-indicator ${m ? "nc-top" : "nc-left"}`, children: m ? /* @__PURE__ */ s(At, { size: 16 }) : /* @__PURE__ */ s(st, { size: 16 }) }),
+  return /* @__PURE__ */ x("div", { className: `nc-tab-container ${h ? `nc-vertical nc-${d}` : ""} ${i || ""}`, style: p, children: [
+    /* @__PURE__ */ x("div", { className: "nc-tab-scroll-wrapper", children: [
+      m && /* @__PURE__ */ s("div", { className: `nc-tab-scroll-indicator ${h ? "nc-top" : "nc-left"}`, children: h ? /* @__PURE__ */ s(It, { size: 16 }) : /* @__PURE__ */ s(at, { size: 16 }) }),
       /* @__PURE__ */ s(
         "div",
         {
           ref: f,
-          className: `nc-tab-scroll ${a ? "nc-multiline" : ""}`,
-          onMouseDown: b,
-          onMouseMove: C,
-          onMouseUp: R,
-          onMouseLeave: I,
+          className: `nc-tab-scroll ${c ? "nc-multiline" : ""}`,
+          onMouseDown: w,
+          onMouseMove: k,
+          onMouseUp: E,
+          onMouseLeave: z,
           style: { cursor: "grab" },
-          children: e.map((x) => {
-            const E = typeof x == "string" ? x : x.id, A = typeof x == "string" ? x : x.label, S = r && !(o != null && o.includes(E));
-            return /* @__PURE__ */ y(
+          children: e.map((N) => {
+            const R = typeof N == "string" ? N : N.id, C = typeof N == "string" ? N : N.label, S = r && !(o != null && o.includes(R));
+            return /* @__PURE__ */ x(
               "div",
               {
-                className: `nc-tab-item ${t === E ? "nc-active" : ""} ${S ? "nc-closable" : ""}`,
-                onClick: () => T(E),
+                className: `nc-tab-item ${t === R ? "nc-active" : ""} ${S ? "nc-closable" : ""}`,
+                onClick: () => M(R),
                 role: "button",
                 tabIndex: 0,
                 onKeyDown: (L) => {
-                  (L.key === "Enter" || L.key === " ") && n(E);
+                  (L.key === "Enter" || L.key === " ") && n(R);
                 },
                 children: [
-                  /* @__PURE__ */ s("span", { className: "nc-tab-label", children: m ? A : typeof A == "string" ? A.toUpperCase() : A }),
+                  /* @__PURE__ */ s("span", { className: "nc-tab-label", children: h ? C : typeof C == "string" ? C.toUpperCase() : C }),
                   S && /* @__PURE__ */ s(
                     "span",
                     {
                       className: "nc-tab-close",
                       role: "button",
                       tabIndex: 0,
-                      "aria-label": `Close ${typeof A == "string" ? A : E}`,
+                      "aria-label": `Close ${typeof C == "string" ? C : R}`,
                       onClick: (L) => {
-                        L.stopPropagation(), r(E);
+                        L.stopPropagation(), r(R);
                       },
                       onKeyDown: (L) => {
-                        (L.key === "Enter" || L.key === " ") && (L.stopPropagation(), r(E));
+                        (L.key === "Enter" || L.key === " ") && (L.stopPropagation(), r(R));
                       },
-                      children: /* @__PURE__ */ y("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", children: [
+                      children: /* @__PURE__ */ x("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" })
                       ] })
@@ -1369,18 +1377,18 @@ function Un({ tabs: e, active: t, onChange: n, onClose: r, permanentTabs: o, cla
                   )
                 ]
               },
-              E
+              R
             );
           })
         }
       ),
-      u && /* @__PURE__ */ s("div", { className: `nc-tab-scroll-indicator ${m ? "nc-bottom" : "nc-right"}`, children: m ? /* @__PURE__ */ s(it, { size: 16 }) : /* @__PURE__ */ s(ct, { size: 16 }) })
+      u && /* @__PURE__ */ s("div", { className: `nc-tab-scroll-indicator ${h ? "nc-bottom" : "nc-right"}`, children: h ? /* @__PURE__ */ s(lt, { size: 16 }) : /* @__PURE__ */ s(dt, { size: 16 }) })
     ] }),
     l && /* @__PURE__ */ s("div", { className: "nc-tab-toolbar", children: l })
   ] });
 }
-function qn({ checked: e, onChange: t, disabled: n, label: r }) {
-  return /* @__PURE__ */ y(
+function Qn({ checked: e, onChange: t, disabled: n, label: r }) {
+  return /* @__PURE__ */ x(
     "label",
     {
       className: "nc-row",
@@ -1431,7 +1439,7 @@ function qn({ checked: e, onChange: t, disabled: n, label: r }) {
     }
   );
 }
-const Ee = [
+const ze = [
   "var(--nc-csv-col-0)",
   "var(--nc-csv-col-1)",
   "var(--nc-csv-col-2)",
@@ -1443,24 +1451,24 @@ const Ee = [
   "var(--nc-csv-col-8)",
   "var(--nc-csv-col-9)"
 ];
-function St(e, t) {
+function $t(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 };
+`), o = r.length, l = r[o - 1].split("	"), c = l.length, d = l[c - 1].length + 1;
+  return { line: o, column: c, character: d, offset: t };
 }
-function It(e, t, n, r) {
+function Rt(e, t, n, r) {
   const o = e.split(`
 `), i = Math.max(1, Math.min(t, o.length));
   let l = 0;
-  for (let g = 0; g < i - 1; g++)
-    l += o[g].length + 1;
+  for (let m = 0; m < i - 1; m++)
+    l += o[m].length + 1;
   const d = o[i - 1].split("	"), p = Math.max(1, Math.min(n, d.length));
-  for (let g = 0; g < p - 1; g++)
-    l += d[g].length + 1;
+  for (let m = 0; m < p - 1; m++)
+    l += d[m].length + 1;
   const f = Math.max(1, Math.min(r, d[p - 1].length + 1));
   return l += f - 1, l;
 }
-function Mt(e, t) {
+function Et(e, t) {
   const n = e.split(`
 `), r = Math.max(1, Math.min(t, n.length));
   let o = 0;
@@ -1468,76 +1476,76 @@ function Mt(e, t) {
     o += n[i].length + 1;
   return o;
 }
-const Xn = dt(
-  function({ value: t, onChange: n, placeholder: r, className: o, style: i, showLineNumbers: l = !1, onCursorChange: a, highlightLine: d }, p) {
-    const f = W(null), g = W(null), c = W(null);
-    ut(p, () => ({
-      goToLine(h) {
+const Zn = ft(
+  function({ value: t, onChange: n, placeholder: r, className: o, style: i, showLineNumbers: l = !1, onCursorChange: c, highlightLine: d }, p) {
+    const f = W(null), m = W(null), a = W(null);
+    ht(p, () => ({
+      goToLine(b) {
+        const y = f.current;
+        if (!y) return;
+        const w = Et(t, b);
+        y.focus(), y.setSelectionRange(w, w);
+        const k = parseFloat(getComputedStyle(y).lineHeight) || 18;
+        y.scrollTop = (Math.max(1, b) - 1) * k, v(), u();
+      },
+      goToPosition(b, y, w) {
         const k = f.current;
         if (!k) return;
-        const b = Mt(t, h);
-        k.focus(), k.setSelectionRange(b, b);
-        const C = parseFloat(getComputedStyle(k).lineHeight) || 18;
-        k.scrollTop = (Math.max(1, h) - 1) * C, w(), u();
-      },
-      goToPosition(h, k, b) {
-        const C = f.current;
-        if (!C) return;
-        const R = It(t, h, k, b);
-        C.focus(), C.setSelectionRange(R, R);
-        const I = parseFloat(getComputedStyle(C).lineHeight) || 18;
-        C.scrollTop = (Math.max(1, h) - 1) * I, w(), u();
+        const E = Rt(t, b, y, w);
+        k.focus(), k.setSelectionRange(E, E);
+        const z = parseFloat(getComputedStyle(k).lineHeight) || 18;
+        k.scrollTop = (Math.max(1, b) - 1) * z, v(), u();
       }
     }), [t]);
     const u = O(() => {
-      if (!a || !f.current) return;
-      const h = St(t, f.current.selectionStart);
-      a(h);
-    }, [a, t]), w = O(() => {
-      const h = f.current;
-      h && (g.current && (g.current.scrollTop = h.scrollTop, g.current.scrollLeft = h.scrollLeft), c.current && (c.current.scrollTop = h.scrollTop));
+      if (!c || !f.current) return;
+      const b = $t(t, f.current.selectionStart);
+      c(b);
+    }, [c, t]), v = O(() => {
+      const b = f.current;
+      b && (m.current && (m.current.scrollTop = b.scrollTop, m.current.scrollLeft = b.scrollLeft), a.current && (a.current.scrollTop = b.scrollTop));
     }, []);
     B(() => {
       if (d == null || d < 1) return;
-      const h = f.current;
-      if (!h) return;
-      const k = parseFloat(getComputedStyle(h).lineHeight) || 18, b = (d - 1) * k, C = b + k;
-      (b < h.scrollTop || C > h.scrollTop + h.clientHeight) && (h.scrollTop = b - h.clientHeight / 2 + k / 2), w();
+      const b = f.current;
+      if (!b) return;
+      const y = parseFloat(getComputedStyle(b).lineHeight) || 18, w = (d - 1) * y, k = w + y;
+      (w < b.scrollTop || k > b.scrollTop + b.clientHeight) && (b.scrollTop = w - b.clientHeight / 2 + y / 2), v();
     }, [d]);
-    const m = ge(() => t.split(`
-`).length, [t]), v = () => {
-      const h = [];
-      for (let k = 1; k <= m; k++)
-        h.push(
-          /* @__PURE__ */ s("div", { className: `nc-csv-line-number ${d === k ? "nc-csv-highlight" : ""}`, children: k }, k)
+    const h = me(() => t.split(`
+`).length, [t]), g = () => {
+      const b = [];
+      for (let y = 1; y <= h; y++)
+        b.push(
+          /* @__PURE__ */ s("div", { className: `nc-csv-line-number ${d === y ? "nc-csv-highlight" : ""}`, children: y }, y)
         );
-      return /* @__PURE__ */ s("div", { className: "nc-csv-gutter", ref: c, children: h });
-    }, N = (h) => h ? h.split(`
-`).map((b, C) => {
-      const R = b.split("	");
-      return /* @__PURE__ */ y("div", { className: `nc-csv-line ${d === C + 1 ? "nc-csv-highlight" : ""}`, children: [
-        R.map((I, T) => /* @__PURE__ */ y("span", { children: [
-          T > 0 && /* @__PURE__ */ s("span", { className: "nc-csv-tab-char", children: "	" }),
-          /* @__PURE__ */ s("span", { style: { color: Ee[T % Ee.length] }, children: I })
-        ] }, T)),
-        b === "" && `
+      return /* @__PURE__ */ s("div", { className: "nc-csv-gutter", ref: a, children: b });
+    }, A = (b) => b ? b.split(`
+`).map((w, k) => {
+      const E = w.split("	");
+      return /* @__PURE__ */ x("div", { className: `nc-csv-line ${d === k + 1 ? "nc-csv-highlight" : ""}`, children: [
+        E.map((z, M) => /* @__PURE__ */ x("span", { children: [
+          M > 0 && /* @__PURE__ */ s("span", { className: "nc-csv-tab-char", children: "	" }),
+          /* @__PURE__ */ s("span", { style: { color: ze[M % ze.length] }, children: z })
+        ] }, M)),
+        w === "" && `
 `
-      ] }, C);
+      ] }, k);
     }) : 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: g, children: /* @__PURE__ */ s("pre", { className: "nc-csv-textarea-highlights", children: N(t) }) }),
+    return /* @__PURE__ */ x("div", { className: `nc-csv-textarea-container ${l ? "nc-csv-with-gutter" : ""} ${o ?? ""}`, style: i, children: [
+      l && g(),
+      /* @__PURE__ */ x("div", { className: "nc-csv-textarea-editor", children: [
+        /* @__PURE__ */ s("div", { className: "nc-csv-textarea-backdrop", ref: m, children: /* @__PURE__ */ s("pre", { className: "nc-csv-textarea-highlights", children: A(t) }) }),
         /* @__PURE__ */ s(
           "textarea",
           {
             ref: f,
             className: "nc-csv-textarea-input",
             value: t,
-            onChange: (h) => {
-              n(h.target.value), requestAnimationFrame(u);
+            onChange: (b) => {
+              n(b.target.value), requestAnimationFrame(u);
             },
-            onScroll: w,
+            onScroll: v,
             onSelect: u,
             onKeyUp: u,
             onClick: u,
@@ -1551,27 +1559,27 @@ const Xn = dt(
     ] });
   }
 );
-let Z = { notifications: [] };
-const ve = /* @__PURE__ */ new Set(), ze = /* @__PURE__ */ new Map();
+let ee = { notifications: [] };
+const ve = /* @__PURE__ */ new Set(), Pe = /* @__PURE__ */ new Map();
 function we() {
-  const e = Z.notifications.slice();
+  const e = ee.notifications.slice();
   for (const t of Array.from(ve))
     try {
       t(e);
     } catch {
     }
 }
-function $t(e) {
+function Tt(e) {
   ve.add(e);
   try {
-    e(Z.notifications.slice());
+    e(ee.notifications.slice());
   } catch {
   }
   return () => {
     ve.delete(e);
   };
 }
-function Rt(e) {
+function zt(e) {
   const t = `notification-${Date.now()}-${Math.random()}`, { duration: n, type: r, ...o } = e, i = {
     id: t,
     dismissible: !0,
@@ -1579,21 +1587,21 @@ function Rt(e) {
     type: r === "error" ? "danger" : r ?? "info",
     duration: n ?? 5e3
   };
-  return Z.notifications = [i, ...Z.notifications], we(), i.duration && i.duration > 0 && setTimeout(() => {
-    We(t);
+  return ee.notifications = [i, ...ee.notifications], we(), i.duration && i.duration > 0 && setTimeout(() => {
+    Fe(t);
   }, i.duration), t;
 }
-function We(e) {
-  const t = Z.notifications.find((r) => r.id === e);
+function Fe(e) {
+  const t = ee.notifications.find((r) => r.id === e);
   if (!t) return;
   t.isRemoving = !0, we();
   const n = window.setTimeout(() => {
-    Z.notifications = Z.notifications.filter((r) => r.id !== e), we(), ze.delete(e);
+    ee.notifications = ee.notifications.filter((r) => r.id !== e), we(), Pe.delete(e);
   }, 300);
-  ze.set(e, n);
+  Pe.set(e, n);
 }
-function Et({ notification: e }) {
-  const { t } = J(), n = () => {
+function Pt({ notification: e }) {
+  const { t } = Q(), n = () => {
     if (e.title) return e.title;
     switch (e.type) {
       case "success":
@@ -1606,14 +1614,14 @@ function Et({ notification: e }) {
         return t("common.info");
     }
   }, r = () => {
-    We(e.id);
+    Fe(e.id);
   };
   return /* @__PURE__ */ s(
     "div",
     {
       className: `nc-notification nc-notification-${e.type || "info"}`,
-      children: /* @__PURE__ */ y("div", { className: "nc-notification-content", children: [
-        /* @__PURE__ */ y("div", { className: "nc-notification-body", style: { paddingRight: e.dismissible ? "8px" : "0" }, children: [
+      children: /* @__PURE__ */ x("div", { className: "nc-notification-content", children: [
+        /* @__PURE__ */ x("div", { className: "nc-notification-body", style: { paddingRight: e.dismissible ? "8px" : "0" }, children: [
           /* @__PURE__ */ s("div", { className: "nc-notification-title", children: n() }),
           /* @__PURE__ */ s("div", { className: "nc-notification-message", children: e.message })
         ] }),
@@ -1629,24 +1637,24 @@ function Et({ notification: e }) {
     }
   );
 }
-function Jn() {
-  const [e, t] = z([]), [n, r] = z(/* @__PURE__ */ new Map()), [o, i] = z(/* @__PURE__ */ new Set()), l = W(null), a = W([]);
-  return B(() => $t((p) => {
-    const f = new Set(a.current.map((c) => c.id)), g = p.filter((c) => !f.has(c.id)).map((c) => c.id);
-    g.length > 0 ? (t(p), i(new Set(g)), requestAnimationFrame(() => {
+function er() {
+  const [e, t] = T([]), [n, r] = T(/* @__PURE__ */ new Map()), [o, i] = T(/* @__PURE__ */ new Set()), l = W(null), c = W([]);
+  return B(() => Tt((p) => {
+    const f = new Set(c.current.map((a) => a.id)), m = p.filter((a) => !f.has(a.id)).map((a) => a.id);
+    m.length > 0 ? (t(p), i(new Set(m)), requestAnimationFrame(() => {
       requestAnimationFrame(() => {
         i(/* @__PURE__ */ new Set());
       });
-    })) : t(p), a.current = p;
+    })) : t(p), c.current = p;
   }), []), B(() => {
     if (!l.current) return;
     const d = /* @__PURE__ */ new Map();
     let p = 0;
     const f = l.current.children;
-    e.forEach((g, c) => {
-      if (d.set(g.id, p), f[c]) {
-        const u = f[c].offsetHeight;
-        g.isRemoving || (p += u + 12);
+    e.forEach((m, a) => {
+      if (d.set(m.id, p), f[a]) {
+        const u = f[a].offsetHeight;
+        m.isRemoving || (p += u + 12);
       }
     }), r(d);
   }, [e]), /* @__PURE__ */ s(
@@ -1668,7 +1676,7 @@ function Jn() {
             position: "relative"
           },
           children: e.map((d) => {
-            const p = o.has(d.id), f = d.isRemoving, g = n.get(d.id) || 0;
+            const p = o.has(d.id), f = d.isRemoving, m = n.get(d.id) || 0;
             return /* @__PURE__ */ s(
               "div",
               {
@@ -1676,13 +1684,13 @@ function Jn() {
                   position: "absolute",
                   top: 0,
                   left: 0,
-                  transform: p ? "translateY(-120px)" : `translateY(${g}px)`,
+                  transform: p ? "translateY(-120px)" : `translateY(${m}px)`,
                   // Only animate transform when not leaving, animate opacity always
                   transition: f ? "opacity 300ms ease-out" : "transform 300ms ease-out, opacity 300ms ease-out",
                   opacity: f ? 0 : 1,
                   width: "100%"
                 },
-                children: /* @__PURE__ */ s(Et, { notification: d })
+                children: /* @__PURE__ */ s(Pt, { notification: d })
               },
               d.id
             );
@@ -1692,14 +1700,14 @@ function Jn() {
     }
   );
 }
-function zt(e) {
-  return Rt(e);
+function Lt(e) {
+  return zt(e);
 }
-const Qn = {
-  show: (e) => zt(e)
+const tr = {
+  show: (e) => Lt(e)
 };
-function Zn(e) {
-  const t = ft.createInstance(), n = {};
+function nr(e) {
+  const t = gt.createInstance(), n = {};
   for (const o in e)
     n[o] = { translation: e[o] };
   const r = typeof document < "u" && document.documentElement.lang || "en";
@@ -1714,14 +1722,14 @@ function Zn(e) {
   }), typeof MutationObserver < "u" && typeof document < "u" && new MutationObserver((i) => {
     for (const l of i)
       if (l.type === "attributes" && l.attributeName === "lang") {
-        const a = document.documentElement.lang || "en";
-        t.changeLanguage(a);
+        const c = document.documentElement.lang || "en";
+        t.changeLanguage(c);
       }
   }).observe(document.documentElement, { attributes: !0 }), t;
 }
-class Tt {
+class Bt {
   constructor() {
-    _(this, "apps", /* @__PURE__ */ new Map());
+    U(this, "apps", /* @__PURE__ */ new Map());
   }
   /**
    * Register an app definition.
@@ -1759,16 +1767,16 @@ class Tt {
     return this.apps.has(t);
   }
 }
-const oe = new Tt(), Te = "nc-ui-app-state";
-class Pt {
+const oe = new Bt(), Le = "nc-ui-app-state";
+class Dt {
   constructor() {
-    _(this, "state");
-    _(this, "listeners", /* @__PURE__ */ new Map());
+    U(this, "state");
+    U(this, "listeners", /* @__PURE__ */ new Map());
     this.state = this.loadState();
   }
   loadState() {
     try {
-      const t = localStorage.getItem(Te);
+      const t = localStorage.getItem(Le);
       if (t)
         return JSON.parse(t);
     } catch {
@@ -1777,7 +1785,7 @@ class Pt {
   }
   saveState() {
     try {
-      localStorage.setItem(Te, JSON.stringify(this.state));
+      localStorage.setItem(Le, JSON.stringify(this.state));
     } catch {
     }
   }
@@ -1807,13 +1815,13 @@ class Pt {
     (r = this.listeners.get(t)) == null || r.forEach((o) => o(n));
   }
 }
-const j = new Pt();
-class Lt {
+const _ = new Dt();
+class Ht {
   constructor() {
-    _(this, "apps", []);
-    _(this, "activeAppId", null);
-    _(this, "listeners", /* @__PURE__ */ new Set());
-    _(this, "refReadyResolvers", /* @__PURE__ */ new Map());
+    U(this, "apps", []);
+    U(this, "activeAppId", null);
+    U(this, "listeners", /* @__PURE__ */ new Set());
+    U(this, "refReadyResolvers", /* @__PURE__ */ new Map());
   }
   /**
    * Launch an app and wait for it to be ready (ref populated).
@@ -1829,12 +1837,12 @@ class Lt {
       return console.error(`Cannot launch app "${t}": not registered`), null;
     const o = this.apps.find((l) => l.appId === t);
     if (o)
-      return r || (this.setActiveApp(t), j._setActiveAppId(t)), o.ref ? o : this.waitForRef(t);
+      return r || (this.setActiveApp(t), _._setActiveAppId(t)), o.ref ? o : this.waitForRef(t);
     const i = {
       appId: t,
       launchedAt: Date.now()
     };
-    return this.apps.push(i), r || (this.activeAppId = t, j._setActiveAppId(t)), this.notify(), this.waitForRef(t);
+    return this.apps.push(i), r || (this.activeAppId = t, _._setActiveAppId(t)), this.notify(), this.waitForRef(t);
   }
   waitForRef(t) {
     return new Promise((n) => {
@@ -1871,7 +1879,7 @@ class Lt {
     const r = this.apps[n];
     if (r.ref && (r.ref = void 0), this.apps.splice(n, 1), this.activeAppId === t) {
       const o = window.innerWidth >= 768;
-      this.activeAppId = o && this.apps.length > 0 ? this.apps[this.apps.length - 1].appId : null, j._setActiveAppId(this.activeAppId);
+      this.activeAppId = o && this.apps.length > 0 ? this.apps[this.apps.length - 1].appId : null, _._setActiveAppId(this.activeAppId);
     }
     this.notify();
   }
@@ -1883,7 +1891,7 @@ class Lt {
       console.warn(`Cannot activate app "${t}": not running`);
       return;
     }
-    this.activeAppId !== t && (this.activeAppId = t, this.notify(), j._setActiveAppId(t));
+    this.activeAppId !== t && (this.activeAppId = t, this.notify(), _._setActiveAppId(t));
   }
   /**
    * Toggle an app: if active, deactivate; if inactive, activate.
@@ -1927,15 +1935,15 @@ class Lt {
     this.listeners.forEach((t) => t());
   }
 }
-const V = new Lt(), Oe = se(null);
-function Bt() {
-  const e = X(Oe);
+const G = new Ht(), Ve = se(null);
+function Wt() {
+  const e = J(Ve);
   if (!e)
     throw new Error("useApp must be used inside an App");
   return e;
 }
-function Dt({ size: e = 16 }) {
-  return /* @__PURE__ */ y(
+function Ot({ size: e = 16 }) {
+  return /* @__PURE__ */ x(
     "svg",
     {
       width: e,
@@ -1953,9 +1961,9 @@ function Dt({ size: e = 16 }) {
     }
   );
 }
-function Ht({ 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: [
+function Ft({ title: e, onClose: t, onBack: n, toolbar: r, hideBackButton: o }) {
+  return /* @__PURE__ */ x("div", { className: "nc-app-title-bar", children: [
+    /* @__PURE__ */ x("div", { className: "nc-app-title-bar-left", children: [
       n && !o && /* @__PURE__ */ s(
         "button",
         {
@@ -1963,18 +1971,18 @@ function Ht({ title: e, onClose: t, onBack: n, toolbar: r, hideBackButton: o })
           onClick: n,
           title: "Back",
           "aria-label": "Go back",
-          children: /* @__PURE__ */ s(Dt, { size: 16 })
+          children: /* @__PURE__ */ s(Ot, { size: 16 })
         }
       ),
       /* @__PURE__ */ s("span", { className: "nc-app-title-bar-title", children: e })
     ] }),
-    /* @__PURE__ */ y("div", { className: "nc-app-title-bar-right", children: [
+    /* @__PURE__ */ x("div", { className: "nc-app-title-bar-right", children: [
       r && /* @__PURE__ */ s("div", { className: "nc-app-title-bar-toolbar", children: r }),
-      /* @__PURE__ */ s(De, { onClick: t, "aria-label": "Close application" })
+      /* @__PURE__ */ s(We, { onClick: t, "aria-label": "Close application" })
     ] })
   ] });
 }
-class Wt extends ke.Component {
+class Vt extends ke.Component {
   constructor(t) {
     super(t), this.state = { hasError: !1 };
   }
@@ -1985,7 +1993,7 @@ class Wt extends ke.Component {
     console.error(`Error loading app ${this.props.appId}:`, t, n);
   }
   render() {
-    return this.state.hasError ? /* @__PURE__ */ y(
+    return this.state.hasError ? /* @__PURE__ */ x(
       "div",
       {
         style: {
@@ -2007,39 +2015,39 @@ class Wt extends ke.Component {
     ) : this.props.children;
   }
 }
-function Fe({ appId: e, isActive: t, onClose: n }) {
-  const { t: r } = J(), o = oe.get(e), [i, l] = z(""), [a, d] = z(null), [p, f] = z(null), [g, c] = z(!1), [u, w] = z(!1);
+function Ge({ appId: e, isActive: t, onClose: n }) {
+  const { t: r } = Q(), o = oe.get(e), [i, l] = T(""), [c, d] = T(null), [p, f] = T(null), [m, a] = T(!1), [u, v] = T(!1);
   ke.useEffect(() => {
     o != null && o.titleKey && l(r(o.titleKey));
   }, [o, r]);
-  const m = O((x) => {
-    l(x);
-  }, []), v = O((x) => {
-    d(() => x);
-  }, []), N = O(() => {
+  const h = O((N) => {
+    l(N);
+  }, []), g = O((N) => {
+    d(() => N);
+  }, []), A = O(() => {
     d(null);
-  }, []), h = O((x) => {
-    f(x);
-  }, []), k = O(() => {
+  }, []), b = O((N) => {
+    f(N);
+  }, []), y = O(() => {
     f(null);
-  }, []), b = O((x) => {
-    c(x);
-  }, []), C = O((x) => {
-    w(x);
-  }, []), R = ge(() => ({
-    setTitle: m,
-    setBackHandler: v,
-    clearBackHandler: N,
-    setToolbar: h,
-    clearToolbar: k,
-    setHideBackButton: b,
-    setHideTitleBar: C,
+  }, []), w = O((N) => {
+    a(N);
+  }, []), k = O((N) => {
+    v(N);
+  }, []), E = me(() => ({
+    setTitle: h,
+    setBackHandler: g,
+    clearBackHandler: A,
+    setToolbar: b,
+    clearToolbar: y,
+    setHideBackButton: w,
+    setHideTitleBar: k,
     close: n
-  }), [m, v, N, h, k, b, C, n]);
+  }), [h, g, A, b, y, w, k, n]);
   if (!o)
     return null;
-  const I = o.component, T = !o.hideTitleBar && !u;
-  return /* @__PURE__ */ y(
+  const z = o.component, M = !o.hideTitleBar && !u;
+  return /* @__PURE__ */ x(
     "div",
     {
       style: {
@@ -2049,20 +2057,20 @@ function Fe({ appId: e, isActive: t, onClose: n }) {
         minHeight: 0
       },
       children: [
-        T && /* @__PURE__ */ s(
-          Ht,
+        M && /* @__PURE__ */ s(
+          Ft,
           {
             title: i,
             onClose: n,
-            onBack: a ?? void 0,
+            onBack: c ?? void 0,
             toolbar: p,
-            hideBackButton: g
+            hideBackButton: m
           }
         ),
         /* @__PURE__ */ s(
           "div",
           {
-            className: T ? "nc-app-content-wrapper" : "",
+            className: M ? "nc-app-content-wrapper" : "",
             style: {
               padding: o.padding,
               flex: 1,
@@ -2072,8 +2080,8 @@ function Fe({ appId: e, isActive: t, onClose: n }) {
               backgroundColor: "var(--nc-bg-secondary)",
               position: "relative"
             },
-            children: /* @__PURE__ */ s(Oe.Provider, { value: R, children: /* @__PURE__ */ s(Wt, { appId: e, children: /* @__PURE__ */ s(
-              pt,
+            children: /* @__PURE__ */ s(Ve.Provider, { value: E, children: /* @__PURE__ */ s(Vt, { appId: e, children: /* @__PURE__ */ s(
+              mt,
               {
                 fallback: /* @__PURE__ */ s(
                   "div",
@@ -2084,10 +2092,10 @@ function Fe({ appId: e, isActive: t, onClose: n }) {
                       justifyContent: "center",
                       flex: 1
                     },
-                    children: /* @__PURE__ */ s(Be, {})
+                    children: /* @__PURE__ */ s(He, {})
                   }
                 ),
-                children: /* @__PURE__ */ s(I, {})
+                children: /* @__PURE__ */ s(z, {})
               }
             ) }) })
           }
@@ -2096,21 +2104,21 @@ function Fe({ appId: e, isActive: t, onClose: n }) {
     }
   );
 }
-const he = 768, me = 1024, Ve = {
+const fe = 768, he = 1024, Ye = {
   isMobile: !1,
   isTablet: !1,
   isDesktop: !0,
   width: typeof window < "u" ? window.innerWidth : 1024,
   height: typeof window < "u" ? window.innerHeight : 768
-}, Ge = se(Ve);
-function er({ children: e }) {
-  const [t, n] = z(() => {
-    if (typeof window > "u") return Ve;
+}, je = se(Ye);
+function rr({ children: e }) {
+  const [t, n] = T(() => {
+    if (typeof window > "u") return Ye;
     const r = window.innerWidth, o = window.innerHeight;
     return {
-      isMobile: r < he,
-      isTablet: r >= he && r < me,
-      isDesktop: r >= me,
+      isMobile: r < fe,
+      isTablet: r >= fe && r < he,
+      isDesktop: r >= he,
       width: r,
       height: o
     };
@@ -2119,54 +2127,54 @@ function er({ children: e }) {
     const r = () => {
       const o = window.innerWidth, i = window.innerHeight;
       n({
-        isMobile: o < he,
-        isTablet: o >= he && o < me,
-        isDesktop: o >= me,
+        isMobile: o < fe,
+        isTablet: o >= fe && o < he,
+        isDesktop: o >= he,
         width: o,
         height: i
       });
     };
     return window.addEventListener("resize", r), () => window.removeEventListener("resize", r);
-  }, []), /* @__PURE__ */ s(Ge.Provider, { value: t, children: e });
+  }, []), /* @__PURE__ */ s(je.Provider, { value: t, children: e });
 }
-function Ye() {
-  return X(Ge);
+function Ke() {
+  return J(je);
 }
-const Ne = "-", Ot = (e) => {
-  const t = Vt(e), {
+const Ne = "-", Gt = (e) => {
+  const t = jt(e), {
     conflictingClassGroups: n,
     conflictingClassGroupModifiers: r
   } = e;
   return {
     getClassGroupId: (l) => {
-      const a = l.split(Ne);
-      return a[0] === "" && a.length !== 1 && a.shift(), je(a, t) || Ft(l);
+      const c = l.split(Ne);
+      return c[0] === "" && c.length !== 1 && c.shift(), _e(c, t) || Yt(l);
     },
-    getConflictingClassGroupIds: (l, a) => {
+    getConflictingClassGroupIds: (l, c) => {
       const d = n[l] || [];
-      return a && r[l] ? [...d, ...r[l]] : d;
+      return c && r[l] ? [...d, ...r[l]] : d;
     }
   };
-}, je = (e, t) => {
+}, _e = (e, t) => {
   var l;
   if (e.length === 0)
     return t.classGroupId;
-  const n = e[0], r = t.nextPart.get(n), o = r ? je(e.slice(1), r) : void 0;
+  const n = e[0], r = t.nextPart.get(n), o = r ? _e(e.slice(1), r) : void 0;
   if (o)
     return o;
   if (t.validators.length === 0)
     return;
   const i = e.join(Ne);
   return (l = t.validators.find(({
-    validator: a
-  }) => a(i))) == null ? void 0 : l.classGroupId;
-}, Pe = /^\[(.+)\]$/, Ft = (e) => {
-  if (Pe.test(e)) {
-    const t = Pe.exec(e)[1], n = t == null ? void 0 : t.substring(0, t.indexOf(":"));
+    validator: c
+  }) => c(i))) == null ? void 0 : l.classGroupId;
+}, Be = /^\[(.+)\]$/, Yt = (e) => {
+  if (Be.test(e)) {
+    const t = Be.exec(e)[1], n = t == null ? void 0 : t.substring(0, t.indexOf(":"));
     if (n)
       return "arbitrary.." + n;
   }
-}, Vt = (e) => {
+}, jt = (e) => {
   const {
     theme: t,
     prefix: n
@@ -2174,18 +2182,18 @@ const Ne = "-", Ot = (e) => {
     nextPart: /* @__PURE__ */ new Map(),
     validators: []
   };
-  return Yt(Object.entries(e.classGroups), n).forEach(([i, l]) => {
+  return _t(Object.entries(e.classGroups), n).forEach(([i, l]) => {
     ye(l, r, i, t);
   }), r;
 }, ye = (e, t, n, r) => {
   e.forEach((o) => {
     if (typeof o == "string") {
-      const i = o === "" ? t : Le(t, o);
+      const i = o === "" ? t : De(t, o);
       i.classGroupId = n;
       return;
     }
     if (typeof o == "function") {
-      if (Gt(o)) {
+      if (Kt(o)) {
         ye(o(r), t, n, r);
         return;
       }
@@ -2196,10 +2204,10 @@ const Ne = "-", Ot = (e) => {
       return;
     }
     Object.entries(o).forEach(([i, l]) => {
-      ye(l, Le(t, i), n, r);
+      ye(l, De(t, i), n, r);
     });
   });
-}, Le = (e, t) => {
+}, De = (e, t) => {
   let n = e;
   return t.split(Ne).forEach((r) => {
     n.nextPart.has(r) || n.nextPart.set(r, {
@@ -2207,10 +2215,10 @@ const Ne = "-", Ot = (e) => {
       validators: []
     }), n = n.nextPart.get(r);
   }), n;
-}, Gt = (e) => e.isThemeGetter, Yt = (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);
+}, Kt = (e) => e.isThemeGetter, _t = (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);
   return [n, o];
-}) : e, jt = (e) => {
+}) : e, Ut = (e) => {
   if (e < 1)
     return {
       get: () => {
@@ -2234,40 +2242,40 @@ const Ne = "-", Ot = (e) => {
       n.has(i) ? n.set(i, l) : o(i, l);
     }
   };
-}, Ke = "!", Kt = (e) => {
+}, Ue = "!", qt = (e) => {
   const {
     separator: t,
     experimentalParseClassName: n
-  } = e, r = t.length === 1, o = t[0], i = t.length, l = (a) => {
+  } = e, r = t.length === 1, o = t[0], i = t.length, l = (c) => {
     const d = [];
-    let p = 0, f = 0, g;
-    for (let v = 0; v < a.length; v++) {
-      let N = a[v];
+    let p = 0, f = 0, m;
+    for (let g = 0; g < c.length; g++) {
+      let A = c[g];
       if (p === 0) {
-        if (N === o && (r || a.slice(v, v + i) === t)) {
-          d.push(a.slice(f, v)), f = v + i;
+        if (A === o && (r || c.slice(g, g + i) === t)) {
+          d.push(c.slice(f, g)), f = g + i;
           continue;
         }
-        if (N === "/") {
-          g = v;
+        if (A === "/") {
+          m = g;
           continue;
         }
       }
-      N === "[" ? p++ : N === "]" && p--;
+      A === "[" ? p++ : A === "]" && p--;
     }
-    const c = d.length === 0 ? a : a.substring(f), u = c.startsWith(Ke), w = u ? c.substring(1) : c, m = g && g > f ? g - f : void 0;
+    const a = d.length === 0 ? c : c.substring(f), u = a.startsWith(Ue), v = u ? a.substring(1) : a, h = m && m > f ? m - f : void 0;
     return {
       modifiers: d,
       hasImportantModifier: u,
-      baseClassName: w,
-      maybePostfixModifierPosition: m
+      baseClassName: v,
+      maybePostfixModifierPosition: h
     };
   };
-  return n ? (a) => n({
-    className: a,
+  return n ? (c) => n({
+    className: c,
     parseClassName: l
   }) : l;
-}, _t = (e) => {
+}, Xt = (e) => {
   if (e.length <= 1)
     return e;
   const t = [];
@@ -2275,119 +2283,119 @@ const Ne = "-", Ot = (e) => {
   return e.forEach((r) => {
     r[0] === "[" ? (t.push(...n.sort(), r), n = []) : n.push(r);
   }), t.push(...n.sort()), t;
-}, Ut = (e) => ({
-  cache: jt(e.cacheSize),
-  parseClassName: Kt(e),
-  ...Ot(e)
-}), qt = /\s+/, Xt = (e, t) => {
+}, Jt = (e) => ({
+  cache: Ut(e.cacheSize),
+  parseClassName: qt(e),
+  ...Gt(e)
+}), Qt = /\s+/, Zt = (e, t) => {
   const {
     parseClassName: n,
     getClassGroupId: r,
     getConflictingClassGroupIds: o
-  } = t, i = [], l = e.trim().split(qt);
-  let a = "";
+  } = t, i = [], l = e.trim().split(Qt);
+  let c = "";
   for (let d = l.length - 1; d >= 0; d -= 1) {
     const p = l[d], {
       modifiers: f,
-      hasImportantModifier: g,
-      baseClassName: c,
+      hasImportantModifier: m,
+      baseClassName: a,
       maybePostfixModifierPosition: u
     } = n(p);
-    let w = !!u, m = r(w ? c.substring(0, u) : c);
-    if (!m) {
-      if (!w) {
-        a = p + (a.length > 0 ? " " + a : a);
+    let v = !!u, h = r(v ? a.substring(0, u) : a);
+    if (!h) {
+      if (!v) {
+        c = p + (c.length > 0 ? " " + c : c);
         continue;
       }
-      if (m = r(c), !m) {
-        a = p + (a.length > 0 ? " " + a : a);
+      if (h = r(a), !h) {
+        c = p + (c.length > 0 ? " " + c : c);
         continue;
       }
-      w = !1;
+      v = !1;
     }
-    const v = _t(f).join(":"), N = g ? v + Ke : v, h = N + m;
-    if (i.includes(h))
+    const g = Xt(f).join(":"), A = m ? g + Ue : g, b = A + h;
+    if (i.includes(b))
       continue;
-    i.push(h);
-    const k = o(m, w);
-    for (let b = 0; b < k.length; ++b) {
-      const C = k[b];
-      i.push(N + C);
+    i.push(b);
+    const y = o(h, v);
+    for (let w = 0; w < y.length; ++w) {
+      const k = y[w];
+      i.push(A + k);
     }
-    a = p + (a.length > 0 ? " " + a : a);
+    c = p + (c.length > 0 ? " " + c : c);
   }
-  return a;
+  return c;
 };
-function Jt() {
+function en() {
   let e = 0, t, n, r = "";
   for (; e < arguments.length; )
-    (t = arguments[e++]) && (n = _e(t)) && (r && (r += " "), r += n);
+    (t = arguments[e++]) && (n = qe(t)) && (r && (r += " "), r += n);
   return r;
 }
-const _e = (e) => {
+const qe = (e) => {
   if (typeof e == "string")
     return e;
   let t, n = "";
   for (let r = 0; r < e.length; r++)
-    e[r] && (t = _e(e[r])) && (n && (n += " "), n += t);
+    e[r] && (t = qe(e[r])) && (n && (n += " "), n += t);
   return n;
 };
-function Qt(e, ...t) {
+function tn(e, ...t) {
   let n, r, o, i = l;
   function l(d) {
-    const p = t.reduce((f, g) => g(f), e());
-    return n = Ut(p), r = n.cache.get, o = n.cache.set, i = a, a(d);
+    const p = t.reduce((f, m) => m(f), e());
+    return n = Jt(p), r = n.cache.get, o = n.cache.set, i = c, c(d);
   }
-  function a(d) {
+  function c(d) {
     const p = r(d);
     if (p)
       return p;
-    const f = Xt(d, n);
+    const f = Zt(d, n);
     return o(d, f), f;
   }
   return function() {
-    return i(Jt.apply(null, arguments));
+    return i(en.apply(null, arguments));
   };
 }
 const D = (e) => {
   const t = (n) => n[e] || [];
   return t.isThemeGetter = !0, t;
-}, Ue = /^\[(?:([a-z-]+):)?(.+)\]$/i, Zt = /^\d+\/\d+$/, en = /* @__PURE__ */ new Set(["px", "full", "screen"]), tn = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, nn = /\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$/, rn = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, on = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, sn = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, G = (e) => re(e) || en.has(e) || Zt.test(e), U = (e) => ie(e, "length", hn), re = (e) => !!e && !Number.isNaN(Number(e)), be = (e) => ie(e, "number", re), le = (e) => !!e && Number.isInteger(Number(e)), cn = (e) => e.endsWith("%") && re(e.slice(0, -1)), M = (e) => Ue.test(e), q = (e) => tn.test(e), an = /* @__PURE__ */ new Set(["length", "size", "percentage"]), ln = (e) => ie(e, an, qe), dn = (e) => ie(e, "position", qe), un = /* @__PURE__ */ new Set(["image", "url"]), pn = (e) => ie(e, un, gn), fn = (e) => ie(e, "", mn), de = () => !0, ie = (e, t, n) => {
-  const r = Ue.exec(e);
+}, Xe = /^\[(?:([a-z-]+):)?(.+)\]$/i, nn = /^\d+\/\d+$/, rn = /* @__PURE__ */ new Set(["px", "full", "screen"]), on = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, sn = /\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$/, cn = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, an = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, ln = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, j = (e) => re(e) || rn.has(e) || nn.test(e), q = (e) => ie(e, "length", bn), re = (e) => !!e && !Number.isNaN(Number(e)), be = (e) => ie(e, "number", re), ae = (e) => !!e && Number.isInteger(Number(e)), dn = (e) => e.endsWith("%") && re(e.slice(0, -1)), I = (e) => Xe.test(e), X = (e) => on.test(e), un = /* @__PURE__ */ new Set(["length", "size", "percentage"]), pn = (e) => ie(e, un, Je), fn = (e) => ie(e, "position", Je), hn = /* @__PURE__ */ new Set(["image", "url"]), mn = (e) => ie(e, hn, wn), gn = (e) => ie(e, "", vn), le = () => !0, ie = (e, t, n) => {
+  const r = Xe.exec(e);
   return r ? r[1] ? typeof t == "string" ? r[1] === t : t.has(r[1]) : n(r[2]) : !1;
-}, hn = (e) => (
+}, bn = (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.
-  nn.test(e) && !rn.test(e)
-), qe = () => !1, mn = (e) => on.test(e), gn = (e) => sn.test(e), bn = () => {
-  const e = D("colors"), t = D("spacing"), n = D("blur"), r = D("brightness"), o = D("borderColor"), i = D("borderRadius"), l = D("borderSpacing"), a = D("borderWidth"), d = D("contrast"), p = D("grayscale"), f = D("hueRotate"), g = D("invert"), c = D("gap"), u = D("gradientColorStops"), w = D("gradientColorStopPositions"), m = D("inset"), v = D("margin"), N = D("opacity"), h = D("padding"), k = D("saturate"), b = D("scale"), C = D("sepia"), R = D("skew"), I = D("space"), T = D("translate"), x = () => ["auto", "contain", "none"], E = () => ["auto", "hidden", "clip", "visible", "scroll"], A = () => ["auto", M, t], S = () => [M, t], L = () => ["", G, U], $ = () => ["auto", re, M], P = () => ["bottom", "center", "left", "left-bottom", "left-top", "right", "right-bottom", "right-top", "top"], H = () => ["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", M], ce = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], F = () => [re, M];
+  sn.test(e) && !cn.test(e)
+), Je = () => !1, vn = (e) => an.test(e), wn = (e) => ln.test(e), yn = () => {
+  const e = D("colors"), t = D("spacing"), n = D("blur"), r = D("brightness"), o = D("borderColor"), i = D("borderRadius"), l = D("borderSpacing"), c = D("borderWidth"), d = D("contrast"), p = D("grayscale"), f = D("hueRotate"), m = D("invert"), a = D("gap"), u = D("gradientColorStops"), v = D("gradientColorStopPositions"), h = D("inset"), g = D("margin"), A = D("opacity"), b = D("padding"), y = D("saturate"), w = D("scale"), k = D("sepia"), E = D("skew"), z = D("space"), M = D("translate"), N = () => ["auto", "contain", "none"], R = () => ["auto", "hidden", "clip", "visible", "scroll"], C = () => ["auto", I, t], S = () => [I, t], L = () => ["", j, q], V = () => ["auto", re, I], $ = () => ["bottom", "center", "left", "left-bottom", "left-top", "right", "right-bottom", "right-top", "top"], P = () => ["solid", "dashed", "dotted", "double", "none"], H = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], Z = () => ["start", "end", "center", "between", "around", "evenly", "stretch"], Y = () => ["", "0", I], ge = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], F = () => [re, I];
   return {
     cacheSize: 500,
     separator: ":",
     theme: {
-      colors: [de],
-      spacing: [G, U],
-      blur: ["none", "", q, M],
+      colors: [le],
+      spacing: [j, q],
+      blur: ["none", "", X, I],
       brightness: F(),
       borderColor: [e],
-      borderRadius: ["none", "", "full", q, M],
+      borderRadius: ["none", "", "full", X, I],
       borderSpacing: S(),
       borderWidth: L(),
       contrast: F(),
-      grayscale: Q(),
+      grayscale: Y(),
       hueRotate: F(),
-      invert: Q(),
+      invert: Y(),
       gap: S(),
       gradientColorStops: [e],
-      gradientColorStopPositions: [cn, U],
-      inset: A(),
-      margin: A(),
+      gradientColorStopPositions: [dn, q],
+      inset: C(),
+      margin: C(),
       opacity: F(),
       padding: S(),
       saturate: F(),
       scale: F(),
-      sepia: Q(),
+      sepia: Y(),
       skew: F(),
       space: S(),
       translate: S()
@@ -2399,7 +2407,7 @@ const D = (e) => {
        * @see https://tailwindcss.com/docs/aspect-ratio
        */
       aspect: [{
-        aspect: ["auto", "square", "video", M]
+        aspect: ["auto", "square", "video", I]
       }],
       /**
        * Container
@@ -2411,21 +2419,21 @@ const D = (e) => {
        * @see https://tailwindcss.com/docs/columns
        */
       columns: [{
-        columns: [q]
+        columns: [X]
       }],
       /**
        * Break After
        * @see https://tailwindcss.com/docs/break-after
        */
       "break-after": [{
-        "break-after": ce()
+        "break-after": ge()
       }],
       /**
        * Break Before
        * @see https://tailwindcss.com/docs/break-before
        */
       "break-before": [{
-        "break-before": ce()
+        "break-before": ge()
       }],
       /**
        * Break Inside
@@ -2484,49 +2492,49 @@ const D = (e) => {
        * @see https://tailwindcss.com/docs/object-position
        */
       "object-position": [{
-        object: [...P(), M]
+        object: [...$(), I]
       }],
       /**
        * Overflow
        * @see https://tailwindcss.com/docs/overflow
        */
       overflow: [{
-        overflow: E()
+        overflow: R()
       }],
       /**
        * Overflow X
        * @see https://tailwindcss.com/docs/overflow
        */
       "overflow-x": [{
-        "overflow-x": E()
+        "overflow-x": R()
       }],
       /**
        * Overflow Y
        * @see https://tailwindcss.com/docs/overflow
        */
       "overflow-y": [{
-        "overflow-y": E()
+        "overflow-y": R()
       }],
       /**
        * Overscroll Behavior
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       overscroll: [{
-        overscroll: x()
+        overscroll: N()
       }],
       /**
        * Overscroll Behavior X
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       "overscroll-x": [{
-        "overscroll-x": x()
+        "overscroll-x": N()
       }],
       /**
        * Overscroll Behavior Y
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       "overscroll-y": [{
-        "overscroll-y": x()
+        "overscroll-y": N()
       }],
       /**
        * Position
@@ -2538,63 +2546,63 @@ const D = (e) => {
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       inset: [{
-        inset: [m]
+        inset: [h]
       }],
       /**
        * Right / Left
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-x": [{
-        "inset-x": [m]
+        "inset-x": [h]
       }],
       /**
        * Top / Bottom
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-y": [{
-        "inset-y": [m]
+        "inset-y": [h]
       }],
       /**
        * Start
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       start: [{
-        start: [m]
+        start: [h]
       }],
       /**
        * End
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       end: [{
-        end: [m]
+        end: [h]
       }],
       /**
        * Top
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       top: [{
-        top: [m]
+        top: [h]
       }],
       /**
        * Right
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       right: [{
-        right: [m]
+        right: [h]
       }],
       /**
        * Bottom
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       bottom: [{
-        bottom: [m]
+        bottom: [h]
       }],
       /**
        * Left
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       left: [{
-        left: [m]
+        left: [h]
       }],
       /**
        * Visibility
@@ -2606,7 +2614,7 @@ const D = (e) => {
        * @see https://tailwindcss.com/docs/z-index
        */
       z: [{
-        z: ["auto", le, M]
+        z: ["auto", ae, I]
       }],
       // Flexbox and Grid
       /**
@@ -2614,7 +2622,7 @@ const D = (e) => {
        * @see https://tailwindcss.com/docs/flex-basis
        */
       basis: [{
-        basis: A()
+        basis: C()
       }],
       /**
        * Flex Direction
@@ -2635,35 +2643,35 @@ const D = (e) => {
        * @see https://tailwindcss.com/docs/flex
        */
       flex: [{
-        flex: ["1", "auto", "initial", "none", M]
+        flex: ["1", "auto", "initial", "none", I]
       }],
       /**
        * Flex Grow
        * @see https://tailwindcss.com/docs/flex-grow
        */
       grow: [{
-        grow: Q()
+        grow: Y()
       }],
       /**
        * Flex Shrink
        * @see https://tailwindcss.com/docs/flex-shrink
        */
       shrink: [{
-        shrink: Q()
+        shrink: Y()
       }],
       /**
        * Order
        * @see https://tailwindcss.com/docs/order
        */
       order: [{
-        order: ["first", "last", "none", le, M]
+        order: ["first", "last", "none", ae, I]
       }],
       /**
        * Grid Template Columns
        * @see https://tailwindcss.com/docs/grid-template-columns
        */
       "grid-cols": [{
-        "grid-cols": [de]
+        "grid-cols": [le]
       }],
       /**
        * Grid Column Start / End
@@ -2671,29 +2679,29 @@ const D = (e) => {
        */
       "col-start-end": [{
         col: ["auto", {
-          span: ["full", le, M]
-        }, M]
+          span: ["full", ae, I]
+        }, I]
       }],
       /**
        * Grid Column Start
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-start": [{
-        "col-start": $()
+        "col-start": V()
       }],
       /**
        * Grid Column End
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-end": [{
-        "col-end": $()
+        "col-end": V()
       }],
       /**
        * Grid Template Rows
        * @see https://tailwindcss.com/docs/grid-template-rows
        */
       "grid-rows": [{
-        "grid-rows": [de]
+        "grid-rows": [le]
       }],
       /**
        * Grid Row Start / End
@@ -2701,22 +2709,22 @@ const D = (e) => {
        */
       "row-start-end": [{
         row: ["auto", {
-          span: [le, M]
-        }, M]
+          span: [ae, I]
+        }, I]
       }],
       /**
        * Grid Row Start
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-start": [{
-        "row-start": $()
+        "row-start": V()
       }],
       /**
        * Grid Row End
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-end": [{
-        "row-end": $()
+        "row-end": V()
       }],
       /**
        * Grid Auto Flow
@@ -2730,42 +2738,42 @@ const D = (e) => {
        * @see https://tailwindcss.com/docs/grid-auto-columns
        */
       "auto-cols": [{
-        "auto-cols": ["auto", "min", "max", "fr", M]
+        "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", M]
+        "auto-rows": ["auto", "min", "max", "fr", I]
       }],
       /**
        * Gap
        * @see https://tailwindcss.com/docs/gap
        */
       gap: [{
-        gap: [c]
+        gap: [a]
       }],
       /**
        * Gap X
        * @see https://tailwindcss.com/docs/gap
        */
       "gap-x": [{
-        "gap-x": [c]
+        "gap-x": [a]
       }],
       /**
        * Gap Y
        * @see https://tailwindcss.com/docs/gap
        */
       "gap-y": [{
-        "gap-y": [c]
+        "gap-y": [a]
       }],
       /**
        * Justify Content
        * @see https://tailwindcss.com/docs/justify-content
        */
       "justify-content": [{
-        justify: ["normal", ...K()]
+        justify: ["normal", ...Z()]
       }],
       /**
        * Justify Items
@@ -2786,7 +2794,7 @@ const D = (e) => {
        * @see https://tailwindcss.com/docs/align-content
        */
       "align-content": [{
-        content: ["normal", ...K(), "baseline"]
+        content: ["normal", ...Z(), "baseline"]
       }],
       /**
        * Align Items
@@ -2807,7 +2815,7 @@ const D = (e) => {
        * @see https://tailwindcss.com/docs/place-content
        */
       "place-content": [{
-        "place-content": [...K(), "baseline"]
+        "place-content": [...Z(), "baseline"]
       }],
       /**
        * Place Items
@@ -2829,133 +2837,133 @@ const D = (e) => {
        * @see https://tailwindcss.com/docs/padding
        */
       p: [{
-        p: [h]
+        p: [b]
       }],
       /**
        * Padding X
        * @see https://tailwindcss.com/docs/padding
        */
       px: [{
-        px: [h]
+        px: [b]
       }],
       /**
        * Padding Y
        * @see https://tailwindcss.com/docs/padding
        */
       py: [{
-        py: [h]
+        py: [b]
       }],
       /**
        * Padding Start
        * @see https://tailwindcss.com/docs/padding
        */
       ps: [{
-        ps: [h]
+        ps: [b]
       }],
       /**
        * Padding End
        * @see https://tailwindcss.com/docs/padding
        */
       pe: [{
-        pe: [h]
+        pe: [b]
       }],
       /**
        * Padding Top
        * @see https://tailwindcss.com/docs/padding
        */
       pt: [{
-        pt: [h]
+        pt: [b]
       }],
       /**
        * Padding Right
        * @see https://tailwindcss.com/docs/padding
        */
       pr: [{
-        pr: [h]
+        pr: [b]
       }],
       /**
        * Padding Bottom
        * @see https://tailwindcss.com/docs/padding
        */
       pb: [{
-        pb: [h]
+        pb: [b]
       }],
       /**
        * Padding Left
        * @see https://tailwindcss.com/docs/padding
        */
       pl: [{
-        pl: [h]
+        pl: [b]
       }],
       /**
        * Margin
        * @see https://tailwindcss.com/docs/margin
        */
       m: [{
-        m: [v]
+        m: [g]
       }],
       /**
        * Margin X
        * @see https://tailwindcss.com/docs/margin
        */
       mx: [{
-        mx: [v]
+        mx: [g]
       }],
       /**
        * Margin Y
        * @see https://tailwindcss.com/docs/margin
        */
       my: [{
-        my: [v]
+        my: [g]
       }],
       /**
        * Margin Start
        * @see https://tailwindcss.com/docs/margin
        */
       ms: [{
-        ms: [v]
+        ms: [g]
       }],
       /**
        * Margin End
        * @see https://tailwindcss.com/docs/margin
        */
       me: [{
-        me: [v]
+        me: [g]
       }],
       /**
        * Margin Top
        * @see https://tailwindcss.com/docs/margin
        */
       mt: [{
-        mt: [v]
+        mt: [g]
       }],
       /**
        * Margin Right
        * @see https://tailwindcss.com/docs/margin
        */
       mr: [{
-        mr: [v]
+        mr: [g]
       }],
       /**
        * Margin Bottom
        * @see https://tailwindcss.com/docs/margin
        */
       mb: [{
-        mb: [v]
+        mb: [g]
       }],
       /**
        * Margin Left
        * @see https://tailwindcss.com/docs/margin
        */
       ml: [{
-        ml: [v]
+        ml: [g]
       }],
       /**
        * Space Between X
        * @see https://tailwindcss.com/docs/space
        */
       "space-x": [{
-        "space-x": [I]
+        "space-x": [z]
       }],
       /**
        * Space Between X Reverse
@@ -2967,7 +2975,7 @@ const D = (e) => {
        * @see https://tailwindcss.com/docs/space
        */
       "space-y": [{
-        "space-y": [I]
+        "space-y": [z]
       }],
       /**
        * Space Between Y Reverse
@@ -2980,51 +2988,51 @@ const D = (e) => {
        * @see https://tailwindcss.com/docs/width
        */
       w: [{
-        w: ["auto", "min", "max", "fit", "svw", "lvw", "dvw", M, t]
+        w: ["auto", "min", "max", "fit", "svw", "lvw", "dvw", I, t]
       }],
       /**
        * Min-Width
        * @see https://tailwindcss.com/docs/min-width
        */
       "min-w": [{
-        "min-w": [M, t, "min", "max", "fit"]
+        "min-w": [I, t, "min", "max", "fit"]
       }],
       /**
        * Max-Width
        * @see https://tailwindcss.com/docs/max-width
        */
       "max-w": [{
-        "max-w": [M, t, "none", "full", "min", "max", "fit", "prose", {
-          screen: [q]
-        }, q]
+        "max-w": [I, t, "none", "full", "min", "max", "fit", "prose", {
+          screen: [X]
+        }, X]
       }],
       /**
        * Height
        * @see https://tailwindcss.com/docs/height
        */
       h: [{
-        h: [M, 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": [M, 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": [M, 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: [M, t, "auto", "min", "max", "fit"]
+        size: [I, t, "auto", "min", "max", "fit"]
       }],
       // Typography
       /**
@@ -3032,7 +3040,7 @@ const D = (e) => {
        * @see https://tailwindcss.com/docs/font-size
        */
       "font-size": [{
-        text: ["base", q, U]
+        text: ["base", X, q]
       }],
       /**
        * Font Smoothing
@@ -3056,7 +3064,7 @@ const D = (e) => {
        * @see https://tailwindcss.com/docs/font-family
        */
       "font-family": [{
-        font: [de]
+        font: [le]
       }],
       /**
        * Font Variant Numeric
@@ -3093,7 +3101,7 @@ const D = (e) => {
        * @see https://tailwindcss.com/docs/letter-spacing
        */
       tracking: [{
-        tracking: ["tighter", "tight", "normal", "wide", "wider", "widest", M]
+        tracking: ["tighter", "tight", "normal", "wide", "wider", "widest", I]
       }],
       /**
        * Line Clamp
@@ -3107,21 +3115,21 @@ const D = (e) => {
        * @see https://tailwindcss.com/docs/line-height
        */
       leading: [{
-        leading: ["none", "tight", "snug", "normal", "relaxed", "loose", G, M]
+        leading: ["none", "tight", "snug", "normal", "relaxed", "loose", j, I]
       }],
       /**
        * List Style Image
        * @see https://tailwindcss.com/docs/list-style-image
        */
       "list-image": [{
-        "list-image": ["none", M]
+        "list-image": ["none", I]
       }],
       /**
        * List Style Type
        * @see https://tailwindcss.com/docs/list-style-type
        */
       "list-style-type": [{
-        list: ["none", "disc", "decimal", M]
+        list: ["none", "disc", "decimal", I]
       }],
       /**
        * List Style Position
@@ -3143,7 +3151,7 @@ const D = (e) => {
        * @see https://tailwindcss.com/docs/placeholder-opacity
        */
       "placeholder-opacity": [{
-        "placeholder-opacity": [N]
+        "placeholder-opacity": [A]
       }],
       /**
        * Text Alignment
@@ -3164,7 +3172,7 @@ const D = (e) => {
        * @see https://tailwindcss.com/docs/text-opacity
        */
       "text-opacity": [{
-        "text-opacity": [N]
+        "text-opacity": [A]
       }],
       /**
        * Text Decoration
@@ -3176,21 +3184,21 @@ const D = (e) => {
        * @see https://tailwindcss.com/docs/text-decoration-style
        */
       "text-decoration-style": [{
-        decoration: [...H(), "wavy"]
+        decoration: [...P(), "wavy"]
       }],
       /**
        * Text Decoration Thickness
        * @see https://tailwindcss.com/docs/text-decoration-thickness
        */
       "text-decoration-thickness": [{
-        decoration: ["auto", "from-font", G, U]
+        decoration: ["auto", "from-font", j, q]
       }],
       /**
        * Text Underline Offset
        * @see https://tailwindcss.com/docs/text-underline-offset
        */
       "underline-offset": [{
-        "underline-offset": ["auto", G, M]
+        "underline-offset": ["auto", j, I]
       }],
       /**
        * Text Decoration Color
@@ -3228,7 +3236,7 @@ const D = (e) => {
        * @see https://tailwindcss.com/docs/vertical-align
        */
       "vertical-align": [{
-        align: ["baseline", "top", "middle", "bottom", "text-top", "text-bottom", "sub", "super", M]
+        align: ["baseline", "top", "middle", "bottom", "text-top", "text-bottom", "sub", "super", I]
       }],
       /**
        * Whitespace
@@ -3256,7 +3264,7 @@ const D = (e) => {
        * @see https://tailwindcss.com/docs/content
        */
       content: [{
-        content: ["none", M]
+        content: ["none", I]
       }],
       // Backgrounds
       /**
@@ -3279,7 +3287,7 @@ const D = (e) => {
        * @see https://tailwindcss.com/docs/background-opacity
        */
       "bg-opacity": [{
-        "bg-opacity": [N]
+        "bg-opacity": [A]
       }],
       /**
        * Background Origin
@@ -3293,7 +3301,7 @@ const D = (e) => {
        * @see https://tailwindcss.com/docs/background-position
        */
       "bg-position": [{
-        bg: [...P(), dn]
+        bg: [...$(), fn]
       }],
       /**
        * Background Repeat
@@ -3309,7 +3317,7 @@ const D = (e) => {
        * @see https://tailwindcss.com/docs/background-size
        */
       "bg-size": [{
-        bg: ["auto", "cover", "contain", ln]
+        bg: ["auto", "cover", "contain", pn]
       }],
       /**
        * Background Image
@@ -3318,7 +3326,7 @@ const D = (e) => {
       "bg-image": [{
         bg: ["none", {
           "gradient-to": ["t", "tr", "r", "br", "b", "bl", "l", "tl"]
-        }, pn]
+        }, mn]
       }],
       /**
        * Background Color
@@ -3332,21 +3340,21 @@ const D = (e) => {
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-from-pos": [{
-        from: [w]
+        from: [v]
       }],
       /**
        * Gradient Color Stops Via Position
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-via-pos": [{
-        via: [w]
+        via: [v]
       }],
       /**
        * Gradient Color Stops To Position
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-to-pos": [{
-        to: [w]
+        to: [v]
       }],
       /**
        * Gradient Color Stops From
@@ -3480,84 +3488,84 @@ const D = (e) => {
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w": [{
-        border: [a]
+        border: [c]
       }],
       /**
        * Border Width X
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-x": [{
-        "border-x": [a]
+        "border-x": [c]
       }],
       /**
        * Border Width Y
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-y": [{
-        "border-y": [a]
+        "border-y": [c]
       }],
       /**
        * Border Width Start
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-s": [{
-        "border-s": [a]
+        "border-s": [c]
       }],
       /**
        * Border Width End
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-e": [{
-        "border-e": [a]
+        "border-e": [c]
       }],
       /**
        * Border Width Top
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-t": [{
-        "border-t": [a]
+        "border-t": [c]
       }],
       /**
        * Border Width Right
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-r": [{
-        "border-r": [a]
+        "border-r": [c]
       }],
       /**
        * Border Width Bottom
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-b": [{
-        "border-b": [a]
+        "border-b": [c]
       }],
       /**
        * Border Width Left
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-l": [{
-        "border-l": [a]
+        "border-l": [c]
       }],
       /**
        * Border Opacity
        * @see https://tailwindcss.com/docs/border-opacity
        */
       "border-opacity": [{
-        "border-opacity": [N]
+        "border-opacity": [A]
       }],
       /**
        * Border Style
        * @see https://tailwindcss.com/docs/border-style
        */
       "border-style": [{
-        border: [...H(), "hidden"]
+        border: [...P(), "hidden"]
       }],
       /**
        * Divide Width X
        * @see https://tailwindcss.com/docs/divide-width
        */
       "divide-x": [{
-        "divide-x": [a]
+        "divide-x": [c]
       }],
       /**
        * Divide Width X Reverse
@@ -3569,7 +3577,7 @@ const D = (e) => {
        * @see https://tailwindcss.com/docs/divide-width
        */
       "divide-y": [{
-        "divide-y": [a]
+        "divide-y": [c]
       }],
       /**
        * Divide Width Y Reverse
@@ -3581,14 +3589,14 @@ const D = (e) => {
        * @see https://tailwindcss.com/docs/divide-opacity
        */
       "divide-opacity": [{
-        "divide-opacity": [N]
+        "divide-opacity": [A]
       }],
       /**
        * Divide Style
        * @see https://tailwindcss.com/docs/divide-style
        */
       "divide-style": [{
-        divide: H()
+        divide: P()
       }],
       /**
        * Border Color
@@ -3665,21 +3673,21 @@ const D = (e) => {
        * @see https://tailwindcss.com/docs/outline-style
        */
       "outline-style": [{
-        outline: ["", ...H()]
+        outline: ["", ...P()]
       }],
       /**
        * Outline Offset
        * @see https://tailwindcss.com/docs/outline-offset
        */
       "outline-offset": [{
-        "outline-offset": [G, M]
+        "outline-offset": [j, I]
       }],
       /**
        * Outline Width
        * @see https://tailwindcss.com/docs/outline-width
        */
       "outline-w": [{
-        outline: [G, U]
+        outline: [j, q]
       }],
       /**
        * Outline Color
@@ -3712,14 +3720,14 @@ const D = (e) => {
        * @see https://tailwindcss.com/docs/ring-opacity
        */
       "ring-opacity": [{
-        "ring-opacity": [N]
+        "ring-opacity": [A]
       }],
       /**
        * Ring Offset Width
        * @see https://tailwindcss.com/docs/ring-offset-width
        */
       "ring-offset-w": [{
-        "ring-offset": [G, U]
+        "ring-offset": [j, q]
       }],
       /**
        * Ring Offset Color
@@ -3734,35 +3742,35 @@ const D = (e) => {
        * @see https://tailwindcss.com/docs/box-shadow
        */
       shadow: [{
-        shadow: ["", "inner", "none", q, fn]
+        shadow: ["", "inner", "none", X, gn]
       }],
       /**
        * Box Shadow Color
        * @see https://tailwindcss.com/docs/box-shadow-color
        */
       "shadow-color": [{
-        shadow: [de]
+        shadow: [le]
       }],
       /**
        * Opacity
        * @see https://tailwindcss.com/docs/opacity
        */
       opacity: [{
-        opacity: [N]
+        opacity: [A]
       }],
       /**
        * Mix Blend Mode
        * @see https://tailwindcss.com/docs/mix-blend-mode
        */
       "mix-blend": [{
-        "mix-blend": [...ee(), "plus-lighter", "plus-darker"]
+        "mix-blend": [...H(), "plus-lighter", "plus-darker"]
       }],
       /**
        * Background Blend Mode
        * @see https://tailwindcss.com/docs/background-blend-mode
        */
       "bg-blend": [{
-        "bg-blend": ee()
+        "bg-blend": H()
       }],
       // Filters
       /**
@@ -3799,7 +3807,7 @@ const D = (e) => {
        * @see https://tailwindcss.com/docs/drop-shadow
        */
       "drop-shadow": [{
-        "drop-shadow": ["", "none", q, M]
+        "drop-shadow": ["", "none", X, I]
       }],
       /**
        * Grayscale
@@ -3820,21 +3828,21 @@ const D = (e) => {
        * @see https://tailwindcss.com/docs/invert
        */
       invert: [{
-        invert: [g]
+        invert: [m]
       }],
       /**
        * Saturate
        * @see https://tailwindcss.com/docs/saturate
        */
       saturate: [{
-        saturate: [k]
+        saturate: [y]
       }],
       /**
        * Sepia
        * @see https://tailwindcss.com/docs/sepia
        */
       sepia: [{
-        sepia: [C]
+        sepia: [k]
       }],
       /**
        * Backdrop Filter
@@ -3884,28 +3892,28 @@ const D = (e) => {
        * @see https://tailwindcss.com/docs/backdrop-invert
        */
       "backdrop-invert": [{
-        "backdrop-invert": [g]
+        "backdrop-invert": [m]
       }],
       /**
        * Backdrop Opacity
        * @see https://tailwindcss.com/docs/backdrop-opacity
        */
       "backdrop-opacity": [{
-        "backdrop-opacity": [N]
+        "backdrop-opacity": [A]
       }],
       /**
        * Backdrop Saturate
        * @see https://tailwindcss.com/docs/backdrop-saturate
        */
       "backdrop-saturate": [{
-        "backdrop-saturate": [k]
+        "backdrop-saturate": [y]
       }],
       /**
        * Backdrop Sepia
        * @see https://tailwindcss.com/docs/backdrop-sepia
        */
       "backdrop-sepia": [{
-        "backdrop-sepia": [C]
+        "backdrop-sepia": [k]
       }],
       // Tables
       /**
@@ -3956,7 +3964,7 @@ const D = (e) => {
        * @see https://tailwindcss.com/docs/transition-property
        */
       transition: [{
-        transition: ["none", "all", "", "colors", "opacity", "shadow", "transform", M]
+        transition: ["none", "all", "", "colors", "opacity", "shadow", "transform", I]
       }],
       /**
        * Transition Duration
@@ -3970,7 +3978,7 @@ const D = (e) => {
        * @see https://tailwindcss.com/docs/transition-timing-function
        */
       ease: [{
-        ease: ["linear", "in", "out", "in-out", M]
+        ease: ["linear", "in", "out", "in-out", I]
       }],
       /**
        * Transition Delay
@@ -3984,7 +3992,7 @@ const D = (e) => {
        * @see https://tailwindcss.com/docs/animation
        */
       animate: [{
-        animate: ["none", "spin", "ping", "pulse", "bounce", M]
+        animate: ["none", "spin", "ping", "pulse", "bounce", I]
       }],
       // Transforms
       /**
@@ -3999,63 +4007,63 @@ const D = (e) => {
        * @see https://tailwindcss.com/docs/scale
        */
       scale: [{
-        scale: [b]
+        scale: [w]
       }],
       /**
        * Scale X
        * @see https://tailwindcss.com/docs/scale
        */
       "scale-x": [{
-        "scale-x": [b]
+        "scale-x": [w]
       }],
       /**
        * Scale Y
        * @see https://tailwindcss.com/docs/scale
        */
       "scale-y": [{
-        "scale-y": [b]
+        "scale-y": [w]
       }],
       /**
        * Rotate
        * @see https://tailwindcss.com/docs/rotate
        */
       rotate: [{
-        rotate: [le, M]
+        rotate: [ae, I]
       }],
       /**
        * Translate X
        * @see https://tailwindcss.com/docs/translate
        */
       "translate-x": [{
-        "translate-x": [T]
+        "translate-x": [M]
       }],
       /**
        * Translate Y
        * @see https://tailwindcss.com/docs/translate
        */
       "translate-y": [{
-        "translate-y": [T]
+        "translate-y": [M]
       }],
       /**
        * Skew X
        * @see https://tailwindcss.com/docs/skew
        */
       "skew-x": [{
-        "skew-x": [R]
+        "skew-x": [E]
       }],
       /**
        * Skew Y
        * @see https://tailwindcss.com/docs/skew
        */
       "skew-y": [{
-        "skew-y": [R]
+        "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", M]
+        origin: ["center", "top", "top-right", "right", "bottom-right", "bottom", "bottom-left", "left", "top-left", I]
       }],
       // Interactivity
       /**
@@ -4077,7 +4085,7 @@ const D = (e) => {
        * @see https://tailwindcss.com/docs/cursor
        */
       cursor: [{
-        cursor: ["auto", "default", "pointer", "wait", "text", "move", "help", "not-allowed", "none", "context-menu", "progress", "cell", "crosshair", "vertical-text", "alias", "copy", "no-drop", "grab", "grabbing", "all-scroll", "col-resize", "row-resize", "n-resize", "e-resize", "s-resize", "w-resize", "ne-resize", "nw-resize", "se-resize", "sw-resize", "ew-resize", "ns-resize", "nesw-resize", "nwse-resize", "zoom-in", "zoom-out", M]
+        cursor: ["auto", "default", "pointer", "wait", "text", "move", "help", "not-allowed", "none", "context-menu", "progress", "cell", "crosshair", "vertical-text", "alias", "copy", "no-drop", "grab", "grabbing", "all-scroll", "col-resize", "row-resize", "n-resize", "e-resize", "s-resize", "w-resize", "ne-resize", "nw-resize", "se-resize", "sw-resize", "ew-resize", "ns-resize", "nesw-resize", "nwse-resize", "zoom-in", "zoom-out", I]
       }],
       /**
        * Caret Color
@@ -4299,7 +4307,7 @@ const D = (e) => {
        * @see https://tailwindcss.com/docs/will-change
        */
       "will-change": [{
-        "will-change": ["auto", "scroll", "contents", "transform", M]
+        "will-change": ["auto", "scroll", "contents", "transform", I]
       }],
       // SVG
       /**
@@ -4314,7 +4322,7 @@ const D = (e) => {
        * @see https://tailwindcss.com/docs/stroke-width
        */
       "stroke-w": [{
-        stroke: [G, U, be]
+        stroke: [j, q, be]
       }],
       /**
        * Stroke
@@ -4389,99 +4397,99 @@ const D = (e) => {
       "font-size": ["leading"]
     }
   };
-}, vn = /* @__PURE__ */ Qt(bn);
-function wn(...e) {
-  return vn(ht(e));
+}, xn = /* @__PURE__ */ tn(yn);
+function kn(...e) {
+  return xn(bt(e));
 }
-function tr({ autoWidth: e = !0, className: t, style: n }) {
-  const [r, o] = z(() => j.getActiveAppId()), [i, l] = z(() => V.getRunningApps()), { isMobile: a } = Ye();
+function or({ autoWidth: e = !0, className: t, style: n }) {
+  const [r, o] = T(() => _.getActiveAppId()), [i, l] = T(() => G.getRunningApps()), { isMobile: c } = Ke();
   B(() => {
-    const v = j.subscribe("activeAppId", (N) => {
-      o(N);
+    const g = _.subscribe("activeAppId", (A) => {
+      o(A);
     });
     return () => {
-      v();
+      g();
     };
-  }, []), B(() => V.subscribe(() => {
-    l(V.getRunningApps());
+  }, []), B(() => G.subscribe(() => {
+    l(G.getRunningApps());
   }), []), B(() => {
     if (!new URLSearchParams(window.location.search).has("app")) {
-      const h = j.getActiveAppId();
-      h && !V.isRunning(h) && V.launchApp(h);
+      const b = _.getActiveAppId();
+      b && !G.isRunning(b) && G.launchApp(b);
     }
   }, []);
-  const d = (v) => {
-    V.closeApp(v);
-  }, p = r ? oe.get(r) : null, g = (p == null ? void 0 : p.width) ?? 400, c = r !== null, m = { ...{
+  const d = (g) => {
+    G.closeApp(g);
+  }, p = r ? oe.get(r) : null, m = (p == null ? void 0 : p.width) ?? 400, a = r !== null, h = { ...{
     overflow: "hidden",
-    display: c ? "flex" : "none",
+    display: a ? "flex" : "none",
     flexDirection: "column",
     flexShrink: 0,
     // Only set width if autoWidth is enabled
-    ...e && c ? { width: a ? "100%" : g } : {}
+    ...e && a ? { width: c ? "100%" : m } : {}
   }, ...n };
-  return /* @__PURE__ */ s("div", { className: wn("nc-app-panel", t), style: m, children: i.map((v) => /* @__PURE__ */ s(
-    Fe,
+  return /* @__PURE__ */ s("div", { className: kn("nc-app-panel", t), style: h, children: i.map((g) => /* @__PURE__ */ s(
+    Ge,
     {
-      appId: v.appId,
-      isActive: r === v.appId,
-      onClose: () => d(v.appId)
+      appId: g.appId,
+      isActive: r === g.appId,
+      onClose: () => d(g.appId)
     },
-    v.appId
+    g.appId
   )) });
 }
-function nr({ pinnedAppIds: e, className: t = "" }) {
-  const { isMobile: n } = Ye(), [r, o] = z(() => j.getActiveAppId()), [i, l] = z(() => V.getRunningApps());
+function sr({ pinnedAppIds: e, className: t = "" }) {
+  const { isMobile: n } = Ke(), [r, o] = T(() => _.getActiveAppId()), [i, l] = T(() => G.getRunningApps());
   B(() => {
-    const c = j.subscribe("activeAppId", (u) => {
+    const a = _.subscribe("activeAppId", (u) => {
       o(u);
     });
     return () => {
-      c();
+      a();
     };
-  }, []), B(() => V.subscribe(() => {
-    l(V.getRunningApps());
+  }, []), B(() => G.subscribe(() => {
+    l(G.getRunningApps());
   }), []);
-  const a = (c) => {
-    r === c ? V.setActiveApp(null) : V.launchApp(c);
-  }, d = e.map((c) => oe.get(c)).filter((c) => !!c), p = i.filter((c) => !e.includes(c.appId)).map((c) => ({ running: c, def: oe.get(c.appId) })).filter((c) => !!c.def), f = (c) => i.some((u) => u.appId === c), g = n ? 24 : 28;
-  return /* @__PURE__ */ y("div", { className: `nc-app-taskbar ${n ? "nc-mobile" : "nc-desktop"} ${t}`, children: [
-    d.map((c) => {
-      const u = c.icon, w = r === c.id, m = f(c.id);
-      return /* @__PURE__ */ y(
+  const c = (a) => {
+    r === a ? G.setActiveApp(null) : G.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), f = (a) => i.some((u) => u.appId === a), m = n ? 24 : 28;
+  return /* @__PURE__ */ x("div", { className: `nc-app-taskbar ${n ? "nc-mobile" : "nc-desktop"} ${t}`, children: [
+    d.map((a) => {
+      const u = a.icon, v = r === a.id, h = f(a.id);
+      return /* @__PURE__ */ x(
         "button",
         {
-          className: `nc-app-taskbar-button ${w ? "nc-active" : ""} ${m ? "nc-running" : ""}`,
-          onClick: () => a(c.id),
-          title: c.titleKey || c.id,
+          className: `nc-app-taskbar-button ${v ? "nc-active" : ""} ${h ? "nc-running" : ""}`,
+          onClick: () => c(a.id),
+          title: a.titleKey || a.id,
           children: [
-            /* @__PURE__ */ s(u, { size: g }),
-            m && /* @__PURE__ */ s("span", { className: "nc-app-taskbar-indicator" })
+            /* @__PURE__ */ s(u, { size: m }),
+            h && /* @__PURE__ */ s("span", { className: "nc-app-taskbar-indicator" })
           ]
         },
-        c.id
+        a.id
       );
     }),
     p.length > 0 && /* @__PURE__ */ s("div", { className: "nc-app-taskbar-separator" }),
-    p.map(({ running: c, def: u }) => {
-      const w = u.icon, m = r === c.appId;
-      return /* @__PURE__ */ y(
+    p.map(({ running: a, def: u }) => {
+      const v = u.icon, h = r === a.appId;
+      return /* @__PURE__ */ x(
         "button",
         {
-          className: `nc-app-taskbar-button ${m ? "nc-active" : ""} nc-running`,
-          onClick: () => a(c.appId),
+          className: `nc-app-taskbar-button ${h ? "nc-active" : ""} nc-running`,
+          onClick: () => c(a.appId),
           title: u.titleKey || u.id,
           children: [
-            /* @__PURE__ */ s(w, { size: g }),
+            /* @__PURE__ */ s(v, { size: m }),
             /* @__PURE__ */ s("span", { className: "nc-app-taskbar-indicator" })
           ]
         },
-        c.appId
+        a.appId
       );
     })
   ] });
 }
-function rr({
+function ir({
   appId: e,
   open: t,
   onClose: n,
@@ -4493,7 +4501,7 @@ function rr({
     r && d.target === d.currentTarget && n();
   };
   if (!t) return null;
-  const a = /* @__PURE__ */ s(
+  const c = /* @__PURE__ */ s(
     "div",
     {
       className: "nc-dialog-overlay nc-fullscreen",
@@ -4505,7 +4513,7 @@ function rr({
           style: i,
           onClick: (d) => d.stopPropagation(),
           children: /* @__PURE__ */ s(
-            Fe,
+            Ge,
             {
               appId: e,
               isActive: !0,
@@ -4516,86 +4524,86 @@ function rr({
       )
     }
   );
-  return pe(a, document.body);
+  return ue(c, document.body);
 }
-const Ae = se(null), Xe = se(null);
-function or() {
-  const e = X(Ae);
+const Ae = se(null), Qe = se(null);
+function cr() {
+  const e = J(Ae);
   if (!e)
     throw new Error("useNavStack must be used within a NavStackProvider");
   return e;
 }
-function sr() {
-  const e = X(Xe);
+function ar() {
+  const e = J(Qe);
   if (!e)
     throw new Error("useNavView must be used within NavStack");
   return e;
 }
 const Ce = se(null);
-function ir({ rootView: e, children: t }) {
-  const { t: n } = J(), r = Bt(), [o, i] = z([e]), [l, a] = z([null]), d = O((b, C) => {
-    a((R) => {
-      const I = [...R];
-      return I[b] = C, I;
+function lr({ rootView: e, children: t }) {
+  const { t: n } = Q(), r = Wt(), [o, i] = T([e]), [l, c] = T([null]), d = O((w, k) => {
+    c((E) => {
+      const z = [...E];
+      return z[w] = k, z;
     });
-  }, []), p = O((b) => {
-    a((C) => {
-      const R = [...C];
-      return R[b] = null, R;
+  }, []), p = O((w) => {
+    c((k) => {
+      const E = [...k];
+      return E[w] = null, E;
     });
-  }, []), f = O((b) => {
-    i((C) => [...C, b]), a((C) => [...C, null]);
-  }, []), g = O(() => {
-    i((b) => b.length <= 1 ? b : b.slice(0, -1)), a((b) => b.slice(0, -1));
-  }, []), c = O(() => {
-    i([e]), a([null]);
-  }, [e]), u = o.length, w = u > 1, m = o.length - 1, v = o[o.length - 1], N = v != null && v.titleKey ? n(v.titleKey) : (v == null ? void 0 : v.title) ?? "";
+  }, []), f = O((w) => {
+    i((k) => [...k, w]), c((k) => [...k, null]);
+  }, []), m = O(() => {
+    i((w) => w.length <= 1 ? w : w.slice(0, -1)), c((w) => w.slice(0, -1));
+  }, []), a = O(() => {
+    i([e]), c([null]);
+  }, [e]), u = o.length, v = u > 1, h = o.length - 1, g = o[o.length - 1], A = g != null && g.titleKey ? n(g.titleKey) : (g == null ? void 0 : g.title) ?? "";
   B(() => {
-    r.setTitle(N);
-  }, [N, r]), B(() => {
-    w ? r.setBackHandler(g) : r.clearBackHandler();
-  }, [w, g, r]), B(() => {
-    const b = l[l.length - 1];
-    b ? r.setToolbar(b) : r.clearToolbar();
+    r.setTitle(A);
+  }, [A, r]), B(() => {
+    v ? r.setBackHandler(m) : r.clearBackHandler();
+  }, [v, m, r]), B(() => {
+    const w = l[l.length - 1];
+    w ? r.setToolbar(w) : r.clearToolbar();
   }, [l, r]);
-  const h = {
+  const b = {
     push: f,
-    pop: g,
-    reset: c,
+    pop: m,
+    reset: a,
     depth: u,
-    canGoBack: w,
-    currentTitle: N
-  }, k = {
+    canGoBack: v,
+    currentTitle: A
+  }, y = {
     stack: o,
     toolbarStack: l,
     updateToolbar: d,
     clearToolbarAt: p,
-    topIndex: m
+    topIndex: h
   };
-  return /* @__PURE__ */ s(Ae.Provider, { value: h, children: /* @__PURE__ */ s(Ce.Provider, { value: k, children: t }) });
+  return /* @__PURE__ */ s(Ae.Provider, { value: b, children: /* @__PURE__ */ s(Ce.Provider, { value: y, children: t }) });
 }
-function yn({ index: e, children: t }) {
-  const n = X(Ce);
+function Nn({ index: e, children: t }) {
+  const n = J(Ce);
   if (!n)
     throw new Error("NavViewProvider must be used within NavStackProvider");
   const { updateToolbar: r, clearToolbarAt: o, topIndex: i } = n, l = O((p) => {
     e === i && r(e, p);
-  }, [e, i, r]), a = O(() => {
+  }, [e, i, r]), c = O(() => {
     e === i && o(e);
   }, [e, i, o]), d = {
     setToolbar: l,
-    clearToolbar: a
+    clearToolbar: c
   };
-  return /* @__PURE__ */ s(Xe.Provider, { value: d, children: t });
+  return /* @__PURE__ */ s(Qe.Provider, { value: d, children: t });
 }
-function cr() {
-  const e = X(Ae), t = X(Ce);
+function dr() {
+  const e = J(Ae), t = J(Ce);
   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(yn, { index: o, children: /* @__PURE__ */ s(
+    return /* @__PURE__ */ s(Nn, { index: o, children: /* @__PURE__ */ s(
       "div",
       {
         style: { display: i ? "flex" : "none", flexDirection: "column", height: "100%" },
@@ -4605,55 +4613,55 @@ function cr() {
   }) }) });
 }
 export {
-  Be as ActivityIndicator,
-  $n as Alert,
-  Fe as AppContainer,
-  Oe as AppContext,
-  rr as AppDialog,
-  tr as AppPanel,
-  nr as AppTaskbar,
-  Ht as AppTitleBar,
-  Rn as Battery,
-  Y as Button,
-  En as ButtonGroup,
-  zn as Checkbox,
-  De as CloseButton,
-  Tn as ComboBox,
-  Hn as ContextMenu,
-  Xn as CsvTextArea,
-  Wn as Dialog,
+  He as ActivityIndicator,
+  Tn as Alert,
+  Ge as AppContainer,
+  Ve as AppContext,
+  ir as AppDialog,
+  or as AppPanel,
+  sr as AppTaskbar,
+  Ft as AppTitleBar,
+  zn as Battery,
+  K as Button,
+  Pn as ButtonGroup,
+  Ln as Checkbox,
+  We as CloseButton,
+  Bn as ComboBox,
+  Fn as ContextMenu,
+  Zn as CsvTextArea,
+  Vn as Dialog,
   ne as DialogClose,
-  Ln as EditButton,
-  Dn as Hyperlink,
-  On as Input,
-  Vn as ListGroup,
-  Fn as ListGroupItem,
-  Yn as MonthRangePicker,
-  Gn as MultiSelect,
-  cr as NavStackContainer,
-  ir as NavStackProvider,
-  Et as Notification,
-  Jn as NotificationContainer,
-  jn as NumberInput,
-  Pn as RefreshButton,
-  Kn as Slider,
-  Ct as TabPanel,
-  _n as TabPanels,
-  Un as Tabs,
-  qn as Toggle,
-  Bn as TrashButton,
-  er as ViewportProvider,
+  Hn as EditButton,
+  On as Hyperlink,
+  Gn as Input,
+  jn as ListGroup,
+  Yn as ListGroupItem,
+  _n as MonthRangePicker,
+  Kn as MultiSelect,
+  dr as NavStackContainer,
+  lr as NavStackProvider,
+  Pt as Notification,
+  er as NotificationContainer,
+  Un as NumberInput,
+  Dn as RefreshButton,
+  qn as Slider,
+  Mt as TabPanel,
+  Xn as TabPanels,
+  Jn as Tabs,
+  Qn as Toggle,
+  Wn as TrashButton,
+  rr as ViewportProvider,
   oe as appRegistry,
-  j as appStateStore,
-  wn as cn,
-  Zn as createAppI18nFactory,
-  Qn as notificationManager,
-  V as runningAppsStore,
-  zt as showNotification,
-  Bt as useApp,
-  xt as useDialog,
-  or as useNavStack,
-  sr as useNavView,
-  Ye as useViewport
+  _ as appStateStore,
+  kn as cn,
+  nr as createAppI18nFactory,
+  tr as notificationManager,
+  G as runningAppsStore,
+  Lt as showNotification,
+  Wt as useApp,
+  At as useDialog,
+  cr as useNavStack,
+  ar as useNavView,
+  Ke as useViewport
 };
 //# sourceMappingURL=index.js.map