@kingsimba/nc-ui 0.1.28 → 0.1.29

package/dist/index.js

@@ -1,14 +1,13 @@
-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 q = (e, t, n) => tt(e, typeof t != "symbol" ? t + "" : t, n);
-import { jsx as s, jsxs as A, 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 E, useRef as W, useMemo as me, useEffect as B, createContext as se, useContext as Q, 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";
+var tt = Object.defineProperty;
+var nt = (e, t, n) => t in e ? tt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
+var q = (e, t, n) => nt(e, typeof t != "symbol" ? t + "" : t, n);
+import { jsx as s, jsxs as k, Fragment as rt } from "react/jsx-runtime";
+import { d as ke, 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 Ne, { useState as E, useRef as H, useMemo as be, useEffect as B, createContext as ie, useContext as Z, Children as pt, isValidElement as ft, forwardRef as ht, useImperativeHandle as mt, useCallback as O, Suspense as gt } from "react";
+import { createPortal as pe } from "react-dom";
 import { useTranslation as U } from "react-i18next";
-import { c as gt } from "./YamlTextArea-ee1d1TLc.js";
-import { Y as fr } from "./YamlTextArea-ee1d1TLc.js";
 import bt from "i18next";
+import { c as vt } from "./clsx-OuTLNxxd.js";
 function He({
   size: e = "default",
   color: t,
@@ -51,7 +50,7 @@ function K({ variant: e = "default", block: t, size: n = "default", appearance:
     c ? "nc-loading" : "",
     o ?? ""
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ A(
+  return /* @__PURE__ */ k(
     "button",
     {
       className: v,
@@ -81,14 +80,14 @@ function K({ variant: e = "default", block: t, size: n = "default", appearance:
     }
   );
 }
-const vt = {
+const wt = {
   info: "primary",
   success: "success",
   warning: "warning",
   error: "danger",
   danger: "danger"
 };
-function Tn({
+function zn({
   code: e,
   text: t,
   type: n,
@@ -99,12 +98,12 @@ function Tn({
   className: c = "",
   style: l
 }) {
-  const u = i ?? /* @__PURE__ */ A(nt, { children: [
+  const u = i ?? /* @__PURE__ */ k(rt, { children: [
     e !== void 0 && /* @__PURE__ */ s("span", { className: "nc-alert-code", children: e }),
     t
   ] });
-  return /* @__PURE__ */ A("div", { className: `nc-alert nc-${n} ${c}`.trim(), style: l, children: [
-    /* @__PURE__ */ A("div", { className: "nc-alert-main", children: [
+  return /* @__PURE__ */ k("div", { className: `nc-alert nc-${n} ${c}`.trim(), style: l, children: [
+    /* @__PURE__ */ k("div", { className: "nc-alert-main", children: [
       /* @__PURE__ */ s("div", { className: `nc-alert-message nc-${n}`, children: u }),
       a && /* @__PURE__ */ s(
         "button",
@@ -113,7 +112,7 @@ function Tn({
           className: "nc-alert-close",
           "aria-label": "Close alert",
           onClick: a,
-          children: /* @__PURE__ */ s(xe, { size: 16 })
+          children: /* @__PURE__ */ s(ke, { size: 16 })
         }
       )
     ] }),
@@ -121,14 +120,14 @@ function Tn({
       K,
       {
         size: "small",
-        variant: r.variant ?? vt[n],
+        variant: r.variant ?? wt[n],
         onClick: o,
         children: r.text
       }
     ) })
   ] });
 }
-function zn({
+function Pn({
   percentage: e = 0.5,
   status: t = "discharging",
   darkMode: n = !1,
@@ -137,8 +136,8 @@ function zn({
   const o = Math.max(0, Math.min(1, Number(e) || 0)), i = o === 0 ? "-" : String(Math.round(o * 100));
   let a;
   r ? o < 0.1 ? a = "var(--nc-danger)" : o < 0.2 ? a = "var(--nc-warning)" : a = "var(--nc-success)" : a = n ? "#ffffff" : "#000000";
-  const c = "var(--nc-battery-shell-bg)", l = 24, u = 14, f = 2, v = 0, d = 12, m = 0, y = 0, g = 0, w = l, k = u, b = k - m * 2, p = w - m * 2, h = Math.max(1, Math.min(4, k / 4)), N = o === 0 ? 0 : 0.05 + o * 0.95, C = l + f + d, z = 20, T = 0.65, x = Math.max(u, z * T), R = l + f + 1, S = (u - z * T) / 2;
-  return /* @__PURE__ */ A(
+  const c = "var(--nc-battery-shell-bg)", l = 24, u = 14, f = 2, v = 0, d = 12, m = 0, y = 0, w = 0, g = l, N = u, b = N - m * 2, p = g - m * 2, h = Math.max(1, Math.min(4, N / 4)), A = o === 0 ? 0 : 0.05 + o * 0.95, C = l + f + d, z = 20, T = 0.65, x = Math.max(u, z * T), I = l + f + 1, S = (u - z * T) / 2;
+  return /* @__PURE__ */ k(
     "svg",
     {
       className: "nc-battery",
@@ -148,16 +147,16 @@ function zn({
       role: "img",
       "aria-label": `Battery ${i === "-" ? "-" : `${i}%`} ${t}`,
       children: [
-        /* @__PURE__ */ s("defs", { children: /* @__PURE__ */ s("mask", { id: `nc-battery-fill-mask-${o}`, children: /* @__PURE__ */ s("rect", { x: "0", y: "0", width: p * N, height: b, fill: "white" }) }) }),
+        /* @__PURE__ */ s("defs", { children: /* @__PURE__ */ s("mask", { id: `nc-battery-fill-mask-${o}`, children: /* @__PURE__ */ s("rect", { x: "0", y: "0", width: p * A, height: b, fill: "white" }) }) }),
         /* @__PURE__ */ s(
           "rect",
           {
             x: y,
-            y: g,
+            y: w,
             rx: h,
             ry: h,
-            width: w,
-            height: k,
+            width: g,
+            height: N,
             fill: c
           }
         ),
@@ -165,7 +164,7 @@ function zn({
           "rect",
           {
             x: y + m,
-            y: g + m,
+            y: w + m,
             width: p,
             height: b,
             fill: a,
@@ -177,7 +176,7 @@ function zn({
         /* @__PURE__ */ s(
           "text",
           {
-            x: y + w / 2,
+            x: y + g / 2,
             y: u - 3,
             fontSize: 11,
             fontWeight: "bold",
@@ -198,12 +197,12 @@ function zn({
             fill: o === 1 ? a : c
           }
         ),
-        t === "charging" ? /* @__PURE__ */ s("g", { transform: `translate(${R}, ${S}) scale(${T})`, fill: a, children: /* @__PURE__ */ s("path", { d: "M10 0 L2 11 H8 L5 20 L14 8 H8 L10 0 Z" }) }) : null
+        t === "charging" ? /* @__PURE__ */ s("g", { transform: `translate(${I}, ${S}) scale(${T})`, fill: a, children: /* @__PURE__ */ s("path", { d: "M10 0 L2 11 H8 L5 20 L14 8 H8 L10 0 Z" }) }) : null
       ]
     }
   );
 }
-function Pn({
+function Bn({
   value: e,
   onChange: t,
   options: n,
@@ -225,7 +224,7 @@ function Pn({
     );
   }) });
 }
-function wt({ size: e }) {
+function yt({ 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",
     {
@@ -237,9 +236,9 @@ function wt({ size: e }) {
     }
   ) });
 }
-function Ln({ checked: e, onChange: t, disabled: n, label: r, size: o = "default", labelColor: i, style: a, className: c = "" }) {
+function Dn({ checked: e, onChange: t, disabled: n, label: r, size: o = "default", labelColor: i, style: a, className: c = "" }) {
   const l = o === "small";
-  return /* @__PURE__ */ A(
+  return /* @__PURE__ */ k(
     "label",
     {
       className: `nc-checkbox-label ${l ? "nc-small" : ""} ${n ? "nc-disabled" : ""} ${c}`.trim(),
@@ -258,7 +257,7 @@ function Ln({ checked: e, onChange: t, disabled: n, label: r, size: o = "default
             onKeyDown: (u) => {
               n || (u.key === "Enter" || u.key === " ") && (u.preventDefault(), t(!e));
             },
-            children: e && /* @__PURE__ */ s(wt, { size: o })
+            children: e && /* @__PURE__ */ s(yt, { size: o })
           }
         ),
         r && /* @__PURE__ */ s("span", { className: "nc-checkbox-text", style: i ? { color: i } : void 0, children: r })
@@ -266,11 +265,11 @@ function Ln({ checked: e, onChange: t, disabled: n, label: r, size: o = "default
     }
   );
 }
-function yt({ option: e, onChange: t, selected: n, highlighted: r, small: o }) {
-  const i = W(null), { t: a } = U();
+function xt({ option: e, onChange: t, selected: n, highlighted: r, small: o }) {
+  const i = H(null), { t: a } = U();
   return B(() => {
     r && i.current && i.current.scrollIntoView({ block: "nearest" });
-  }, [r]), /* @__PURE__ */ A(
+  }, [r]), /* @__PURE__ */ k(
     "div",
     {
       ref: i,
@@ -284,7 +283,7 @@ function yt({ option: e, onChange: t, selected: n, highlighted: r, small: o }) {
       },
       children: [
         e.label,
-        e.default && /* @__PURE__ */ A("span", { style: { fontSize: "0.85em", color: "var(--nc-text-weak)", marginLeft: 6 }, children: [
+        e.default && /* @__PURE__ */ k("span", { style: { fontSize: "0.85em", color: "var(--nc-text-weak)", marginLeft: 6 }, children: [
           "(",
           a("common.default"),
           ")"
@@ -293,7 +292,7 @@ function yt({ option: e, onChange: t, selected: n, highlighted: r, small: o }) {
     }
   );
 }
-function xt({
+function kt({
   isOpen: e,
   options: t,
   onSelect: n,
@@ -307,13 +306,13 @@ function xt({
   if (B(() => {
     if (e && i.current) {
       const y = i.current.getBoundingClientRect();
-      let g = o;
+      let w = o;
       if (o === "bottom") {
-        const w = window.innerHeight - y.bottom, k = y.top;
-        w < 320 && k > w && (g = "top");
+        const g = window.innerHeight - y.bottom, N = y.top;
+        g < 320 && N > g && (w = "top");
       }
-      v(g), u({
-        top: g === "top" ? y.top - 4 : y.bottom + 4,
+      v(w), u({
+        top: w === "top" ? y.top - 4 : y.bottom + 4,
         left: y.left,
         width: y.width
       });
@@ -333,12 +332,12 @@ function xt({
         maxHeight: 300,
         overflowY: "auto"
       },
-      children: t.length === 0 ? /* @__PURE__ */ s("div", { className: `nc-combo-dropdown-option nc-no-results ${a ? "nc-small" : ""}`, children: d("common.noResults") }) : t.map((y, g) => /* @__PURE__ */ s(yt, { option: y, onChange: n, selected: y.value === r, highlighted: g === c, small: a }, y.value))
+      children: t.length === 0 ? /* @__PURE__ */ s("div", { className: `nc-combo-dropdown-option nc-no-results ${a ? "nc-small" : ""}`, children: d("common.noResults") }) : t.map((y, w) => /* @__PURE__ */ s(xt, { option: y, onChange: n, selected: y.value === r, highlighted: w === c, small: a }, y.value))
     }
   );
-  return ue(m, document.body);
+  return pe(m, document.body);
 }
-function kt({ onClick: e, small: t }) {
+function Nt({ onClick: e, small: t }) {
   return /* @__PURE__ */ s(
     "button",
     {
@@ -350,7 +349,7 @@ function kt({ onClick: e, small: t }) {
     }
   );
 }
-function Nt({ open: e, onClick: t, small: n }) {
+function At({ open: e, onClick: t, small: n }) {
   return /* @__PURE__ */ s(
     "button",
     {
@@ -362,7 +361,7 @@ function Nt({ open: e, onClick: t, small: n }) {
     }
   );
 }
-function Bn({
+function Wn({
   value: e,
   onChange: t,
   placeholder: n = "Select…",
@@ -378,66 +377,66 @@ function Bn({
   style: d,
   className: m
 }) {
-  const [y, g] = E(!1), [w, k] = E(""), [b, p] = E(-1), h = W(null), N = W(null), C = u === "small", { t: z } = U(), T = me(() => {
-    const M = w.toLowerCase();
-    return c ? r.filter((L) => L.label.toLowerCase().includes(M)) : r;
-  }, [r, w, c]);
+  const [y, w] = E(!1), [g, N] = E(""), [b, p] = E(-1), h = H(null), A = H(null), C = u === "small", { t: z } = U(), T = be(() => {
+    const R = g.toLowerCase();
+    return c ? r.filter((P) => P.label.toLowerCase().includes(R)) : r;
+  }, [r, g, c]);
   B(() => {
     y && p(-1);
   }, [y, T]), B(() => {
     if (!a && !e && r.length > 0 && t) {
-      const M = r.find((L) => L.default) || r[0];
-      t(M.value);
+      const R = r.find((P) => P.default) || r[0];
+      t(R.value);
     }
   }, [a, e, r, t]), B(() => {
-    function M(L) {
-      var D;
-      L.target instanceof Node && h.current && ((D = h.current.parentElement) != null && D.contains(L.target) || g(!1));
+    function R(P) {
+      var W;
+      P.target instanceof Node && h.current && ((W = h.current.parentElement) != null && W.contains(P.target) || w(!1));
     }
-    return document.addEventListener("mousedown", M), () => document.removeEventListener("mousedown", M);
+    return document.addEventListener("mousedown", R), () => document.removeEventListener("mousedown", R);
   }, []);
-  const x = r.find((M) => M.value === e), R = x && a, S = !o && !R, $ = `nc-align-${v}`, P = !(y && c) && !!x, F = (M, L = !1) => {
-    var D;
-    t == null || t(M), g(!1), k(""), L && ((D = h.current) == null || D.blur());
-  }, Z = () => {
-    t == null || t(void 0), k(""), g(!1);
-  }, Y = (M) => {
+  const x = r.find((R) => R.value === e), I = x && a, S = !o && !I, $ = `nc-align-${v}`, L = !(y && c) && !!x, F = (R, P = !1) => {
+    var W;
+    t == null || t(R), w(!1), N(""), P && ((W = h.current) == null || W.blur());
+  }, Q = () => {
+    t == null || t(void 0), N(""), w(!1);
+  }, G = (R) => {
     if (!y) {
-      (M.key === "ArrowDown" || M.key === "ArrowUp") && (g(!0), M.preventDefault());
+      (R.key === "ArrowDown" || R.key === "ArrowUp") && (w(!0), R.preventDefault());
       return;
     }
-    switch (M.key) {
+    switch (R.key) {
       case "ArrowDown":
-        M.preventDefault(), p((L) => {
-          const D = L + 1;
-          return D >= T.length ? 0 : D;
+        R.preventDefault(), p((P) => {
+          const W = P + 1;
+          return W >= T.length ? 0 : W;
         });
         break;
       case "ArrowUp":
-        M.preventDefault(), p((L) => {
-          const D = L - 1;
-          return D < 0 ? T.length - 1 : D;
+        R.preventDefault(), p((P) => {
+          const W = P - 1;
+          return W < 0 ? T.length - 1 : W;
         });
         break;
       case "Enter":
-        M.preventDefault(), b >= 0 && b < T.length && F(T[b].value, !0);
+        R.preventDefault(), b >= 0 && b < T.length && F(T[b].value, !0);
         break;
       case "Escape":
-        M.preventDefault(), g(!1), k("");
+        R.preventDefault(), w(!1), N("");
         break;
     }
   };
-  return /* @__PURE__ */ A("div", { className: `nc-combo-container ${f === "transparent" ? "nc-transparent" : ""} ${$} ${m || ""}`.trim(), style: { position: "relative", ...d }, children: [
+  return /* @__PURE__ */ k("div", { className: `nc-combo-container ${f === "transparent" ? "nc-transparent" : ""} ${f === "plain" ? "nc-plain" : ""} ${y ? "nc-open" : ""} ${$} ${m || ""}`.trim(), style: { position: "relative", ...d }, children: [
     i && /* @__PURE__ */ s("span", { className: `nc-label ${C ? "nc-small" : ""}`, children: i }),
-    /* @__PURE__ */ A(
+    /* @__PURE__ */ k(
       "div",
       {
-        ref: N,
+        ref: A,
         style: { position: "relative", display: "flex", alignItems: "center" },
-        onMouseDown: (M) => {
-          o || c && M.target === h.current || (g((L) => (!L && c && x && k(x.label), !L)), c && !y && setTimeout(() => {
-            var L, D;
-            (L = h.current) == null || L.focus(), (D = h.current) == null || D.select();
+        onMouseDown: (R) => {
+          o || c && R.target === h.current || (w((P) => (!P && c && x && N(x.label), !P)), c && !y && setTimeout(() => {
+            var P, W;
+            (P = h.current) == null || P.focus(), (W = h.current) == null || W.select();
           }, 0));
         },
         children: [
@@ -448,27 +447,27 @@ function Bn({
               className: `nc-input ${C ? "nc-small" : ""}`,
               placeholder: n,
               onFocus: () => {
-                var M;
-                !o && c && (g(!0), x && (k(x.label), setTimeout(() => {
-                  var L;
-                  return (L = h.current) == null ? void 0 : L.select();
-                }, 0))), c || (M = h.current) == null || M.blur();
+                var R;
+                !o && c && (w(!0), x && (N(x.label), setTimeout(() => {
+                  var P;
+                  return (P = h.current) == null ? void 0 : P.select();
+                }, 0))), c || (R = h.current) == null || R.blur();
               },
-              onChange: (M) => c && k(M.target.value),
-              onKeyDown: Y,
-              value: y && c ? w : (x == null ? void 0 : x.label) || "",
+              onChange: (R) => c && N(R.target.value),
+              onKeyDown: G,
+              value: y && c ? g : (x == null ? void 0 : x.label) || "",
               readOnly: o || !c,
               style: {
                 width: "100%",
-                paddingRight: S || R ? C ? 32 : 44 : 12,
+                paddingRight: S || I ? C ? 32 : 44 : 12,
                 caretColor: c ? void 0 : "transparent",
                 cursor: c ? void 0 : "pointer",
                 userSelect: c ? void 0 : "none",
-                color: P ? "transparent" : "var(--nc-text)"
+                color: L ? "transparent" : "var(--nc-text)"
               }
             }
           ),
-          P && /* @__PURE__ */ A(
+          L && /* @__PURE__ */ k(
             "div",
             {
               "aria-hidden": !0,
@@ -476,14 +475,14 @@ function Bn({
               style: {
                 position: "absolute",
                 left: C ? 8 : 12,
-                right: S || R ? C ? 12 : 24 : C ? 8 : 12,
+                right: S || I ? C ? 12 : 24 : C ? 8 : 12,
                 top: "50%",
                 transform: "translateY(-50%)",
                 pointerEvents: "none"
               },
               children: [
                 /* @__PURE__ */ s("span", { className: `nc-combo-overlay-text ${C ? "nc-small" : ""}`, children: x == null ? void 0 : x.label }),
-                (x == null ? void 0 : x.default) && /* @__PURE__ */ A("span", { className: `nc-combo-overlay-default ${C ? "nc-small" : ""}`, children: [
+                (x == null ? void 0 : x.default) && /* @__PURE__ */ k("span", { className: `nc-combo-overlay-default ${C ? "nc-small" : ""}`, children: [
                   "(",
                   z("common.default"),
                   ")"
@@ -491,15 +490,15 @@ function Bn({
               ]
             }
           ),
-          R && /* @__PURE__ */ s(kt, { onClick: Z, small: C }),
-          S && /* @__PURE__ */ s(Nt, { open: y, onClick: () => g((M) => !M), small: C })
+          I && /* @__PURE__ */ s(Nt, { onClick: Q, small: C }),
+          S && /* @__PURE__ */ s(At, { open: y, onClick: () => w((R) => !R), small: C })
         ]
       }
     ),
-    /* @__PURE__ */ s(xt, { isOpen: y, options: T, onSelect: F, selectedValue: e, placement: l, anchorRef: N, small: C, highlightedIndex: b })
+    /* @__PURE__ */ s(kt, { isOpen: y, options: T, onSelect: F, selectedValue: e, placement: l, anchorRef: A, small: C, highlightedIndex: b })
   ] });
 }
-function Dn({ onClick: e, loading: t = !1, disabled: n = !1, size: r = "default", title: o, "aria-label": i }) {
+function Hn({ onClick: e, loading: t = !1, disabled: n = !1, size: r = "default", title: o, "aria-label": i }) {
   return /* @__PURE__ */ s(
     "button",
     {
@@ -509,11 +508,11 @@ function Dn({ 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(ot, { size: r === "small" ? 14 : r === "large" ? 20 : 18, className: t ? "nc-spinning" : "" })
+      children: /* @__PURE__ */ s(st, { size: r === "small" ? 14 : r === "large" ? 20 : 18, className: t ? "nc-spinning" : "" })
     }
   );
 }
-function We({ onClick: e, disabled: t = !1, size: n = "default", title: r = "Close", "aria-label": o = "Close" }) {
+function Oe({ onClick: e, disabled: t = !1, size: n = "default", title: r = "Close", "aria-label": o = "Close" }) {
   return /* @__PURE__ */ s(
     "button",
     {
@@ -523,11 +522,11 @@ function We({ onClick: e, disabled: t = !1, size: n = "default", title: r = "Clo
       title: r,
       "aria-label": o,
       "data-size": n,
-      children: /* @__PURE__ */ s(xe, { size: n === "small" ? 14 : n === "large" ? 20 : 18 })
+      children: /* @__PURE__ */ s(ke, { size: n === "small" ? 14 : n === "large" ? 20 : 18 })
     }
   );
 }
-function Hn({ onClick: e, disabled: t = !1, size: n = "default", title: r = "Edit", "aria-label": o = "Edit" }) {
+function On({ onClick: e, disabled: t = !1, size: n = "default", title: r = "Edit", "aria-label": o = "Edit" }) {
   return /* @__PURE__ */ s(
     "button",
     {
@@ -537,11 +536,11 @@ function Hn({ onClick: e, disabled: t = !1, size: n = "default", title: r = "Edi
       title: r,
       "aria-label": o,
       "data-size": n,
-      children: /* @__PURE__ */ s(rt, { size: n === "small" ? 14 : n === "large" ? 20 : 18 })
+      children: /* @__PURE__ */ s(ot, { size: n === "small" ? 14 : n === "large" ? 20 : 18 })
     }
   );
 }
-function Wn({ onClick: e, disabled: t = !1, size: n = "default", title: r = "Delete", "aria-label": o = "Delete" }) {
+function Fn({ onClick: e, disabled: t = !1, size: n = "default", title: r = "Delete", "aria-label": o = "Delete" }) {
   return /* @__PURE__ */ s(
     "button",
     {
@@ -551,11 +550,11 @@ function Wn({ onClick: e, disabled: t = !1, size: n = "default", title: r = "Del
       title: r,
       "aria-label": o,
       "data-size": n,
-      children: /* @__PURE__ */ s(st, { size: n === "small" ? 14 : n === "large" ? 20 : 18 })
+      children: /* @__PURE__ */ s(it, { size: n === "small" ? 14 : n === "large" ? 20 : 18 })
     }
   );
 }
-function On({ onClick: e, disabled: t = !1, children: n, title: r, "aria-label": o, size: i = "default" }) {
+function Vn({ onClick: e, disabled: t = !1, children: n, title: r, "aria-label": o, size: i = "default" }) {
   return /* @__PURE__ */ s(
     "button",
     {
@@ -569,7 +568,7 @@ function On({ onClick: e, disabled: t = !1, children: n, title: r, "aria-label":
     }
   );
 }
-function Fn({
+function jn({
   open: e,
   onClose: t,
   options: n,
@@ -577,16 +576,16 @@ function Fn({
   anchor: o,
   preferredDirection: i = "down"
 }) {
-  const a = W(null), [c, l] = E({ top: 0, left: 0 }), u = o || (r == null ? void 0 : r.current);
+  const a = H(null), [c, l] = E({ top: 0, left: 0 }), u = o || (r == null ? void 0 : r.current);
   if (B(() => {
     if (!e || !u || !a.current) return;
-    const d = u.getBoundingClientRect(), m = a.current.getBoundingClientRect(), y = window.innerHeight, g = window.innerWidth, w = d.bottom + 8, k = w + m.height <= y - 8;
+    const d = u.getBoundingClientRect(), m = a.current.getBoundingClientRect(), y = window.innerHeight, w = window.innerWidth, g = d.bottom + 8, N = g + m.height <= y - 8;
     let b = i;
-    (!k && i === "down" || i === "up" && k) && (b = "up");
+    (!N && i === "down" || i === "up" && N) && (b = "up");
     let p;
-    b === "down" ? p = w : p = d.top - m.height - 8;
+    b === "down" ? p = g : p = d.top - m.height - 8;
     let h = d.left;
-    h + m.width > g - 8 && (h = d.right - m.width), l({
+    h + m.width > w - 8 && (h = d.right - m.width), l({
       top: Math.max(8, p),
       // Ensure minimum 8px from top
       left: Math.max(8, h)
@@ -606,7 +605,7 @@ function Fn({
   const f = (d) => {
     d.type !== "separator" && !d.disabled && d.onClick && (d.onClick(), t());
   }, v = n.some((d) => d.icon);
-  return ue(
+  return pe(
     /* @__PURE__ */ s(
       "div",
       {
@@ -635,7 +634,7 @@ function Fn({
             d.disabled ? "nc-disabled" : "",
             v && !d.icon ? "nc-indented" : ""
           ].filter(Boolean).join(" ");
-          return /* @__PURE__ */ A(
+          return /* @__PURE__ */ k(
             "button",
             {
               className: m,
@@ -655,20 +654,20 @@ function Fn({
     document.body
   );
 }
-const Oe = se(null);
-function At() {
-  const e = Q(Oe);
+const Fe = ie(null);
+function Ct() {
+  const e = Z(Fe);
   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 } = At(), { t: o } = U();
+function re({ children: e, onClick: t, ...n }) {
+  const { close: r } = Ct(), { t: o } = U();
   return /* @__PURE__ */ s(K, { onClick: (a) => {
     t == null || t(a), r();
   }, ...n, children: e ?? o("common.close") });
 }
-function Vn({
+function Gn({
   open: e,
   onClose: t,
   title: n,
@@ -684,55 +683,55 @@ function Vn({
   closeOnOverlay: d = !0,
   primaryDisabled: m = !1,
   fullScreen: y = !1,
-  hideTitleBar: g = !1,
-  className: w = "",
-  onContentHeightChange: k
+  hideTitleBar: w = !1,
+  className: g = "",
+  onContentHeightChange: N
 }) {
-  const b = W(null), p = W(null), { t: h } = U(), N = { close: t }, C = (x) => {
+  const b = H(null), p = H(null), { t: h } = U(), A = { close: t }, C = (x) => {
     d && x.target === x.currentTarget && t();
   };
   if (B(() => {
     e && b.current && b.current.focus();
   }, [e]), B(() => {
-    if (!k || !p.current) return;
-    const x = new ResizeObserver((R) => {
-      for (const S of R) {
+    if (!N || !p.current) return;
+    const x = new ResizeObserver((I) => {
+      for (const S of I) {
         const $ = S.contentRect.height;
-        k($);
+        N($);
       }
     });
     return x.observe(p.current), () => {
       x.disconnect();
     };
-  }, [k]), !e) return null;
+  }, [N]), !e) return null;
   const z = () => {
     switch (i) {
       case "ok":
         return /* @__PURE__ */ s("div", { className: "nc-dialog-footer", children: /* @__PURE__ */ s(K, { variant: "primary", onClick: c ?? t, disabled: m, children: h("common.ok") }) });
       case "ok-cancel":
-        return /* @__PURE__ */ A("div", { className: "nc-dialog-footer", children: [
-          /* @__PURE__ */ s(ne, { onClick: f, children: h("common.cancel") }),
+        return /* @__PURE__ */ k("div", { className: "nc-dialog-footer", children: [
+          /* @__PURE__ */ s(re, { onClick: f, children: h("common.cancel") }),
           /* @__PURE__ */ s(K, { variant: "primary", onClick: c ?? t, disabled: m, children: h("common.ok") })
         ] });
       case "save-cancel":
-        return /* @__PURE__ */ A("div", { className: "nc-dialog-footer", children: [
-          /* @__PURE__ */ s(ne, { onClick: f, children: h("common.cancel") }),
+        return /* @__PURE__ */ k("div", { className: "nc-dialog-footer", children: [
+          /* @__PURE__ */ s(re, { onClick: f, children: h("common.cancel") }),
           /* @__PURE__ */ s(K, { variant: "primary", onClick: l, disabled: m, children: h("common.save") })
         ] });
       case "delete-cancel":
-        return /* @__PURE__ */ A("div", { className: "nc-dialog-footer", children: [
-          /* @__PURE__ */ s(ne, { onClick: f, children: h("common.cancel") }),
+        return /* @__PURE__ */ k("div", { className: "nc-dialog-footer", children: [
+          /* @__PURE__ */ s(re, { onClick: f, children: h("common.cancel") }),
           /* @__PURE__ */ s(K, { variant: "danger", onClick: u, disabled: m, children: h("common.delete") })
         ] });
       case "connect":
-        return /* @__PURE__ */ A("div", { className: "nc-dialog-footer", children: [
-          /* @__PURE__ */ s(ne, { onClick: f, children: h("common.cancel") }),
+        return /* @__PURE__ */ k("div", { className: "nc-dialog-footer", children: [
+          /* @__PURE__ */ s(re, { onClick: f, children: h("common.cancel") }),
           /* @__PURE__ */ s(K, { variant: "primary", onClick: v, disabled: m, children: h("common.connect") })
         ] });
       case "close":
-        return /* @__PURE__ */ s("div", { className: "nc-dialog-footer", children: /* @__PURE__ */ s(ne, { variant: "primary" }) });
+        return /* @__PURE__ */ s("div", { className: "nc-dialog-footer", children: /* @__PURE__ */ s(re, { variant: "primary" }) });
       case "gotit":
-        return /* @__PURE__ */ s("div", { className: "nc-dialog-footer", children: /* @__PURE__ */ s(ne, { variant: "primary", children: h("common.gotit") }) });
+        return /* @__PURE__ */ s("div", { className: "nc-dialog-footer", children: /* @__PURE__ */ s(re, { variant: "primary", children: h("common.gotit") }) });
       case "custom":
         return /* @__PURE__ */ s("div", { className: "nc-dialog-footer", children: a });
       case "none":
@@ -740,27 +739,27 @@ function Vn({
       default:
         return null;
     }
-  }, T = /* @__PURE__ */ s(Oe.Provider, { value: N, children: /* @__PURE__ */ s("div", { className: `nc-dialog-overlay${y ? " nc-fullscreen" : ""}`, onClick: C, children: /* @__PURE__ */ A(
+  }, T = /* @__PURE__ */ s(Fe.Provider, { value: A, children: /* @__PURE__ */ s("div", { className: `nc-dialog-overlay${y ? " nc-fullscreen" : ""}`, onClick: C, children: /* @__PURE__ */ k(
     "div",
     {
       ref: b,
-      className: `nc-dialog-container ${w}`,
+      className: `nc-dialog-container ${g}`,
       style: o,
       tabIndex: -1,
       role: "dialog",
       "aria-modal": "true",
-      "aria-labelledby": g ? void 0 : "nc-dialog-title",
+      "aria-labelledby": w ? void 0 : "nc-dialog-title",
       children: [
-        !g && /* @__PURE__ */ A("div", { className: "nc-dialog-header", children: [
+        !w && /* @__PURE__ */ k("div", { className: "nc-dialog-header", children: [
           /* @__PURE__ */ s("h3", { id: "nc-dialog-title", className: "nc-dialog-title", children: n }),
-          /* @__PURE__ */ s(We, { onClick: t, "aria-label": "Close dialog" })
+          /* @__PURE__ */ s(Oe, { onClick: t, "aria-label": "Close dialog" })
         ] }),
         /* @__PURE__ */ s("div", { ref: p, className: "nc-dialog-content", children: r }),
         z()
       ]
     }
   ) }) });
-  return y ? ue(T, document.body) : T;
+  return y ? pe(T, document.body) : T;
 }
 function St({ onClick: e, size: t = "default", rightOffset: n = 4 }) {
   const r = t === "small" ? 28 : 34;
@@ -791,7 +790,7 @@ function St({ onClick: e, size: t = "default", rightOffset: n = 4 }) {
     }
   );
 }
-function Ct({ visible: e, onClick: t, size: n = "default" }) {
+function $t({ visible: e, onClick: t, size: n = "default" }) {
   const r = n === "small" ? 28 : 34, o = n === "small" ? 16 : 18;
   return /* @__PURE__ */ s(
     "button",
@@ -815,7 +814,7 @@ function Ct({ visible: e, onClick: t, size: n = "default" }) {
         alignItems: "center",
         justifyContent: "center"
       },
-      children: e ? /* @__PURE__ */ s(it, { size: o }) : /* @__PURE__ */ s(ct, { size: o })
+      children: e ? /* @__PURE__ */ s(ct, { size: o }) : /* @__PURE__ */ s(at, { size: o })
     }
   );
 }
@@ -832,91 +831,92 @@ function Yn({
   type: u = "text",
   className: f = "",
   size: v = "default",
-  style: d,
-  leadingIcon: m,
-  showPasswordToggle: y = !1,
+  appearance: d = "default",
+  style: m,
+  leadingIcon: y,
+  showPasswordToggle: w = !1,
   multiline: g = !1,
-  rows: w = 3,
-  validator: k,
-  showErrorMessage: b = !0
+  rows: N = 3,
+  validator: b,
+  showErrorMessage: p = !0
 }) {
-  const p = W(null), h = W(null), [N, C] = E(!1), [z, T] = E(!1), x = e !== void 0, [R, S] = E(t), $ = x ? e : R, P = k ? k($) : null, F = !!P, Z = u === "password", Y = Z && y && !a && !g, M = l && $ && !a && z, L = v === "small" ? 32 : 44;
-  let D = 12;
-  M && Y ? D = L * 2 : (M || Y) && (D = L);
-  const V = m ? v === "small" ? 28 : 34 : void 0, Ze = () => {
-    var te, ce;
-    x || S(""), n == null || n(""), o == null || o(), g ? (te = h.current) == null || te.focus() : (ce = p.current) == null || ce.focus();
-  }, Ce = (te) => {
-    te.key === "Enter" && !g && (r == null || r());
-  }, $e = (te) => {
-    const ce = te.target.value;
-    x || S(ce), n == null || n(ce);
+  const h = H(null), A = H(null), [C, z] = E(!1), [T, x] = E(!1), I = e !== void 0, [S, $] = E(t), L = I ? e : S, F = b ? b(L) : null, Q = !!F, G = u === "password", R = G && w && !a && !g, P = l && L && !a && T, W = v === "small" ? 32 : 44;
+  let ee = 12;
+  P && R ? ee = W * 2 : (P || R) && (ee = W);
+  const fe = y ? v === "small" ? 28 : 34 : void 0, et = () => {
+    var ne, ae;
+    I || $(""), n == null || n(""), o == null || o(), g ? (ne = A.current) == null || ne.focus() : (ae = h.current) == null || ae.focus();
+  }, $e = (ne) => {
+    ne.key === "Enter" && !g && (r == null || r());
+  }, Me = (ne) => {
+    const ae = ne.target.value;
+    I || $(ae), n == null || n(ae);
   }, Ie = () => {
-    T(!0);
-  }, Me = () => {
-    T(!1);
-  }, Re = `nc-input ${v === "small" ? "nc-small " : ""} ${F ? "nc-error " : ""}${f}`;
-  return /* @__PURE__ */ A("div", { className: "nc-col", style: { position: "relative", flex: 1, ...d }, children: [
+    x(!0);
+  }, Re = () => {
+    x(!1);
+  }, Ee = `nc-input ${v === "small" ? "nc-small " : ""}${!g && d === "plain" ? "nc-plain " : ""}${Q ? "nc-error " : ""}${f}`;
+  return /* @__PURE__ */ k("div", { className: "nc-col", style: { position: "relative", flex: 1, ...m }, children: [
     c && /* @__PURE__ */ s("span", { className: "nc-label", children: c }),
-    /* @__PURE__ */ A("div", { style: { position: "relative", display: "flex", alignItems: g ? "flex-start" : "center" }, children: [
-      m && /* @__PURE__ */ s("span", { className: "nc-input-leading-icon", style: { height: g ? void 0 : "100%", top: g ? 10 : void 0 }, children: m }),
+    /* @__PURE__ */ k("div", { style: { position: "relative", display: "flex", alignItems: g ? "flex-start" : "center" }, children: [
+      y && /* @__PURE__ */ s("span", { className: "nc-input-leading-icon", style: { height: g ? void 0 : "100%", top: g ? 10 : void 0 }, children: y }),
       g ? /* @__PURE__ */ s(
         "textarea",
         {
-          ref: h,
-          className: Re,
+          ref: A,
+          className: Ee,
           placeholder: i,
-          value: $,
-          onChange: $e,
-          onKeyDown: Ce,
+          value: L,
+          onChange: Me,
+          onKeyDown: $e,
           onFocus: Ie,
-          onBlur: Me,
+          onBlur: Re,
           readOnly: a,
           "aria-disabled": a,
           tabIndex: a ? -1 : void 0,
-          rows: w,
+          rows: N,
           style: {
             width: "100%",
-            paddingRight: D,
-            ...V !== void 0 ? { paddingLeft: V } : {}
+            paddingRight: ee,
+            ...fe !== void 0 ? { paddingLeft: fe } : {}
           }
         }
       ) : /* @__PURE__ */ s(
         "input",
         {
-          ref: p,
-          type: Z && N ? "text" : u,
-          className: Re,
+          ref: h,
+          type: G && C ? "text" : u,
+          className: Ee,
           placeholder: i,
-          value: $,
-          onChange: $e,
-          onKeyDown: Ce,
+          value: L,
+          onChange: Me,
+          onKeyDown: $e,
           onFocus: Ie,
-          onBlur: Me,
+          onBlur: Re,
           readOnly: a,
           "aria-disabled": a,
           tabIndex: a ? -1 : void 0,
           style: {
             width: "100%",
-            paddingRight: D,
-            ...V !== void 0 ? { paddingLeft: V } : {}
+            paddingRight: ee,
+            ...fe !== void 0 ? { paddingLeft: fe } : {}
           }
         }
       ),
-      M && /* @__PURE__ */ s(St, { onClick: Ze, size: v, rightOffset: Y ? L + 4 : 4 }),
-      Y && /* @__PURE__ */ s(Ct, { visible: N, onClick: () => C(!N), size: v })
+      P && /* @__PURE__ */ s(St, { onClick: et, size: v, rightOffset: R ? W + 4 : 4 }),
+      R && /* @__PURE__ */ s($t, { visible: C, onClick: () => z(!C), size: v })
     ] }),
-    F && b && /* @__PURE__ */ s("span", { className: "nc-error-message", children: P })
+    Q && p && /* @__PURE__ */ s("span", { className: "nc-error-message", children: F })
   ] });
 }
-function Gn({
+function Kn({
   children: e,
   onClick: t,
   showBorder: n = !0,
   selectable: r = !1,
   style: o
 }) {
-  const [i, a] = ke.useState(!1);
+  const [i, a] = Ne.useState(!1);
   return /* @__PURE__ */ s(
     "div",
     {
@@ -944,9 +944,9 @@ function Gn({
     }
   );
 }
-function jn({ title: e, titleTools: t, children: n, style: r }) {
-  return /* @__PURE__ */ A("div", { className: "nc-list-group", style: r, children: [
-    (e || t) && /* @__PURE__ */ A("div", { className: "nc-list-group-title", children: [
+function _n({ title: e, titleTools: t, children: n, style: r }) {
+  return /* @__PURE__ */ k("div", { className: "nc-list-group", style: r, children: [
+    (e || t) && /* @__PURE__ */ k("div", { className: "nc-list-group-title", children: [
       /* @__PURE__ */ s("div", { children: e }),
       t && /* @__PURE__ */ s("div", { className: "nc-list-group-title-tools", children: t })
     ] }),
@@ -959,8 +959,8 @@ function jn({ title: e, titleTools: t, children: n, style: r }) {
     )
   ] });
 }
-function Kn({ values: e, onChange: t, options: n, placeholder: r = "Select…", label: o }) {
-  const [i, a] = E(!1), [c, l] = E(""), u = W(null), f = me(() => n.filter((d) => d.label.toLowerCase().includes(c.toLowerCase())), [n, c]);
+function Un({ values: e, onChange: t, options: n, placeholder: r = "Select…", label: o }) {
+  const [i, a] = E(!1), [c, l] = E(""), u = H(null), f = be(() => n.filter((d) => d.label.toLowerCase().includes(c.toLowerCase())), [n, c]);
   B(() => {
     function d(m) {
       !(m.target instanceof Node) || !u.current || u.current.contains(m.target) || a(!1);
@@ -970,13 +970,13 @@ function Kn({ values: e, onChange: t, options: n, placeholder: r = "Select…",
   const v = (d) => {
     e.includes(d) ? t(e.filter((m) => m !== d)) : t([...e, d]);
   };
-  return /* @__PURE__ */ A("div", { ref: u, className: "nc-col", style: { position: "relative" }, children: [
+  return /* @__PURE__ */ k("div", { ref: u, className: "nc-col", style: { position: "relative" }, children: [
     o && /* @__PURE__ */ s("span", { className: "nc-label", children: o }),
-    /* @__PURE__ */ A("div", { className: "nc-row", style: { flexWrap: "wrap", gap: 6, minHeight: 42, alignItems: "center", border: "1px solid var(--nc-button-border)", borderRadius: 8, background: "var(--nc-button-bg)", padding: "4px 8px" }, children: [
+    /* @__PURE__ */ k("div", { className: "nc-row", style: { flexWrap: "wrap", gap: 6, minHeight: 42, alignItems: "center", border: "1px solid var(--nc-button-border)", borderRadius: 8, background: "var(--nc-button-bg)", padding: "4px 8px" }, children: [
       e.length === 0 && /* @__PURE__ */ s("span", { className: "nc-label", children: r }),
       e.map((d) => {
         const m = n.find((y) => y.value === d);
-        return m ? /* @__PURE__ */ A("span", { style: { padding: "4px 8px", borderRadius: 6, display: "inline-flex", alignItems: "center", gap: 4, background: "var(--nc-button-bg)", border: "1px solid var(--nc-button-border)" }, children: [
+        return m ? /* @__PURE__ */ k("span", { style: { padding: "4px 8px", borderRadius: 6, display: "inline-flex", alignItems: "center", gap: 4, background: "var(--nc-button-bg)", border: "1px solid var(--nc-button-border)" }, children: [
           m.label,
           /* @__PURE__ */ s(
             "button",
@@ -1001,10 +1001,10 @@ function Kn({ values: e, onChange: t, options: n, placeholder: r = "Select…",
         }
       )
     ] }),
-    i && /* @__PURE__ */ A("div", { className: "nc-combo-dropdown", style: { position: "absolute", top: "100%", left: 0, right: 0, zIndex: 10, marginTop: 4, boxShadow: "0 4px 12px var(--nc-shadow)" }, children: [
+    i && /* @__PURE__ */ k("div", { className: "nc-combo-dropdown", style: { position: "absolute", top: "100%", left: 0, right: 0, zIndex: 10, marginTop: 4, boxShadow: "0 4px 12px var(--nc-shadow)" }, children: [
       f.map((d) => {
         const m = e.includes(d.value);
-        return /* @__PURE__ */ A("div", { className: "nc-section nc-row", style: { justifyContent: "space-between", cursor: "pointer", padding: 12 }, onMouseDown: () => v(d.value), children: [
+        return /* @__PURE__ */ k("div", { className: "nc-section nc-row", style: { justifyContent: "space-between", cursor: "pointer", padding: 12 }, onMouseDown: () => v(d.value), children: [
           /* @__PURE__ */ s("span", { children: d.label }),
           /* @__PURE__ */ s("span", { children: m ? "✔️" : "" })
         ] }, d.value);
@@ -1013,7 +1013,7 @@ function Kn({ values: e, onChange: t, options: n, placeholder: r = "Select…",
     ] })
   ] });
 }
-function pe(e) {
+function he(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))
@@ -1021,7 +1021,7 @@ function pe(e) {
   const r = e.split("-"), o = parseInt(r[1], 10);
   return o < 1 || o > 12 ? "Month must be between 1 and 12" : null;
 }
-function de(e) {
+function ue(e) {
   if (!e) return "";
   const t = e.split("-");
   if (t.length !== 2) return e;
@@ -1033,9 +1033,9 @@ function de(e) {
   }
   return `${n}-${r}`;
 }
-function Ee(e) {
+function Le(e) {
   if (!e) return "";
-  const t = de(e);
+  const t = ue(e);
   if (!/^\d{4}-\d{2}$/.test(t)) return e;
   const [n, r] = t.split("-");
   return `${n}/${r}`;
@@ -1044,7 +1044,7 @@ function Te() {
   const e = /* @__PURE__ */ new Date(), t = e.getFullYear(), n = String(e.getMonth() + 1).padStart(2, "0");
   return `${t}-${n}`;
 }
-function _n({
+function qn({
   startMonth: e,
   endMonth: t,
   onChange: n,
@@ -1053,45 +1053,45 @@ function _n({
   disabled: i = !1,
   size: a = "default"
 }) {
-  const [c, l] = E(!1), [u, f] = E(""), [v, d] = E(""), [m, y] = E({ top: 0, left: 0, width: 0, right: void 0 }), g = W(null), w = W(null);
+  const [c, l] = E(!1), [u, f] = E(""), [v, d] = E(""), [m, y] = E({ top: 0, left: 0, width: 0, right: void 0 }), w = H(null), g = H(null);
   B(() => {
-    if (c && g.current) {
-      const S = g.current.getBoundingClientRect(), P = Math.max(S.width, 400);
-      window.innerWidth - S.left < P && S.right >= P ? y({
+    if (c && w.current) {
+      const S = w.current.getBoundingClientRect(), L = Math.max(S.width, 400);
+      window.innerWidth - S.left < L && S.right >= L ? y({
         top: S.bottom + 4,
         left: 0,
         // Not used but type needs it, let's just use 0
         right: window.innerWidth - S.right,
-        width: P
+        width: L
       }) : y({
         top: S.bottom + 4,
         left: S.left,
         right: void 0,
-        width: P
+        width: L
       });
     }
   }, [c]), B(() => {
     if (!c) return;
     const S = ($) => {
-      g.current && !g.current.contains($.target) && w.current && !w.current.contains($.target) && l(!1);
+      w.current && !w.current.contains($.target) && g.current && !g.current.contains($.target) && l(!1);
     };
     return document.addEventListener("mousedown", S), () => document.removeEventListener("mousedown", S);
   }, [c]);
-  const k = () => {
+  const N = () => {
     f(e || Te()), d(t || Te()), l(!0);
   }, b = () => {
     l(!1);
   }, p = () => {
-    const S = pe(u), $ = pe(v);
+    const S = he(u), $ = he(v);
     if (S || $)
       return;
-    const P = de(u), F = de(v);
-    P && F && (n == null || n(P, F)), l(!1);
-  }, h = e && t ? `${Ee(e)} - ${Ee(t)}` : "Select month range", N = pe(u), C = pe(v), z = de(u), T = de(v), x = z && T && z > T, R = c ? ue(
+    const L = ue(u), F = ue(v);
+    L && F && (n == null || n(L, F)), l(!1);
+  }, h = e && t ? `${Le(e)} - ${Le(t)}` : "Select month range", A = he(u), C = he(v), z = ue(u), T = ue(v), x = z && T && z > T, I = c ? pe(
     /* @__PURE__ */ s(
       "div",
       {
-        ref: w,
+        ref: g,
         className: "nc-month-range-picker-popup",
         style: {
           position: "fixed",
@@ -1100,23 +1100,23 @@ function _n({
           width: m.width,
           zIndex: 1e3
         },
-        children: /* @__PURE__ */ A("div", { className: "nc-month-range-picker-content", children: [
-          /* @__PURE__ */ A("div", { className: "nc-month-range-picker-row", children: [
-            /* @__PURE__ */ A("div", { className: "nc-month-range-picker-column", children: [
+        children: /* @__PURE__ */ k("div", { className: "nc-month-range-picker-content", children: [
+          /* @__PURE__ */ k("div", { className: "nc-month-range-picker-row", children: [
+            /* @__PURE__ */ k("div", { className: "nc-month-range-picker-column", children: [
               /* @__PURE__ */ s("label", { className: "nc-label", children: "Start Month" }),
               /* @__PURE__ */ s(
                 "input",
                 {
                   type: "text",
-                  className: `nc-month-input ${N ? "nc-error" : ""}`,
+                  className: `nc-month-input ${A ? "nc-error" : ""}`,
                   value: u,
                   onChange: (S) => f(S.target.value),
                   placeholder: "YY-M(M) or YYYY-M(M)"
                 }
               ),
-              N && /* @__PURE__ */ s("div", { className: "nc-month-error-text", children: N })
+              A && /* @__PURE__ */ s("div", { className: "nc-month-error-text", children: A })
             ] }),
-            /* @__PURE__ */ A("div", { className: "nc-month-range-picker-column", children: [
+            /* @__PURE__ */ k("div", { className: "nc-month-range-picker-column", children: [
               /* @__PURE__ */ s("label", { className: "nc-label", children: "End Month" }),
               /* @__PURE__ */ s(
                 "input",
@@ -1131,14 +1131,14 @@ function _n({
               C && /* @__PURE__ */ s("div", { className: "nc-month-error-text", children: C })
             ] })
           ] }),
-          x && !N && !C && /* @__PURE__ */ s("div", { className: "nc-month-range-error", children: "End month must be after or equal to start month" }),
-          /* @__PURE__ */ A("div", { className: "nc-month-range-picker-footer", children: [
+          x && !A && !C && /* @__PURE__ */ s("div", { className: "nc-month-range-error", children: "End month must be after or equal to start month" }),
+          /* @__PURE__ */ k("div", { className: "nc-month-range-picker-footer", children: [
             /* @__PURE__ */ s(
               K,
               {
                 variant: "primary",
                 onClick: p,
-                disabled: !u || !v || !!N || !!C || !!x,
+                disabled: !u || !v || !!A || !!C || !!x,
                 children: "Apply"
               }
             ),
@@ -1149,22 +1149,22 @@ function _n({
     ),
     document.body
   ) : null;
-  return /* @__PURE__ */ A("div", { className: `nc-month-range-picker ${a === "small" ? "nc-small " : ""}${o}`, children: [
+  return /* @__PURE__ */ k("div", { className: `nc-month-range-picker ${a === "small" ? "nc-small " : ""}${o}`, children: [
     r && /* @__PURE__ */ s("label", { className: `nc-label${a === "small" ? " nc-small" : ""}`, children: r }),
     /* @__PURE__ */ s(
       "button",
       {
-        ref: g,
+        ref: w,
         className: `nc-month-range-picker-input${a === "small" ? " nc-small" : ""}`,
-        onClick: k,
+        onClick: N,
         disabled: i,
         children: h
       }
     ),
-    R
+    I
   ] });
 }
-function Un({ value: e, onChange: t, min: n, max: r, step: o = 1, label: i, disabled: a, size: c = "default" }) {
+function Xn({ value: e, onChange: t, min: n, max: r, step: o = 1, label: i, disabled: a, size: c = "default" }) {
   const l = c === "small", u = () => {
     const d = e - o;
     n !== void 0 && d < n || t(parseFloat(d.toFixed(10)));
@@ -1172,9 +1172,9 @@ function Un({ value: e, onChange: t, min: n, max: r, step: o = 1, label: i, disa
     const d = e + o;
     r !== void 0 && d > r || t(parseFloat(d.toFixed(10)));
   };
-  return /* @__PURE__ */ A("div", { className: `nc-col nc-number-input-col ${l ? "nc-small" : ""}`, children: [
+  return /* @__PURE__ */ k("div", { className: `nc-col nc-number-input-col ${l ? "nc-small" : ""}`, children: [
     i && /* @__PURE__ */ s("span", { className: `nc-label ${l ? "nc-small" : ""}`, children: i }),
-    /* @__PURE__ */ A("div", { className: `nc-number-input-container ${l ? "nc-small" : ""}`, children: [
+    /* @__PURE__ */ k("div", { className: `nc-number-input-container ${l ? "nc-small" : ""}`, children: [
       /* @__PURE__ */ s(
         "input",
         {
@@ -1212,7 +1212,7 @@ function Un({ value: e, onChange: t, min: n, max: r, step: o = 1, label: i, disa
     ] })
   ] });
 }
-function qn({
+function Jn({
   value: e,
   onChange: t,
   min: n = 0,
@@ -1228,9 +1228,9 @@ function qn({
     const m = parseFloat(d.target.value);
     t(m);
   }, v = (e - n) / (r - n) * 100;
-  return /* @__PURE__ */ A("div", { className: "nc-col", style: { gap: 6 }, children: [
+  return /* @__PURE__ */ k("div", { className: "nc-col", style: { gap: 6 }, children: [
     i && /* @__PURE__ */ s("span", { className: "nc-label", children: i }),
-    /* @__PURE__ */ A("div", { style: { display: "flex", gap: 12, alignItems: "center" }, children: [
+    /* @__PURE__ */ k("div", { style: { display: "flex", gap: 12, alignItems: "center" }, children: [
       /* @__PURE__ */ s(
         "input",
         {
@@ -1264,13 +1264,13 @@ function qn({
     ] })
   ] });
 }
-const $t = ({ size: e = 24, className: t, style: n }) => /* @__PURE__ */ s("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", className: t, style: n, children: /* @__PURE__ */ s("polyline", { points: "18 15 12 9 6 15" }) });
+const Mt = ({ 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 It({ children: e, className: t = "", style: n }) {
   return /* @__PURE__ */ s("div", { className: `nc-tab-panel ${t}`, style: n, children: e });
 }
-function Xn({ active: e, children: t, keepMounted: n = !1, className: r = "", style: o }) {
-  const i = ut.toArray(t).filter(
-    (c) => pt(c) && (c.type === It || c.type.displayName === "TabPanel")
+function Zn({ active: e, children: t, keepMounted: n = !1, className: r = "", style: o }) {
+  const i = pt.toArray(t).filter(
+    (c) => ft(c) && (c.type === It || c.type.displayName === "TabPanel")
   );
   if (n)
     return /* @__PURE__ */ s("div", { className: `nc-tab-panels ${r}`, style: o, children: i.map((c) => {
@@ -1289,89 +1289,89 @@ function Xn({ active: e, children: t, keepMounted: n = !1, className: r = "", st
   const a = i.find((c) => c.props.tab === e);
   return /* @__PURE__ */ s("div", { className: `nc-tab-panels ${r}`, style: o, children: a });
 }
-function Jn({ tabs: e, active: t, onChange: n, onClose: r, permanentTabs: o, className: i, toolbar: a, multiline: c, orientation: l = "horizontal", style: u }) {
-  const f = W(null), [v, d] = E(!1), [m, y] = E(!1), g = l === "verticalLeft" || l === "verticalRight", w = W(!1), k = W(0), b = W(0), p = W(!1);
+function Qn({ tabs: e, active: t, onChange: n, onClose: r, permanentTabs: o, className: i, toolbar: a, multiline: c, orientation: l = "horizontal", style: u }) {
+  const f = H(null), [v, d] = E(!1), [m, y] = E(!1), w = l === "verticalLeft" || l === "verticalRight", g = H(!1), N = H(0), b = H(0), p = H(!1);
   B(() => {
     const x = () => {
       if (f.current)
-        if (g) {
-          const { scrollTop: S, scrollHeight: $, clientHeight: P } = f.current;
-          d(S > 1), y(S < $ - P - 1);
+        if (w) {
+          const { scrollTop: S, scrollHeight: $, clientHeight: L } = f.current;
+          d(S > 1), y(S < $ - L - 1);
         } else {
-          const { scrollLeft: S, scrollWidth: $, clientWidth: P } = f.current;
-          d(S > 1), y(S < $ - P - 1);
+          const { scrollLeft: S, scrollWidth: $, clientWidth: L } = f.current;
+          d(S > 1), y(S < $ - L - 1);
         }
-    }, R = f.current;
-    if (R)
-      return x(), R.addEventListener("scroll", x), window.addEventListener("resize", x), () => {
-        R.removeEventListener("scroll", x), window.removeEventListener("resize", x);
+    }, I = f.current;
+    if (I)
+      return x(), I.addEventListener("scroll", x), window.addEventListener("resize", x), () => {
+        I.removeEventListener("scroll", x), window.removeEventListener("resize", x);
       };
-  }, [e, g]);
+  }, [e, w]);
   const h = (x) => {
-    f.current && (w.current = !0, p.current = !1, k.current = g ? x.clientY : x.clientX, b.current = g ? f.current.scrollTop : f.current.scrollLeft, f.current.style.cursor = "grabbing", f.current.style.userSelect = "none");
-  }, N = (x) => {
-    if (!w.current || !f.current) return;
-    const R = g ? x.clientY : x.clientX, S = k.current - R;
-    Math.abs(S) > 3 && (p.current = !0), g ? f.current.scrollTop = b.current + S : f.current.scrollLeft = b.current + S;
+    f.current && (g.current = !0, p.current = !1, N.current = w ? x.clientY : x.clientX, b.current = w ? f.current.scrollTop : f.current.scrollLeft, f.current.style.cursor = "grabbing", f.current.style.userSelect = "none");
+  }, A = (x) => {
+    if (!g.current || !f.current) return;
+    const I = w ? x.clientY : x.clientX, S = N.current - I;
+    Math.abs(S) > 3 && (p.current = !0), w ? f.current.scrollTop = b.current + S : f.current.scrollLeft = b.current + S;
   }, C = () => {
-    f.current && (w.current = !1, f.current.style.cursor = "", f.current.style.userSelect = "");
+    f.current && (g.current = !1, f.current.style.cursor = "", f.current.style.userSelect = "");
   }, z = () => {
     C();
   };
   B(() => {
     const x = f.current;
-    if (!x || g) return;
-    const R = (S) => {
+    if (!x || w) return;
+    const I = (S) => {
       S.deltaY !== 0 && (S.preventDefault(), x.scrollLeft += S.deltaY * 0.3);
     };
-    return x.addEventListener("wheel", R, { passive: !1 }), () => {
-      x.removeEventListener("wheel", R);
+    return x.addEventListener("wheel", I, { passive: !1 }), () => {
+      x.removeEventListener("wheel", I);
     };
-  }, [g]);
+  }, [w]);
   const T = (x) => {
     p.current || n(x);
   };
-  return /* @__PURE__ */ A("div", { className: `nc-tab-container ${g ? `nc-vertical nc-${l}` : ""} ${i || ""}`, style: u, children: [
-    /* @__PURE__ */ A("div", { className: "nc-tab-scroll-wrapper", children: [
-      v && /* @__PURE__ */ s("div", { className: `nc-tab-scroll-indicator ${g ? "nc-top" : "nc-left"}`, children: g ? /* @__PURE__ */ s($t, { size: 16 }) : /* @__PURE__ */ s(at, { size: 16 }) }),
+  return /* @__PURE__ */ k("div", { className: `nc-tab-container ${w ? `nc-vertical nc-${l}` : ""} ${i || ""}`, style: u, children: [
+    /* @__PURE__ */ k("div", { className: "nc-tab-scroll-wrapper", children: [
+      v && /* @__PURE__ */ s("div", { className: `nc-tab-scroll-indicator ${w ? "nc-top" : "nc-left"}`, children: w ? /* @__PURE__ */ s(Mt, { size: 16 }) : /* @__PURE__ */ s(lt, { size: 16 }) }),
       /* @__PURE__ */ s(
         "div",
         {
           ref: f,
           className: `nc-tab-scroll ${c ? "nc-multiline" : ""}`,
           onMouseDown: h,
-          onMouseMove: N,
+          onMouseMove: A,
           onMouseUp: C,
           onMouseLeave: z,
           style: { cursor: "grab" },
           children: e.map((x) => {
-            const R = typeof x == "string" ? x : x.id, S = typeof x == "string" ? x : x.label, $ = r && !(o != null && o.includes(R));
-            return /* @__PURE__ */ A(
+            const I = typeof x == "string" ? x : x.id, S = typeof x == "string" ? x : x.label, $ = r && !(o != null && o.includes(I));
+            return /* @__PURE__ */ k(
               "div",
               {
-                className: `nc-tab-item ${t === R ? "nc-active" : ""} ${$ ? "nc-closable" : ""}`,
-                onClick: () => T(R),
+                className: `nc-tab-item ${t === I ? "nc-active" : ""} ${$ ? "nc-closable" : ""}`,
+                onClick: () => T(I),
                 role: "button",
                 tabIndex: 0,
-                onKeyDown: (P) => {
-                  (P.key === "Enter" || P.key === " ") && n(R);
+                onKeyDown: (L) => {
+                  (L.key === "Enter" || L.key === " ") && n(I);
                 },
                 children: [
-                  /* @__PURE__ */ s("span", { className: "nc-tab-label", children: g ? S : typeof S == "string" ? S.toUpperCase() : S }),
+                  /* @__PURE__ */ s("span", { className: "nc-tab-label", children: w ? S : typeof S == "string" ? S.toUpperCase() : S }),
                   $ && /* @__PURE__ */ s(
                     "span",
                     {
                       className: "nc-tab-close",
                       role: "button",
                       tabIndex: 0,
-                      "aria-label": `Close ${typeof S == "string" ? S : R}`,
-                      onClick: (P) => {
-                        P.stopPropagation(), r(R);
+                      "aria-label": `Close ${typeof S == "string" ? S : I}`,
+                      onClick: (L) => {
+                        L.stopPropagation(), r(I);
                       },
-                      onKeyDown: (P) => {
-                        (P.key === "Enter" || P.key === " ") && (P.stopPropagation(), r(R));
+                      onKeyDown: (L) => {
+                        (L.key === "Enter" || L.key === " ") && (L.stopPropagation(), r(I));
                       },
-                      children: /* @__PURE__ */ A("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", children: [
+                      children: /* @__PURE__ */ k("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" })
                       ] })
@@ -1379,18 +1379,18 @@ function Jn({ tabs: e, active: t, onChange: n, onClose: r, permanentTabs: o, cla
                   )
                 ]
               },
-              R
+              I
             );
           })
         }
       ),
-      m && /* @__PURE__ */ s("div", { className: `nc-tab-scroll-indicator ${g ? "nc-bottom" : "nc-right"}`, children: g ? /* @__PURE__ */ s(lt, { size: 16 }) : /* @__PURE__ */ s(dt, { size: 16 }) })
+      m && /* @__PURE__ */ s("div", { className: `nc-tab-scroll-indicator ${w ? "nc-bottom" : "nc-right"}`, children: w ? /* @__PURE__ */ s(dt, { size: 16 }) : /* @__PURE__ */ s(ut, { size: 16 }) })
     ] }),
     a && /* @__PURE__ */ s("div", { className: "nc-tab-toolbar", children: a })
   ] });
 }
-function Qn({ checked: e, onChange: t, disabled: n, label: r }) {
-  return /* @__PURE__ */ A(
+function er({ checked: e, onChange: t, disabled: n, label: r }) {
+  return /* @__PURE__ */ k(
     "label",
     {
       className: "nc-row",
@@ -1453,12 +1453,12 @@ const ze = [
   "var(--nc-csv-col-8)",
   "var(--nc-csv-col-9)"
 ];
-function Mt(e, t) {
+function Rt(e, t) {
   const r = e.slice(0, t).split(`
 `), o = r.length, a = r[o - 1].split("	"), c = a.length, l = a[c - 1].length + 1;
   return { line: o, column: c, character: l, offset: t };
 }
-function Rt(e, t, n, r) {
+function Et(e, t, n, r) {
   const o = e.split(`
 `), i = Math.max(1, Math.min(t, o.length));
   let a = 0;
@@ -1470,7 +1470,7 @@ function Rt(e, t, n, r) {
   const f = Math.max(1, Math.min(r, l[u - 1].length + 1));
   return a += f - 1, a;
 }
-function Et(e, t) {
+function Lt(e, t) {
   const n = e.split(`
 `), r = Math.max(1, Math.min(t, n.length));
   let o = 0;
@@ -1478,30 +1478,30 @@ function Et(e, t) {
     o += n[i].length + 1;
   return o;
 }
-const Zn = ft(
+const tr = ht(
   function({ value: t, onChange: n, placeholder: r, className: o, style: i, showLineNumbers: a = !1, onCursorChange: c, highlightLine: l }, u) {
-    const f = W(null), v = W(null), d = W(null);
-    ht(u, () => ({
+    const f = H(null), v = H(null), d = H(null);
+    mt(u, () => ({
       goToLine(b) {
         const p = f.current;
         if (!p) return;
-        const h = Et(t, b);
+        const h = Lt(t, b);
         p.focus(), p.setSelectionRange(h, h);
-        const N = parseFloat(getComputedStyle(p).lineHeight) || 18;
-        p.scrollTop = (Math.max(1, b) - 1) * N, y(), m();
+        const A = parseFloat(getComputedStyle(p).lineHeight) || 18;
+        p.scrollTop = (Math.max(1, b) - 1) * A, y(), m();
       },
       goToPosition(b, p, h) {
-        const N = f.current;
-        if (!N) return;
-        const C = Rt(t, b, p, h);
-        N.focus(), N.setSelectionRange(C, C);
-        const z = parseFloat(getComputedStyle(N).lineHeight) || 18;
-        N.scrollTop = (Math.max(1, b) - 1) * z, y(), m();
+        const A = f.current;
+        if (!A) return;
+        const C = Et(t, b, p, h);
+        A.focus(), A.setSelectionRange(C, C);
+        const z = parseFloat(getComputedStyle(A).lineHeight) || 18;
+        A.scrollTop = (Math.max(1, b) - 1) * z, y(), m();
       }
     }), [t]);
     const m = O(() => {
       if (!c || !f.current) return;
-      const b = Mt(t, f.current.selectionStart);
+      const b = Rt(t, f.current.selectionStart);
       c(b);
     }, [c, t]), y = O(() => {
       const b = f.current;
@@ -1511,33 +1511,33 @@ const Zn = ft(
       if (l == null || l < 1) return;
       const b = f.current;
       if (!b) return;
-      const p = parseFloat(getComputedStyle(b).lineHeight) || 18, h = (l - 1) * p, N = h + p;
-      (h < b.scrollTop || N > b.scrollTop + b.clientHeight) && (b.scrollTop = h - b.clientHeight / 2 + p / 2), y();
+      const p = parseFloat(getComputedStyle(b).lineHeight) || 18, h = (l - 1) * p, A = h + p;
+      (h < b.scrollTop || A > b.scrollTop + b.clientHeight) && (b.scrollTop = h - b.clientHeight / 2 + p / 2), y();
     }, [l]);
-    const g = me(() => t.split(`
-`).length, [t]), w = () => {
+    const w = be(() => t.split(`
+`).length, [t]), g = () => {
       const b = [];
-      for (let p = 1; p <= g; p++)
+      for (let p = 1; p <= w; p++)
         b.push(
           /* @__PURE__ */ s("div", { className: `nc-csv-line-number ${l === p ? "nc-csv-highlight" : ""}`, children: p }, p)
         );
       return /* @__PURE__ */ s("div", { className: "nc-csv-gutter", ref: d, children: b });
-    }, k = (b) => b ? b.split(`
-`).map((h, N) => {
+    }, N = (b) => b ? b.split(`
+`).map((h, A) => {
       const C = h.split("	");
-      return /* @__PURE__ */ A("div", { className: `nc-csv-line ${l === N + 1 ? "nc-csv-highlight" : ""}`, children: [
-        C.map((z, T) => /* @__PURE__ */ A("span", { children: [
+      return /* @__PURE__ */ k("div", { className: `nc-csv-line ${l === A + 1 ? "nc-csv-highlight" : ""}`, children: [
+        C.map((z, T) => /* @__PURE__ */ k("span", { children: [
           T > 0 && /* @__PURE__ */ s("span", { className: "nc-csv-tab-char", children: "	" }),
           /* @__PURE__ */ s("span", { style: { color: ze[T % ze.length] }, children: z })
         ] }, T)),
         h === "" && `
 `
-      ] }, N);
+      ] }, A);
     }) : null;
-    return /* @__PURE__ */ A("div", { className: `nc-csv-textarea-container ${a ? "nc-csv-with-gutter" : ""} ${o ?? ""}`, style: i, children: [
-      a && w(),
-      /* @__PURE__ */ A("div", { className: "nc-csv-textarea-editor", children: [
-        /* @__PURE__ */ s("div", { className: "nc-csv-textarea-backdrop", ref: v, children: /* @__PURE__ */ s("pre", { className: "nc-csv-textarea-highlights", children: k(t) }) }),
+    return /* @__PURE__ */ k("div", { className: `nc-csv-textarea-container ${a ? "nc-csv-with-gutter" : ""} ${o ?? ""}`, style: i, children: [
+      a && g(),
+      /* @__PURE__ */ k("div", { className: "nc-csv-textarea-editor", children: [
+        /* @__PURE__ */ s("div", { className: "nc-csv-textarea-backdrop", ref: v, children: /* @__PURE__ */ s("pre", { className: "nc-csv-textarea-highlights", children: N(t) }) }),
         /* @__PURE__ */ s(
           "textarea",
           {
@@ -1561,24 +1561,24 @@ const Zn = ft(
     ] });
   }
 );
-let ee = { notifications: [] };
-const ve = /* @__PURE__ */ new Set(), Pe = /* @__PURE__ */ new Map();
-function we() {
-  const e = ee.notifications.slice();
-  for (const t of Array.from(ve))
+let te = { notifications: [] };
+const we = /* @__PURE__ */ new Set(), Pe = /* @__PURE__ */ new Map();
+function ye() {
+  const e = te.notifications.slice();
+  for (const t of Array.from(we))
     try {
       t(e);
     } catch {
     }
 }
 function Tt(e) {
-  ve.add(e);
+  we.add(e);
   try {
-    e(ee.notifications.slice());
+    e(te.notifications.slice());
   } catch {
   }
   return () => {
-    ve.delete(e);
+    we.delete(e);
   };
 }
 function zt(e) {
@@ -1589,23 +1589,64 @@ function zt(e) {
     type: r === "error" ? "danger" : r ?? "info",
     duration: n ?? 5e3
   };
-  return ee.notifications = [i, ...ee.notifications], we(), i.duration && i.duration > 0 && setTimeout(() => {
-    Fe(t);
+  return te.notifications = [i, ...te.notifications], ye(), i.duration && i.duration > 0 && setTimeout(() => {
+    Ve(t);
   }, i.duration), t;
 }
-function Fe(e) {
-  const t = ee.notifications.find((r) => r.id === e);
+function Ve(e) {
+  const t = te.notifications.find((r) => r.id === e);
   if (!t) return;
-  t.isRemoving = !0, we();
+  t.isRemoving = !0, ye();
   const n = window.setTimeout(() => {
-    ee.notifications = ee.notifications.filter((r) => r.id !== e), we(), Pe.delete(e);
+    te.notifications = te.notifications.filter((r) => r.id !== e), ye(), Pe.delete(e);
   }, 300);
   Pe.set(e, n);
 }
-function Pt({ notification: e }) {
-  const { t } = U(), n = () => {
+function Pt({ type: e }) {
+  switch (e) {
+    case "success":
+      return /* @__PURE__ */ s("svg", { viewBox: "0 0 20 20", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ s(
+        "path",
+        {
+          d: "M5 10.5l3.1 3.1L15 6.8",
+          stroke: "currentColor",
+          strokeWidth: "2",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      ) });
+    case "danger":
+      return /* @__PURE__ */ k("svg", { viewBox: "0 0 20 20", fill: "none", "aria-hidden": "true", children: [
+        /* @__PURE__ */ s("circle", { cx: "10", cy: "10", r: "7", stroke: "currentColor", strokeWidth: "2" }),
+        /* @__PURE__ */ s("path", { d: "M10 6.5v4.25", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }),
+        /* @__PURE__ */ s("circle", { cx: "10", cy: "13.75", r: "1", fill: "currentColor" })
+      ] });
+    case "warning":
+      return /* @__PURE__ */ k("svg", { viewBox: "0 0 20 20", fill: "none", "aria-hidden": "true", children: [
+        /* @__PURE__ */ s(
+          "path",
+          {
+            d: "M10 3.5 16 15H4L10 3.5Z",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            strokeLinejoin: "round"
+          }
+        ),
+        /* @__PURE__ */ s("path", { d: "M10 7.5v3.5", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }),
+        /* @__PURE__ */ s("circle", { cx: "10", cy: "13.25", r: "1", fill: "currentColor" })
+      ] });
+    default:
+      return /* @__PURE__ */ k("svg", { viewBox: "0 0 20 20", fill: "none", "aria-hidden": "true", children: [
+        /* @__PURE__ */ s("circle", { cx: "10", cy: "10", r: "7", stroke: "currentColor", strokeWidth: "2" }),
+        /* @__PURE__ */ s("path", { d: "M10 9v4", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }),
+        /* @__PURE__ */ s("circle", { cx: "10", cy: "6.5", r: "1", fill: "currentColor" })
+      ] });
+  }
+}
+function Bt({ notification: e }) {
+  const { t } = U(), n = e.type || "info", r = () => {
     if (e.title) return e.title;
-    switch (e.type) {
+    switch (n) {
       case "success":
         return t("common.success");
       case "danger":
@@ -1615,32 +1656,34 @@ function Pt({ notification: e }) {
       default:
         return t("common.info");
     }
-  }, r = () => {
-    Fe(e.id);
+  }, o = () => {
+    Ve(e.id);
   };
   return /* @__PURE__ */ s(
     "div",
     {
-      className: `nc-notification nc-notification-${e.type || "info"}`,
-      children: /* @__PURE__ */ A("div", { className: "nc-notification-content", children: [
-        /* @__PURE__ */ A("div", { className: "nc-notification-body", style: { paddingRight: e.dismissible ? "8px" : "0" }, children: [
-          /* @__PURE__ */ s("div", { className: "nc-notification-title", children: n() }),
+      className: `nc-notification nc-notification-${n}`,
+      children: /* @__PURE__ */ k("div", { className: "nc-notification-content", children: [
+        /* @__PURE__ */ s("div", { className: `nc-notification-icon nc-notification-icon-${n}`, children: /* @__PURE__ */ s(Pt, { type: n }) }),
+        /* @__PURE__ */ k("div", { className: "nc-notification-body", children: [
+          /* @__PURE__ */ s("div", { className: "nc-notification-title", children: r() }),
           /* @__PURE__ */ s("div", { className: "nc-notification-message", children: e.message })
         ] }),
         e.dismissible && /* @__PURE__ */ s(
           "button",
           {
             className: "nc-notification-dismiss",
-            onClick: r,
-            children: /* @__PURE__ */ s(xe, { size: 16 })
+            onClick: o,
+            "aria-label": t("common.close"),
+            children: /* @__PURE__ */ s(ke, { size: 16 })
           }
         )
       ] })
     }
   );
 }
-function er() {
-  const [e, t] = E([]), [n, r] = E(/* @__PURE__ */ new Map()), [o, i] = E(/* @__PURE__ */ new Set()), a = W(null), c = W([]);
+function nr() {
+  const [e, t] = E([]), [n, r] = E(/* @__PURE__ */ new Map()), [o, i] = E(/* @__PURE__ */ new Set()), a = H(null), c = H([]);
   return B(() => Tt((u) => {
     const f = new Set(c.current.map((d) => d.id)), v = u.filter((d) => !f.has(d.id)).map((d) => d.id);
     v.length > 0 ? (t(u), i(new Set(v)), requestAnimationFrame(() => {
@@ -1664,10 +1707,11 @@ function er() {
     {
       style: {
         position: "fixed",
-        top: "16px",
-        left: "16px",
+        top: "24px",
+        left: "24px",
         zIndex: 9999,
-        pointerEvents: "none"
+        pointerEvents: "none",
+        width: "min(340px, calc(100vw - 32px))"
       },
       children: /* @__PURE__ */ s(
         "div",
@@ -1675,7 +1719,8 @@ function er() {
           ref: a,
           style: {
             pointerEvents: "auto",
-            position: "relative"
+            position: "relative",
+            width: "100%"
           },
           children: e.map((l) => {
             const u = o.has(l.id), f = l.isRemoving, v = n.get(l.id) || 0;
@@ -1686,13 +1731,13 @@ function er() {
                   position: "absolute",
                   top: 0,
                   left: 0,
-                  transform: u ? "translateY(-120px)" : `translateY(${v}px)`,
+                  transform: u ? `translate3d(-40px, ${v}px, 0)` : `translate3d(0, ${v}px, 0)`,
                   // Only animate transform when not leaving, animate opacity always
                   transition: f ? "opacity 300ms ease-out" : "transform 300ms ease-out, opacity 300ms ease-out",
                   opacity: f ? 0 : 1,
                   width: "100%"
                 },
-                children: /* @__PURE__ */ s(Pt, { notification: l })
+                children: /* @__PURE__ */ s(Bt, { notification: l })
               },
               l.id
             );
@@ -1702,13 +1747,13 @@ function er() {
     }
   );
 }
-function Lt(e) {
+function Dt(e) {
   return zt(e);
 }
-const tr = {
-  show: (e) => Lt(e)
+const rr = {
+  show: (e) => Dt(e)
 };
-function nr(e) {
+function or(e) {
   const t = bt.createInstance(), n = {};
   for (const o in e)
     n[o] = { translation: e[o] };
@@ -1729,7 +1774,7 @@ function nr(e) {
       }
   }).observe(document.documentElement, { attributes: !0 }), t;
 }
-class Bt {
+class Wt {
   constructor() {
     q(this, "apps", /* @__PURE__ */ new Map());
   }
@@ -1769,8 +1814,8 @@ class Bt {
     return this.apps.has(t);
   }
 }
-const oe = new Bt(), Le = "nc-ui-app-state";
-class Dt {
+const se = new Wt(), Be = "nc-ui-app-state";
+class Ht {
   constructor() {
     q(this, "state");
     q(this, "listeners", /* @__PURE__ */ new Map());
@@ -1778,7 +1823,7 @@ class Dt {
   }
   loadState() {
     try {
-      const t = localStorage.getItem(Le);
+      const t = localStorage.getItem(Be);
       if (t)
         return JSON.parse(t);
     } catch {
@@ -1787,7 +1832,7 @@ class Dt {
   }
   saveState() {
     try {
-      localStorage.setItem(Le, JSON.stringify(this.state));
+      localStorage.setItem(Be, JSON.stringify(this.state));
     } catch {
     }
   }
@@ -1817,8 +1862,8 @@ class Dt {
     (r = this.listeners.get(t)) == null || r.forEach((o) => o(n));
   }
 }
-const _ = new Dt();
-class Ht {
+const _ = new Ht();
+class Ot {
   constructor() {
     q(this, "apps", []);
     q(this, "activeAppId", null);
@@ -1835,7 +1880,7 @@ class Ht {
    */
   async launchApp(t, n) {
     const { launchInBackground: r = !1 } = n || {};
-    if (!oe.has(t))
+    if (!se.has(t))
       return console.error(`Cannot launch app "${t}": not registered`), null;
     const o = this.apps.find((a) => a.appId === t);
     if (o)
@@ -1911,7 +1956,7 @@ class Ht {
    * Get the currently active app definition.
    */
   getActiveApp() {
-    return this.activeAppId ? oe.get(this.activeAppId) ?? null : null;
+    return this.activeAppId ? se.get(this.activeAppId) ?? null : null;
   }
   /**
    * Get all running apps.
@@ -1937,15 +1982,15 @@ class Ht {
     this.listeners.forEach((t) => t());
   }
 }
-const G = new Ht(), Ve = se(null);
-function Wt() {
-  const e = Q(Ve);
+const V = new Ot(), je = ie(null);
+function Ft() {
+  const e = Z(je);
   if (!e)
     throw new Error("useApp must be used inside an App");
   return e;
 }
-function Ot({ size: e = 16 }) {
-  return /* @__PURE__ */ A(
+function Vt({ size: e = 16 }) {
+  return /* @__PURE__ */ k(
     "svg",
     {
       width: e,
@@ -1963,9 +2008,9 @@ function Ot({ size: e = 16 }) {
     }
   );
 }
-function Ft({ title: e, onClose: t, onBack: n, toolbar: r, hideBackButton: o }) {
-  return /* @__PURE__ */ A("div", { className: "nc-app-title-bar", children: [
-    /* @__PURE__ */ A("div", { className: "nc-app-title-bar-left", children: [
+function jt({ title: e, onClose: t, onBack: n, toolbar: r, hideBackButton: o }) {
+  return /* @__PURE__ */ k("div", { className: "nc-app-title-bar", children: [
+    /* @__PURE__ */ k("div", { className: "nc-app-title-bar-left", children: [
       n && !o && /* @__PURE__ */ s(
         "button",
         {
@@ -1973,18 +2018,18 @@ function Ft({ title: e, onClose: t, onBack: n, toolbar: r, hideBackButton: o })
           onClick: n,
           title: "Back",
           "aria-label": "Go back",
-          children: /* @__PURE__ */ s(Ot, { size: 16 })
+          children: /* @__PURE__ */ s(Vt, { size: 16 })
         }
       ),
       /* @__PURE__ */ s("span", { className: "nc-app-title-bar-title", children: e })
     ] }),
-    /* @__PURE__ */ A("div", { className: "nc-app-title-bar-right", children: [
+    /* @__PURE__ */ k("div", { className: "nc-app-title-bar-right", children: [
       r && /* @__PURE__ */ s("div", { className: "nc-app-title-bar-toolbar", children: r }),
-      /* @__PURE__ */ s(We, { onClick: t, "aria-label": "Close application" })
+      /* @__PURE__ */ s(Oe, { onClick: t, "aria-label": "Close application" })
     ] })
   ] });
 }
-class Vt extends ke.Component {
+class Gt extends Ne.Component {
   constructor(t) {
     super(t), this.state = { hasError: !1 };
   }
@@ -1995,7 +2040,7 @@ class Vt extends ke.Component {
     console.error(`Error loading app ${this.props.appId}:`, t, n);
   }
   render() {
-    return this.state.hasError ? /* @__PURE__ */ A(
+    return this.state.hasError ? /* @__PURE__ */ k(
       "div",
       {
         style: {
@@ -2017,16 +2062,16 @@ class Vt extends ke.Component {
     ) : this.props.children;
   }
 }
-function Ye({ appId: e, isActive: t, onClose: n }) {
-  const { t: r } = U(), o = oe.get(e), [i, a] = E(""), [c, l] = E(null), [u, f] = E(null), [v, d] = E(!1), [m, y] = E(!1);
-  ke.useEffect(() => {
+function Ge({ appId: e, isActive: t, onClose: n }) {
+  const { t: r } = U(), o = se.get(e), [i, a] = E(""), [c, l] = E(null), [u, f] = E(null), [v, d] = E(!1), [m, y] = E(!1);
+  Ne.useEffect(() => {
     o != null && o.titleKey && a(r(o.titleKey));
   }, [o, r]);
-  const g = O((x) => {
+  const w = O((x) => {
     a(x);
-  }, []), w = O((x) => {
+  }, []), g = O((x) => {
     l(() => x);
-  }, []), k = O(() => {
+  }, []), N = O(() => {
     l(null);
   }, []), b = O((x) => {
     f(x);
@@ -2034,22 +2079,22 @@ function Ye({ appId: e, isActive: t, onClose: n }) {
     f(null);
   }, []), h = O((x) => {
     d(x);
-  }, []), N = O((x) => {
+  }, []), A = O((x) => {
     y(x);
-  }, []), C = me(() => ({
-    setTitle: g,
-    setBackHandler: w,
-    clearBackHandler: k,
+  }, []), C = be(() => ({
+    setTitle: w,
+    setBackHandler: g,
+    clearBackHandler: N,
     setToolbar: b,
     clearToolbar: p,
     setHideBackButton: h,
-    setHideTitleBar: N,
+    setHideTitleBar: A,
     close: n
-  }), [g, w, k, b, p, h, N, n]);
+  }), [w, g, N, b, p, h, A, n]);
   if (!o)
     return null;
   const z = o.component, T = !o.hideTitleBar && !m;
-  return /* @__PURE__ */ A(
+  return /* @__PURE__ */ k(
     "div",
     {
       style: {
@@ -2060,7 +2105,7 @@ function Ye({ appId: e, isActive: t, onClose: n }) {
       },
       children: [
         T && /* @__PURE__ */ s(
-          Ft,
+          jt,
           {
             title: i,
             onClose: n,
@@ -2082,8 +2127,8 @@ function Ye({ appId: e, isActive: t, onClose: n }) {
               backgroundColor: "var(--nc-bg-tertiary)",
               position: "relative"
             },
-            children: /* @__PURE__ */ s(Ve.Provider, { value: C, children: /* @__PURE__ */ s(Vt, { appId: e, children: /* @__PURE__ */ s(
-              mt,
+            children: /* @__PURE__ */ s(je.Provider, { value: C, children: /* @__PURE__ */ s(Gt, { appId: e, children: /* @__PURE__ */ s(
+              gt,
               {
                 fallback: /* @__PURE__ */ s(
                   "div",
@@ -2106,21 +2151,21 @@ function Ye({ appId: e, isActive: t, onClose: n }) {
     }
   );
 }
-const fe = 768, he = 1024, Ge = {
+const me = 768, ge = 1024, Ye = {
   isMobile: !1,
   isTablet: !1,
   isDesktop: !0,
   width: typeof window < "u" ? window.innerWidth : 1024,
   height: typeof window < "u" ? window.innerHeight : 768
-}, je = se(Ge);
-function rr({ children: e }) {
+}, Ke = ie(Ye);
+function sr({ children: e }) {
   const [t, n] = E(() => {
-    if (typeof window > "u") return Ge;
+    if (typeof window > "u") return Ye;
     const r = window.innerWidth, o = window.innerHeight;
     return {
-      isMobile: r < fe,
-      isTablet: r >= fe && r < he,
-      isDesktop: r >= he,
+      isMobile: r < me,
+      isTablet: r >= me && r < ge,
+      isDesktop: r >= ge,
       width: r,
       height: o
     };
@@ -2129,54 +2174,54 @@ function rr({ children: e }) {
     const r = () => {
       const o = window.innerWidth, i = window.innerHeight;
       n({
-        isMobile: o < fe,
-        isTablet: o >= fe && o < he,
-        isDesktop: o >= he,
+        isMobile: o < me,
+        isTablet: o >= me && o < ge,
+        isDesktop: o >= ge,
         width: o,
         height: i
       });
     };
     return window.addEventListener("resize", r), () => window.removeEventListener("resize", r);
-  }, []), /* @__PURE__ */ s(je.Provider, { value: t, children: e });
+  }, []), /* @__PURE__ */ s(Ke.Provider, { value: t, children: e });
 }
-function Ke() {
-  return Q(je);
+function _e() {
+  return Z(Ke);
 }
-const Ne = "-", Yt = (e) => {
-  const t = jt(e), {
+const Ae = "-", Yt = (e) => {
+  const t = _t(e), {
     conflictingClassGroups: n,
     conflictingClassGroupModifiers: r
   } = e;
   return {
     getClassGroupId: (a) => {
-      const c = a.split(Ne);
-      return c[0] === "" && c.length !== 1 && c.shift(), _e(c, t) || Gt(a);
+      const c = a.split(Ae);
+      return c[0] === "" && c.length !== 1 && c.shift(), Ue(c, t) || Kt(a);
     },
     getConflictingClassGroupIds: (a, c) => {
       const l = n[a] || [];
       return c && r[a] ? [...l, ...r[a]] : l;
     }
   };
-}, _e = (e, t) => {
+}, Ue = (e, t) => {
   var a;
   if (e.length === 0)
     return t.classGroupId;
-  const n = e[0], r = t.nextPart.get(n), o = r ? _e(e.slice(1), r) : void 0;
+  const n = e[0], r = t.nextPart.get(n), o = r ? Ue(e.slice(1), r) : void 0;
   if (o)
     return o;
   if (t.validators.length === 0)
     return;
-  const i = e.join(Ne);
+  const i = e.join(Ae);
   return (a = t.validators.find(({
     validator: c
   }) => c(i))) == null ? void 0 : a.classGroupId;
-}, Be = /^\[(.+)\]$/, Gt = (e) => {
-  if (Be.test(e)) {
-    const t = Be.exec(e)[1], n = t == null ? void 0 : t.substring(0, t.indexOf(":"));
+}, De = /^\[(.+)\]$/, Kt = (e) => {
+  if (De.test(e)) {
+    const t = De.exec(e)[1], n = t == null ? void 0 : t.substring(0, t.indexOf(":"));
     if (n)
       return "arbitrary.." + n;
   }
-}, jt = (e) => {
+}, _t = (e) => {
   const {
     theme: t,
     prefix: n
@@ -2184,19 +2229,19 @@ const Ne = "-", Yt = (e) => {
     nextPart: /* @__PURE__ */ new Map(),
     validators: []
   };
-  return _t(Object.entries(e.classGroups), n).forEach(([i, a]) => {
-    ye(a, r, i, t);
+  return qt(Object.entries(e.classGroups), n).forEach(([i, a]) => {
+    xe(a, r, i, t);
   }), r;
-}, ye = (e, t, n, r) => {
+}, xe = (e, t, n, r) => {
   e.forEach((o) => {
     if (typeof o == "string") {
-      const i = o === "" ? t : De(t, o);
+      const i = o === "" ? t : We(t, o);
       i.classGroupId = n;
       return;
     }
     if (typeof o == "function") {
-      if (Kt(o)) {
-        ye(o(r), t, n, r);
+      if (Ut(o)) {
+        xe(o(r), t, n, r);
         return;
       }
       t.validators.push({
@@ -2206,21 +2251,21 @@ const Ne = "-", Yt = (e) => {
       return;
     }
     Object.entries(o).forEach(([i, a]) => {
-      ye(a, De(t, i), n, r);
+      xe(a, We(t, i), n, r);
     });
   });
-}, De = (e, t) => {
+}, We = (e, t) => {
   let n = e;
-  return t.split(Ne).forEach((r) => {
+  return t.split(Ae).forEach((r) => {
     n.nextPart.has(r) || n.nextPart.set(r, {
       nextPart: /* @__PURE__ */ new Map(),
       validators: []
     }), n = n.nextPart.get(r);
   }), n;
-}, Kt = (e) => e.isThemeGetter, _t = (e, t) => t ? e.map(([n, r]) => {
+}, Ut = (e) => e.isThemeGetter, qt = (e, t) => t ? e.map(([n, r]) => {
   const o = r.map((i) => typeof i == "string" ? t + i : typeof i == "object" ? Object.fromEntries(Object.entries(i).map(([a, c]) => [t + a, c])) : i);
   return [n, o];
-}) : e, Ut = (e) => {
+}) : e, Xt = (e) => {
   if (e < 1)
     return {
       get: () => {
@@ -2244,40 +2289,40 @@ const Ne = "-", Yt = (e) => {
       n.has(i) ? n.set(i, a) : o(i, a);
     }
   };
-}, Ue = "!", qt = (e) => {
+}, qe = "!", Jt = (e) => {
   const {
     separator: t,
     experimentalParseClassName: n
   } = e, r = t.length === 1, o = t[0], i = t.length, a = (c) => {
     const l = [];
     let u = 0, f = 0, v;
-    for (let w = 0; w < c.length; w++) {
-      let k = c[w];
+    for (let g = 0; g < c.length; g++) {
+      let N = c[g];
       if (u === 0) {
-        if (k === o && (r || c.slice(w, w + i) === t)) {
-          l.push(c.slice(f, w)), f = w + i;
+        if (N === o && (r || c.slice(g, g + i) === t)) {
+          l.push(c.slice(f, g)), f = g + i;
           continue;
         }
-        if (k === "/") {
-          v = w;
+        if (N === "/") {
+          v = g;
           continue;
         }
       }
-      k === "[" ? u++ : k === "]" && u--;
+      N === "[" ? u++ : N === "]" && u--;
     }
-    const d = l.length === 0 ? c : c.substring(f), m = d.startsWith(Ue), y = m ? d.substring(1) : d, g = v && v > f ? v - f : void 0;
+    const d = l.length === 0 ? c : c.substring(f), m = d.startsWith(qe), y = m ? d.substring(1) : d, w = v && v > f ? v - f : void 0;
     return {
       modifiers: l,
       hasImportantModifier: m,
       baseClassName: y,
-      maybePostfixModifierPosition: g
+      maybePostfixModifierPosition: w
     };
   };
   return n ? (c) => n({
     className: c,
     parseClassName: a
   }) : a;
-}, Xt = (e) => {
+}, Zt = (e) => {
   if (e.length <= 1)
     return e;
   const t = [];
@@ -2285,16 +2330,16 @@ const Ne = "-", Yt = (e) => {
   return e.forEach((r) => {
     r[0] === "[" ? (t.push(...n.sort(), r), n = []) : n.push(r);
   }), t.push(...n.sort()), t;
-}, Jt = (e) => ({
-  cache: Ut(e.cacheSize),
-  parseClassName: qt(e),
+}, Qt = (e) => ({
+  cache: Xt(e.cacheSize),
+  parseClassName: Jt(e),
   ...Yt(e)
-}), Qt = /\s+/, Zt = (e, t) => {
+}), en = /\s+/, tn = (e, t) => {
   const {
     parseClassName: n,
     getClassGroupId: r,
     getConflictingClassGroupIds: o
-  } = t, i = [], a = e.trim().split(Qt);
+  } = t, i = [], a = e.trim().split(en);
   let c = "";
   for (let l = a.length - 1; l >= 0; l -= 1) {
     const u = a[l], {
@@ -2303,102 +2348,102 @@ const Ne = "-", Yt = (e) => {
       baseClassName: d,
       maybePostfixModifierPosition: m
     } = n(u);
-    let y = !!m, g = r(y ? d.substring(0, m) : d);
-    if (!g) {
+    let y = !!m, w = r(y ? d.substring(0, m) : d);
+    if (!w) {
       if (!y) {
         c = u + (c.length > 0 ? " " + c : c);
         continue;
       }
-      if (g = r(d), !g) {
+      if (w = r(d), !w) {
         c = u + (c.length > 0 ? " " + c : c);
         continue;
       }
       y = !1;
     }
-    const w = Xt(f).join(":"), k = v ? w + Ue : w, b = k + g;
+    const g = Zt(f).join(":"), N = v ? g + qe : g, b = N + w;
     if (i.includes(b))
       continue;
     i.push(b);
-    const p = o(g, y);
+    const p = o(w, y);
     for (let h = 0; h < p.length; ++h) {
-      const N = p[h];
-      i.push(k + N);
+      const A = p[h];
+      i.push(N + A);
     }
     c = u + (c.length > 0 ? " " + c : c);
   }
   return c;
 };
-function en() {
+function nn() {
   let e = 0, t, n, r = "";
   for (; e < arguments.length; )
-    (t = arguments[e++]) && (n = qe(t)) && (r && (r += " "), r += n);
+    (t = arguments[e++]) && (n = Xe(t)) && (r && (r += " "), r += n);
   return r;
 }
-const qe = (e) => {
+const Xe = (e) => {
   if (typeof e == "string")
     return e;
   let t, n = "";
   for (let r = 0; r < e.length; r++)
-    e[r] && (t = qe(e[r])) && (n && (n += " "), n += t);
+    e[r] && (t = Xe(e[r])) && (n && (n += " "), n += t);
   return n;
 };
-function tn(e, ...t) {
+function rn(e, ...t) {
   let n, r, o, i = a;
   function a(l) {
     const u = t.reduce((f, v) => v(f), e());
-    return n = Jt(u), r = n.cache.get, o = n.cache.set, i = c, c(l);
+    return n = Qt(u), r = n.cache.get, o = n.cache.set, i = c, c(l);
   }
   function c(l) {
     const u = r(l);
     if (u)
       return u;
-    const f = Zt(l, n);
+    const f = tn(l, n);
     return o(l, f), f;
   }
   return function() {
-    return i(en.apply(null, arguments));
+    return i(nn.apply(null, arguments));
   };
 }
-const H = (e) => {
+const D = (e) => {
   const t = (n) => n[e] || [];
   return t.isThemeGetter = !0, t;
-}, 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), X = (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), J = (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);
+}, Je = /^\[(?:([a-z-]+):)?(.+)\]$/i, on = /^\d+\/\d+$/, sn = /* @__PURE__ */ new Set(["px", "full", "screen"]), cn = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, an = /\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$/, ln = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, dn = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, un = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, Y = (e) => oe(e) || sn.has(e) || on.test(e), X = (e) => ce(e, "length", wn), oe = (e) => !!e && !Number.isNaN(Number(e)), ve = (e) => ce(e, "number", oe), le = (e) => !!e && Number.isInteger(Number(e)), pn = (e) => e.endsWith("%") && oe(e.slice(0, -1)), M = (e) => Je.test(e), J = (e) => cn.test(e), fn = /* @__PURE__ */ new Set(["length", "size", "percentage"]), hn = (e) => ce(e, fn, Ze), mn = (e) => ce(e, "position", Ze), gn = /* @__PURE__ */ new Set(["image", "url"]), bn = (e) => ce(e, gn, xn), vn = (e) => ce(e, "", yn), de = () => !0, ce = (e, t, n) => {
+  const r = Je.exec(e);
   return r ? r[1] ? typeof t == "string" ? r[1] === t : t.has(r[1]) : n(r[2]) : !1;
-}, bn = (e) => (
+}, wn = (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.
-  sn.test(e) && !cn.test(e)
-), Je = () => !1, vn = (e) => an.test(e), wn = (e) => ln.test(e), yn = () => {
-  const e = H("colors"), t = H("spacing"), n = H("blur"), r = H("brightness"), o = H("borderColor"), i = H("borderRadius"), a = H("borderSpacing"), c = H("borderWidth"), l = H("contrast"), u = H("grayscale"), f = H("hueRotate"), v = H("invert"), d = H("gap"), m = H("gradientColorStops"), y = H("gradientColorStopPositions"), g = H("inset"), w = H("margin"), k = H("opacity"), b = H("padding"), p = H("saturate"), h = H("scale"), N = H("sepia"), C = H("skew"), z = H("space"), T = H("translate"), x = () => ["auto", "contain", "none"], R = () => ["auto", "hidden", "clip", "visible", "scroll"], S = () => ["auto", I, t], $ = () => [I, t], P = () => ["", j, X], F = () => ["auto", re, I], Z = () => ["bottom", "center", "left", "left-bottom", "left-top", "right", "right-bottom", "right-top", "top"], Y = () => ["solid", "dashed", "dotted", "double", "none"], M = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], L = () => ["start", "end", "center", "between", "around", "evenly", "stretch"], D = () => ["", "0", I], ge = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], V = () => [re, I];
+  an.test(e) && !ln.test(e)
+), Ze = () => !1, yn = (e) => dn.test(e), xn = (e) => un.test(e), kn = () => {
+  const e = D("colors"), t = D("spacing"), n = D("blur"), r = D("brightness"), o = D("borderColor"), i = D("borderRadius"), a = D("borderSpacing"), c = D("borderWidth"), l = D("contrast"), u = D("grayscale"), f = D("hueRotate"), v = D("invert"), d = D("gap"), m = D("gradientColorStops"), y = D("gradientColorStopPositions"), w = D("inset"), g = D("margin"), N = D("opacity"), b = D("padding"), p = D("saturate"), h = D("scale"), A = D("sepia"), C = D("skew"), z = D("space"), T = D("translate"), x = () => ["auto", "contain", "none"], I = () => ["auto", "hidden", "clip", "visible", "scroll"], S = () => ["auto", M, t], $ = () => [M, t], L = () => ["", Y, X], F = () => ["auto", oe, M], Q = () => ["bottom", "center", "left", "left-bottom", "left-top", "right", "right-bottom", "right-top", "top"], G = () => ["solid", "dashed", "dotted", "double", "none"], R = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], P = () => ["start", "end", "center", "between", "around", "evenly", "stretch"], W = () => ["", "0", M], ee = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], j = () => [oe, M];
   return {
     cacheSize: 500,
     separator: ":",
     theme: {
-      colors: [le],
-      spacing: [j, X],
-      blur: ["none", "", J, I],
-      brightness: V(),
+      colors: [de],
+      spacing: [Y, X],
+      blur: ["none", "", J, M],
+      brightness: j(),
       borderColor: [e],
-      borderRadius: ["none", "", "full", J, I],
+      borderRadius: ["none", "", "full", J, M],
       borderSpacing: $(),
-      borderWidth: P(),
-      contrast: V(),
-      grayscale: D(),
-      hueRotate: V(),
-      invert: D(),
+      borderWidth: L(),
+      contrast: j(),
+      grayscale: W(),
+      hueRotate: j(),
+      invert: W(),
       gap: $(),
       gradientColorStops: [e],
-      gradientColorStopPositions: [dn, X],
+      gradientColorStopPositions: [pn, X],
       inset: S(),
       margin: S(),
-      opacity: V(),
+      opacity: j(),
       padding: $(),
-      saturate: V(),
-      scale: V(),
-      sepia: D(),
-      skew: V(),
+      saturate: j(),
+      scale: j(),
+      sepia: W(),
+      skew: j(),
       space: $(),
       translate: $()
     },
@@ -2409,7 +2454,7 @@ const H = (e) => {
        * @see https://tailwindcss.com/docs/aspect-ratio
        */
       aspect: [{
-        aspect: ["auto", "square", "video", I]
+        aspect: ["auto", "square", "video", M]
       }],
       /**
        * Container
@@ -2428,14 +2473,14 @@ const H = (e) => {
        * @see https://tailwindcss.com/docs/break-after
        */
       "break-after": [{
-        "break-after": ge()
+        "break-after": ee()
       }],
       /**
        * Break Before
        * @see https://tailwindcss.com/docs/break-before
        */
       "break-before": [{
-        "break-before": ge()
+        "break-before": ee()
       }],
       /**
        * Break Inside
@@ -2494,28 +2539,28 @@ const H = (e) => {
        * @see https://tailwindcss.com/docs/object-position
        */
       "object-position": [{
-        object: [...Z(), I]
+        object: [...Q(), M]
       }],
       /**
        * Overflow
        * @see https://tailwindcss.com/docs/overflow
        */
       overflow: [{
-        overflow: R()
+        overflow: I()
       }],
       /**
        * Overflow X
        * @see https://tailwindcss.com/docs/overflow
        */
       "overflow-x": [{
-        "overflow-x": R()
+        "overflow-x": I()
       }],
       /**
        * Overflow Y
        * @see https://tailwindcss.com/docs/overflow
        */
       "overflow-y": [{
-        "overflow-y": R()
+        "overflow-y": I()
       }],
       /**
        * Overscroll Behavior
@@ -2548,63 +2593,63 @@ const H = (e) => {
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       inset: [{
-        inset: [g]
+        inset: [w]
       }],
       /**
        * Right / Left
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-x": [{
-        "inset-x": [g]
+        "inset-x": [w]
       }],
       /**
        * Top / Bottom
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-y": [{
-        "inset-y": [g]
+        "inset-y": [w]
       }],
       /**
        * Start
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       start: [{
-        start: [g]
+        start: [w]
       }],
       /**
        * End
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       end: [{
-        end: [g]
+        end: [w]
       }],
       /**
        * Top
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       top: [{
-        top: [g]
+        top: [w]
       }],
       /**
        * Right
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       right: [{
-        right: [g]
+        right: [w]
       }],
       /**
        * Bottom
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       bottom: [{
-        bottom: [g]
+        bottom: [w]
       }],
       /**
        * Left
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       left: [{
-        left: [g]
+        left: [w]
       }],
       /**
        * Visibility
@@ -2616,7 +2661,7 @@ const H = (e) => {
        * @see https://tailwindcss.com/docs/z-index
        */
       z: [{
-        z: ["auto", ae, I]
+        z: ["auto", le, M]
       }],
       // Flexbox and Grid
       /**
@@ -2645,35 +2690,35 @@ const H = (e) => {
        * @see https://tailwindcss.com/docs/flex
        */
       flex: [{
-        flex: ["1", "auto", "initial", "none", I]
+        flex: ["1", "auto", "initial", "none", M]
       }],
       /**
        * Flex Grow
        * @see https://tailwindcss.com/docs/flex-grow
        */
       grow: [{
-        grow: D()
+        grow: W()
       }],
       /**
        * Flex Shrink
        * @see https://tailwindcss.com/docs/flex-shrink
        */
       shrink: [{
-        shrink: D()
+        shrink: W()
       }],
       /**
        * Order
        * @see https://tailwindcss.com/docs/order
        */
       order: [{
-        order: ["first", "last", "none", ae, I]
+        order: ["first", "last", "none", le, M]
       }],
       /**
        * Grid Template Columns
        * @see https://tailwindcss.com/docs/grid-template-columns
        */
       "grid-cols": [{
-        "grid-cols": [le]
+        "grid-cols": [de]
       }],
       /**
        * Grid Column Start / End
@@ -2681,8 +2726,8 @@ const H = (e) => {
        */
       "col-start-end": [{
         col: ["auto", {
-          span: ["full", ae, I]
-        }, I]
+          span: ["full", le, M]
+        }, M]
       }],
       /**
        * Grid Column Start
@@ -2703,7 +2748,7 @@ const H = (e) => {
        * @see https://tailwindcss.com/docs/grid-template-rows
        */
       "grid-rows": [{
-        "grid-rows": [le]
+        "grid-rows": [de]
       }],
       /**
        * Grid Row Start / End
@@ -2711,8 +2756,8 @@ const H = (e) => {
        */
       "row-start-end": [{
         row: ["auto", {
-          span: [ae, I]
-        }, I]
+          span: [le, M]
+        }, M]
       }],
       /**
        * Grid Row Start
@@ -2740,14 +2785,14 @@ const H = (e) => {
        * @see https://tailwindcss.com/docs/grid-auto-columns
        */
       "auto-cols": [{
-        "auto-cols": ["auto", "min", "max", "fr", I]
+        "auto-cols": ["auto", "min", "max", "fr", M]
       }],
       /**
        * Grid Auto Rows
        * @see https://tailwindcss.com/docs/grid-auto-rows
        */
       "auto-rows": [{
-        "auto-rows": ["auto", "min", "max", "fr", I]
+        "auto-rows": ["auto", "min", "max", "fr", M]
       }],
       /**
        * Gap
@@ -2775,7 +2820,7 @@ const H = (e) => {
        * @see https://tailwindcss.com/docs/justify-content
        */
       "justify-content": [{
-        justify: ["normal", ...L()]
+        justify: ["normal", ...P()]
       }],
       /**
        * Justify Items
@@ -2796,7 +2841,7 @@ const H = (e) => {
        * @see https://tailwindcss.com/docs/align-content
        */
       "align-content": [{
-        content: ["normal", ...L(), "baseline"]
+        content: ["normal", ...P(), "baseline"]
       }],
       /**
        * Align Items
@@ -2817,7 +2862,7 @@ const H = (e) => {
        * @see https://tailwindcss.com/docs/place-content
        */
       "place-content": [{
-        "place-content": [...L(), "baseline"]
+        "place-content": [...P(), "baseline"]
       }],
       /**
        * Place Items
@@ -2902,63 +2947,63 @@ const H = (e) => {
        * @see https://tailwindcss.com/docs/margin
        */
       m: [{
-        m: [w]
+        m: [g]
       }],
       /**
        * Margin X
        * @see https://tailwindcss.com/docs/margin
        */
       mx: [{
-        mx: [w]
+        mx: [g]
       }],
       /**
        * Margin Y
        * @see https://tailwindcss.com/docs/margin
        */
       my: [{
-        my: [w]
+        my: [g]
       }],
       /**
        * Margin Start
        * @see https://tailwindcss.com/docs/margin
        */
       ms: [{
-        ms: [w]
+        ms: [g]
       }],
       /**
        * Margin End
        * @see https://tailwindcss.com/docs/margin
        */
       me: [{
-        me: [w]
+        me: [g]
       }],
       /**
        * Margin Top
        * @see https://tailwindcss.com/docs/margin
        */
       mt: [{
-        mt: [w]
+        mt: [g]
       }],
       /**
        * Margin Right
        * @see https://tailwindcss.com/docs/margin
        */
       mr: [{
-        mr: [w]
+        mr: [g]
       }],
       /**
        * Margin Bottom
        * @see https://tailwindcss.com/docs/margin
        */
       mb: [{
-        mb: [w]
+        mb: [g]
       }],
       /**
        * Margin Left
        * @see https://tailwindcss.com/docs/margin
        */
       ml: [{
-        ml: [w]
+        ml: [g]
       }],
       /**
        * Space Between X
@@ -2990,21 +3035,21 @@ const H = (e) => {
        * @see https://tailwindcss.com/docs/width
        */
       w: [{
-        w: ["auto", "min", "max", "fit", "svw", "lvw", "dvw", I, t]
+        w: ["auto", "min", "max", "fit", "svw", "lvw", "dvw", M, t]
       }],
       /**
        * Min-Width
        * @see https://tailwindcss.com/docs/min-width
        */
       "min-w": [{
-        "min-w": [I, t, "min", "max", "fit"]
+        "min-w": [M, t, "min", "max", "fit"]
       }],
       /**
        * Max-Width
        * @see https://tailwindcss.com/docs/max-width
        */
       "max-w": [{
-        "max-w": [I, t, "none", "full", "min", "max", "fit", "prose", {
+        "max-w": [M, t, "none", "full", "min", "max", "fit", "prose", {
           screen: [J]
         }, J]
       }],
@@ -3013,28 +3058,28 @@ const H = (e) => {
        * @see https://tailwindcss.com/docs/height
        */
       h: [{
-        h: [I, t, "auto", "min", "max", "fit", "svh", "lvh", "dvh"]
+        h: [M, t, "auto", "min", "max", "fit", "svh", "lvh", "dvh"]
       }],
       /**
        * Min-Height
        * @see https://tailwindcss.com/docs/min-height
        */
       "min-h": [{
-        "min-h": [I, t, "min", "max", "fit", "svh", "lvh", "dvh"]
+        "min-h": [M, t, "min", "max", "fit", "svh", "lvh", "dvh"]
       }],
       /**
        * Max-Height
        * @see https://tailwindcss.com/docs/max-height
        */
       "max-h": [{
-        "max-h": [I, t, "min", "max", "fit", "svh", "lvh", "dvh"]
+        "max-h": [M, t, "min", "max", "fit", "svh", "lvh", "dvh"]
       }],
       /**
        * Size
        * @see https://tailwindcss.com/docs/size
        */
       size: [{
-        size: [I, t, "auto", "min", "max", "fit"]
+        size: [M, t, "auto", "min", "max", "fit"]
       }],
       // Typography
       /**
@@ -3059,14 +3104,14 @@ const H = (e) => {
        * @see https://tailwindcss.com/docs/font-weight
        */
       "font-weight": [{
-        font: ["thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black", be]
+        font: ["thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black", ve]
       }],
       /**
        * Font Family
        * @see https://tailwindcss.com/docs/font-family
        */
       "font-family": [{
-        font: [le]
+        font: [de]
       }],
       /**
        * Font Variant Numeric
@@ -3103,35 +3148,35 @@ const H = (e) => {
        * @see https://tailwindcss.com/docs/letter-spacing
        */
       tracking: [{
-        tracking: ["tighter", "tight", "normal", "wide", "wider", "widest", I]
+        tracking: ["tighter", "tight", "normal", "wide", "wider", "widest", M]
       }],
       /**
        * Line Clamp
        * @see https://tailwindcss.com/docs/line-clamp
        */
       "line-clamp": [{
-        "line-clamp": ["none", re, be]
+        "line-clamp": ["none", oe, ve]
       }],
       /**
        * Line Height
        * @see https://tailwindcss.com/docs/line-height
        */
       leading: [{
-        leading: ["none", "tight", "snug", "normal", "relaxed", "loose", j, I]
+        leading: ["none", "tight", "snug", "normal", "relaxed", "loose", Y, M]
       }],
       /**
        * List Style Image
        * @see https://tailwindcss.com/docs/list-style-image
        */
       "list-image": [{
-        "list-image": ["none", I]
+        "list-image": ["none", M]
       }],
       /**
        * List Style Type
        * @see https://tailwindcss.com/docs/list-style-type
        */
       "list-style-type": [{
-        list: ["none", "disc", "decimal", I]
+        list: ["none", "disc", "decimal", M]
       }],
       /**
        * List Style Position
@@ -3153,7 +3198,7 @@ const H = (e) => {
        * @see https://tailwindcss.com/docs/placeholder-opacity
        */
       "placeholder-opacity": [{
-        "placeholder-opacity": [k]
+        "placeholder-opacity": [N]
       }],
       /**
        * Text Alignment
@@ -3174,7 +3219,7 @@ const H = (e) => {
        * @see https://tailwindcss.com/docs/text-opacity
        */
       "text-opacity": [{
-        "text-opacity": [k]
+        "text-opacity": [N]
       }],
       /**
        * Text Decoration
@@ -3186,21 +3231,21 @@ const H = (e) => {
        * @see https://tailwindcss.com/docs/text-decoration-style
        */
       "text-decoration-style": [{
-        decoration: [...Y(), "wavy"]
+        decoration: [...G(), "wavy"]
       }],
       /**
        * Text Decoration Thickness
        * @see https://tailwindcss.com/docs/text-decoration-thickness
        */
       "text-decoration-thickness": [{
-        decoration: ["auto", "from-font", j, X]
+        decoration: ["auto", "from-font", Y, X]
       }],
       /**
        * Text Underline Offset
        * @see https://tailwindcss.com/docs/text-underline-offset
        */
       "underline-offset": [{
-        "underline-offset": ["auto", j, I]
+        "underline-offset": ["auto", Y, M]
       }],
       /**
        * Text Decoration Color
@@ -3238,7 +3283,7 @@ const H = (e) => {
        * @see https://tailwindcss.com/docs/vertical-align
        */
       "vertical-align": [{
-        align: ["baseline", "top", "middle", "bottom", "text-top", "text-bottom", "sub", "super", I]
+        align: ["baseline", "top", "middle", "bottom", "text-top", "text-bottom", "sub", "super", M]
       }],
       /**
        * Whitespace
@@ -3266,7 +3311,7 @@ const H = (e) => {
        * @see https://tailwindcss.com/docs/content
        */
       content: [{
-        content: ["none", I]
+        content: ["none", M]
       }],
       // Backgrounds
       /**
@@ -3289,7 +3334,7 @@ const H = (e) => {
        * @see https://tailwindcss.com/docs/background-opacity
        */
       "bg-opacity": [{
-        "bg-opacity": [k]
+        "bg-opacity": [N]
       }],
       /**
        * Background Origin
@@ -3303,7 +3348,7 @@ const H = (e) => {
        * @see https://tailwindcss.com/docs/background-position
        */
       "bg-position": [{
-        bg: [...Z(), fn]
+        bg: [...Q(), mn]
       }],
       /**
        * Background Repeat
@@ -3319,7 +3364,7 @@ const H = (e) => {
        * @see https://tailwindcss.com/docs/background-size
        */
       "bg-size": [{
-        bg: ["auto", "cover", "contain", pn]
+        bg: ["auto", "cover", "contain", hn]
       }],
       /**
        * Background Image
@@ -3328,7 +3373,7 @@ const H = (e) => {
       "bg-image": [{
         bg: ["none", {
           "gradient-to": ["t", "tr", "r", "br", "b", "bl", "l", "tl"]
-        }, mn]
+        }, bn]
       }],
       /**
        * Background Color
@@ -3553,14 +3598,14 @@ const H = (e) => {
        * @see https://tailwindcss.com/docs/border-opacity
        */
       "border-opacity": [{
-        "border-opacity": [k]
+        "border-opacity": [N]
       }],
       /**
        * Border Style
        * @see https://tailwindcss.com/docs/border-style
        */
       "border-style": [{
-        border: [...Y(), "hidden"]
+        border: [...G(), "hidden"]
       }],
       /**
        * Divide Width X
@@ -3591,14 +3636,14 @@ const H = (e) => {
        * @see https://tailwindcss.com/docs/divide-opacity
        */
       "divide-opacity": [{
-        "divide-opacity": [k]
+        "divide-opacity": [N]
       }],
       /**
        * Divide Style
        * @see https://tailwindcss.com/docs/divide-style
        */
       "divide-style": [{
-        divide: Y()
+        divide: G()
       }],
       /**
        * Border Color
@@ -3675,21 +3720,21 @@ const H = (e) => {
        * @see https://tailwindcss.com/docs/outline-style
        */
       "outline-style": [{
-        outline: ["", ...Y()]
+        outline: ["", ...G()]
       }],
       /**
        * Outline Offset
        * @see https://tailwindcss.com/docs/outline-offset
        */
       "outline-offset": [{
-        "outline-offset": [j, I]
+        "outline-offset": [Y, M]
       }],
       /**
        * Outline Width
        * @see https://tailwindcss.com/docs/outline-width
        */
       "outline-w": [{
-        outline: [j, X]
+        outline: [Y, X]
       }],
       /**
        * Outline Color
@@ -3703,7 +3748,7 @@ const H = (e) => {
        * @see https://tailwindcss.com/docs/ring-width
        */
       "ring-w": [{
-        ring: P()
+        ring: L()
       }],
       /**
        * Ring Width Inset
@@ -3722,14 +3767,14 @@ const H = (e) => {
        * @see https://tailwindcss.com/docs/ring-opacity
        */
       "ring-opacity": [{
-        "ring-opacity": [k]
+        "ring-opacity": [N]
       }],
       /**
        * Ring Offset Width
        * @see https://tailwindcss.com/docs/ring-offset-width
        */
       "ring-offset-w": [{
-        "ring-offset": [j, X]
+        "ring-offset": [Y, X]
       }],
       /**
        * Ring Offset Color
@@ -3744,35 +3789,35 @@ const H = (e) => {
        * @see https://tailwindcss.com/docs/box-shadow
        */
       shadow: [{
-        shadow: ["", "inner", "none", J, gn]
+        shadow: ["", "inner", "none", J, vn]
       }],
       /**
        * Box Shadow Color
        * @see https://tailwindcss.com/docs/box-shadow-color
        */
       "shadow-color": [{
-        shadow: [le]
+        shadow: [de]
       }],
       /**
        * Opacity
        * @see https://tailwindcss.com/docs/opacity
        */
       opacity: [{
-        opacity: [k]
+        opacity: [N]
       }],
       /**
        * Mix Blend Mode
        * @see https://tailwindcss.com/docs/mix-blend-mode
        */
       "mix-blend": [{
-        "mix-blend": [...M(), "plus-lighter", "plus-darker"]
+        "mix-blend": [...R(), "plus-lighter", "plus-darker"]
       }],
       /**
        * Background Blend Mode
        * @see https://tailwindcss.com/docs/background-blend-mode
        */
       "bg-blend": [{
-        "bg-blend": M()
+        "bg-blend": R()
       }],
       // Filters
       /**
@@ -3809,7 +3854,7 @@ const H = (e) => {
        * @see https://tailwindcss.com/docs/drop-shadow
        */
       "drop-shadow": [{
-        "drop-shadow": ["", "none", J, I]
+        "drop-shadow": ["", "none", J, M]
       }],
       /**
        * Grayscale
@@ -3844,7 +3889,7 @@ const H = (e) => {
        * @see https://tailwindcss.com/docs/sepia
        */
       sepia: [{
-        sepia: [N]
+        sepia: [A]
       }],
       /**
        * Backdrop Filter
@@ -3901,7 +3946,7 @@ const H = (e) => {
        * @see https://tailwindcss.com/docs/backdrop-opacity
        */
       "backdrop-opacity": [{
-        "backdrop-opacity": [k]
+        "backdrop-opacity": [N]
       }],
       /**
        * Backdrop Saturate
@@ -3915,7 +3960,7 @@ const H = (e) => {
        * @see https://tailwindcss.com/docs/backdrop-sepia
        */
       "backdrop-sepia": [{
-        "backdrop-sepia": [N]
+        "backdrop-sepia": [A]
       }],
       // Tables
       /**
@@ -3966,35 +4011,35 @@ const H = (e) => {
        * @see https://tailwindcss.com/docs/transition-property
        */
       transition: [{
-        transition: ["none", "all", "", "colors", "opacity", "shadow", "transform", I]
+        transition: ["none", "all", "", "colors", "opacity", "shadow", "transform", M]
       }],
       /**
        * Transition Duration
        * @see https://tailwindcss.com/docs/transition-duration
        */
       duration: [{
-        duration: V()
+        duration: j()
       }],
       /**
        * Transition Timing Function
        * @see https://tailwindcss.com/docs/transition-timing-function
        */
       ease: [{
-        ease: ["linear", "in", "out", "in-out", I]
+        ease: ["linear", "in", "out", "in-out", M]
       }],
       /**
        * Transition Delay
        * @see https://tailwindcss.com/docs/transition-delay
        */
       delay: [{
-        delay: V()
+        delay: j()
       }],
       /**
        * Animation
        * @see https://tailwindcss.com/docs/animation
        */
       animate: [{
-        animate: ["none", "spin", "ping", "pulse", "bounce", I]
+        animate: ["none", "spin", "ping", "pulse", "bounce", M]
       }],
       // Transforms
       /**
@@ -4030,7 +4075,7 @@ const H = (e) => {
        * @see https://tailwindcss.com/docs/rotate
        */
       rotate: [{
-        rotate: [ae, I]
+        rotate: [le, M]
       }],
       /**
        * Translate X
@@ -4065,7 +4110,7 @@ const H = (e) => {
        * @see https://tailwindcss.com/docs/transform-origin
        */
       "transform-origin": [{
-        origin: ["center", "top", "top-right", "right", "bottom-right", "bottom", "bottom-left", "left", "top-left", I]
+        origin: ["center", "top", "top-right", "right", "bottom-right", "bottom", "bottom-left", "left", "top-left", M]
       }],
       // Interactivity
       /**
@@ -4087,7 +4132,7 @@ const H = (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", I]
+        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]
       }],
       /**
        * Caret Color
@@ -4309,7 +4354,7 @@ const H = (e) => {
        * @see https://tailwindcss.com/docs/will-change
        */
       "will-change": [{
-        "will-change": ["auto", "scroll", "contents", "transform", I]
+        "will-change": ["auto", "scroll", "contents", "transform", M]
       }],
       // SVG
       /**
@@ -4324,7 +4369,7 @@ const H = (e) => {
        * @see https://tailwindcss.com/docs/stroke-width
        */
       "stroke-w": [{
-        stroke: [j, X, be]
+        stroke: [Y, X, ve]
       }],
       /**
        * Stroke
@@ -4399,30 +4444,30 @@ const H = (e) => {
       "font-size": ["leading"]
     }
   };
-}, xn = /* @__PURE__ */ tn(yn);
-function kn(...e) {
-  return xn(gt(e));
+}, Nn = /* @__PURE__ */ rn(kn);
+function An(...e) {
+  return Nn(vt(e));
 }
-function or({ autoWidth: e = !0, className: t, style: n }) {
-  const [r, o] = E(() => _.getActiveAppId()), [i, a] = E(() => G.getRunningApps()), { isMobile: c } = Ke();
+function ir({ autoWidth: e = !0, className: t, style: n }) {
+  const [r, o] = E(() => _.getActiveAppId()), [i, a] = E(() => V.getRunningApps()), { isMobile: c } = _e();
   B(() => {
-    const w = _.subscribe("activeAppId", (k) => {
-      o(k);
+    const g = _.subscribe("activeAppId", (N) => {
+      o(N);
     });
     return () => {
-      w();
+      g();
     };
-  }, []), B(() => G.subscribe(() => {
-    a(G.getRunningApps());
+  }, []), B(() => V.subscribe(() => {
+    a(V.getRunningApps());
   }), []), B(() => {
     if (!new URLSearchParams(window.location.search).has("app")) {
       const b = _.getActiveAppId();
-      b && !G.isRunning(b) && G.launchApp(b);
+      b && !V.isRunning(b) && V.launchApp(b);
     }
   }, []);
-  const l = (w) => {
-    G.closeApp(w);
-  }, u = r ? oe.get(r) : null, v = (u == null ? void 0 : u.width) ?? 400, d = r !== null, g = { ...{
+  const l = (g) => {
+    V.closeApp(g);
+  }, u = r ? se.get(r) : null, v = (u == null ? void 0 : u.width) ?? 400, d = r !== null, w = { ...{
     overflow: "hidden",
     display: d ? "flex" : "none",
     flexDirection: "column",
@@ -4430,24 +4475,24 @@ function or({ autoWidth: e = !0, className: t, style: n }) {
     // Only set width if autoWidth is enabled
     ...e && d ? { width: c ? "100%" : v } : {}
   }, ...n };
-  return /* @__PURE__ */ s("div", { className: kn("nc-app-panel", t), style: g, children: i.map((w) => /* @__PURE__ */ s(
-    Ye,
+  return /* @__PURE__ */ s("div", { className: An("nc-app-panel", t), style: w, children: i.map((g) => /* @__PURE__ */ s(
+    Ge,
     {
-      appId: w.appId,
-      isActive: r === w.appId,
-      onClose: () => l(w.appId)
+      appId: g.appId,
+      isActive: r === g.appId,
+      onClose: () => l(g.appId)
     },
-    w.appId
+    g.appId
   )) });
 }
-function sr({
+function cr({
   pinnedAppIds: e,
   className: t = "",
   showIndicators: n = !0,
   side: r = "left",
   getBadge: o
 }) {
-  const { t: i } = U(), { isMobile: a } = Ke(), [c, l] = E(() => _.getActiveAppId()), [u, f] = E(() => G.getRunningApps());
+  const { t: i } = U(), { isMobile: a } = _e(), [c, l] = E(() => _.getActiveAppId()), [u, f] = E(() => V.getRunningApps());
   B(() => {
     const p = _.subscribe("activeAppId", (h) => {
       l(h);
@@ -4455,34 +4500,34 @@ function sr({
     return () => {
       p();
     };
-  }, []), B(() => G.subscribe(() => {
-    f(G.getRunningApps());
+  }, []), B(() => V.subscribe(() => {
+    f(V.getRunningApps());
   }), []);
   const v = (p) => {
-    c === p ? G.setActiveApp(null) : G.launchApp(p);
-  }, d = e.map((p) => oe.get(p)).filter((p) => !!p), m = u.filter((p) => !e.includes(p.appId)).map((p) => ({ running: p, def: oe.get(p.appId) })).filter((p) => !!p.def), y = (p) => u.some((h) => h.appId === p), g = (p) => p.titleKey ? String(i(p.titleKey)) : p.id, w = (p) => typeof p == "number" && p > 99 ? "99+" : p, k = (p, h) => {
-    const N = o == null ? void 0 : o(p, h);
-    return N ? /* @__PURE__ */ s(
+    c === p ? V.setActiveApp(null) : V.launchApp(p);
+  }, d = e.map((p) => se.get(p)).filter((p) => !!p), m = u.filter((p) => !e.includes(p.appId)).map((p) => ({ running: p, def: se.get(p.appId) })).filter((p) => !!p.def), y = (p) => u.some((h) => h.appId === p), w = (p) => p.titleKey ? String(i(p.titleKey)) : p.id, g = (p) => typeof p == "number" && p > 99 ? "99+" : p, N = (p, h) => {
+    const A = o == null ? void 0 : o(p, h);
+    return A ? /* @__PURE__ */ s(
       "span",
       {
-        className: `nc-app-taskbar-badge nc-${N.tone ?? "default"}`,
-        "aria-label": N.ariaLabel,
-        children: w(N.content)
+        className: `nc-app-taskbar-badge nc-${A.tone ?? "default"}`,
+        "aria-label": A.ariaLabel,
+        children: g(A.content)
       }
     ) : null;
   }, b = a ? 24 : 28;
-  return /* @__PURE__ */ A("div", { className: `nc-app-taskbar ${a ? "nc-mobile" : "nc-desktop"} nc-${r} ${t}`, children: [
+  return /* @__PURE__ */ k("div", { className: `nc-app-taskbar ${a ? "nc-mobile" : "nc-desktop"} nc-${r} ${t}`, children: [
     d.map((p) => {
-      const h = p.icon, N = c === p.id, C = y(p.id), z = { isActive: N, isRunning: C, isPinned: !0 };
-      return /* @__PURE__ */ A(
+      const h = p.icon, A = c === p.id, C = y(p.id), z = { isActive: A, isRunning: C, isPinned: !0 };
+      return /* @__PURE__ */ k(
         "button",
         {
-          className: `nc-app-taskbar-button ${N ? "nc-active" : ""} ${C ? "nc-running" : ""}`,
+          className: `nc-app-taskbar-button ${A ? "nc-active" : ""} ${C ? "nc-running" : ""}`,
           onClick: () => v(p.id),
-          title: g(p),
+          title: w(p),
           children: [
             /* @__PURE__ */ s(h, { size: b }),
-            k(p, z),
+            N(p, z),
             n && C && /* @__PURE__ */ s("span", { className: "nc-app-taskbar-indicator" })
           ]
         },
@@ -4491,16 +4536,16 @@ function sr({
     }),
     m.length > 0 && /* @__PURE__ */ s("div", { className: "nc-app-taskbar-separator" }),
     m.map(({ running: p, def: h }) => {
-      const N = h.icon, C = c === p.appId, z = { isActive: C, isRunning: !0, isPinned: !1 };
-      return /* @__PURE__ */ A(
+      const A = h.icon, C = c === p.appId, z = { isActive: C, isRunning: !0, isPinned: !1 };
+      return /* @__PURE__ */ k(
         "button",
         {
           className: `nc-app-taskbar-button ${C ? "nc-active" : ""} nc-running`,
           onClick: () => v(p.appId),
-          title: g(h),
+          title: w(h),
           children: [
-            /* @__PURE__ */ s(N, { size: b }),
-            k(h, z),
+            /* @__PURE__ */ s(A, { size: b }),
+            N(h, z),
             n && /* @__PURE__ */ s("span", { className: "nc-app-taskbar-indicator" })
           ]
         },
@@ -4509,7 +4554,7 @@ function sr({
     })
   ] });
 }
-function ir({
+function ar({
   appId: e,
   open: t,
   onClose: n,
@@ -4533,7 +4578,7 @@ function ir({
           style: i,
           onClick: (l) => l.stopPropagation(),
           children: /* @__PURE__ */ s(
-            Ye,
+            Ge,
             {
               appId: e,
               isActive: !0,
@@ -4544,43 +4589,43 @@ function ir({
       )
     }
   );
-  return ue(c, document.body);
+  return pe(c, document.body);
 }
-const Ae = se(null), Qe = se(null);
-function cr() {
-  const e = Q(Ae);
+const Ce = ie(null), Qe = ie(null);
+function lr() {
+  const e = Z(Ce);
   if (!e)
     throw new Error("useNavStack must be used within a NavStackProvider");
   return e;
 }
-function ar() {
-  const e = Q(Qe);
+function dr() {
+  const e = Z(Qe);
   if (!e)
     throw new Error("useNavView must be used within NavStack");
   return e;
 }
-const Se = se(null);
-function lr({ rootView: e, children: t }) {
-  const { t: n } = U(), r = Wt(), [o, i] = E([e]), [a, c] = E([null]), l = O((h, N) => {
+const Se = ie(null);
+function ur({ rootView: e, children: t }) {
+  const { t: n } = U(), r = Ft(), [o, i] = E([e]), [a, c] = E([null]), l = O((h, A) => {
     c((C) => {
       const z = [...C];
-      return z[h] = N, z;
+      return z[h] = A, z;
     });
   }, []), u = O((h) => {
-    c((N) => {
-      const C = [...N];
+    c((A) => {
+      const C = [...A];
       return C[h] = null, C;
     });
   }, []), f = O((h) => {
-    i((N) => [...N, h]), c((N) => [...N, null]);
+    i((A) => [...A, h]), c((A) => [...A, null]);
   }, []), v = O(() => {
     i((h) => h.length <= 1 ? h : h.slice(0, -1)), c((h) => h.slice(0, -1));
   }, []), d = O(() => {
     i([e]), c([null]);
-  }, [e]), m = o.length, y = m > 1, g = o.length - 1, w = o[o.length - 1], k = w != null && w.titleKey ? n(w.titleKey) : (w == null ? void 0 : w.title) ?? "";
+  }, [e]), m = o.length, y = m > 1, w = o.length - 1, g = o[o.length - 1], N = g != null && g.titleKey ? n(g.titleKey) : (g == null ? void 0 : g.title) ?? "";
   B(() => {
-    r.setTitle(k);
-  }, [k, r]), B(() => {
+    r.setTitle(N);
+  }, [N, r]), B(() => {
     y ? r.setBackHandler(v) : r.clearBackHandler();
   }, [y, v, r]), B(() => {
     const h = a[a.length - 1];
@@ -4592,18 +4637,18 @@ function lr({ rootView: e, children: t }) {
     reset: d,
     depth: m,
     canGoBack: y,
-    currentTitle: k
+    currentTitle: N
   }, p = {
     stack: o,
     toolbarStack: a,
     updateToolbar: l,
     clearToolbarAt: u,
-    topIndex: g
+    topIndex: w
   };
-  return /* @__PURE__ */ s(Ae.Provider, { value: b, children: /* @__PURE__ */ s(Se.Provider, { value: p, children: t }) });
+  return /* @__PURE__ */ s(Ce.Provider, { value: b, children: /* @__PURE__ */ s(Se.Provider, { value: p, children: t }) });
 }
-function Nn({ index: e, children: t }) {
-  const n = Q(Se);
+function Cn({ index: e, children: t }) {
+  const n = Z(Se);
   if (!n)
     throw new Error("NavViewProvider must be used within NavStackProvider");
   const { updateToolbar: r, clearToolbarAt: o, topIndex: i } = n, a = O((u) => {
@@ -4616,14 +4661,14 @@ function Nn({ index: e, children: t }) {
   };
   return /* @__PURE__ */ s(Qe.Provider, { value: l, children: t });
 }
-function dr() {
-  const e = Q(Ae), t = Q(Se);
+function pr() {
+  const e = Z(Ce), t = Z(Se);
   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(Nn, { index: o, children: /* @__PURE__ */ s(
+    return /* @__PURE__ */ s(Cn, { index: o, children: /* @__PURE__ */ s(
       "div",
       {
         style: { display: i ? "flex" : "none", flexDirection: "column", height: "100%" },
@@ -4634,55 +4679,54 @@ function dr() {
 }
 export {
   He as ActivityIndicator,
-  Tn as Alert,
-  Ye as AppContainer,
-  Ve as AppContext,
-  ir as AppDialog,
-  or as AppPanel,
-  sr as AppTaskbar,
-  Ft as AppTitleBar,
-  zn as Battery,
+  zn as Alert,
+  Ge as AppContainer,
+  je as AppContext,
+  ar as AppDialog,
+  ir as AppPanel,
+  cr as AppTaskbar,
+  jt as AppTitleBar,
+  Pn 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,
-  Hn as EditButton,
-  On as Hyperlink,
+  Bn as ButtonGroup,
+  Dn as Checkbox,
+  Oe as CloseButton,
+  Wn as ComboBox,
+  jn as ContextMenu,
+  tr as CsvTextArea,
+  Gn as Dialog,
+  re as DialogClose,
+  On as EditButton,
+  Vn as Hyperlink,
   Yn as Input,
-  jn as ListGroup,
-  Gn 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,
+  _n as ListGroup,
+  Kn as ListGroupItem,
+  qn as MonthRangePicker,
+  Un as MultiSelect,
+  pr as NavStackContainer,
+  ur as NavStackProvider,
+  Bt as Notification,
+  nr as NotificationContainer,
+  Xn as NumberInput,
+  Hn as RefreshButton,
+  Jn as Slider,
   It as TabPanel,
-  Xn as TabPanels,
-  Jn as Tabs,
-  Qn as Toggle,
-  Wn as TrashButton,
-  rr as ViewportProvider,
-  fr as YamlTextArea,
-  oe as appRegistry,
+  Zn as TabPanels,
+  Qn as Tabs,
+  er as Toggle,
+  Fn as TrashButton,
+  sr as ViewportProvider,
+  se as appRegistry,
   _ 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
+  An as cn,
+  or as createAppI18nFactory,
+  rr as notificationManager,
+  V as runningAppsStore,
+  Dt as showNotification,
+  Ft as useApp,
+  Ct as useDialog,
+  lr as useNavStack,
+  dr as useNavView,
+  _e as useViewport
 };
 //# sourceMappingURL=index.js.map