@kingsimba/nc-ui 0.1.21 → 0.1.22

package/dist/index.js

@@ -37,8 +37,8 @@ function He({
   );
   return n ? /* @__PURE__ */ s("div", { className: "nc-activity-indicator-overlay", children: o }) : o;
 }
-function K({ variant: e = "default", block: t, size: n = "default", appearance: r = "default", className: o, disabled: i, textSelectable: l, loading: c, onClick: d, children: p, ...f }) {
-  const m = [
+function K({ variant: e = "default", block: t, size: n = "default", appearance: r = "default", className: o, disabled: i, textSelectable: a, loading: c, onClick: d, children: p, ...f }) {
+  const b = [
     "nc-button",
     e !== "default" ? `nc-${e}` : "",
     t ? "nc-block" : "",
@@ -46,23 +46,23 @@ function K({ variant: e = "default", block: t, size: n = "default", appearance:
     n === "large" ? "nc-large" : "",
     r === "transparent" ? "nc-transparent" : "",
     i || c ? "nc-disabled" : "",
-    l ? "nc-text-selectable" : "",
+    a ? "nc-text-selectable" : "",
     c ? "nc-loading" : "",
     o ?? ""
   ].filter(Boolean).join(" ");
   return /* @__PURE__ */ x(
     "button",
     {
-      className: m,
+      className: b,
       disabled: i || c,
-      onClick: (u) => {
+      onClick: (l) => {
         if (!c) {
-          if (l) {
-            const v = window.getSelection();
-            if (v && v.toString().length > 0)
+          if (a) {
+            const m = window.getSelection();
+            if (m && m.toString().length > 0)
               return;
           }
-          d == null || d(u);
+          d == null || d(l);
         }
       },
       ...f,
@@ -94,7 +94,7 @@ function Tn({
   button: r,
   onAction: o,
   children: i,
-  onClose: l,
+  onClose: a,
   className: c = "",
   style: d
 }) {
@@ -105,13 +105,13 @@ function Tn({
   return /* @__PURE__ */ x("div", { className: `nc-alert nc-${n} ${c}`.trim(), style: d, children: [
     /* @__PURE__ */ x("div", { className: "nc-alert-main", children: [
       /* @__PURE__ */ s("div", { className: `nc-alert-message nc-${n}`, children: p }),
-      l && /* @__PURE__ */ s(
+      a && /* @__PURE__ */ s(
         "button",
         {
           type: "button",
           className: "nc-alert-close",
           "aria-label": "Close alert",
-          onClick: l,
+          onClick: a,
           children: /* @__PURE__ */ s(xe, { size: 16 })
         }
       )
@@ -136,7 +136,7 @@ function zn({
   const o = Math.max(0, Math.min(1, Number(e) || 0));
   let i;
   r ? o < 0.1 ? i = "var(--nc-danger)" : o < 0.2 ? i = "var(--nc-warning)" : i = "var(--nc-success)" : i = n ? "#ffffff" : "#000000";
-  const l = n ? "rgba(255, 255, 255, 0.5)" : "rgba(0, 0, 0, 0.2)", c = 24, d = 14, p = 2, f = 0, m = 12, a = 0, u = 0, v = 0, h = c, g = d, A = g - a * 2, b = h - a * 2, y = Math.max(1, Math.min(4, g / 4)), w = o === 0 ? 0 : 0.05 + o * 0.95, k = c + p + m, E = 20, z = 0.65, M = Math.max(d, E * z), N = c + p + 1, R = (d - E * z) / 2;
+  const a = n ? "rgba(255, 255, 255, 0.5)" : "rgba(0, 0, 0, 0.2)", c = 24, d = 14, p = 2, f = 0, b = 12, u = 0, l = 0, m = 0, g = c, h = d, A = h - u * 2, v = g - u * 2, y = Math.max(1, Math.min(4, h / 4)), w = o === 0 ? 0 : 0.05 + o * 0.95, k = c + p + b, E = 20, z = 0.65, M = Math.max(d, E * z), N = c + p + 1, R = (d - E * z) / 2;
   return /* @__PURE__ */ x(
     "svg",
     {
@@ -148,31 +148,31 @@ function zn({
       "aria-label": `Battery ${o === 0 ? "-" : Math.round(o * 100) + "%"} ${t}`,
       children: [
         /* @__PURE__ */ x("defs", { children: [
-          /* @__PURE__ */ s("mask", { id: `nc-battery-fill-mask-${o}`, children: /* @__PURE__ */ s("rect", { x: "0", y: "0", width: b * w, height: A, fill: "white" }) }),
+          /* @__PURE__ */ s("mask", { id: `nc-battery-fill-mask-${o}`, children: /* @__PURE__ */ s("rect", { x: "0", y: "0", width: v * w, height: A, fill: "white" }) }),
           /* @__PURE__ */ x("mask", { id: `nc-battery-text-mask-${o}`, children: [
             /* @__PURE__ */ s("rect", { x: "0", y: "0", width: k, height: M, fill: "white" }),
-            /* @__PURE__ */ s("text", { x: u + h / 2, y: d - 3, fontSize: 11, fontWeight: "bold", fill: "black", textAnchor: "middle", children: o === 0 ? "-" : Math.round(o * 100) })
+            /* @__PURE__ */ s("text", { x: l + g / 2, y: d - 3, fontSize: 11, fontWeight: "bold", fill: "black", textAnchor: "middle", children: o === 0 ? "-" : Math.round(o * 100) })
           ] })
         ] }),
         /* @__PURE__ */ x("g", { mask: `url(#nc-battery-text-mask-${o})`, children: [
           /* @__PURE__ */ s(
             "rect",
             {
-              x: u,
-              y: v,
+              x: l,
+              y: m,
               rx: y,
               ry: y,
-              width: h,
-              height: g,
-              fill: l
+              width: g,
+              height: h,
+              fill: a
             }
           ),
           /* @__PURE__ */ s(
             "rect",
             {
-              x: u + a,
-              y: v + a,
-              width: b,
+              x: l + u,
+              y: m + u,
+              width: v,
               height: A,
               fill: i,
               rx: y,
@@ -189,7 +189,7 @@ function zn({
               height: d * 0.48,
               rx: 0.8,
               ry: 0.8,
-              fill: o === 1 ? i : l
+              fill: o === 1 ? i : a
             }
           ),
           t === "charging" ? /* @__PURE__ */ s("g", { transform: `translate(${N}, ${R}) scale(${z})`, fill: i, children: /* @__PURE__ */ s("path", { d: "M10 0 L2 11 H8 L5 20 L14 8 H8 L10 0 Z" }) }) : null
@@ -205,12 +205,12 @@ function Pn({
   disabled: r,
   size: o = "default"
 }) {
-  return /* @__PURE__ */ s("div", { className: `nc-button-group ${o === "small" ? "nc-small" : ""}`, children: n.map((i, l) => {
+  return /* @__PURE__ */ s("div", { className: `nc-button-group ${o === "small" ? "nc-small" : ""}`, children: n.map((i, a) => {
     const c = r || !!i.disabled;
     return /* @__PURE__ */ s(
       "button",
       {
-        className: `nc-button-group-item ${e === i.key ? "nc-active" : ""} ${l < n.length - 1 ? "nc-has-border" : ""}`,
+        className: `nc-button-group-item ${e === i.key ? "nc-active" : ""} ${a < n.length - 1 ? "nc-has-border" : ""}`,
         onClick: () => !c && t(i.key),
         disabled: c,
         children: i.label
@@ -231,13 +231,13 @@ function wt({ size: e }) {
     }
   ) });
 }
-function Ln({ checked: e, onChange: t, disabled: n, label: r, size: o = "default", labelColor: i, style: l, className: c = "" }) {
+function Ln({ checked: e, onChange: t, disabled: n, label: r, size: o = "default", labelColor: i, style: a, className: c = "" }) {
   const d = o === "small";
   return /* @__PURE__ */ x(
     "label",
     {
       className: `nc-checkbox-label ${d ? "nc-small" : ""} ${n ? "nc-disabled" : ""} ${c}`.trim(),
-      style: l,
+      style: a,
       onClick: (p) => {
         n || (p.preventDefault(), t(!e));
       },
@@ -261,7 +261,7 @@ 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: l } = Q();
+  const i = W(null), { t: a } = Q();
   return B(() => {
     r && i.current && i.current.scrollIntoView({ block: "nearest" });
   }, [r]), /* @__PURE__ */ x(
@@ -280,7 +280,7 @@ function yt({ option: e, onChange: t, selected: n, highlighted: r, small: o }) {
         e.label,
         e.default && /* @__PURE__ */ x("span", { style: { fontSize: "0.85em", color: "var(--nc-text-weak)", marginLeft: 6 }, children: [
           "(",
-          l("common.default"),
+          a("common.default"),
           ")"
         ] })
       ]
@@ -294,26 +294,26 @@ function xt({
   selectedValue: r,
   placement: o = "bottom",
   anchorRef: i,
-  small: l,
+  small: a,
   highlightedIndex: c = -1
 }) {
-  const [d, p] = T({ top: 0, left: 0, width: 0 }), [f, m] = T(o), { t: a } = Q();
+  const [d, p] = T({ top: 0, left: 0, width: 0 }), [f, b] = T(o), { t: u } = Q();
   if (B(() => {
     if (e && i.current) {
-      const v = i.current.getBoundingClientRect();
-      let h = o;
+      const m = i.current.getBoundingClientRect();
+      let g = o;
       if (o === "bottom") {
-        const g = window.innerHeight - v.bottom, A = v.top;
-        g < 320 && A > g && (h = "top");
+        const h = window.innerHeight - m.bottom, A = m.top;
+        h < 320 && A > h && (g = "top");
       }
-      m(h), p({
-        top: h === "top" ? v.top - 4 : v.bottom + 4,
-        left: v.left,
-        width: v.width
+      b(g), p({
+        top: g === "top" ? m.top - 4 : m.bottom + 4,
+        left: m.left,
+        width: m.width
       });
     }
   }, [e, i, o]), !e) return null;
-  const u = /* @__PURE__ */ s(
+  const l = /* @__PURE__ */ s(
     "div",
     {
       className: "nc-combo-dropdown",
@@ -327,10 +327,10 @@ function xt({
         maxHeight: 300,
         overflowY: "auto"
       },
-      children: t.length === 0 ? /* @__PURE__ */ s("div", { className: `nc-combo-dropdown-option nc-no-results ${l ? "nc-small" : ""}`, children: a("common.noResults") }) : t.map((v, h) => /* @__PURE__ */ s(yt, { option: v, onChange: n, selected: v.value === r, highlighted: h === c, small: l }, v.value))
+      children: t.length === 0 ? /* @__PURE__ */ s("div", { className: `nc-combo-dropdown-option nc-no-results ${a ? "nc-small" : ""}`, children: u("common.noResults") }) : t.map((m, g) => /* @__PURE__ */ s(yt, { option: m, onChange: n, selected: m.value === r, highlighted: g === c, small: a }, m.value))
     }
   );
-  return ue(u, document.body);
+  return ue(l, document.body);
 }
 function kt({ onClick: e, small: t }) {
   return /* @__PURE__ */ s(
@@ -363,51 +363,51 @@ function Bn({
   options: r,
   disabled: o,
   label: i,
-  clearable: l = !0,
+  clearable: a = !0,
   allowTyping: c = !1,
   placement: d = "bottom",
   size: p = "default",
   appearance: f = "default",
-  style: m,
-  className: a
+  style: b,
+  className: u
 }) {
-  const [u, v] = T(!1), [h, g] = T(""), [A, b] = T(-1), y = W(null), w = W(null), k = p === "small", { t: E } = Q(), z = me(() => {
-    const $ = h.toLowerCase();
+  const [l, m] = T(!1), [g, h] = T(""), [A, v] = T(-1), y = W(null), w = W(null), k = p === "small", { t: E } = Q(), z = me(() => {
+    const $ = g.toLowerCase();
     return c ? r.filter((P) => P.label.toLowerCase().includes($)) : r;
-  }, [r, h, c]);
+  }, [r, g, c]);
   B(() => {
-    u && b(-1);
-  }, [u, z]), B(() => {
-    if (!l && !e && r.length > 0 && t) {
+    l && v(-1);
+  }, [l, z]), B(() => {
+    if (!a && !e && r.length > 0 && t) {
       const $ = r.find((P) => P.default) || r[0];
       t($.value);
     }
-  }, [l, e, r, t]), B(() => {
+  }, [a, e, r, t]), B(() => {
     function $(P) {
       var H;
-      P.target instanceof Node && y.current && ((H = y.current.parentElement) != null && H.contains(P.target) || v(!1));
+      P.target instanceof Node && y.current && ((H = y.current.parentElement) != null && H.contains(P.target) || m(!1));
     }
     return document.addEventListener("mousedown", $), () => document.removeEventListener("mousedown", $);
   }, []);
-  const M = r.find(($) => $.value === e), N = M && l, R = !o && !N, C = !(u && c) && !!M, S = ($, P = !1) => {
+  const M = r.find(($) => $.value === e), N = M && a, R = !o && !N, C = !(l && c) && !!M, S = ($, P = !1) => {
     var H;
-    t == null || t($), v(!1), g(""), P && ((H = y.current) == null || H.blur());
+    t == null || t($), m(!1), h(""), P && ((H = y.current) == null || H.blur());
   }, L = () => {
-    t == null || t(void 0), g(""), v(!1);
+    t == null || t(void 0), h(""), m(!1);
   }, V = ($) => {
-    if (!u) {
-      ($.key === "ArrowDown" || $.key === "ArrowUp") && (v(!0), $.preventDefault());
+    if (!l) {
+      ($.key === "ArrowDown" || $.key === "ArrowUp") && (m(!0), $.preventDefault());
       return;
     }
     switch ($.key) {
       case "ArrowDown":
-        $.preventDefault(), b((P) => {
+        $.preventDefault(), v((P) => {
           const H = P + 1;
           return H >= z.length ? 0 : H;
         });
         break;
       case "ArrowUp":
-        $.preventDefault(), b((P) => {
+        $.preventDefault(), v((P) => {
           const H = P - 1;
           return H < 0 ? z.length - 1 : H;
         });
@@ -416,11 +416,11 @@ function Bn({
         $.preventDefault(), A >= 0 && A < z.length && S(z[A].value, !0);
         break;
       case "Escape":
-        $.preventDefault(), v(!1), g("");
+        $.preventDefault(), m(!1), h("");
         break;
     }
   };
-  return /* @__PURE__ */ x("div", { className: `nc-combo-container ${f === "transparent" ? "nc-transparent" : ""} ${a || ""}`.trim(), style: { position: "relative", ...m }, children: [
+  return /* @__PURE__ */ x("div", { className: `nc-combo-container ${f === "transparent" ? "nc-transparent" : ""} ${u || ""}`.trim(), style: { position: "relative", ...b }, children: [
     i && /* @__PURE__ */ s("span", { className: `nc-label ${k ? "nc-small" : ""}`, children: i }),
     /* @__PURE__ */ x(
       "div",
@@ -428,7 +428,7 @@ function Bn({
         ref: w,
         style: { position: "relative", display: "flex", alignItems: "center" },
         onMouseDown: ($) => {
-          o || c && $.target === y.current || (v((P) => (!P && c && M && g(M.label), !P)), c && !u && setTimeout(() => {
+          o || c && $.target === y.current || (m((P) => (!P && c && M && h(M.label), !P)), c && !l && setTimeout(() => {
             var P, H;
             (P = y.current) == null || P.focus(), (H = y.current) == null || H.select();
           }, 0));
@@ -442,14 +442,14 @@ function Bn({
               placeholder: n,
               onFocus: () => {
                 var $;
-                !o && c && (v(!0), M && (g(M.label), setTimeout(() => {
+                !o && c && (m(!0), M && (h(M.label), setTimeout(() => {
                   var P;
                   return (P = y.current) == null ? void 0 : P.select();
                 }, 0))), c || ($ = y.current) == null || $.blur();
               },
-              onChange: ($) => c && g($.target.value),
+              onChange: ($) => c && h($.target.value),
               onKeyDown: V,
-              value: u && c ? h : (M == null ? void 0 : M.label) || "",
+              value: l && c ? g : (M == null ? void 0 : M.label) || "",
               readOnly: o || !c,
               style: {
                 width: "100%",
@@ -490,11 +490,11 @@ function Bn({
             }
           ),
           N && /* @__PURE__ */ s(kt, { onClick: L, small: k }),
-          R && /* @__PURE__ */ s(Nt, { open: u, onClick: () => v(($) => !$), small: k })
+          R && /* @__PURE__ */ s(Nt, { open: l, onClick: () => m(($) => !$), small: k })
         ]
       }
     ),
-    /* @__PURE__ */ s(xt, { isOpen: u, options: z, onSelect: S, selectedValue: e, placement: d, anchorRef: w, small: k, highlightedIndex: A })
+    /* @__PURE__ */ s(xt, { isOpen: l, options: z, onSelect: S, selectedValue: e, placement: d, anchorRef: w, small: k, highlightedIndex: A })
   ] });
 }
 function Dn({ onClick: e, loading: t = !1, disabled: n = !1, size: r = "default", title: o, "aria-label": i }) {
@@ -575,16 +575,16 @@ function Fn({
   anchor: o,
   preferredDirection: i = "down"
 }) {
-  const l = W(null), [c, d] = T({ top: 0, left: 0 }), p = o || (r == null ? void 0 : r.current);
+  const a = W(null), [c, d] = T({ top: 0, left: 0 }), p = o || (r == null ? void 0 : r.current);
   if (B(() => {
-    if (!e || !p || !l.current) return;
-    const a = p.getBoundingClientRect(), u = l.current.getBoundingClientRect(), v = window.innerHeight, h = window.innerWidth, g = a.bottom + 8, A = g + u.height <= v - 8;
-    let b = i;
-    (!A && i === "down" || i === "up" && A) && (b = "up");
+    if (!e || !p || !a.current) return;
+    const u = p.getBoundingClientRect(), l = a.current.getBoundingClientRect(), m = window.innerHeight, g = window.innerWidth, h = u.bottom + 8, A = h + l.height <= m - 8;
+    let v = i;
+    (!A && i === "down" || i === "up" && A) && (v = "up");
     let y;
-    b === "down" ? y = g : y = a.top - u.height - 8;
-    let w = a.left;
-    w + u.width > h - 8 && (w = a.right - u.width), d({
+    v === "down" ? y = h : y = u.top - l.height - 8;
+    let w = u.left;
+    w + l.width > g - 8 && (w = u.right - l.width), d({
       top: Math.max(8, y),
       // Ensure minimum 8px from top
       left: Math.max(8, w)
@@ -592,23 +592,23 @@ function Fn({
     });
   }, [e, p, i]), B(() => {
     if (!e) return;
-    const a = (v) => {
-      l.current && !l.current.contains(v.target) && p && !p.contains(v.target) && t();
-    }, u = (v) => {
-      v.key === "Escape" && t();
+    const u = (m) => {
+      a.current && !a.current.contains(m.target) && p && !p.contains(m.target) && t();
+    }, l = (m) => {
+      m.key === "Escape" && t();
     };
-    return document.addEventListener("mousedown", a), document.addEventListener("keydown", u), () => {
-      document.removeEventListener("mousedown", a), document.removeEventListener("keydown", u);
+    return document.addEventListener("mousedown", u), document.addEventListener("keydown", l), () => {
+      document.removeEventListener("mousedown", u), document.removeEventListener("keydown", l);
     };
   }, [e, t, p]), !e) return null;
-  const f = (a) => {
-    a.type !== "separator" && !a.disabled && a.onClick && (a.onClick(), t());
-  }, m = n.some((a) => a.icon);
+  const f = (u) => {
+    u.type !== "separator" && !u.disabled && u.onClick && (u.onClick(), t());
+  }, b = n.some((u) => u.icon);
   return ue(
     /* @__PURE__ */ s(
       "div",
       {
-        ref: l,
+        ref: a,
         className: "nc-context-menu",
         style: {
           position: "fixed",
@@ -617,35 +617,35 @@ function Fn({
           zIndex: 1e4
         },
         role: "menu",
-        children: n.map((a) => {
-          if (a.type === "separator")
+        children: n.map((u) => {
+          if (u.type === "separator")
             return /* @__PURE__ */ s(
               "div",
               {
                 className: "nc-context-menu-separator",
                 role: "separator"
               },
-              a.id
+              u.id
             );
-          const u = [
+          const l = [
             "nc-context-menu-item",
-            a.variant && a.variant !== "default" ? `nc-${a.variant}` : "",
-            a.disabled ? "nc-disabled" : "",
-            m && !a.icon ? "nc-indented" : ""
+            u.variant && u.variant !== "default" ? `nc-${u.variant}` : "",
+            u.disabled ? "nc-disabled" : "",
+            b && !u.icon ? "nc-indented" : ""
           ].filter(Boolean).join(" ");
           return /* @__PURE__ */ x(
             "button",
             {
-              className: u,
-              onClick: () => f(a),
-              disabled: a.disabled,
+              className: l,
+              onClick: () => f(u),
+              disabled: u.disabled,
               role: "menuitem",
               children: [
-                a.icon && /* @__PURE__ */ s("span", { className: "nc-context-menu-icon", children: a.icon }),
-                /* @__PURE__ */ s("span", { className: "nc-context-menu-label", children: a.label })
+                u.icon && /* @__PURE__ */ s("span", { className: "nc-context-menu-icon", children: u.icon }),
+                /* @__PURE__ */ s("span", { className: "nc-context-menu-label", children: u.label })
               ]
             },
-            a.id
+            u.id
           );
         })
       }
@@ -662,8 +662,8 @@ function At() {
 }
 function ne({ children: e, onClick: t, ...n }) {
   const { close: r } = At(), { t: o } = Q();
-  return /* @__PURE__ */ s(K, { onClick: (l) => {
-    t == null || t(l), r();
+  return /* @__PURE__ */ s(K, { onClick: (a) => {
+    t == null || t(a), r();
   }, ...n, children: e ?? o("common.close") });
 }
 function Vn({
@@ -673,24 +673,24 @@ function Vn({
   children: r,
   style: o,
   footerType: i = "ok-cancel",
-  footer: l,
+  footer: a,
   onOk: c,
   onSave: d,
   onDelete: p,
   onCancel: f,
-  onConnect: m,
-  closeOnOverlay: a = !0,
-  primaryDisabled: u = !1,
-  fullScreen: v = !1,
-  hideTitleBar: h = !1,
-  className: g = "",
+  onConnect: b,
+  closeOnOverlay: u = !0,
+  primaryDisabled: l = !1,
+  fullScreen: m = !1,
+  hideTitleBar: g = !1,
+  className: h = "",
   onContentHeightChange: A
 }) {
-  const b = W(null), y = W(null), { t: w } = Q(), k = { close: t }, E = (N) => {
-    a && N.target === N.currentTarget && t();
+  const v = W(null), y = W(null), { t: w } = Q(), k = { close: t }, E = (N) => {
+    u && N.target === N.currentTarget && t();
   };
   if (B(() => {
-    e && b.current && b.current.focus();
+    e && v.current && v.current.focus();
   }, [e]), B(() => {
     if (!A || !y.current) return;
     const N = new ResizeObserver((R) => {
@@ -706,25 +706,25 @@ function Vn({
   const z = () => {
     switch (i) {
       case "ok":
-        return /* @__PURE__ */ s("div", { className: "nc-dialog-footer", children: /* @__PURE__ */ s(K, { variant: "primary", onClick: c ?? t, disabled: u, children: w("common.ok") }) });
+        return /* @__PURE__ */ s("div", { className: "nc-dialog-footer", children: /* @__PURE__ */ s(K, { variant: "primary", onClick: c ?? t, disabled: l, children: w("common.ok") }) });
       case "ok-cancel":
         return /* @__PURE__ */ x("div", { className: "nc-dialog-footer", children: [
-          /* @__PURE__ */ s(K, { variant: "primary", onClick: c ?? t, disabled: u, children: w("common.ok") }),
+          /* @__PURE__ */ s(K, { variant: "primary", onClick: c ?? t, disabled: l, children: w("common.ok") }),
           /* @__PURE__ */ s(ne, { onClick: f, children: w("common.cancel") })
         ] });
       case "save-cancel":
         return /* @__PURE__ */ x("div", { className: "nc-dialog-footer", children: [
-          /* @__PURE__ */ s(K, { variant: "primary", onClick: d, disabled: u, children: w("common.save") }),
+          /* @__PURE__ */ s(K, { variant: "primary", onClick: d, disabled: l, children: w("common.save") }),
           /* @__PURE__ */ s(ne, { onClick: f, children: w("common.cancel") })
         ] });
       case "delete-cancel":
         return /* @__PURE__ */ x("div", { className: "nc-dialog-footer", children: [
-          /* @__PURE__ */ s(K, { variant: "danger", onClick: p, disabled: u, children: w("common.delete") }),
+          /* @__PURE__ */ s(K, { variant: "danger", onClick: p, disabled: l, children: w("common.delete") }),
           /* @__PURE__ */ s(ne, { onClick: f, children: w("common.cancel") })
         ] });
       case "connect":
         return /* @__PURE__ */ x("div", { className: "nc-dialog-footer", children: [
-          /* @__PURE__ */ s(K, { variant: "primary", onClick: m, disabled: u, children: w("common.connect") }),
+          /* @__PURE__ */ s(K, { variant: "primary", onClick: b, disabled: l, children: w("common.connect") }),
           /* @__PURE__ */ s(ne, { onClick: f, children: w("common.cancel") })
         ] });
       case "close":
@@ -732,24 +732,24 @@ function Vn({
       case "gotit":
         return /* @__PURE__ */ s("div", { className: "nc-dialog-footer", children: /* @__PURE__ */ s(ne, { variant: "primary", children: w("common.gotit") }) });
       case "custom":
-        return /* @__PURE__ */ s("div", { className: "nc-dialog-footer", children: l });
+        return /* @__PURE__ */ s("div", { className: "nc-dialog-footer", children: a });
       case "none":
         return null;
       default:
         return null;
     }
-  }, M = /* @__PURE__ */ s(Oe.Provider, { value: k, children: /* @__PURE__ */ s("div", { className: `nc-dialog-overlay${v ? " nc-fullscreen" : ""}`, onClick: E, children: /* @__PURE__ */ x(
+  }, M = /* @__PURE__ */ s(Oe.Provider, { value: k, children: /* @__PURE__ */ s("div", { className: `nc-dialog-overlay${m ? " nc-fullscreen" : ""}`, onClick: E, children: /* @__PURE__ */ x(
     "div",
     {
-      ref: b,
-      className: `nc-dialog-container ${g}`,
+      ref: v,
+      className: `nc-dialog-container ${h}`,
       style: o,
       tabIndex: -1,
       role: "dialog",
       "aria-modal": "true",
-      "aria-labelledby": h ? void 0 : "nc-dialog-title",
+      "aria-labelledby": g ? void 0 : "nc-dialog-title",
       children: [
-        !h && /* @__PURE__ */ x("div", { className: "nc-dialog-header", children: [
+        !g && /* @__PURE__ */ x("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" })
         ] }),
@@ -758,7 +758,7 @@ function Vn({
       ]
     }
   ) }) });
-  return v ? ue(M, document.body) : M;
+  return m ? ue(M, document.body) : M;
 }
 function Ct({ onClick: e, size: t = "default", rightOffset: n = 4 }) {
   const r = t === "small" ? 28 : 34;
@@ -824,28 +824,28 @@ function Gn({
   onEnter: r,
   onClear: o,
   placeholder: i,
-  disabled: l,
+  disabled: a,
   label: c,
   clearable: d = !0,
   type: p = "text",
   className: f = "",
-  size: m = "default",
-  style: a,
-  leadingIcon: u,
-  showPasswordToggle: v = !1,
-  multiline: h = !1,
-  rows: g = 3,
+  size: b = "default",
+  style: u,
+  leadingIcon: l,
+  showPasswordToggle: m = !1,
+  multiline: g = !1,
+  rows: h = 3,
   validator: A,
-  showErrorMessage: b = !0
+  showErrorMessage: v = !0
 }) {
-  const y = W(null), w = W(null), [k, E] = T(!1), [z, M] = T(!1), N = e !== void 0, [R, C] = T(t), S = N ? e : R, L = A ? A(S) : null, V = !!L, $ = p === "password", P = $ && v && !l && !h, H = d && S && !l && z, Z = m === "small" ? 32 : 44;
+  const y = W(null), w = W(null), [k, E] = T(!1), [z, M] = T(!1), N = e !== void 0, [R, C] = T(t), S = N ? e : R, L = A ? A(S) : null, V = !!L, $ = p === "password", P = $ && m && !a && !g, H = d && S && !a && z, Z = b === "small" ? 32 : 44;
   let Y = 12;
   H && P ? Y = Z * 2 : (H || P) && (Y = Z);
-  const F = u ? m === "small" ? 28 : 34 : void 0, Ze = () => {
+  const F = l ? b === "small" ? 28 : 34 : void 0, Ze = () => {
     var te, ce;
-    N || C(""), n == null || n(""), o == null || o(), h ? (te = w.current) == null || te.focus() : (ce = y.current) == null || ce.focus();
+    N || C(""), n == null || n(""), o == null || o(), g ? (te = w.current) == null || te.focus() : (ce = y.current) == null || ce.focus();
   }, Se = (te) => {
-    te.key === "Enter" && !h && (r == null || r());
+    te.key === "Enter" && !g && (r == null || r());
   }, Ie = (te) => {
     const ce = te.target.value;
     N || C(ce), n == null || n(ce);
@@ -853,12 +853,12 @@ function Gn({
     M(!0);
   }, $e = () => {
     M(!1);
-  }, Re = `nc-input ${m === "small" ? "nc-small " : ""} ${V ? "nc-error " : ""}${f}`;
-  return /* @__PURE__ */ x("div", { className: "nc-col", style: { position: "relative", flex: 1, ...a }, children: [
+  }, Re = `nc-input ${b === "small" ? "nc-small " : ""} ${V ? "nc-error " : ""}${f}`;
+  return /* @__PURE__ */ x("div", { className: "nc-col", style: { position: "relative", flex: 1, ...u }, children: [
     c && /* @__PURE__ */ s("span", { className: "nc-label", children: c }),
-    /* @__PURE__ */ x("div", { style: { position: "relative", display: "flex", alignItems: h ? "flex-start" : "center" }, children: [
-      u && /* @__PURE__ */ s("span", { className: "nc-input-leading-icon", style: { height: h ? void 0 : "100%", top: h ? 10 : void 0 }, children: u }),
-      h ? /* @__PURE__ */ s(
+    /* @__PURE__ */ x("div", { style: { position: "relative", display: "flex", alignItems: g ? "flex-start" : "center" }, children: [
+      l && /* @__PURE__ */ s("span", { className: "nc-input-leading-icon", style: { height: g ? void 0 : "100%", top: g ? 10 : void 0 }, children: l }),
+      g ? /* @__PURE__ */ s(
         "textarea",
         {
           ref: w,
@@ -869,10 +869,10 @@ function Gn({
           onKeyDown: Se,
           onFocus: Me,
           onBlur: $e,
-          readOnly: l,
-          "aria-disabled": l,
-          tabIndex: l ? -1 : void 0,
-          rows: g,
+          readOnly: a,
+          "aria-disabled": a,
+          tabIndex: a ? -1 : void 0,
+          rows: h,
           style: {
             width: "100%",
             paddingRight: Y,
@@ -891,9 +891,9 @@ function Gn({
           onKeyDown: Se,
           onFocus: Me,
           onBlur: $e,
-          readOnly: l,
-          "aria-disabled": l,
-          tabIndex: l ? -1 : void 0,
+          readOnly: a,
+          "aria-disabled": a,
+          tabIndex: a ? -1 : void 0,
           style: {
             width: "100%",
             paddingRight: Y,
@@ -901,10 +901,10 @@ function Gn({
           }
         }
       ),
-      H && /* @__PURE__ */ s(Ct, { onClick: Ze, size: m, rightOffset: P ? Z + 4 : 4 }),
-      P && /* @__PURE__ */ s(St, { visible: k, onClick: () => E(!k), size: m })
+      H && /* @__PURE__ */ s(Ct, { onClick: Ze, size: b, rightOffset: P ? Z + 4 : 4 }),
+      P && /* @__PURE__ */ s(St, { visible: k, onClick: () => E(!k), size: b })
     ] }),
-    V && b && /* @__PURE__ */ s("span", { className: "nc-error-message", children: L })
+    V && v && /* @__PURE__ */ s("span", { className: "nc-error-message", children: L })
   ] });
 }
 function Yn({
@@ -914,7 +914,7 @@ function Yn({
   selectable: r = !1,
   style: o
 }) {
-  const [i, l] = ke.useState(!1);
+  const [i, a] = ke.useState(!1);
   return /* @__PURE__ */ s(
     "div",
     {
@@ -928,9 +928,9 @@ function Yn({
           t(d);
         }
       },
-      onMouseDown: () => t && l(!0),
-      onMouseUp: () => l(!1),
-      onMouseLeave: () => l(!1),
+      onMouseDown: () => t && a(!0),
+      onMouseUp: () => a(!1),
+      onMouseLeave: () => a(!1),
       style: {
         cursor: t ? "pointer" : "default",
         userSelect: r ? "text" : void 0,
@@ -958,54 +958,54 @@ 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, l] = T(!1), [c, d] = T(""), p = W(null), f = me(() => n.filter((a) => a.label.toLowerCase().includes(c.toLowerCase())), [n, c]);
+  const [i, a] = T(!1), [c, d] = T(""), p = W(null), f = me(() => n.filter((u) => u.label.toLowerCase().includes(c.toLowerCase())), [n, c]);
   B(() => {
-    function a(u) {
-      !(u.target instanceof Node) || !p.current || p.current.contains(u.target) || l(!1);
+    function u(l) {
+      !(l.target instanceof Node) || !p.current || p.current.contains(l.target) || a(!1);
     }
-    return document.addEventListener("mousedown", a), () => document.removeEventListener("mousedown", a);
+    return document.addEventListener("mousedown", u), () => document.removeEventListener("mousedown", u);
   }, []);
-  const m = (a) => {
-    e.includes(a) ? t(e.filter((u) => u !== a)) : t([...e, a]);
+  const b = (u) => {
+    e.includes(u) ? t(e.filter((l) => l !== u)) : t([...e, u]);
   };
   return /* @__PURE__ */ x("div", { ref: p, className: "nc-col", style: { position: "relative" }, children: [
     o && /* @__PURE__ */ s("span", { className: "nc-label", children: o }),
     /* @__PURE__ */ x("div", { className: "nc-row", style: { flexWrap: "wrap", gap: 6, minHeight: 42, alignItems: "center", border: "1px solid var(--nc-button-border)", borderRadius: 8, background: "var(--nc-button-bg)", padding: "4px 8px" }, children: [
       e.length === 0 && /* @__PURE__ */ s("span", { className: "nc-label", children: r }),
-      e.map((a) => {
-        const u = n.find((v) => v.value === a);
-        return u ? /* @__PURE__ */ x("span", { style: { padding: "4px 8px", borderRadius: 6, display: "inline-flex", alignItems: "center", gap: 4, background: "var(--nc-button-bg)", border: "1px solid var(--nc-button-border)" }, children: [
-          u.label,
+      e.map((u) => {
+        const l = n.find((m) => m.value === u);
+        return l ? /* @__PURE__ */ x("span", { style: { padding: "4px 8px", borderRadius: 6, display: "inline-flex", alignItems: "center", gap: 4, background: "var(--nc-button-bg)", border: "1px solid var(--nc-button-border)" }, children: [
+          l.label,
           /* @__PURE__ */ s(
             "button",
             {
               className: "nc-button nc-ghost",
               style: { padding: 0, minHeight: 0, height: 20, width: 20, display: "inline-flex", alignItems: "center", justifyContent: "center", border: "none" },
-              onClick: () => m(a),
-              "aria-label": `Remove ${u.label}`,
+              onClick: () => b(u),
+              "aria-label": `Remove ${l.label}`,
               children: "✕"
             }
           )
-        ] }, a) : null;
+        ] }, u) : null;
       }),
       /* @__PURE__ */ s(
         "input",
         {
           className: "nc-input",
           value: c,
-          onChange: (a) => d(a.target.value),
-          onFocus: () => l(!0),
+          onChange: (u) => d(u.target.value),
+          onFocus: () => a(!0),
           style: { minWidth: 50, border: "none", background: "transparent", padding: 4, minHeight: 32, flex: 1 }
         }
       )
     ] }),
     i && /* @__PURE__ */ x("div", { className: "nc-combo-dropdown", style: { position: "absolute", top: "100%", left: 0, right: 0, zIndex: 10, marginTop: 4, boxShadow: "0 4px 12px var(--nc-shadow)" }, children: [
-      f.map((a) => {
-        const u = e.includes(a.value);
-        return /* @__PURE__ */ x("div", { className: "nc-section nc-row", style: { justifyContent: "space-between", cursor: "pointer", padding: 12 }, onMouseDown: () => m(a.value), children: [
-          /* @__PURE__ */ s("span", { children: a.label }),
-          /* @__PURE__ */ s("span", { children: u ? "✔️" : "" })
-        ] }, a.value);
+      f.map((u) => {
+        const l = e.includes(u.value);
+        return /* @__PURE__ */ x("div", { className: "nc-section nc-row", style: { justifyContent: "space-between", cursor: "pointer", padding: 12 }, onMouseDown: () => b(u.value), children: [
+          /* @__PURE__ */ s("span", { children: u.label }),
+          /* @__PURE__ */ s("span", { children: l ? "✔️" : "" })
+        ] }, u.value);
       }),
       f.length === 0 && /* @__PURE__ */ s("div", { className: "nc-section nc-label", children: "No results" })
     ] })
@@ -1049,19 +1049,19 @@ function _n({
   label: r,
   className: o = "",
   disabled: i = !1,
-  size: l = "default"
+  size: a = "default"
 }) {
-  const [c, d] = T(!1), [p, f] = T(""), [m, a] = T(""), [u, v] = T({ top: 0, left: 0, width: 0, right: void 0 }), h = W(null), g = W(null);
+  const [c, d] = T(!1), [p, f] = T(""), [b, u] = T(""), [l, m] = T({ top: 0, left: 0, width: 0, right: void 0 }), g = W(null), h = W(null);
   B(() => {
-    if (c && h.current) {
-      const C = h.current.getBoundingClientRect(), L = Math.max(C.width, 400);
-      window.innerWidth - C.left < L && C.right >= L ? v({
+    if (c && g.current) {
+      const C = g.current.getBoundingClientRect(), L = Math.max(C.width, 400);
+      window.innerWidth - C.left < L && C.right >= L ? m({
         top: C.bottom + 4,
         left: 0,
         // Not used but type needs it, let's just use 0
         right: window.innerWidth - C.right,
         width: L
-      }) : v({
+      }) : m({
         top: C.bottom + 4,
         left: C.left,
         right: void 0,
@@ -1071,31 +1071,31 @@ function _n({
   }, [c]), B(() => {
     if (!c) return;
     const C = (S) => {
-      h.current && !h.current.contains(S.target) && g.current && !g.current.contains(S.target) && d(!1);
+      g.current && !g.current.contains(S.target) && h.current && !h.current.contains(S.target) && d(!1);
     };
     return document.addEventListener("mousedown", C), () => document.removeEventListener("mousedown", C);
   }, [c]);
   const A = () => {
-    f(e || Te()), a(t || Te()), d(!0);
-  }, b = () => {
+    f(e || Te()), u(t || Te()), d(!0);
+  }, v = () => {
     d(!1);
   }, y = () => {
-    const C = pe(p), S = pe(m);
+    const C = pe(p), S = pe(b);
     if (C || S)
       return;
-    const L = de(p), V = de(m);
+    const L = de(p), V = de(b);
     L && V && (n == null || n(L, V)), d(!1);
-  }, w = e && t ? `${Ee(e)} - ${Ee(t)}` : "Select month range", k = pe(p), E = pe(m), z = de(p), M = de(m), N = z && M && z > M, R = c ? ue(
+  }, w = e && t ? `${Ee(e)} - ${Ee(t)}` : "Select month range", k = pe(p), E = pe(b), z = de(p), M = de(b), N = z && M && z > M, R = c ? ue(
     /* @__PURE__ */ s(
       "div",
       {
-        ref: g,
+        ref: h,
         className: "nc-month-range-picker-popup",
         style: {
           position: "fixed",
-          top: u.top,
-          ...u.right !== void 0 ? { right: u.right } : { left: u.left },
-          width: u.width,
+          top: l.top,
+          ...l.right !== void 0 ? { right: l.right } : { left: l.left },
+          width: l.width,
           zIndex: 1e3
         },
         children: /* @__PURE__ */ x("div", { className: "nc-month-range-picker-content", children: [
@@ -1121,8 +1121,8 @@ function _n({
                 {
                   type: "text",
                   className: `nc-month-input ${E ? "nc-error" : ""}`,
-                  value: m,
-                  onChange: (C) => a(C.target.value),
+                  value: b,
+                  onChange: (C) => u(C.target.value),
                   placeholder: "YY-M(M) or YYYY-M(M)"
                 }
               ),
@@ -1136,24 +1136,24 @@ function _n({
               {
                 variant: "primary",
                 onClick: y,
-                disabled: !p || !m || !!k || !!E || !!N,
+                disabled: !p || !b || !!k || !!E || !!N,
                 children: "Apply"
               }
             ),
-            /* @__PURE__ */ s(K, { variant: "ghost", onClick: b, children: "Cancel" })
+            /* @__PURE__ */ s(K, { variant: "ghost", onClick: v, children: "Cancel" })
           ] })
         ] })
       }
     ),
     document.body
   ) : null;
-  return /* @__PURE__ */ x("div", { className: `nc-month-range-picker ${l === "small" ? "nc-small " : ""}${o}`, children: [
-    r && /* @__PURE__ */ s("label", { className: `nc-label${l === "small" ? " nc-small" : ""}`, children: r }),
+  return /* @__PURE__ */ x("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: h,
-        className: `nc-month-range-picker-input${l === "small" ? " nc-small" : ""}`,
+        ref: g,
+        className: `nc-month-range-picker-input${a === "small" ? " nc-small" : ""}`,
         onClick: A,
         disabled: i,
         children: w
@@ -1162,13 +1162,13 @@ function _n({
     R
   ] });
 }
-function Un({ value: e, onChange: t, min: n, max: r, step: o = 1, label: i, disabled: l, size: c = "default" }) {
+function Un({ value: e, onChange: t, min: n, max: r, step: o = 1, label: i, disabled: a, size: c = "default" }) {
   const d = c === "small", p = () => {
-    const a = e - o;
-    n !== void 0 && a < n || t(parseFloat(a.toFixed(10)));
+    const u = e - o;
+    n !== void 0 && u < n || t(parseFloat(u.toFixed(10)));
   }, f = () => {
-    const a = e + o;
-    r !== void 0 && a > r || t(parseFloat(a.toFixed(10)));
+    const u = e + o;
+    r !== void 0 && u > r || t(parseFloat(u.toFixed(10)));
   };
   return /* @__PURE__ */ x("div", { className: `nc-col nc-number-input-col ${d ? "nc-small" : ""}`, children: [
     i && /* @__PURE__ */ s("span", { className: `nc-label ${d ? "nc-small" : ""}`, children: i }),
@@ -1179,14 +1179,14 @@ function Un({ value: e, onChange: t, min: n, max: r, step: o = 1, label: i, disa
           className: `nc-input nc-number-input ${d ? "nc-small" : ""}`,
           type: "number",
           value: e,
-          onChange: (a) => {
-            const u = parseFloat(a.target.value);
-            isNaN(u) || n !== void 0 && u < n || r !== void 0 && u > r || t(u);
+          onChange: (u) => {
+            const l = parseFloat(u.target.value);
+            isNaN(l) || n !== void 0 && l < n || r !== void 0 && l > r || t(l);
           },
           min: n,
           max: r,
           step: o,
-          disabled: l
+          disabled: a
         }
       ),
       /* @__PURE__ */ s(
@@ -1194,7 +1194,7 @@ function Un({ value: e, onChange: t, min: n, max: r, step: o = 1, label: i, disa
         {
           className: `nc-button nc-ghost nc-number-input-button ${d ? "nc-small" : ""}`,
           onClick: p,
-          disabled: l || n !== void 0 && e <= n,
+          disabled: a || n !== void 0 && e <= n,
           children: "−"
         }
       ),
@@ -1203,7 +1203,7 @@ function Un({ value: e, onChange: t, min: n, max: r, step: o = 1, label: i, disa
         {
           className: `nc-button nc-ghost nc-number-input-button ${d ? "nc-small" : ""}`,
           onClick: f,
-          disabled: l || r !== void 0 && e >= r,
+          disabled: a || r !== void 0 && e >= r,
           children: "+"
         }
       )
@@ -1217,15 +1217,15 @@ function qn({
   max: r = 100,
   step: o = 1,
   label: i,
-  disabled: l,
+  disabled: a,
   showValue: c = !0,
   formatValue: d = (f) => f.toString(),
   width: p = 200
 }) {
-  const f = (a) => {
-    const u = parseFloat(a.target.value);
-    t(u);
-  }, m = (e - n) / (r - n) * 100;
+  const f = (u) => {
+    const l = parseFloat(u.target.value);
+    t(l);
+  }, b = (e - n) / (r - n) * 100;
   return /* @__PURE__ */ x("div", { className: "nc-col", style: { gap: 6 }, children: [
     i && /* @__PURE__ */ s("span", { className: "nc-label", children: i }),
     /* @__PURE__ */ x("div", { style: { display: "flex", gap: 12, alignItems: "center" }, children: [
@@ -1239,10 +1239,10 @@ function qn({
           min: n,
           max: r,
           step: o,
-          disabled: l,
+          disabled: a,
           style: {
             width: p,
-            "--nc-slider-percentage": `${m}%`
+            "--nc-slider-percentage": `${b}%`
           }
         }
       ),
@@ -1284,54 +1284,54 @@ function Xn({ active: e, children: t, keepMounted: n = !1, className: r = "", st
         c.props.tab
       );
     }) });
-  const l = i.find((c) => c.props.tab === e);
-  return /* @__PURE__ */ s("div", { className: `nc-tab-panels ${r}`, style: o, children: l });
+  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: l, multiline: c, orientation: d = "horizontal", style: p }) {
-  const f = W(null), [m, a] = T(!1), [u, v] = T(!1), h = d === "verticalLeft" || d === "verticalRight", g = W(!1), A = W(0), b = W(0), y = W(!1);
+function Jn({ tabs: e, active: t, onChange: n, onClose: r, permanentTabs: o, className: i, toolbar: a, multiline: c, orientation: d = "horizontal", style: p }) {
+  const f = W(null), [b, u] = T(!1), [l, m] = T(!1), g = d === "verticalLeft" || d === "verticalRight", h = W(!1), A = W(0), v = W(0), y = W(!1);
   B(() => {
     const N = () => {
       if (f.current)
-        if (h) {
+        if (g) {
           const { scrollTop: C, scrollHeight: S, clientHeight: L } = f.current;
-          a(C > 1), v(C < S - L - 1);
+          u(C > 1), m(C < S - L - 1);
         } else {
           const { scrollLeft: C, scrollWidth: S, clientWidth: L } = f.current;
-          a(C > 1), v(C < S - L - 1);
+          u(C > 1), m(C < S - L - 1);
         }
     }, R = f.current;
     if (R)
       return N(), R.addEventListener("scroll", N), window.addEventListener("resize", N), () => {
         R.removeEventListener("scroll", N), window.removeEventListener("resize", N);
       };
-  }, [e, h]);
+  }, [e, g]);
   const w = (N) => {
-    f.current && (g.current = !0, y.current = !1, A.current = h ? N.clientY : N.clientX, b.current = h ? f.current.scrollTop : f.current.scrollLeft, f.current.style.cursor = "grabbing", f.current.style.userSelect = "none");
+    f.current && (h.current = !0, y.current = !1, A.current = g ? N.clientY : N.clientX, v.current = g ? f.current.scrollTop : f.current.scrollLeft, f.current.style.cursor = "grabbing", f.current.style.userSelect = "none");
   }, k = (N) => {
-    if (!g.current || !f.current) return;
-    const R = h ? N.clientY : N.clientX, C = A.current - R;
-    Math.abs(C) > 3 && (y.current = !0), h ? f.current.scrollTop = b.current + C : f.current.scrollLeft = b.current + C;
+    if (!h.current || !f.current) return;
+    const R = g ? N.clientY : N.clientX, C = A.current - R;
+    Math.abs(C) > 3 && (y.current = !0), g ? f.current.scrollTop = v.current + C : f.current.scrollLeft = v.current + C;
   }, E = () => {
-    f.current && (g.current = !1, f.current.style.cursor = "", f.current.style.userSelect = "");
+    f.current && (h.current = !1, f.current.style.cursor = "", f.current.style.userSelect = "");
   }, z = () => {
     E();
   };
   B(() => {
     const N = f.current;
-    if (!N || h) return;
+    if (!N || g) return;
     const R = (C) => {
       C.deltaY !== 0 && (C.preventDefault(), N.scrollLeft += C.deltaY * 0.3);
     };
     return N.addEventListener("wheel", R, { passive: !1 }), () => {
       N.removeEventListener("wheel", R);
     };
-  }, [h]);
+  }, [g]);
   const M = (N) => {
     y.current || n(N);
   };
-  return /* @__PURE__ */ x("div", { className: `nc-tab-container ${h ? `nc-vertical nc-${d}` : ""} ${i || ""}`, style: p, children: [
+  return /* @__PURE__ */ x("div", { className: `nc-tab-container ${g ? `nc-vertical nc-${d}` : ""} ${i || ""}`, style: p, children: [
     /* @__PURE__ */ x("div", { className: "nc-tab-scroll-wrapper", children: [
-      m && /* @__PURE__ */ s("div", { className: `nc-tab-scroll-indicator ${h ? "nc-top" : "nc-left"}`, children: h ? /* @__PURE__ */ s(It, { size: 16 }) : /* @__PURE__ */ s(at, { size: 16 }) }),
+      b && /* @__PURE__ */ s("div", { className: `nc-tab-scroll-indicator ${g ? "nc-top" : "nc-left"}`, children: g ? /* @__PURE__ */ s(It, { size: 16 }) : /* @__PURE__ */ s(at, { size: 16 }) }),
       /* @__PURE__ */ s(
         "div",
         {
@@ -1355,7 +1355,7 @@ function Jn({ tabs: e, active: t, onChange: n, onClose: r, permanentTabs: o, cla
                   (L.key === "Enter" || L.key === " ") && n(R);
                 },
                 children: [
-                  /* @__PURE__ */ s("span", { className: "nc-tab-label", children: h ? C : typeof C == "string" ? C.toUpperCase() : C }),
+                  /* @__PURE__ */ s("span", { className: "nc-tab-label", children: g ? C : typeof C == "string" ? C.toUpperCase() : C }),
                   S && /* @__PURE__ */ s(
                     "span",
                     {
@@ -1382,9 +1382,9 @@ function Jn({ tabs: e, active: t, onChange: n, onClose: r, permanentTabs: o, cla
           })
         }
       ),
-      u && /* @__PURE__ */ s("div", { className: `nc-tab-scroll-indicator ${h ? "nc-bottom" : "nc-right"}`, children: h ? /* @__PURE__ */ s(lt, { size: 16 }) : /* @__PURE__ */ s(dt, { size: 16 }) })
+      l && /* @__PURE__ */ s("div", { className: `nc-tab-scroll-indicator ${g ? "nc-bottom" : "nc-right"}`, children: g ? /* @__PURE__ */ s(lt, { size: 16 }) : /* @__PURE__ */ s(dt, { size: 16 }) })
     ] }),
-    l && /* @__PURE__ */ s("div", { className: "nc-tab-toolbar", children: l })
+    a && /* @__PURE__ */ s("div", { className: "nc-tab-toolbar", children: a })
   ] });
 }
 function Qn({ checked: e, onChange: t, disabled: n, label: r }) {
@@ -1453,20 +1453,20 @@ const ze = [
 ];
 function $t(e, t) {
   const r = e.slice(0, t).split(`
-`), o = r.length, l = r[o - 1].split("	"), c = l.length, d = l[c - 1].length + 1;
+`), o = r.length, a = r[o - 1].split("	"), c = a.length, d = a[c - 1].length + 1;
   return { line: o, column: c, character: d, offset: t };
 }
 function Rt(e, t, n, r) {
   const o = e.split(`
 `), i = Math.max(1, Math.min(t, o.length));
-  let l = 0;
-  for (let m = 0; m < i - 1; m++)
-    l += o[m].length + 1;
+  let a = 0;
+  for (let b = 0; b < i - 1; b++)
+    a += o[b].length + 1;
   const d = o[i - 1].split("	"), p = Math.max(1, Math.min(n, d.length));
-  for (let m = 0; m < p - 1; m++)
-    l += d[m].length + 1;
+  for (let b = 0; b < p - 1; b++)
+    a += d[b].length + 1;
   const f = Math.max(1, Math.min(r, d[p - 1].length + 1));
-  return l += f - 1, l;
+  return a += f - 1, a;
 }
 function Et(e, t) {
   const n = e.split(`
@@ -1477,50 +1477,50 @@ function Et(e, t) {
   return o;
 }
 const Zn = ft(
-  function({ value: t, onChange: n, placeholder: r, className: o, style: i, showLineNumbers: l = !1, onCursorChange: c, highlightLine: d }, p) {
-    const f = W(null), m = W(null), a = W(null);
+  function({ value: t, onChange: n, placeholder: r, className: o, style: i, showLineNumbers: a = !1, onCursorChange: c, highlightLine: d }, p) {
+    const f = W(null), b = W(null), u = W(null);
     ht(p, () => ({
-      goToLine(b) {
+      goToLine(v) {
         const y = f.current;
         if (!y) return;
-        const w = Et(t, b);
+        const w = Et(t, v);
         y.focus(), y.setSelectionRange(w, w);
         const k = parseFloat(getComputedStyle(y).lineHeight) || 18;
-        y.scrollTop = (Math.max(1, b) - 1) * k, v(), u();
+        y.scrollTop = (Math.max(1, v) - 1) * k, m(), l();
       },
-      goToPosition(b, y, w) {
+      goToPosition(v, y, w) {
         const k = f.current;
         if (!k) return;
-        const E = Rt(t, b, y, w);
+        const E = Rt(t, v, y, w);
         k.focus(), k.setSelectionRange(E, E);
         const z = parseFloat(getComputedStyle(k).lineHeight) || 18;
-        k.scrollTop = (Math.max(1, b) - 1) * z, v(), u();
+        k.scrollTop = (Math.max(1, v) - 1) * z, m(), l();
       }
     }), [t]);
-    const u = O(() => {
+    const l = O(() => {
       if (!c || !f.current) return;
-      const b = $t(t, f.current.selectionStart);
-      c(b);
-    }, [c, t]), v = O(() => {
-      const b = f.current;
-      b && (m.current && (m.current.scrollTop = b.scrollTop, m.current.scrollLeft = b.scrollLeft), a.current && (a.current.scrollTop = b.scrollTop));
+      const v = $t(t, f.current.selectionStart);
+      c(v);
+    }, [c, t]), m = O(() => {
+      const v = f.current;
+      v && (b.current && (b.current.scrollTop = v.scrollTop, b.current.scrollLeft = v.scrollLeft), u.current && (u.current.scrollTop = v.scrollTop));
     }, []);
     B(() => {
       if (d == null || d < 1) return;
-      const b = f.current;
-      if (!b) return;
-      const y = parseFloat(getComputedStyle(b).lineHeight) || 18, w = (d - 1) * y, k = w + y;
-      (w < b.scrollTop || k > b.scrollTop + b.clientHeight) && (b.scrollTop = w - b.clientHeight / 2 + y / 2), v();
+      const v = f.current;
+      if (!v) return;
+      const y = parseFloat(getComputedStyle(v).lineHeight) || 18, w = (d - 1) * y, k = w + y;
+      (w < v.scrollTop || k > v.scrollTop + v.clientHeight) && (v.scrollTop = w - v.clientHeight / 2 + y / 2), m();
     }, [d]);
-    const h = me(() => t.split(`
-`).length, [t]), g = () => {
-      const b = [];
-      for (let y = 1; y <= h; y++)
-        b.push(
+    const g = me(() => t.split(`
+`).length, [t]), h = () => {
+      const v = [];
+      for (let y = 1; y <= g; y++)
+        v.push(
           /* @__PURE__ */ s("div", { className: `nc-csv-line-number ${d === y ? "nc-csv-highlight" : ""}`, children: y }, y)
         );
-      return /* @__PURE__ */ s("div", { className: "nc-csv-gutter", ref: a, children: b });
-    }, A = (b) => b ? b.split(`
+      return /* @__PURE__ */ s("div", { className: "nc-csv-gutter", ref: u, children: v });
+    }, A = (v) => v ? v.split(`
 `).map((w, k) => {
       const E = w.split("	");
       return /* @__PURE__ */ x("div", { className: `nc-csv-line ${d === k + 1 ? "nc-csv-highlight" : ""}`, children: [
@@ -1532,23 +1532,23 @@ const Zn = ft(
 `
       ] }, k);
     }) : null;
-    return /* @__PURE__ */ x("div", { className: `nc-csv-textarea-container ${l ? "nc-csv-with-gutter" : ""} ${o ?? ""}`, style: i, children: [
-      l && g(),
+    return /* @__PURE__ */ x("div", { className: `nc-csv-textarea-container ${a ? "nc-csv-with-gutter" : ""} ${o ?? ""}`, style: i, children: [
+      a && h(),
       /* @__PURE__ */ x("div", { className: "nc-csv-textarea-editor", children: [
-        /* @__PURE__ */ s("div", { className: "nc-csv-textarea-backdrop", ref: m, children: /* @__PURE__ */ s("pre", { className: "nc-csv-textarea-highlights", children: A(t) }) }),
+        /* @__PURE__ */ s("div", { className: "nc-csv-textarea-backdrop", ref: b, children: /* @__PURE__ */ s("pre", { className: "nc-csv-textarea-highlights", children: A(t) }) }),
         /* @__PURE__ */ s(
           "textarea",
           {
             ref: f,
             className: "nc-csv-textarea-input",
             value: t,
-            onChange: (b) => {
-              n(b.target.value), requestAnimationFrame(u);
+            onChange: (v) => {
+              n(v.target.value), requestAnimationFrame(l);
             },
-            onScroll: v,
-            onSelect: u,
-            onKeyUp: u,
-            onClick: u,
+            onScroll: m,
+            onSelect: l,
+            onKeyUp: l,
+            onClick: l,
             placeholder: r,
             spellCheck: !1,
             autoComplete: "off",
@@ -1638,23 +1638,23 @@ function Pt({ notification: e }) {
   );
 }
 function er() {
-  const [e, t] = T([]), [n, r] = T(/* @__PURE__ */ new Map()), [o, i] = T(/* @__PURE__ */ new Set()), l = W(null), c = W([]);
+  const [e, t] = T([]), [n, r] = T(/* @__PURE__ */ new Map()), [o, i] = T(/* @__PURE__ */ new Set()), a = W(null), c = W([]);
   return B(() => Tt((p) => {
-    const f = new Set(c.current.map((a) => a.id)), m = p.filter((a) => !f.has(a.id)).map((a) => a.id);
-    m.length > 0 ? (t(p), i(new Set(m)), requestAnimationFrame(() => {
+    const f = new Set(c.current.map((u) => u.id)), b = p.filter((u) => !f.has(u.id)).map((u) => u.id);
+    b.length > 0 ? (t(p), i(new Set(b)), requestAnimationFrame(() => {
       requestAnimationFrame(() => {
         i(/* @__PURE__ */ new Set());
       });
     })) : t(p), c.current = p;
   }), []), B(() => {
-    if (!l.current) return;
+    if (!a.current) return;
     const d = /* @__PURE__ */ new Map();
     let p = 0;
-    const f = l.current.children;
-    e.forEach((m, a) => {
-      if (d.set(m.id, p), f[a]) {
-        const u = f[a].offsetHeight;
-        m.isRemoving || (p += u + 12);
+    const f = a.current.children;
+    e.forEach((b, u) => {
+      if (d.set(b.id, p), f[u]) {
+        const l = f[u].offsetHeight;
+        b.isRemoving || (p += l + 12);
       }
     }), r(d);
   }, [e]), /* @__PURE__ */ s(
@@ -1670,13 +1670,13 @@ function er() {
       children: /* @__PURE__ */ s(
         "div",
         {
-          ref: l,
+          ref: a,
           style: {
             pointerEvents: "auto",
             position: "relative"
           },
           children: e.map((d) => {
-            const p = o.has(d.id), f = d.isRemoving, m = n.get(d.id) || 0;
+            const p = o.has(d.id), f = d.isRemoving, b = n.get(d.id) || 0;
             return /* @__PURE__ */ s(
               "div",
               {
@@ -1684,7 +1684,7 @@ function er() {
                   position: "absolute",
                   top: 0,
                   left: 0,
-                  transform: p ? "translateY(-120px)" : `translateY(${m}px)`,
+                  transform: p ? "translateY(-120px)" : `translateY(${b}px)`,
                   // Only animate transform when not leaving, animate opacity always
                   transition: f ? "opacity 300ms ease-out" : "transform 300ms ease-out, opacity 300ms ease-out",
                   opacity: f ? 0 : 1,
@@ -1720,8 +1720,8 @@ function nr(e) {
       // React already escapes by default
     }
   }), typeof MutationObserver < "u" && typeof document < "u" && new MutationObserver((i) => {
-    for (const l of i)
-      if (l.type === "attributes" && l.attributeName === "lang") {
+    for (const a of i)
+      if (a.type === "attributes" && a.attributeName === "lang") {
         const c = document.documentElement.lang || "en";
         t.changeLanguage(c);
       }
@@ -1835,7 +1835,7 @@ class Ht {
     const { launchInBackground: r = !1 } = n || {};
     if (!oe.has(t))
       return console.error(`Cannot launch app "${t}": not registered`), null;
-    const o = this.apps.find((l) => l.appId === t);
+    const o = this.apps.find((a) => a.appId === t);
     if (o)
       return r || (this.setActiveApp(t), _._setActiveAppId(t)), o.ref ? o : this.waitForRef(t);
     const i = {
@@ -2016,37 +2016,37 @@ class Vt extends ke.Component {
   }
 }
 function Ge({ appId: e, isActive: t, onClose: n }) {
-  const { t: r } = Q(), o = oe.get(e), [i, l] = T(""), [c, d] = T(null), [p, f] = T(null), [m, a] = T(!1), [u, v] = T(!1);
+  const { t: r } = Q(), o = oe.get(e), [i, a] = T(""), [c, d] = T(null), [p, f] = T(null), [b, u] = T(!1), [l, m] = T(!1);
   ke.useEffect(() => {
-    o != null && o.titleKey && l(r(o.titleKey));
+    o != null && o.titleKey && a(r(o.titleKey));
   }, [o, r]);
-  const h = O((N) => {
-    l(N);
-  }, []), g = O((N) => {
+  const g = O((N) => {
+    a(N);
+  }, []), h = O((N) => {
     d(() => N);
   }, []), A = O(() => {
     d(null);
-  }, []), b = O((N) => {
+  }, []), v = O((N) => {
     f(N);
   }, []), y = O(() => {
     f(null);
   }, []), w = O((N) => {
-    a(N);
+    u(N);
   }, []), k = O((N) => {
-    v(N);
+    m(N);
   }, []), E = me(() => ({
-    setTitle: h,
-    setBackHandler: g,
+    setTitle: g,
+    setBackHandler: h,
     clearBackHandler: A,
-    setToolbar: b,
+    setToolbar: v,
     clearToolbar: y,
     setHideBackButton: w,
     setHideTitleBar: k,
     close: n
-  }), [h, g, A, b, y, w, k, n]);
+  }), [g, h, A, v, y, w, k, n]);
   if (!o)
     return null;
-  const z = o.component, M = !o.hideTitleBar && !u;
+  const z = o.component, M = !o.hideTitleBar && !l;
   return /* @__PURE__ */ x(
     "div",
     {
@@ -2064,7 +2064,7 @@ function Ge({ appId: e, isActive: t, onClose: n }) {
             onClose: n,
             onBack: c ?? void 0,
             toolbar: p,
-            hideBackButton: m
+            hideBackButton: b
           }
         ),
         /* @__PURE__ */ s(
@@ -2146,17 +2146,17 @@ const Ne = "-", Gt = (e) => {
     conflictingClassGroupModifiers: r
   } = e;
   return {
-    getClassGroupId: (l) => {
-      const c = l.split(Ne);
-      return c[0] === "" && c.length !== 1 && c.shift(), _e(c, t) || Yt(l);
+    getClassGroupId: (a) => {
+      const c = a.split(Ne);
+      return c[0] === "" && c.length !== 1 && c.shift(), _e(c, t) || Yt(a);
     },
-    getConflictingClassGroupIds: (l, c) => {
-      const d = n[l] || [];
-      return c && r[l] ? [...d, ...r[l]] : d;
+    getConflictingClassGroupIds: (a, c) => {
+      const d = n[a] || [];
+      return c && r[a] ? [...d, ...r[a]] : d;
     }
   };
 }, _e = (e, t) => {
-  var l;
+  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;
@@ -2165,9 +2165,9 @@ const Ne = "-", Gt = (e) => {
   if (t.validators.length === 0)
     return;
   const i = e.join(Ne);
-  return (l = t.validators.find(({
+  return (a = t.validators.find(({
     validator: c
-  }) => c(i))) == null ? void 0 : l.classGroupId;
+  }) => c(i))) == null ? void 0 : a.classGroupId;
 }, Be = /^\[(.+)\]$/, Yt = (e) => {
   if (Be.test(e)) {
     const t = Be.exec(e)[1], n = t == null ? void 0 : t.substring(0, t.indexOf(":"));
@@ -2182,8 +2182,8 @@ const Ne = "-", Gt = (e) => {
     nextPart: /* @__PURE__ */ new Map(),
     validators: []
   };
-  return _t(Object.entries(e.classGroups), n).forEach(([i, l]) => {
-    ye(l, r, i, t);
+  return _t(Object.entries(e.classGroups), n).forEach(([i, a]) => {
+    ye(a, r, i, t);
   }), r;
 }, ye = (e, t, n, r) => {
   e.forEach((o) => {
@@ -2203,8 +2203,8 @@ const Ne = "-", Gt = (e) => {
       });
       return;
     }
-    Object.entries(o).forEach(([i, l]) => {
-      ye(l, De(t, i), n, r);
+    Object.entries(o).forEach(([i, a]) => {
+      ye(a, De(t, i), n, r);
     });
   });
 }, De = (e, t) => {
@@ -2216,7 +2216,7 @@ const Ne = "-", Gt = (e) => {
     }), n = n.nextPart.get(r);
   }), n;
 }, Kt = (e) => e.isThemeGetter, _t = (e, t) => t ? e.map(([n, r]) => {
-  const o = r.map((i) => typeof i == "string" ? t + i : typeof i == "object" ? Object.fromEntries(Object.entries(i).map(([l, c]) => [t + l, c])) : i);
+  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) => {
   if (e < 1)
@@ -2227,54 +2227,54 @@ const Ne = "-", Gt = (e) => {
       }
     };
   let t = 0, n = /* @__PURE__ */ new Map(), r = /* @__PURE__ */ new Map();
-  const o = (i, l) => {
-    n.set(i, l), t++, t > e && (t = 0, r = n, n = /* @__PURE__ */ new Map());
+  const o = (i, a) => {
+    n.set(i, a), t++, t > e && (t = 0, r = n, n = /* @__PURE__ */ new Map());
   };
   return {
     get(i) {
-      let l = n.get(i);
-      if (l !== void 0)
-        return l;
-      if ((l = r.get(i)) !== void 0)
-        return o(i, l), l;
+      let a = n.get(i);
+      if (a !== void 0)
+        return a;
+      if ((a = r.get(i)) !== void 0)
+        return o(i, a), a;
     },
-    set(i, l) {
-      n.has(i) ? n.set(i, l) : o(i, l);
+    set(i, a) {
+      n.has(i) ? n.set(i, a) : o(i, a);
     }
   };
 }, Ue = "!", qt = (e) => {
   const {
     separator: t,
     experimentalParseClassName: n
-  } = e, r = t.length === 1, o = t[0], i = t.length, l = (c) => {
+  } = e, r = t.length === 1, o = t[0], i = t.length, a = (c) => {
     const d = [];
-    let p = 0, f = 0, m;
-    for (let g = 0; g < c.length; g++) {
-      let A = c[g];
+    let p = 0, f = 0, b;
+    for (let h = 0; h < c.length; h++) {
+      let A = c[h];
       if (p === 0) {
-        if (A === o && (r || c.slice(g, g + i) === t)) {
-          d.push(c.slice(f, g)), f = g + i;
+        if (A === o && (r || c.slice(h, h + i) === t)) {
+          d.push(c.slice(f, h)), f = h + i;
           continue;
         }
         if (A === "/") {
-          m = g;
+          b = h;
           continue;
         }
       }
       A === "[" ? p++ : A === "]" && p--;
     }
-    const a = d.length === 0 ? c : c.substring(f), u = a.startsWith(Ue), v = u ? a.substring(1) : a, h = m && m > f ? m - f : void 0;
+    const u = d.length === 0 ? c : c.substring(f), l = u.startsWith(Ue), m = l ? u.substring(1) : u, g = b && b > f ? b - f : void 0;
     return {
       modifiers: d,
-      hasImportantModifier: u,
-      baseClassName: v,
-      maybePostfixModifierPosition: h
+      hasImportantModifier: l,
+      baseClassName: m,
+      maybePostfixModifierPosition: g
     };
   };
   return n ? (c) => n({
     className: c,
-    parseClassName: l
-  }) : l;
+    parseClassName: a
+  }) : a;
 }, Xt = (e) => {
   if (e.length <= 1)
     return e;
@@ -2292,32 +2292,32 @@ const Ne = "-", Gt = (e) => {
     parseClassName: n,
     getClassGroupId: r,
     getConflictingClassGroupIds: o
-  } = t, i = [], l = e.trim().split(Qt);
+  } = t, i = [], a = e.trim().split(Qt);
   let c = "";
-  for (let d = l.length - 1; d >= 0; d -= 1) {
-    const p = l[d], {
+  for (let d = a.length - 1; d >= 0; d -= 1) {
+    const p = a[d], {
       modifiers: f,
-      hasImportantModifier: m,
-      baseClassName: a,
-      maybePostfixModifierPosition: u
+      hasImportantModifier: b,
+      baseClassName: u,
+      maybePostfixModifierPosition: l
     } = n(p);
-    let v = !!u, h = r(v ? a.substring(0, u) : a);
-    if (!h) {
-      if (!v) {
+    let m = !!l, g = r(m ? u.substring(0, l) : u);
+    if (!g) {
+      if (!m) {
         c = p + (c.length > 0 ? " " + c : c);
         continue;
       }
-      if (h = r(a), !h) {
+      if (g = r(u), !g) {
         c = p + (c.length > 0 ? " " + c : c);
         continue;
       }
-      v = !1;
+      m = !1;
     }
-    const g = Xt(f).join(":"), A = m ? g + Ue : g, b = A + h;
-    if (i.includes(b))
+    const h = Xt(f).join(":"), A = b ? h + Ue : h, v = A + g;
+    if (i.includes(v))
       continue;
-    i.push(b);
-    const y = o(h, v);
+    i.push(v);
+    const y = o(g, m);
     for (let w = 0; w < y.length; ++w) {
       const k = y[w];
       i.push(A + k);
@@ -2341,9 +2341,9 @@ const qe = (e) => {
   return n;
 };
 function tn(e, ...t) {
-  let n, r, o, i = l;
-  function l(d) {
-    const p = t.reduce((f, m) => m(f), e());
+  let n, r, o, i = a;
+  function a(d) {
+    const p = t.reduce((f, b) => b(f), e());
     return n = Jt(p), r = n.cache.get, o = n.cache.set, i = c, c(d);
   }
   function c(d) {
@@ -2369,7 +2369,7 @@ const D = (e) => {
   // 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 = D("colors"), t = D("spacing"), n = D("blur"), r = D("brightness"), o = D("borderColor"), i = D("borderRadius"), l = D("borderSpacing"), c = D("borderWidth"), d = D("contrast"), p = D("grayscale"), f = D("hueRotate"), m = D("invert"), a = D("gap"), u = D("gradientColorStops"), v = D("gradientColorStopPositions"), h = D("inset"), g = D("margin"), A = D("opacity"), b = D("padding"), y = D("saturate"), w = D("scale"), k = D("sepia"), E = D("skew"), z = D("space"), M = D("translate"), N = () => ["auto", "contain", "none"], R = () => ["auto", "hidden", "clip", "visible", "scroll"], C = () => ["auto", I, t], S = () => [I, t], L = () => ["", j, q], V = () => ["auto", re, I], $ = () => ["bottom", "center", "left", "left-bottom", "left-top", "right", "right-bottom", "right-top", "top"], P = () => ["solid", "dashed", "dotted", "double", "none"], H = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], Z = () => ["start", "end", "center", "between", "around", "evenly", "stretch"], Y = () => ["", "0", I], ge = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], F = () => [re, I];
+  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"), d = D("contrast"), p = D("grayscale"), f = D("hueRotate"), b = D("invert"), u = D("gap"), l = D("gradientColorStops"), m = D("gradientColorStopPositions"), g = D("inset"), h = D("margin"), A = D("opacity"), v = D("padding"), y = D("saturate"), w = D("scale"), k = D("sepia"), E = D("skew"), z = D("space"), M = D("translate"), N = () => ["auto", "contain", "none"], R = () => ["auto", "hidden", "clip", "visible", "scroll"], C = () => ["auto", I, t], S = () => [I, t], L = () => ["", j, q], V = () => ["auto", re, I], $ = () => ["bottom", "center", "left", "left-bottom", "left-top", "right", "right-bottom", "right-top", "top"], P = () => ["solid", "dashed", "dotted", "double", "none"], H = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], Z = () => ["start", "end", "center", "between", "around", "evenly", "stretch"], Y = () => ["", "0", I], ge = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], F = () => [re, I];
   return {
     cacheSize: 500,
     separator: ":",
@@ -2546,63 +2546,63 @@ const D = (e) => {
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       inset: [{
-        inset: [h]
+        inset: [g]
       }],
       /**
        * Right / Left
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-x": [{
-        "inset-x": [h]
+        "inset-x": [g]
       }],
       /**
        * Top / Bottom
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-y": [{
-        "inset-y": [h]
+        "inset-y": [g]
       }],
       /**
        * Start
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       start: [{
-        start: [h]
+        start: [g]
       }],
       /**
        * End
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       end: [{
-        end: [h]
+        end: [g]
       }],
       /**
        * Top
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       top: [{
-        top: [h]
+        top: [g]
       }],
       /**
        * Right
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       right: [{
-        right: [h]
+        right: [g]
       }],
       /**
        * Bottom
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       bottom: [{
-        bottom: [h]
+        bottom: [g]
       }],
       /**
        * Left
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       left: [{
-        left: [h]
+        left: [g]
       }],
       /**
        * Visibility
@@ -2752,21 +2752,21 @@ const D = (e) => {
        * @see https://tailwindcss.com/docs/gap
        */
       gap: [{
-        gap: [a]
+        gap: [u]
       }],
       /**
        * Gap X
        * @see https://tailwindcss.com/docs/gap
        */
       "gap-x": [{
-        "gap-x": [a]
+        "gap-x": [u]
       }],
       /**
        * Gap Y
        * @see https://tailwindcss.com/docs/gap
        */
       "gap-y": [{
-        "gap-y": [a]
+        "gap-y": [u]
       }],
       /**
        * Justify Content
@@ -2837,126 +2837,126 @@ const D = (e) => {
        * @see https://tailwindcss.com/docs/padding
        */
       p: [{
-        p: [b]
+        p: [v]
       }],
       /**
        * Padding X
        * @see https://tailwindcss.com/docs/padding
        */
       px: [{
-        px: [b]
+        px: [v]
       }],
       /**
        * Padding Y
        * @see https://tailwindcss.com/docs/padding
        */
       py: [{
-        py: [b]
+        py: [v]
       }],
       /**
        * Padding Start
        * @see https://tailwindcss.com/docs/padding
        */
       ps: [{
-        ps: [b]
+        ps: [v]
       }],
       /**
        * Padding End
        * @see https://tailwindcss.com/docs/padding
        */
       pe: [{
-        pe: [b]
+        pe: [v]
       }],
       /**
        * Padding Top
        * @see https://tailwindcss.com/docs/padding
        */
       pt: [{
-        pt: [b]
+        pt: [v]
       }],
       /**
        * Padding Right
        * @see https://tailwindcss.com/docs/padding
        */
       pr: [{
-        pr: [b]
+        pr: [v]
       }],
       /**
        * Padding Bottom
        * @see https://tailwindcss.com/docs/padding
        */
       pb: [{
-        pb: [b]
+        pb: [v]
       }],
       /**
        * Padding Left
        * @see https://tailwindcss.com/docs/padding
        */
       pl: [{
-        pl: [b]
+        pl: [v]
       }],
       /**
        * Margin
        * @see https://tailwindcss.com/docs/margin
        */
       m: [{
-        m: [g]
+        m: [h]
       }],
       /**
        * Margin X
        * @see https://tailwindcss.com/docs/margin
        */
       mx: [{
-        mx: [g]
+        mx: [h]
       }],
       /**
        * Margin Y
        * @see https://tailwindcss.com/docs/margin
        */
       my: [{
-        my: [g]
+        my: [h]
       }],
       /**
        * Margin Start
        * @see https://tailwindcss.com/docs/margin
        */
       ms: [{
-        ms: [g]
+        ms: [h]
       }],
       /**
        * Margin End
        * @see https://tailwindcss.com/docs/margin
        */
       me: [{
-        me: [g]
+        me: [h]
       }],
       /**
        * Margin Top
        * @see https://tailwindcss.com/docs/margin
        */
       mt: [{
-        mt: [g]
+        mt: [h]
       }],
       /**
        * Margin Right
        * @see https://tailwindcss.com/docs/margin
        */
       mr: [{
-        mr: [g]
+        mr: [h]
       }],
       /**
        * Margin Bottom
        * @see https://tailwindcss.com/docs/margin
        */
       mb: [{
-        mb: [g]
+        mb: [h]
       }],
       /**
        * Margin Left
        * @see https://tailwindcss.com/docs/margin
        */
       ml: [{
-        ml: [g]
+        ml: [h]
       }],
       /**
        * Space Between X
@@ -3340,42 +3340,42 @@ const D = (e) => {
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-from-pos": [{
-        from: [v]
+        from: [m]
       }],
       /**
        * Gradient Color Stops Via Position
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-via-pos": [{
-        via: [v]
+        via: [m]
       }],
       /**
        * Gradient Color Stops To Position
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-to-pos": [{
-        to: [v]
+        to: [m]
       }],
       /**
        * Gradient Color Stops From
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-from": [{
-        from: [u]
+        from: [l]
       }],
       /**
        * Gradient Color Stops Via
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-via": [{
-        via: [u]
+        via: [l]
       }],
       /**
        * Gradient Color Stops To
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-to": [{
-        to: [u]
+        to: [l]
       }],
       // Borders
       /**
@@ -3828,7 +3828,7 @@ const D = (e) => {
        * @see https://tailwindcss.com/docs/invert
        */
       invert: [{
-        invert: [m]
+        invert: [b]
       }],
       /**
        * Saturate
@@ -3892,7 +3892,7 @@ const D = (e) => {
        * @see https://tailwindcss.com/docs/backdrop-invert
        */
       "backdrop-invert": [{
-        "backdrop-invert": [m]
+        "backdrop-invert": [b]
       }],
       /**
        * Backdrop Opacity
@@ -3928,21 +3928,21 @@ const D = (e) => {
        * @see https://tailwindcss.com/docs/border-spacing
        */
       "border-spacing": [{
-        "border-spacing": [l]
+        "border-spacing": [a]
       }],
       /**
        * Border Spacing X
        * @see https://tailwindcss.com/docs/border-spacing
        */
       "border-spacing-x": [{
-        "border-spacing-x": [l]
+        "border-spacing-x": [a]
       }],
       /**
        * Border Spacing Y
        * @see https://tailwindcss.com/docs/border-spacing
        */
       "border-spacing-y": [{
-        "border-spacing-y": [l]
+        "border-spacing-y": [a]
       }],
       /**
        * Table Layout
@@ -4402,89 +4402,93 @@ function kn(...e) {
   return xn(bt(e));
 }
 function or({ autoWidth: e = !0, className: t, style: n }) {
-  const [r, o] = T(() => _.getActiveAppId()), [i, l] = T(() => G.getRunningApps()), { isMobile: c } = Ke();
+  const [r, o] = T(() => _.getActiveAppId()), [i, a] = T(() => G.getRunningApps()), { isMobile: c } = Ke();
   B(() => {
-    const g = _.subscribe("activeAppId", (A) => {
+    const h = _.subscribe("activeAppId", (A) => {
       o(A);
     });
     return () => {
-      g();
+      h();
     };
   }, []), B(() => G.subscribe(() => {
-    l(G.getRunningApps());
+    a(G.getRunningApps());
   }), []), B(() => {
     if (!new URLSearchParams(window.location.search).has("app")) {
-      const b = _.getActiveAppId();
-      b && !G.isRunning(b) && G.launchApp(b);
+      const v = _.getActiveAppId();
+      v && !G.isRunning(v) && G.launchApp(v);
     }
   }, []);
-  const d = (g) => {
-    G.closeApp(g);
-  }, p = r ? oe.get(r) : null, m = (p == null ? void 0 : p.width) ?? 400, a = r !== null, h = { ...{
+  const d = (h) => {
+    G.closeApp(h);
+  }, p = r ? oe.get(r) : null, b = (p == null ? void 0 : p.width) ?? 400, u = r !== null, g = { ...{
     overflow: "hidden",
-    display: a ? "flex" : "none",
+    display: u ? "flex" : "none",
     flexDirection: "column",
     flexShrink: 0,
     // Only set width if autoWidth is enabled
-    ...e && a ? { width: c ? "100%" : m } : {}
+    ...e && u ? { width: c ? "100%" : b } : {}
   }, ...n };
-  return /* @__PURE__ */ s("div", { className: kn("nc-app-panel", t), style: h, children: i.map((g) => /* @__PURE__ */ s(
+  return /* @__PURE__ */ s("div", { className: kn("nc-app-panel", t), style: g, children: i.map((h) => /* @__PURE__ */ s(
     Ge,
     {
-      appId: g.appId,
-      isActive: r === g.appId,
-      onClose: () => d(g.appId)
+      appId: h.appId,
+      isActive: r === h.appId,
+      onClose: () => d(h.appId)
     },
-    g.appId
+    h.appId
   )) });
 }
-function sr({ pinnedAppIds: e, className: t = "" }) {
-  const { isMobile: n } = Ke(), [r, o] = T(() => _.getActiveAppId()), [i, l] = T(() => G.getRunningApps());
+function sr({
+  pinnedAppIds: e,
+  className: t = "",
+  showIndicators: n = !0
+}) {
+  const { isMobile: r } = Ke(), [o, i] = T(() => _.getActiveAppId()), [a, c] = T(() => G.getRunningApps());
   B(() => {
-    const a = _.subscribe("activeAppId", (u) => {
-      o(u);
+    const l = _.subscribe("activeAppId", (m) => {
+      i(m);
     });
     return () => {
-      a();
+      l();
     };
   }, []), B(() => G.subscribe(() => {
-    l(G.getRunningApps());
+    c(G.getRunningApps());
   }), []);
-  const c = (a) => {
-    r === a ? G.setActiveApp(null) : G.launchApp(a);
-  }, d = e.map((a) => oe.get(a)).filter((a) => !!a), p = i.filter((a) => !e.includes(a.appId)).map((a) => ({ running: a, def: oe.get(a.appId) })).filter((a) => !!a.def), f = (a) => i.some((u) => u.appId === a), m = n ? 24 : 28;
-  return /* @__PURE__ */ x("div", { className: `nc-app-taskbar ${n ? "nc-mobile" : "nc-desktop"} ${t}`, children: [
-    d.map((a) => {
-      const u = a.icon, v = r === a.id, h = f(a.id);
+  const d = (l) => {
+    o === l ? G.setActiveApp(null) : G.launchApp(l);
+  }, p = e.map((l) => oe.get(l)).filter((l) => !!l), f = a.filter((l) => !e.includes(l.appId)).map((l) => ({ running: l, def: oe.get(l.appId) })).filter((l) => !!l.def), b = (l) => a.some((m) => m.appId === l), u = r ? 24 : 28;
+  return /* @__PURE__ */ x("div", { className: `nc-app-taskbar ${r ? "nc-mobile" : "nc-desktop"} ${t}`, children: [
+    p.map((l) => {
+      const m = l.icon, g = o === l.id, h = b(l.id);
       return /* @__PURE__ */ x(
         "button",
         {
-          className: `nc-app-taskbar-button ${v ? "nc-active" : ""} ${h ? "nc-running" : ""}`,
-          onClick: () => c(a.id),
-          title: a.titleKey || a.id,
+          className: `nc-app-taskbar-button ${g ? "nc-active" : ""} ${h ? "nc-running" : ""}`,
+          onClick: () => d(l.id),
+          title: l.titleKey || l.id,
           children: [
-            /* @__PURE__ */ s(u, { size: m }),
-            h && /* @__PURE__ */ s("span", { className: "nc-app-taskbar-indicator" })
+            /* @__PURE__ */ s(m, { size: u }),
+            n && h && /* @__PURE__ */ s("span", { className: "nc-app-taskbar-indicator" })
           ]
         },
-        a.id
+        l.id
       );
     }),
-    p.length > 0 && /* @__PURE__ */ s("div", { className: "nc-app-taskbar-separator" }),
-    p.map(({ running: a, def: u }) => {
-      const v = u.icon, h = r === a.appId;
+    f.length > 0 && /* @__PURE__ */ s("div", { className: "nc-app-taskbar-separator" }),
+    f.map(({ running: l, def: m }) => {
+      const g = m.icon, h = o === l.appId;
       return /* @__PURE__ */ x(
         "button",
         {
           className: `nc-app-taskbar-button ${h ? "nc-active" : ""} nc-running`,
-          onClick: () => c(a.appId),
-          title: u.titleKey || u.id,
+          onClick: () => d(l.appId),
+          title: m.titleKey || m.id,
           children: [
-            /* @__PURE__ */ s(v, { size: m }),
-            /* @__PURE__ */ s("span", { className: "nc-app-taskbar-indicator" })
+            /* @__PURE__ */ s(g, { size: u }),
+            n && /* @__PURE__ */ s("span", { className: "nc-app-taskbar-indicator" })
           ]
         },
-        a.appId
+        l.appId
       );
     })
   ] });
@@ -4497,7 +4501,7 @@ function ir({
   className: o = "",
   style: i
 }) {
-  const l = (d) => {
+  const a = (d) => {
     r && d.target === d.currentTarget && n();
   };
   if (!t) return null;
@@ -4505,7 +4509,7 @@ function ir({
     "div",
     {
       className: "nc-dialog-overlay nc-fullscreen",
-      onClick: l,
+      onClick: a,
       children: /* @__PURE__ */ s(
         "div",
         {
@@ -4541,7 +4545,7 @@ function ar() {
 }
 const Ce = se(null);
 function lr({ rootView: e, children: t }) {
-  const { t: n } = Q(), r = Wt(), [o, i] = T([e]), [l, c] = T([null]), d = O((w, k) => {
+  const { t: n } = Q(), r = Wt(), [o, i] = T([e]), [a, c] = T([null]), d = O((w, k) => {
     c((E) => {
       const z = [...E];
       return z[w] = k, z;
@@ -4553,45 +4557,45 @@ function lr({ rootView: e, children: t }) {
     });
   }, []), f = O((w) => {
     i((k) => [...k, w]), c((k) => [...k, null]);
-  }, []), m = O(() => {
+  }, []), b = O(() => {
     i((w) => w.length <= 1 ? w : w.slice(0, -1)), c((w) => w.slice(0, -1));
-  }, []), a = O(() => {
+  }, []), u = O(() => {
     i([e]), c([null]);
-  }, [e]), u = o.length, v = u > 1, h = o.length - 1, g = o[o.length - 1], A = g != null && g.titleKey ? n(g.titleKey) : (g == null ? void 0 : g.title) ?? "";
+  }, [e]), l = o.length, m = l > 1, g = o.length - 1, h = o[o.length - 1], A = h != null && h.titleKey ? n(h.titleKey) : (h == null ? void 0 : h.title) ?? "";
   B(() => {
     r.setTitle(A);
   }, [A, r]), B(() => {
-    v ? r.setBackHandler(m) : r.clearBackHandler();
-  }, [v, m, r]), B(() => {
-    const w = l[l.length - 1];
+    m ? r.setBackHandler(b) : r.clearBackHandler();
+  }, [m, b, r]), B(() => {
+    const w = a[a.length - 1];
     w ? r.setToolbar(w) : r.clearToolbar();
-  }, [l, r]);
-  const b = {
+  }, [a, r]);
+  const v = {
     push: f,
-    pop: m,
-    reset: a,
-    depth: u,
-    canGoBack: v,
+    pop: b,
+    reset: u,
+    depth: l,
+    canGoBack: m,
     currentTitle: A
   }, y = {
     stack: o,
-    toolbarStack: l,
+    toolbarStack: a,
     updateToolbar: d,
     clearToolbarAt: p,
-    topIndex: h
+    topIndex: g
   };
-  return /* @__PURE__ */ s(Ae.Provider, { value: b, children: /* @__PURE__ */ s(Ce.Provider, { value: y, children: t }) });
+  return /* @__PURE__ */ s(Ae.Provider, { value: v, children: /* @__PURE__ */ s(Ce.Provider, { value: y, children: t }) });
 }
 function Nn({ index: e, children: t }) {
   const n = J(Ce);
   if (!n)
     throw new Error("NavViewProvider must be used within NavStackProvider");
-  const { updateToolbar: r, clearToolbarAt: o, topIndex: i } = n, l = O((p) => {
+  const { updateToolbar: r, clearToolbarAt: o, topIndex: i } = n, a = O((p) => {
     e === i && r(e, p);
   }, [e, i, r]), c = O(() => {
     e === i && o(e);
   }, [e, i, o]), d = {
-    setToolbar: l,
+    setToolbar: a,
     clearToolbar: c
   };
   return /* @__PURE__ */ s(Qe.Provider, { value: d, children: t });