@kingsimba/nc-ui 0.1.18 → 0.1.19

package/dist/index.js

@@ -1,13 +1,13 @@
 var Je = Object.defineProperty;
 var Qe = (e, t, n) => t in e ? Je(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var _ = (e, t, n) => Qe(e, typeof t != "symbol" ? t + "" : t, n);
-import { jsx as s, jsxs as y } from "react/jsx-runtime";
-import xe, { useState as T, useRef as W, useMemo as ge, useEffect as B, createContext as se, useContext as X, Children as Ze, isValidElement as et, forwardRef as tt, useImperativeHandle as nt, useCallback as O, Suspense as rt } from "react";
+import { 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 { d as Le, E as ot, R as st, T as it, g as ct, V as at, b as lt, a as dt, c as ut } from "./GeneratedIcons-HFZmBTBT.js";
-import pt from "i18next";
-import { c as ft } from "./clsx-OuTLNxxd.js";
+import ft from "i18next";
+import { c as ht } from "./clsx-OuTLNxxd.js";
 function Be({
   size: e = "default",
   color: t,
@@ -79,24 +79,54 @@ function Y({ variant: e = "default", block: t, size: n = "default", className: r
     }
   );
 }
-function Cn({ code: e, text: t, type: n, button: r, onAction: o }) {
-  return /* @__PURE__ */ y("div", { className: `nc-alert nc-${n}`, children: [
-    /* @__PURE__ */ y("span", { className: `nc-alert-message nc-${n}`, children: [
-      /* @__PURE__ */ s("span", { className: "nc-alert-code", children: e }),
-      t
+const mt = {
+  info: "primary",
+  success: "success",
+  warning: "warning",
+  error: "danger",
+  danger: "danger"
+};
+function $n({
+  code: e,
+  text: t,
+  type: n,
+  button: r,
+  onAction: o,
+  children: i,
+  onClose: l,
+  className: a = "",
+  style: d
+}) {
+  const p = i ?? /* @__PURE__ */ y(Ze, { 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: [
+      /* @__PURE__ */ s("div", { className: `nc-alert-message nc-${n}`, children: p }),
+      l && /* @__PURE__ */ s(
+        "button",
+        {
+          type: "button",
+          className: "nc-alert-close",
+          "aria-label": "Close alert",
+          onClick: l,
+          children: /* @__PURE__ */ s(xe, { size: 16 })
+        }
+      )
     ] }),
     r && /* @__PURE__ */ s("span", { className: "nc-alert-action", children: /* @__PURE__ */ s(
       Y,
       {
         size: "small",
-        variant: r.variant ?? (n === "error" ? "danger" : "warning"),
+        variant: r.variant ?? mt[n],
         onClick: o,
         children: r.text
       }
     ) })
   ] });
 }
-function In({
+function Rn({
   percentage: e = 0.5,
   status: t = "discharging",
   darkMode: n = !1,
@@ -105,21 +135,21 @@ function In({
   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, S = a + p + g, R = 20, I = 0.65, z = Math.max(d, R * I), x = a + p + 1, E = (d - R * I) / 2;
+  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(
     "svg",
     {
       className: "nc-battery",
-      width: S,
-      height: z,
-      viewBox: `0 0 ${S} ${z}`,
+      width: C,
+      height: T,
+      viewBox: `0 0 ${C} ${T}`,
       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: S, height: z, fill: "white" }),
+            /* @__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) })
           ] })
         ] }),
@@ -167,7 +197,7 @@ function In({
     }
   );
 }
-function Mn({
+function En({
   value: e,
   onChange: t,
   options: n,
@@ -186,7 +216,7 @@ function Mn({
     l
   )) });
 }
-function ht({ size: e }) {
+function gt({ size: e }) {
   return /* @__PURE__ */ s("svg", { className: `nc-checkbox-icon ${e === "small" ? "nc-small" : ""}`, viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ s(
     "path",
     {
@@ -198,7 +228,7 @@ function ht({ size: e }) {
     }
   ) });
 }
-function $n({ checked: e, onChange: t, disabled: n, label: r, size: o = "default", labelColor: i, style: l, className: a = "" }) {
+function zn({ checked: e, onChange: t, disabled: n, label: r, size: o = "default", labelColor: i, style: l, className: a = "" }) {
   const d = o === "small";
   return /* @__PURE__ */ y(
     "label",
@@ -219,7 +249,7 @@ function $n({ 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(ht, { size: o })
+            children: e && /* @__PURE__ */ s(gt, { size: o })
           }
         ),
         r && /* @__PURE__ */ s("span", { className: "nc-checkbox-text", style: i ? { color: i } : void 0, children: r })
@@ -227,7 +257,7 @@ function $n({ checked: e, onChange: t, disabled: n, label: r, size: o = "default
     }
   );
 }
-function mt({ option: e, onChange: t, selected: n, highlighted: r, small: o }) {
+function bt({ option: e, onChange: t, selected: n, highlighted: r, small: o }) {
   const i = W(null), { t: l } = J();
   return B(() => {
     r && i.current && i.current.scrollIntoView({ block: "nearest" });
@@ -254,7 +284,7 @@ function mt({ option: e, onChange: t, selected: n, highlighted: r, small: o }) {
     }
   );
 }
-function gt({
+function vt({
   isOpen: e,
   options: t,
   onSelect: n,
@@ -264,7 +294,7 @@ function gt({
   small: l,
   highlightedIndex: a = -1
 }) {
-  const [d, p] = T({ top: 0, left: 0, width: 0 }), [f, g] = T(o), { t: c } = J();
+  const [d, p] = z({ top: 0, left: 0, width: 0 }), [f, g] = z(o), { t: c } = J();
   if (B(() => {
     if (e && i.current) {
       const w = i.current.getBoundingClientRect();
@@ -294,12 +324,12 @@ function gt({
         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(mt, { 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: 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))
     }
   );
   return pe(u, document.body);
 }
-function bt({ onClick: e, small: t }) {
+function wt({ onClick: e, small: t }) {
   return /* @__PURE__ */ s(
     "button",
     {
@@ -311,7 +341,7 @@ function bt({ onClick: e, small: t }) {
     }
   );
 }
-function vt({ open: e, onClick: t, small: n }) {
+function yt({ open: e, onClick: t, small: n }) {
   return /* @__PURE__ */ s(
     "button",
     {
@@ -323,7 +353,7 @@ function vt({ open: e, onClick: t, small: n }) {
     }
   );
 }
-function Rn({
+function Tn({
   value: e,
   onChange: t,
   placeholder: n = "Select…",
@@ -337,7 +367,7 @@ function Rn({
   style: f,
   className: g
 }) {
-  const [c, u] = T(!1), [w, m] = T(""), [v, N] = T(-1), h = W(null), k = W(null), b = p === "small", { t: S } = J(), R = ge(() => {
+  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]);
@@ -355,10 +385,10 @@ function Rn({
     }
     return document.addEventListener("mousedown", $), () => document.removeEventListener("mousedown", $);
   }, []);
-  const I = r.find(($) => $.value === e), z = I && l, x = !o && !z, E = !(c && a) && !!I, A = ($, P = !1) => {
+  const I = r.find(($) => $.value === e), T = I && l, x = !o && !T, E = !(c && a) && !!I, A = ($, P = !1) => {
     var H;
     t == null || t($), u(!1), m(""), P && ((H = h.current) == null || H.blur());
-  }, C = () => {
+  }, S = () => {
     t == null || t(void 0), m(""), u(!1);
   }, L = ($) => {
     if (!c) {
@@ -419,7 +449,7 @@ function Rn({
               readOnly: o || !a,
               style: {
                 width: "100%",
-                paddingRight: x || z ? b ? 32 : 44 : 12,
+                paddingRight: x || T ? b ? 32 : 44 : 12,
                 caretColor: a ? void 0 : "transparent",
                 cursor: a ? void 0 : "pointer",
                 userSelect: a ? void 0 : "none",
@@ -434,7 +464,7 @@ function Rn({
               style: {
                 position: "absolute",
                 left: b ? 8 : 12,
-                right: x || z ? b ? 12 : 24 : b ? 8 : 12,
+                right: x || T ? b ? 12 : 24 : b ? 8 : 12,
                 top: "50%",
                 transform: "translateY(-50%)",
                 pointerEvents: "none",
@@ -449,21 +479,21 @@ function Rn({
                 /* @__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: [
                   "(",
-                  S("common.default"),
+                  C("common.default"),
                   ")"
                 ] })
               ]
             }
           ),
-          z && /* @__PURE__ */ s(bt, { onClick: C, small: b }),
-          x && /* @__PURE__ */ s(vt, { open: c, onClick: () => u(($) => !$), small: b })
+          T && /* @__PURE__ */ s(wt, { onClick: S, small: b }),
+          x && /* @__PURE__ */ s(yt, { open: c, onClick: () => u(($) => !$), small: b })
         ]
       }
     ),
-    /* @__PURE__ */ s(gt, { isOpen: c, options: R, onSelect: A, selectedValue: e, placement: d, anchorRef: k, small: b, highlightedIndex: v })
+    /* @__PURE__ */ s(vt, { isOpen: c, options: R, onSelect: A, selectedValue: e, placement: d, anchorRef: k, small: b, highlightedIndex: v })
   ] });
 }
-function En({ onClick: e, loading: t = !1, disabled: n = !1, size: r = "default", title: o, "aria-label": i }) {
+function Pn({ onClick: e, loading: t = !1, disabled: n = !1, size: r = "default", title: o, "aria-label": i }) {
   return /* @__PURE__ */ s(
     "button",
     {
@@ -473,7 +503,7 @@ function En({ 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(st, { size: r === "small" ? 14 : r === "large" ? 20 : 18, className: t ? "nc-spinning" : "" })
+      children: /* @__PURE__ */ s(tt, { size: r === "small" ? 14 : r === "large" ? 20 : 18, className: t ? "nc-spinning" : "" })
     }
   );
 }
@@ -487,11 +517,11 @@ function De({ onClick: e, disabled: t = !1, size: n = "default", title: r = "Clo
       title: r,
       "aria-label": o,
       "data-size": n,
-      children: /* @__PURE__ */ s(Le, { size: n === "small" ? 14 : n === "large" ? 20 : 18 })
+      children: /* @__PURE__ */ s(xe, { size: n === "small" ? 14 : n === "large" ? 20 : 18 })
     }
   );
 }
-function Tn({ onClick: e, disabled: t = !1, size: n = "default", title: r = "Edit", "aria-label": o = "Edit" }) {
+function Ln({ onClick: e, disabled: t = !1, size: n = "default", title: r = "Edit", "aria-label": o = "Edit" }) {
   return /* @__PURE__ */ s(
     "button",
     {
@@ -501,11 +531,11 @@ function Tn({ onClick: e, disabled: t = !1, size: n = "default", title: r = "Edi
       title: r,
       "aria-label": o,
       "data-size": n,
-      children: /* @__PURE__ */ s(ot, { size: n === "small" ? 14 : n === "large" ? 20 : 18 })
+      children: /* @__PURE__ */ s(et, { size: n === "small" ? 14 : n === "large" ? 20 : 18 })
     }
   );
 }
-function zn({ onClick: e, disabled: t = !1, size: n = "default", title: r = "Delete", "aria-label": o = "Delete" }) {
+function Bn({ onClick: e, disabled: t = !1, size: n = "default", title: r = "Delete", "aria-label": o = "Delete" }) {
   return /* @__PURE__ */ s(
     "button",
     {
@@ -515,11 +545,11 @@ function zn({ onClick: e, disabled: t = !1, size: n = "default", title: r = "Del
       title: r,
       "aria-label": o,
       "data-size": n,
-      children: /* @__PURE__ */ s(it, { size: n === "small" ? 14 : n === "large" ? 20 : 18 })
+      children: /* @__PURE__ */ s(nt, { size: n === "small" ? 14 : n === "large" ? 20 : 18 })
     }
   );
 }
-function Pn({ onClick: e, disabled: t = !1, children: n, title: r, "aria-label": o, size: i = "default" }) {
+function Dn({ onClick: e, disabled: t = !1, children: n, title: r, "aria-label": o, size: i = "default" }) {
   return /* @__PURE__ */ s(
     "button",
     {
@@ -533,7 +563,7 @@ function Pn({ onClick: e, disabled: t = !1, children: n, title: r, "aria-label":
     }
   );
 }
-function Ln({
+function Hn({
   open: e,
   onClose: t,
   options: n,
@@ -541,7 +571,7 @@ function Ln({
   anchor: o,
   preferredDirection: i = "down"
 }) {
-  const l = W(null), [a, d] = T({ top: 0, left: 0 }), p = o || (r == null ? void 0 : r.current);
+  const l = W(null), [a, d] = z({ 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;
@@ -620,19 +650,19 @@ function Ln({
   );
 }
 const He = se(null);
-function wt() {
+function xt() {
   const e = X(He);
   if (!e)
     throw new Error("useDialog must be used inside a Dialog component");
   return e;
 }
 function ne({ children: e, onClick: t, ...n }) {
-  const { close: r } = wt(), { t: o } = J();
+  const { close: r } = xt(), { t: o } = J();
   return /* @__PURE__ */ s(Y, { onClick: (l) => {
     t == null || t(l), r();
   }, ...n, children: e ?? o("common.close") });
 }
-function Bn({
+function Wn({
   open: e,
   onClose: t,
   title: n,
@@ -652,7 +682,7 @@ function Bn({
   className: v = "",
   onContentHeightChange: N
 }) {
-  const h = W(null), k = W(null), { t: b } = J(), S = { close: t }, R = (x) => {
+  const h = W(null), k = W(null), { t: b } = J(), C = { close: t }, R = (x) => {
     c && x.target === x.currentTarget && t();
   };
   if (B(() => {
@@ -661,8 +691,8 @@ function Bn({
     if (!N || !k.current) return;
     const x = new ResizeObserver((E) => {
       for (const A of E) {
-        const C = A.contentRect.height;
-        N(C);
+        const S = A.contentRect.height;
+        N(S);
       }
     });
     return x.observe(k.current), () => {
@@ -704,7 +734,7 @@ function Bn({
       default:
         return null;
     }
-  }, z = /* @__PURE__ */ s(He.Provider, { value: S, children: /* @__PURE__ */ s("div", { className: `nc-dialog-overlay${w ? " nc-fullscreen" : ""}`, onClick: R, children: /* @__PURE__ */ y(
+  }, T = /* @__PURE__ */ s(He.Provider, { value: C, children: /* @__PURE__ */ s("div", { className: `nc-dialog-overlay${w ? " nc-fullscreen" : ""}`, onClick: R, children: /* @__PURE__ */ y(
     "div",
     {
       ref: h,
@@ -724,9 +754,9 @@ function Bn({
       ]
     }
   ) }) });
-  return w ? pe(z, document.body) : z;
+  return w ? pe(T, document.body) : T;
 }
-function yt({ onClick: e, size: t = "default", rightOffset: n = 4 }) {
+function kt({ onClick: e, size: t = "default", rightOffset: n = 4 }) {
   const r = t === "small" ? 28 : 34;
   return /* @__PURE__ */ s(
     "button",
@@ -755,7 +785,7 @@ function yt({ onClick: e, size: t = "default", rightOffset: n = 4 }) {
     }
   );
 }
-function xt({ visible: e, onClick: t, size: n = "default" }) {
+function Nt({ visible: e, onClick: t, size: n = "default" }) {
   const r = n === "small" ? 28 : 34, o = n === "small" ? 16 : 18;
   return /* @__PURE__ */ s(
     "button",
@@ -779,11 +809,11 @@ function xt({ visible: e, onClick: t, size: n = "default" }) {
         alignItems: "center",
         justifyContent: "center"
       },
-      children: e ? /* @__PURE__ */ s(ct, { size: o }) : /* @__PURE__ */ s(at, { size: o })
+      children: e ? /* @__PURE__ */ s(rt, { size: o }) : /* @__PURE__ */ s(ot, { size: o })
     }
   );
 }
-function Dn({
+function On({
   value: e,
   defaultValue: t = "",
   onChange: n,
@@ -803,22 +833,22 @@ function Dn({
   validator: v,
   showErrorMessage: N = !0
 }) {
-  const h = W(null), k = W(null), [b, S] = T(!1), [R, I] = T(!1), z = e !== void 0, [x, E] = T(t), A = z ? e : x, C = v ? v(A) : null, L = !!C, $ = p === "password", P = $ && u && !l && !w, H = d && A && !l && R, ee = g === "small" ? 32 : 44;
+  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;
-    z || E(""), n == null || n(""), o == null || o(), w ? (te = k.current) == null || te.focus() : (ae = h.current) == null || ae.focus();
+    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;
-    z || E(ae), n == null || n(ae);
+    T || E(ae), n == null || n(ae);
   }, Se = () => {
     I(!0);
-  }, Ce = () => {
+  }, Ie = () => {
     I(!1);
-  }, Ie = `nc-input ${g === "small" ? "nc-small " : ""} ${L ? "nc-error " : ""}${f}`;
+  }, 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: [
@@ -826,13 +856,13 @@ function Dn({
         "textarea",
         {
           ref: k,
-          className: Ie,
+          className: Me,
           placeholder: i,
           value: A,
           onChange: F,
           onKeyDown: ce,
           onFocus: Se,
-          onBlur: Ce,
+          onBlur: Ie,
           readOnly: l,
           "aria-disabled": l,
           tabIndex: l ? -1 : void 0,
@@ -847,13 +877,13 @@ function Dn({
         {
           ref: h,
           type: $ && b ? "text" : p,
-          className: Ie,
+          className: Me,
           placeholder: i,
           value: A,
           onChange: F,
           onKeyDown: ce,
           onFocus: Se,
-          onBlur: Ce,
+          onBlur: Ie,
           readOnly: l,
           "aria-disabled": l,
           tabIndex: l ? -1 : void 0,
@@ -863,20 +893,20 @@ function Dn({
           }
         }
       ),
-      H && /* @__PURE__ */ s(yt, { onClick: Q, size: g, rightOffset: P ? ee + 4 : 4 }),
-      P && /* @__PURE__ */ s(xt, { visible: b, onClick: () => S(!b), size: g })
+      H && /* @__PURE__ */ s(kt, { onClick: Q, size: g, rightOffset: P ? ee + 4 : 4 }),
+      P && /* @__PURE__ */ s(Nt, { visible: b, onClick: () => C(!b), size: g })
     ] }),
-    L && N && /* @__PURE__ */ s("span", { className: "nc-error-message", children: C })
+    L && N && /* @__PURE__ */ s("span", { className: "nc-error-message", children: S })
   ] });
 }
-function Hn({
+function Fn({
   children: e,
   onClick: t,
   showBorder: n = !0,
   selectable: r = !1,
   style: o
 }) {
-  const [i, l] = xe.useState(!1);
+  const [i, l] = ke.useState(!1);
   return /* @__PURE__ */ s(
     "div",
     {
@@ -904,7 +934,7 @@ function Hn({
     }
   );
 }
-function Wn({ title: e, titleTools: t, children: n, style: r }) {
+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: [
       /* @__PURE__ */ s("div", { children: e }),
@@ -919,8 +949,8 @@ function Wn({ title: e, titleTools: t, children: n, style: r }) {
     )
   ] });
 }
-function On({ values: e, onChange: t, options: n, placeholder: r = "Select…", label: o }) {
-  const [i, l] = T(!1), [a, d] = T(""), p = W(null), f = ge(() => n.filter((c) => c.label.toLowerCase().includes(a.toLowerCase())), [n, a]);
+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]);
   B(() => {
     function c(u) {
       !(u.target instanceof Node) || !p.current || p.current.contains(u.target) || l(!1);
@@ -993,18 +1023,18 @@ function ue(e) {
   }
   return `${n}-${r}`;
 }
-function Me(e) {
+function $e(e) {
   if (!e) return "";
   const t = ue(e);
   if (!/^\d{4}-\d{2}$/.test(t)) return e;
   const [n, r] = t.split("-");
   return `${n}/${r}`;
 }
-function $e() {
+function Re() {
   const e = /* @__PURE__ */ new Date(), t = e.getFullYear(), n = String(e.getMonth() + 1).padStart(2, "0");
   return `${t}-${n}`;
 }
-function Fn({
+function Yn({
   startMonth: e,
   endMonth: t,
   onChange: n,
@@ -1013,7 +1043,7 @@ function Fn({
   disabled: i = !1,
   size: l = "default"
 }) {
-  const [a, d] = T(!1), [p, f] = T(""), [g, c] = T(""), [u, w] = T({ top: 0, left: 0, width: 0, right: void 0 }), m = W(null), v = W(null);
+  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);
   B(() => {
     if (a && m.current) {
       const A = m.current.getBoundingClientRect(), L = Math.max(A.width, 400);
@@ -1032,22 +1062,22 @@ function Fn({
     }
   }, [a]), B(() => {
     if (!a) return;
-    const A = (C) => {
-      m.current && !m.current.contains(C.target) && v.current && !v.current.contains(C.target) && d(!1);
+    const A = (S) => {
+      m.current && !m.current.contains(S.target) && v.current && !v.current.contains(S.target) && d(!1);
     };
     return document.addEventListener("mousedown", A), () => document.removeEventListener("mousedown", A);
   }, [a]);
   const N = () => {
-    f(e || $e()), c(t || $e()), d(!0);
+    f(e || Re()), c(t || Re()), d(!0);
   }, h = () => {
     d(!1);
   }, k = () => {
-    const A = fe(p), C = fe(g);
-    if (A || C)
+    const A = fe(p), S = fe(g);
+    if (A || S)
       return;
     const L = ue(p), $ = ue(g);
     L && $ && (n == null || n(L, $)), d(!1);
-  }, b = e && t ? `${Me(e)} - ${Me(t)}` : "Select month range", S = fe(p), R = fe(g), I = ue(p), z = ue(g), x = I && z && I > z, E = a ? pe(
+  }, 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(
     /* @__PURE__ */ s(
       "div",
       {
@@ -1068,13 +1098,13 @@ function Fn({
                 "input",
                 {
                   type: "text",
-                  className: `nc-month-input ${S ? "nc-error" : ""}`,
+                  className: `nc-month-input ${C ? "nc-error" : ""}`,
                   value: p,
                   onChange: (A) => f(A.target.value),
                   placeholder: "YY-M(M) or YYYY-M(M)"
                 }
               ),
-              S && /* @__PURE__ */ s("div", { className: "nc-month-error-text", children: S })
+              C && /* @__PURE__ */ s("div", { className: "nc-month-error-text", children: C })
             ] }),
             /* @__PURE__ */ y("div", { className: "nc-month-range-picker-column", children: [
               /* @__PURE__ */ s("label", { className: "nc-label", children: "End Month" }),
@@ -1091,14 +1121,14 @@ function Fn({
               R && /* @__PURE__ */ s("div", { className: "nc-month-error-text", children: R })
             ] })
           ] }),
-          x && !S && !R && /* @__PURE__ */ s("div", { className: "nc-month-range-error", children: "End month must be after or equal to start month" }),
+          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: [
             /* @__PURE__ */ s(
               Y,
               {
                 variant: "primary",
                 onClick: k,
-                disabled: !p || !g || !!S || !!R || !!x,
+                disabled: !p || !g || !!C || !!R || !!x,
                 children: "Apply"
               }
             ),
@@ -1124,7 +1154,7 @@ function Fn({
     E
   ] });
 }
-function Vn({ value: e, onChange: t, min: n, max: r, step: o = 1, label: i, disabled: l, size: a = "default" }) {
+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)));
@@ -1172,7 +1202,7 @@ function Vn({ value: e, onChange: t, min: n, max: r, step: o = 1, label: i, disa
     ] })
   ] });
 }
-function Gn({
+function Kn({
   value: e,
   onChange: t,
   min: n = 0,
@@ -1224,13 +1254,13 @@ function Gn({
     ] })
   ] });
 }
-const kt = ({ size: e = 24, className: t, style: n }) => /* @__PURE__ */ s("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", className: t, style: n, children: /* @__PURE__ */ s("polyline", { points: "18 15 12 9 6 15" }) });
-function Nt({ children: e, className: t = "", style: n }) {
+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 }) {
   return /* @__PURE__ */ s("div", { className: `nc-tab-panel ${t}`, style: n, children: e });
 }
-function Yn({ active: e, children: t, keepMounted: n = !1, className: r = "", style: o }) {
-  const i = Ze.toArray(t).filter(
-    (a) => et(a) && (a.type === Nt || a.type.displayName === "TabPanel")
+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")
   );
   if (n)
     return /* @__PURE__ */ s("div", { className: `nc-tab-panels ${r}`, style: o, children: i.map((a) => {
@@ -1249,17 +1279,17 @@ function Yn({ active: e, children: t, keepMounted: n = !1, className: r = "", st
   const l = i.find((a) => a.props.tab === e);
   return /* @__PURE__ */ s("div", { className: `nc-tab-panels ${r}`, style: o, children: l });
 }
-function jn({ 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] = T(!1), [u, w] = T(!1), m = d === "verticalLeft" || d === "verticalRight", v = W(!1), N = W(0), h = W(0), k = W(!1);
+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);
   B(() => {
     const x = () => {
       if (f.current)
         if (m) {
-          const { scrollTop: A, scrollHeight: C, clientHeight: L } = f.current;
-          c(A > 1), w(A < C - L - 1);
+          const { scrollTop: A, scrollHeight: S, clientHeight: L } = f.current;
+          c(A > 1), w(A < S - L - 1);
         } else {
-          const { scrollLeft: A, scrollWidth: C, clientWidth: L } = f.current;
-          c(A > 1), w(A < C - L - 1);
+          const { scrollLeft: A, scrollWidth: S, clientWidth: L } = f.current;
+          c(A > 1), w(A < S - L - 1);
         }
     }, E = f.current;
     if (E)
@@ -1269,7 +1299,7 @@ function jn({ tabs: e, active: t, onChange: n, onClose: r, permanentTabs: o, cla
   }, [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");
-  }, S = (x) => {
+  }, 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;
@@ -1288,29 +1318,29 @@ function jn({ tabs: e, active: t, onChange: n, onClose: r, permanentTabs: o, cla
       x.removeEventListener("wheel", E);
     };
   }, [m]);
-  const z = (x) => {
+  const T = (x) => {
     k.current || n(x);
   };
   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(kt, { size: 16 }) : /* @__PURE__ */ s(lt, { size: 16 }) }),
+      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 }) }),
       /* @__PURE__ */ s(
         "div",
         {
           ref: f,
           className: `nc-tab-scroll ${a ? "nc-multiline" : ""}`,
           onMouseDown: b,
-          onMouseMove: S,
+          onMouseMove: C,
           onMouseUp: R,
           onMouseLeave: I,
           style: { cursor: "grab" },
           children: e.map((x) => {
-            const E = typeof x == "string" ? x : x.id, A = typeof x == "string" ? x : x.label, C = r && !(o != null && o.includes(E));
+            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(
               "div",
               {
-                className: `nc-tab-item ${t === E ? "nc-active" : ""} ${C ? "nc-closable" : ""}`,
-                onClick: () => z(E),
+                className: `nc-tab-item ${t === E ? "nc-active" : ""} ${S ? "nc-closable" : ""}`,
+                onClick: () => T(E),
                 role: "button",
                 tabIndex: 0,
                 onKeyDown: (L) => {
@@ -1318,7 +1348,7 @@ function jn({ tabs: e, active: t, onChange: n, onClose: r, permanentTabs: o, cla
                 },
                 children: [
                   /* @__PURE__ */ s("span", { className: "nc-tab-label", children: m ? A : typeof A == "string" ? A.toUpperCase() : A }),
-                  C && /* @__PURE__ */ s(
+                  S && /* @__PURE__ */ s(
                     "span",
                     {
                       className: "nc-tab-close",
@@ -1344,12 +1374,12 @@ function jn({ tabs: e, active: t, onChange: n, onClose: r, permanentTabs: o, cla
           })
         }
       ),
-      u && /* @__PURE__ */ s("div", { className: `nc-tab-scroll-indicator ${m ? "nc-bottom" : "nc-right"}`, children: m ? /* @__PURE__ */ s(dt, { size: 16 }) : /* @__PURE__ */ s(ut, { size: 16 }) })
+      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 }) })
     ] }),
     l && /* @__PURE__ */ s("div", { className: "nc-tab-toolbar", children: l })
   ] });
 }
-function Kn({ checked: e, onChange: t, disabled: n, label: r }) {
+function qn({ checked: e, onChange: t, disabled: n, label: r }) {
   return /* @__PURE__ */ y(
     "label",
     {
@@ -1401,7 +1431,7 @@ function Kn({ checked: e, onChange: t, disabled: n, label: r }) {
     }
   );
 }
-const Re = [
+const Ee = [
   "var(--nc-csv-col-0)",
   "var(--nc-csv-col-1)",
   "var(--nc-csv-col-2)",
@@ -1413,12 +1443,12 @@ const Re = [
   "var(--nc-csv-col-8)",
   "var(--nc-csv-col-9)"
 ];
-function At(e, t) {
+function St(e, t) {
   const r = e.slice(0, t).split(`
 `), o = r.length, l = r[o - 1].split("	"), a = l.length, d = l[a - 1].length + 1;
   return { line: o, column: a, character: d, offset: t };
 }
-function St(e, t, n, r) {
+function It(e, t, n, r) {
   const o = e.split(`
 `), i = Math.max(1, Math.min(t, o.length));
   let l = 0;
@@ -1430,7 +1460,7 @@ function St(e, t, n, r) {
   const f = Math.max(1, Math.min(r, d[p - 1].length + 1));
   return l += f - 1, l;
 }
-function Ct(e, t) {
+function Mt(e, t) {
   const n = e.split(`
 `), r = Math.max(1, Math.min(t, n.length));
   let o = 0;
@@ -1438,30 +1468,30 @@ function Ct(e, t) {
     o += n[i].length + 1;
   return o;
 }
-const _n = tt(
+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);
-    nt(p, () => ({
+    ut(p, () => ({
       goToLine(h) {
         const k = f.current;
         if (!k) return;
-        const b = Ct(t, h);
+        const b = Mt(t, h);
         k.focus(), k.setSelectionRange(b, b);
-        const S = parseFloat(getComputedStyle(k).lineHeight) || 18;
-        k.scrollTop = (Math.max(1, h) - 1) * S, w(), u();
+        const C = parseFloat(getComputedStyle(k).lineHeight) || 18;
+        k.scrollTop = (Math.max(1, h) - 1) * C, w(), u();
       },
       goToPosition(h, k, b) {
-        const S = f.current;
-        if (!S) return;
-        const R = St(t, h, k, b);
-        S.focus(), S.setSelectionRange(R, R);
-        const I = parseFloat(getComputedStyle(S).lineHeight) || 18;
-        S.scrollTop = (Math.max(1, h) - 1) * I, w(), u();
+        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();
       }
     }), [t]);
     const u = O(() => {
       if (!a || !f.current) return;
-      const h = At(t, f.current.selectionStart);
+      const h = St(t, f.current.selectionStart);
       a(h);
     }, [a, t]), w = O(() => {
       const h = f.current;
@@ -1471,8 +1501,8 @@ const _n = tt(
       if (d == null || d < 1) return;
       const h = f.current;
       if (!h) return;
-      const k = parseFloat(getComputedStyle(h).lineHeight) || 18, b = (d - 1) * k, S = b + k;
-      (b < h.scrollTop || S > h.scrollTop + h.clientHeight) && (h.scrollTop = b - h.clientHeight / 2 + k / 2), w();
+      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();
     }, [d]);
     const m = ge(() => t.split(`
 `).length, [t]), v = () => {
@@ -1483,16 +1513,16 @@ const _n = tt(
         );
       return /* @__PURE__ */ s("div", { className: "nc-csv-gutter", ref: c, children: h });
     }, N = (h) => h ? h.split(`
-`).map((b, S) => {
+`).map((b, C) => {
       const R = b.split("	");
-      return /* @__PURE__ */ y("div", { className: `nc-csv-line ${d === S + 1 ? "nc-csv-highlight" : ""}`, children: [
-        R.map((I, z) => /* @__PURE__ */ y("span", { children: [
-          z > 0 && /* @__PURE__ */ s("span", { className: "nc-csv-tab-char", children: "	" }),
-          /* @__PURE__ */ s("span", { style: { color: Re[z % Re.length] }, children: I })
-        ] }, z)),
+      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 === "" && `
 `
-      ] }, S);
+      ] }, C);
     }) : null;
     return /* @__PURE__ */ y("div", { className: `nc-csv-textarea-container ${l ? "nc-csv-with-gutter" : ""} ${o ?? ""}`, style: i, children: [
       l && v(),
@@ -1522,7 +1552,7 @@ const _n = tt(
   }
 );
 let Z = { notifications: [] };
-const ve = /* @__PURE__ */ new Set(), Ee = /* @__PURE__ */ new Map();
+const ve = /* @__PURE__ */ new Set(), ze = /* @__PURE__ */ new Map();
 function we() {
   const e = Z.notifications.slice();
   for (const t of Array.from(ve))
@@ -1531,7 +1561,7 @@ function we() {
     } catch {
     }
 }
-function It(e) {
+function $t(e) {
   ve.add(e);
   try {
     e(Z.notifications.slice());
@@ -1541,27 +1571,28 @@ function It(e) {
     ve.delete(e);
   };
 }
-function Mt(e) {
-  const t = `notification-${Date.now()}-${Math.random()}`, n = {
+function Rt(e) {
+  const t = `notification-${Date.now()}-${Math.random()}`, { duration: n, type: r, ...o } = e, i = {
     id: t,
     dismissible: !0,
-    lastingTime: 5e3,
-    ...e
+    ...o,
+    type: r === "error" ? "danger" : r ?? "info",
+    duration: n ?? 5e3
   };
-  return Z.notifications = [n, ...Z.notifications], we(), n.lastingTime && n.lastingTime > 0 && setTimeout(() => {
+  return Z.notifications = [i, ...Z.notifications], we(), i.duration && i.duration > 0 && setTimeout(() => {
     We(t);
-  }, n.lastingTime), t;
+  }, i.duration), t;
 }
 function We(e) {
   const t = Z.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(), Ee.delete(e);
+    Z.notifications = Z.notifications.filter((r) => r.id !== e), we(), ze.delete(e);
   }, 300);
-  Ee.set(e, n);
+  ze.set(e, n);
 }
-function $t({ notification: e }) {
+function Et({ notification: e }) {
   const { t } = J(), n = () => {
     if (e.title) return e.title;
     switch (e.type) {
@@ -1591,16 +1622,16 @@ function $t({ notification: e }) {
           {
             className: "nc-notification-dismiss",
             onClick: r,
-            children: /* @__PURE__ */ s(Le, { size: 16 })
+            children: /* @__PURE__ */ s(xe, { size: 16 })
           }
         )
       ] })
     }
   );
 }
-function Un() {
-  const [e, t] = T([]), [n, r] = T(/* @__PURE__ */ new Map()), [o, i] = T(/* @__PURE__ */ new Set()), l = W(null), a = W([]);
-  return B(() => It((p) => {
+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(() => {
       requestAnimationFrame(() => {
@@ -1651,7 +1682,7 @@ function Un() {
                   opacity: f ? 0 : 1,
                   width: "100%"
                 },
-                children: /* @__PURE__ */ s($t, { notification: d })
+                children: /* @__PURE__ */ s(Et, { notification: d })
               },
               d.id
             );
@@ -1661,11 +1692,14 @@ function Un() {
     }
   );
 }
-const qn = {
-  show: (e) => Mt(e)
+function zt(e) {
+  return Rt(e);
+}
+const Qn = {
+  show: (e) => zt(e)
 };
-function Xn(e) {
-  const t = pt.createInstance(), n = {};
+function Zn(e) {
+  const t = ft.createInstance(), n = {};
   for (const o in e)
     n[o] = { translation: e[o] };
   const r = typeof document < "u" && document.documentElement.lang || "en";
@@ -1685,7 +1719,7 @@ function Xn(e) {
       }
   }).observe(document.documentElement, { attributes: !0 }), t;
 }
-class Rt {
+class Tt {
   constructor() {
     _(this, "apps", /* @__PURE__ */ new Map());
   }
@@ -1725,8 +1759,8 @@ class Rt {
     return this.apps.has(t);
   }
 }
-const oe = new Rt(), Te = "nc-ui-app-state";
-class Et {
+const oe = new Tt(), Te = "nc-ui-app-state";
+class Pt {
   constructor() {
     _(this, "state");
     _(this, "listeners", /* @__PURE__ */ new Map());
@@ -1773,8 +1807,8 @@ class Et {
     (r = this.listeners.get(t)) == null || r.forEach((o) => o(n));
   }
 }
-const j = new Et();
-class Tt {
+const j = new Pt();
+class Lt {
   constructor() {
     _(this, "apps", []);
     _(this, "activeAppId", null);
@@ -1893,14 +1927,14 @@ class Tt {
     this.listeners.forEach((t) => t());
   }
 }
-const V = new Tt(), Oe = se(null);
-function zt() {
+const V = new Lt(), Oe = se(null);
+function Bt() {
   const e = X(Oe);
   if (!e)
     throw new Error("useApp must be used inside an App");
   return e;
 }
-function Pt({ size: e = 16 }) {
+function Dt({ size: e = 16 }) {
   return /* @__PURE__ */ y(
     "svg",
     {
@@ -1919,7 +1953,7 @@ function Pt({ size: e = 16 }) {
     }
   );
 }
-function Lt({ title: e, onClose: t, onBack: n, toolbar: r, hideBackButton: o }) {
+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: [
       n && !o && /* @__PURE__ */ s(
@@ -1929,7 +1963,7 @@ function Lt({ title: e, onClose: t, onBack: n, toolbar: r, hideBackButton: o })
           onClick: n,
           title: "Back",
           "aria-label": "Go back",
-          children: /* @__PURE__ */ s(Pt, { size: 16 })
+          children: /* @__PURE__ */ s(Dt, { size: 16 })
         }
       ),
       /* @__PURE__ */ s("span", { className: "nc-app-title-bar-title", children: e })
@@ -1940,7 +1974,7 @@ function Lt({ title: e, onClose: t, onBack: n, toolbar: r, hideBackButton: o })
     ] })
   ] });
 }
-class Bt extends xe.Component {
+class Wt extends ke.Component {
   constructor(t) {
     super(t), this.state = { hasError: !1 };
   }
@@ -1974,8 +2008,8 @@ class Bt extends xe.Component {
   }
 }
 function Fe({ appId: e, isActive: t, onClose: n }) {
-  const { t: r } = J(), o = oe.get(e), [i, l] = T(""), [a, d] = T(null), [p, f] = T(null), [g, c] = T(!1), [u, w] = T(!1);
-  xe.useEffect(() => {
+  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);
+  ke.useEffect(() => {
     o != null && o.titleKey && l(r(o.titleKey));
   }, [o, r]);
   const m = O((x) => {
@@ -1990,7 +2024,7 @@ function Fe({ appId: e, isActive: t, onClose: n }) {
     f(null);
   }, []), b = O((x) => {
     c(x);
-  }, []), S = O((x) => {
+  }, []), C = O((x) => {
     w(x);
   }, []), R = ge(() => ({
     setTitle: m,
@@ -1999,12 +2033,12 @@ function Fe({ appId: e, isActive: t, onClose: n }) {
     setToolbar: h,
     clearToolbar: k,
     setHideBackButton: b,
-    setHideTitleBar: S,
+    setHideTitleBar: C,
     close: n
-  }), [m, v, N, h, k, b, S, n]);
+  }), [m, v, N, h, k, b, C, n]);
   if (!o)
     return null;
-  const I = o.component, z = !o.hideTitleBar && !u;
+  const I = o.component, T = !o.hideTitleBar && !u;
   return /* @__PURE__ */ y(
     "div",
     {
@@ -2015,8 +2049,8 @@ function Fe({ appId: e, isActive: t, onClose: n }) {
         minHeight: 0
       },
       children: [
-        z && /* @__PURE__ */ s(
-          Lt,
+        T && /* @__PURE__ */ s(
+          Ht,
           {
             title: i,
             onClose: n,
@@ -2028,7 +2062,7 @@ function Fe({ appId: e, isActive: t, onClose: n }) {
         /* @__PURE__ */ s(
           "div",
           {
-            className: z ? "nc-app-content-wrapper" : "",
+            className: T ? "nc-app-content-wrapper" : "",
             style: {
               padding: o.padding,
               flex: 1,
@@ -2038,8 +2072,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(Bt, { appId: e, children: /* @__PURE__ */ s(
-              rt,
+            children: /* @__PURE__ */ s(Oe.Provider, { value: R, children: /* @__PURE__ */ s(Wt, { appId: e, children: /* @__PURE__ */ s(
+              pt,
               {
                 fallback: /* @__PURE__ */ s(
                   "div",
@@ -2069,8 +2103,8 @@ const he = 768, me = 1024, Ve = {
   width: typeof window < "u" ? window.innerWidth : 1024,
   height: typeof window < "u" ? window.innerHeight : 768
 }, Ge = se(Ve);
-function Jn({ children: e }) {
-  const [t, n] = T(() => {
+function er({ children: e }) {
+  const [t, n] = z(() => {
     if (typeof window > "u") return Ve;
     const r = window.innerWidth, o = window.innerHeight;
     return {
@@ -2098,15 +2132,15 @@ function Jn({ children: e }) {
 function Ye() {
   return X(Ge);
 }
-const ke = "-", Dt = (e) => {
-  const t = Wt(e), {
+const Ne = "-", Ot = (e) => {
+  const t = Vt(e), {
     conflictingClassGroups: n,
     conflictingClassGroupModifiers: r
   } = e;
   return {
     getClassGroupId: (l) => {
-      const a = l.split(ke);
-      return a[0] === "" && a.length !== 1 && a.shift(), je(a, t) || Ht(l);
+      const a = l.split(Ne);
+      return a[0] === "" && a.length !== 1 && a.shift(), je(a, t) || Ft(l);
     },
     getConflictingClassGroupIds: (l, a) => {
       const d = n[l] || [];
@@ -2122,17 +2156,17 @@ const ke = "-", Dt = (e) => {
     return o;
   if (t.validators.length === 0)
     return;
-  const i = e.join(ke);
+  const i = e.join(Ne);
   return (l = t.validators.find(({
     validator: a
   }) => a(i))) == null ? void 0 : l.classGroupId;
-}, ze = /^\[(.+)\]$/, Ht = (e) => {
-  if (ze.test(e)) {
-    const t = ze.exec(e)[1], n = t == null ? void 0 : t.substring(0, t.indexOf(":"));
+}, Pe = /^\[(.+)\]$/, Ft = (e) => {
+  if (Pe.test(e)) {
+    const t = Pe.exec(e)[1], n = t == null ? void 0 : t.substring(0, t.indexOf(":"));
     if (n)
       return "arbitrary.." + n;
   }
-}, Wt = (e) => {
+}, Vt = (e) => {
   const {
     theme: t,
     prefix: n
@@ -2140,18 +2174,18 @@ const ke = "-", Dt = (e) => {
     nextPart: /* @__PURE__ */ new Map(),
     validators: []
   };
-  return Ft(Object.entries(e.classGroups), n).forEach(([i, l]) => {
+  return Yt(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 : Pe(t, o);
+      const i = o === "" ? t : Le(t, o);
       i.classGroupId = n;
       return;
     }
     if (typeof o == "function") {
-      if (Ot(o)) {
+      if (Gt(o)) {
         ye(o(r), t, n, r);
         return;
       }
@@ -2162,21 +2196,21 @@ const ke = "-", Dt = (e) => {
       return;
     }
     Object.entries(o).forEach(([i, l]) => {
-      ye(l, Pe(t, i), n, r);
+      ye(l, Le(t, i), n, r);
     });
   });
-}, Pe = (e, t) => {
+}, Le = (e, t) => {
   let n = e;
-  return t.split(ke).forEach((r) => {
+  return t.split(Ne).forEach((r) => {
     n.nextPart.has(r) || n.nextPart.set(r, {
       nextPart: /* @__PURE__ */ new Map(),
       validators: []
     }), n = n.nextPart.get(r);
   }), n;
-}, Ot = (e) => e.isThemeGetter, Ft = (e, t) => t ? e.map(([n, r]) => {
+}, 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);
   return [n, o];
-}) : e, Vt = (e) => {
+}) : e, jt = (e) => {
   if (e < 1)
     return {
       get: () => {
@@ -2200,7 +2234,7 @@ const ke = "-", Dt = (e) => {
       n.has(i) ? n.set(i, l) : o(i, l);
     }
   };
-}, Ke = "!", Gt = (e) => {
+}, Ke = "!", Kt = (e) => {
   const {
     separator: t,
     experimentalParseClassName: n
@@ -2233,7 +2267,7 @@ const ke = "-", Dt = (e) => {
     className: a,
     parseClassName: l
   }) : l;
-}, Yt = (e) => {
+}, _t = (e) => {
   if (e.length <= 1)
     return e;
   const t = [];
@@ -2241,16 +2275,16 @@ const ke = "-", Dt = (e) => {
   return e.forEach((r) => {
     r[0] === "[" ? (t.push(...n.sort(), r), n = []) : n.push(r);
   }), t.push(...n.sort()), t;
-}, jt = (e) => ({
-  cache: Vt(e.cacheSize),
-  parseClassName: Gt(e),
-  ...Dt(e)
-}), Kt = /\s+/, _t = (e, t) => {
+}, Ut = (e) => ({
+  cache: jt(e.cacheSize),
+  parseClassName: Kt(e),
+  ...Ot(e)
+}), qt = /\s+/, Xt = (e, t) => {
   const {
     parseClassName: n,
     getClassGroupId: r,
     getConflictingClassGroupIds: o
-  } = t, i = [], l = e.trim().split(Kt);
+  } = t, i = [], l = e.trim().split(qt);
   let a = "";
   for (let d = l.length - 1; d >= 0; d -= 1) {
     const p = l[d], {
@@ -2271,20 +2305,20 @@ const ke = "-", Dt = (e) => {
       }
       w = !1;
     }
-    const v = Yt(f).join(":"), N = g ? v + Ke : v, h = N + m;
+    const v = _t(f).join(":"), N = g ? v + Ke : v, h = N + m;
     if (i.includes(h))
       continue;
     i.push(h);
     const k = o(m, w);
     for (let b = 0; b < k.length; ++b) {
-      const S = k[b];
-      i.push(N + S);
+      const C = k[b];
+      i.push(N + C);
     }
     a = p + (a.length > 0 ? " " + a : a);
   }
   return a;
 };
-function Ut() {
+function Jt() {
   let e = 0, t, n, r = "";
   for (; e < arguments.length; )
     (t = arguments[e++]) && (n = _e(t)) && (r && (r += " "), r += n);
@@ -2298,36 +2332,36 @@ const _e = (e) => {
     e[r] && (t = _e(e[r])) && (n && (n += " "), n += t);
   return n;
 };
-function qt(e, ...t) {
+function Qt(e, ...t) {
   let n, r, o, i = l;
   function l(d) {
     const p = t.reduce((f, g) => g(f), e());
-    return n = jt(p), r = n.cache.get, o = n.cache.set, i = a, a(d);
+    return n = Ut(p), r = n.cache.get, o = n.cache.set, i = a, a(d);
   }
   function a(d) {
     const p = r(d);
     if (p)
       return p;
-    const f = _t(d, n);
+    const f = Xt(d, n);
     return o(d, f), f;
   }
   return function() {
-    return i(Ut.apply(null, arguments));
+    return i(Jt.apply(null, arguments));
   };
 }
 const D = (e) => {
   const t = (n) => n[e] || [];
   return t.isThemeGetter = !0, t;
-}, Ue = /^\[(?:([a-z-]+):)?(.+)\]$/i, Xt = /^\d+\/\d+$/, Jt = /* @__PURE__ */ new Set(["px", "full", "screen"]), Qt = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, Zt = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, en = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, tn = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, nn = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, G = (e) => re(e) || Jt.has(e) || Xt.test(e), U = (e) => ie(e, "length", un), re = (e) => !!e && !Number.isNaN(Number(e)), be = (e) => ie(e, "number", re), le = (e) => !!e && Number.isInteger(Number(e)), rn = (e) => e.endsWith("%") && re(e.slice(0, -1)), M = (e) => Ue.test(e), q = (e) => Qt.test(e), on = /* @__PURE__ */ new Set(["length", "size", "percentage"]), sn = (e) => ie(e, on, qe), cn = (e) => ie(e, "position", qe), an = /* @__PURE__ */ new Set(["image", "url"]), ln = (e) => ie(e, an, fn), dn = (e) => ie(e, "", pn), de = () => !0, ie = (e, t, n) => {
+}, 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);
   return r ? r[1] ? typeof t == "string" ? r[1] === t : t.has(r[1]) : n(r[2]) : !1;
-}, un = (e) => (
+}, hn = (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.
-  Zt.test(e) && !en.test(e)
-), qe = () => !1, pn = (e) => tn.test(e), fn = (e) => nn.test(e), hn = () => {
-  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"), S = D("sepia"), R = D("skew"), I = D("space"), z = D("translate"), x = () => ["auto", "contain", "none"], E = () => ["auto", "hidden", "clip", "visible", "scroll"], A = () => ["auto", M, t], C = () => [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];
+  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];
   return {
     cacheSize: 500,
     separator: ":",
@@ -2338,25 +2372,25 @@ const D = (e) => {
       brightness: F(),
       borderColor: [e],
       borderRadius: ["none", "", "full", q, M],
-      borderSpacing: C(),
+      borderSpacing: S(),
       borderWidth: L(),
       contrast: F(),
       grayscale: Q(),
       hueRotate: F(),
       invert: Q(),
-      gap: C(),
+      gap: S(),
       gradientColorStops: [e],
-      gradientColorStopPositions: [rn, U],
+      gradientColorStopPositions: [cn, U],
       inset: A(),
       margin: A(),
       opacity: F(),
-      padding: C(),
+      padding: S(),
       saturate: F(),
       scale: F(),
       sepia: Q(),
       skew: F(),
-      space: C(),
-      translate: C()
+      space: S(),
+      translate: S()
     },
     classGroups: {
       // Layout
@@ -3187,7 +3221,7 @@ const D = (e) => {
        * @see https://tailwindcss.com/docs/text-indent
        */
       indent: [{
-        indent: C()
+        indent: S()
       }],
       /**
        * Vertical Alignment
@@ -3259,7 +3293,7 @@ const D = (e) => {
        * @see https://tailwindcss.com/docs/background-position
        */
       "bg-position": [{
-        bg: [...P(), cn]
+        bg: [...P(), dn]
       }],
       /**
        * Background Repeat
@@ -3275,7 +3309,7 @@ const D = (e) => {
        * @see https://tailwindcss.com/docs/background-size
        */
       "bg-size": [{
-        bg: ["auto", "cover", "contain", sn]
+        bg: ["auto", "cover", "contain", ln]
       }],
       /**
        * Background Image
@@ -3284,7 +3318,7 @@ const D = (e) => {
       "bg-image": [{
         bg: ["none", {
           "gradient-to": ["t", "tr", "r", "br", "b", "bl", "l", "tl"]
-        }, ln]
+        }, pn]
       }],
       /**
        * Background Color
@@ -3700,7 +3734,7 @@ const D = (e) => {
        * @see https://tailwindcss.com/docs/box-shadow
        */
       shadow: [{
-        shadow: ["", "inner", "none", q, dn]
+        shadow: ["", "inner", "none", q, fn]
       }],
       /**
        * Box Shadow Color
@@ -3800,7 +3834,7 @@ const D = (e) => {
        * @see https://tailwindcss.com/docs/sepia
        */
       sepia: [{
-        sepia: [S]
+        sepia: [C]
       }],
       /**
        * Backdrop Filter
@@ -3871,7 +3905,7 @@ const D = (e) => {
        * @see https://tailwindcss.com/docs/backdrop-sepia
        */
       "backdrop-sepia": [{
-        "backdrop-sepia": [S]
+        "backdrop-sepia": [C]
       }],
       // Tables
       /**
@@ -3993,14 +4027,14 @@ const D = (e) => {
        * @see https://tailwindcss.com/docs/translate
        */
       "translate-x": [{
-        "translate-x": [z]
+        "translate-x": [T]
       }],
       /**
        * Translate Y
        * @see https://tailwindcss.com/docs/translate
        */
       "translate-y": [{
-        "translate-y": [z]
+        "translate-y": [T]
       }],
       /**
        * Skew X
@@ -4078,126 +4112,126 @@ const D = (e) => {
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-m": [{
-        "scroll-m": C()
+        "scroll-m": S()
       }],
       /**
        * Scroll Margin X
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mx": [{
-        "scroll-mx": C()
+        "scroll-mx": S()
       }],
       /**
        * Scroll Margin Y
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-my": [{
-        "scroll-my": C()
+        "scroll-my": S()
       }],
       /**
        * Scroll Margin Start
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-ms": [{
-        "scroll-ms": C()
+        "scroll-ms": S()
       }],
       /**
        * Scroll Margin End
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-me": [{
-        "scroll-me": C()
+        "scroll-me": S()
       }],
       /**
        * Scroll Margin Top
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mt": [{
-        "scroll-mt": C()
+        "scroll-mt": S()
       }],
       /**
        * Scroll Margin Right
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mr": [{
-        "scroll-mr": C()
+        "scroll-mr": S()
       }],
       /**
        * Scroll Margin Bottom
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mb": [{
-        "scroll-mb": C()
+        "scroll-mb": S()
       }],
       /**
        * Scroll Margin Left
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-ml": [{
-        "scroll-ml": C()
+        "scroll-ml": S()
       }],
       /**
        * Scroll Padding
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-p": [{
-        "scroll-p": C()
+        "scroll-p": S()
       }],
       /**
        * Scroll Padding X
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-px": [{
-        "scroll-px": C()
+        "scroll-px": S()
       }],
       /**
        * Scroll Padding Y
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-py": [{
-        "scroll-py": C()
+        "scroll-py": S()
       }],
       /**
        * Scroll Padding Start
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-ps": [{
-        "scroll-ps": C()
+        "scroll-ps": S()
       }],
       /**
        * Scroll Padding End
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pe": [{
-        "scroll-pe": C()
+        "scroll-pe": S()
       }],
       /**
        * Scroll Padding Top
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pt": [{
-        "scroll-pt": C()
+        "scroll-pt": S()
       }],
       /**
        * Scroll Padding Right
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pr": [{
-        "scroll-pr": C()
+        "scroll-pr": S()
       }],
       /**
        * Scroll Padding Bottom
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pb": [{
-        "scroll-pb": C()
+        "scroll-pb": S()
       }],
       /**
        * Scroll Padding Left
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pl": [{
-        "scroll-pl": C()
+        "scroll-pl": S()
       }],
       /**
        * Scroll Snap Align
@@ -4355,12 +4389,12 @@ const D = (e) => {
       "font-size": ["leading"]
     }
   };
-}, mn = /* @__PURE__ */ qt(hn);
-function gn(...e) {
-  return mn(ft(e));
+}, vn = /* @__PURE__ */ Qt(bn);
+function wn(...e) {
+  return vn(ht(e));
 }
-function Qn({ autoWidth: e = !0, className: t, style: n }) {
-  const [r, o] = T(() => j.getActiveAppId()), [i, l] = T(() => V.getRunningApps()), { isMobile: a } = Ye();
+function tr({ autoWidth: e = !0, className: t, style: n }) {
+  const [r, o] = z(() => j.getActiveAppId()), [i, l] = z(() => V.getRunningApps()), { isMobile: a } = Ye();
   B(() => {
     const v = j.subscribe("activeAppId", (N) => {
       o(N);
@@ -4386,7 +4420,7 @@ function Qn({ autoWidth: e = !0, className: t, style: n }) {
     // Only set width if autoWidth is enabled
     ...e && c ? { width: a ? "100%" : g } : {}
   }, ...n };
-  return /* @__PURE__ */ s("div", { className: gn("nc-app-panel", t), style: m, children: i.map((v) => /* @__PURE__ */ s(
+  return /* @__PURE__ */ s("div", { className: wn("nc-app-panel", t), style: m, children: i.map((v) => /* @__PURE__ */ s(
     Fe,
     {
       appId: v.appId,
@@ -4396,8 +4430,8 @@ function Qn({ autoWidth: e = !0, className: t, style: n }) {
     v.appId
   )) });
 }
-function Zn({ pinnedAppIds: e, className: t = "" }) {
-  const { isMobile: n } = Ye(), [r, o] = T(() => j.getActiveAppId()), [i, l] = T(() => V.getRunningApps());
+function nr({ pinnedAppIds: e, className: t = "" }) {
+  const { isMobile: n } = Ye(), [r, o] = z(() => j.getActiveAppId()), [i, l] = z(() => V.getRunningApps());
   B(() => {
     const c = j.subscribe("activeAppId", (u) => {
       o(u);
@@ -4447,7 +4481,7 @@ function Zn({ pinnedAppIds: e, className: t = "" }) {
     })
   ] });
 }
-function er({
+function rr({
   appId: e,
   open: t,
   onClose: n,
@@ -4484,33 +4518,33 @@ function er({
   );
   return pe(a, document.body);
 }
-const Ne = se(null), Xe = se(null);
-function tr() {
-  const e = X(Ne);
+const Ae = se(null), Xe = se(null);
+function or() {
+  const e = X(Ae);
   if (!e)
     throw new Error("useNavStack must be used within a NavStackProvider");
   return e;
 }
-function nr() {
+function sr() {
   const e = X(Xe);
   if (!e)
     throw new Error("useNavView must be used within NavStack");
   return e;
 }
-const Ae = se(null);
-function rr({ rootView: e, children: t }) {
-  const { t: n } = J(), r = zt(), [o, i] = T([e]), [l, a] = T([null]), d = O((b, S) => {
+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] = S, I;
+      return I[b] = C, I;
     });
   }, []), p = O((b) => {
-    a((S) => {
-      const R = [...S];
+    a((C) => {
+      const R = [...C];
       return R[b] = null, R;
     });
   }, []), f = O((b) => {
-    i((S) => [...S, b]), a((S) => [...S, null]);
+    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(() => {
@@ -4538,10 +4572,10 @@ function rr({ rootView: e, children: t }) {
     clearToolbarAt: p,
     topIndex: m
   };
-  return /* @__PURE__ */ s(Ne.Provider, { value: h, children: /* @__PURE__ */ s(Ae.Provider, { value: k, children: t }) });
+  return /* @__PURE__ */ s(Ae.Provider, { value: h, children: /* @__PURE__ */ s(Ce.Provider, { value: k, children: t }) });
 }
-function bn({ index: e, children: t }) {
-  const n = X(Ae);
+function yn({ index: e, children: t }) {
+  const n = X(Ce);
   if (!n)
     throw new Error("NavViewProvider must be used within NavStackProvider");
   const { updateToolbar: r, clearToolbarAt: o, topIndex: i } = n, l = O((p) => {
@@ -4554,14 +4588,14 @@ function bn({ index: e, children: t }) {
   };
   return /* @__PURE__ */ s(Xe.Provider, { value: d, children: t });
 }
-function or() {
-  const e = X(Ne), t = X(Ae);
+function cr() {
+  const e = X(Ae), t = X(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(bn, { index: o, children: /* @__PURE__ */ s(
+    return /* @__PURE__ */ s(yn, { index: o, children: /* @__PURE__ */ s(
       "div",
       {
         style: { display: i ? "flex" : "none", flexDirection: "column", height: "100%" },
@@ -4572,53 +4606,54 @@ function or() {
 }
 export {
   Be as ActivityIndicator,
-  Cn as Alert,
+  $n as Alert,
   Fe as AppContainer,
   Oe as AppContext,
-  er as AppDialog,
-  Qn as AppPanel,
-  Zn as AppTaskbar,
-  Lt as AppTitleBar,
-  In as Battery,
+  rr as AppDialog,
+  tr as AppPanel,
+  nr as AppTaskbar,
+  Ht as AppTitleBar,
+  Rn as Battery,
   Y as Button,
-  Mn as ButtonGroup,
-  $n as Checkbox,
+  En as ButtonGroup,
+  zn as Checkbox,
   De as CloseButton,
-  Rn as ComboBox,
-  Ln as ContextMenu,
-  _n as CsvTextArea,
-  Bn as Dialog,
+  Tn as ComboBox,
+  Hn as ContextMenu,
+  Xn as CsvTextArea,
+  Wn as Dialog,
   ne as DialogClose,
-  Tn as EditButton,
-  Pn as Hyperlink,
-  Dn as Input,
-  Wn as ListGroup,
-  Hn as ListGroupItem,
-  Fn as MonthRangePicker,
-  On as MultiSelect,
-  or as NavStackContainer,
-  rr as NavStackProvider,
-  $t as Notification,
-  Un as NotificationContainer,
-  Vn as NumberInput,
-  En as RefreshButton,
-  Gn as Slider,
-  Nt as TabPanel,
-  Yn as TabPanels,
-  jn as Tabs,
-  Kn as Toggle,
-  zn as TrashButton,
-  Jn as ViewportProvider,
+  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,
   oe as appRegistry,
   j as appStateStore,
-  gn as cn,
-  Xn as createAppI18nFactory,
-  qn as notificationManager,
+  wn as cn,
+  Zn as createAppI18nFactory,
+  Qn as notificationManager,
   V as runningAppsStore,
-  zt as useApp,
-  wt as useDialog,
-  tr as useNavStack,
-  nr as useNavView,
+  zt as showNotification,
+  Bt as useApp,
+  xt as useDialog,
+  or as useNavStack,
+  sr as useNavView,
   Ye as useViewport
 };
 //# sourceMappingURL=index.js.map