@kingsimba/nc-ui 0.1.9 → 0.1.11

package/dist/index.js

@@ -37,36 +37,36 @@ function Te({
   );
   return n ? /* @__PURE__ */ s("div", { className: "nc-activity-indicator-overlay", children: o }) : o;
 }
-function G({ variant: e = "default", block: t, size: n = "default", className: r, disabled: o, textSelectable: i, loading: c, onClick: a, children: d, ...p }) {
-  const m = [
+function G({ variant: e = "default", block: t, size: n = "default", className: r, disabled: o, textSelectable: i, loading: l, onClick: c, children: d, ...p }) {
+  const h = [
     "nc-button",
     e !== "default" ? `nc-${e}` : "",
     t ? "nc-block" : "",
     n === "small" ? "nc-small" : "",
     n === "large" ? "nc-large" : "",
-    o || c ? "nc-disabled" : "",
+    o || l ? "nc-disabled" : "",
     i ? "nc-text-selectable" : "",
-    c ? "nc-loading" : "",
+    l ? "nc-loading" : "",
     r ?? ""
   ].filter(Boolean).join(" ");
   return /* @__PURE__ */ y(
     "button",
     {
-      className: m,
-      disabled: o || c,
-      onClick: (l) => {
-        if (!c) {
+      className: h,
+      disabled: o || l,
+      onClick: (a) => {
+        if (!l) {
           if (i) {
             const u = window.getSelection();
             if (u && u.toString().length > 0)
               return;
           }
-          a == null || a(l);
+          c == null || c(a);
         }
       },
       ...p,
       children: [
-        c && /* @__PURE__ */ s(
+        l && /* @__PURE__ */ s(
           Te,
           {
             size: "small",
@@ -105,21 +105,21 @@ function xn({
   const o = Math.max(0, Math.min(1, Number(e) || 0));
   let i;
   r ? o < 0.1 ? i = "var(--nc-danger)" : o < 0.2 ? i = "var(--nc-warning)" : i = "var(--nc-success)" : i = n ? "#ffffff" : "#000000";
-  const c = n ? "rgba(255, 255, 255, 0.5)" : "rgba(0, 0, 0, 0.2)", a = 24, d = 14, p = 2, m = 0, f = 12, l = 0, u = 0, b = 0, v = a, h = d, x = h - l * 2, k = v - l * 2, $ = Math.max(1, Math.min(4, h / 4)), g = o === 0 ? 0 : 0.05 + o * 0.95, M = a + p + f, P = 20, w = 0.65, S = Math.max(d, P * w), N = a + p + 1, E = (d - P * w) / 2;
+  const l = n ? "rgba(255, 255, 255, 0.5)" : "rgba(0, 0, 0, 0.2)", c = 24, d = 14, p = 2, h = 0, w = 12, a = 0, u = 0, m = 0, v = c, f = d, x = f - a * 2, k = v - a * 2, $ = Math.max(1, Math.min(4, f / 4)), g = o === 0 ? 0 : 0.05 + o * 0.95, I = c + p + w, P = 20, b = 0.65, S = Math.max(d, P * b), N = c + p + 1, E = (d - P * b) / 2;
   return /* @__PURE__ */ y(
     "svg",
     {
       className: "nc-battery",
-      width: M,
+      width: I,
       height: S,
-      viewBox: `0 0 ${M} ${S}`,
+      viewBox: `0 0 ${I} ${S}`,
       role: "img",
       "aria-label": `Battery ${o === 0 ? "-" : Math.round(o * 100) + "%"} ${t}`,
       children: [
         /* @__PURE__ */ y("defs", { children: [
           /* @__PURE__ */ s("mask", { id: `nc-battery-fill-mask-${o}`, children: /* @__PURE__ */ s("rect", { x: "0", y: "0", width: k * g, height: x, fill: "white" }) }),
           /* @__PURE__ */ y("mask", { id: `nc-battery-text-mask-${o}`, children: [
-            /* @__PURE__ */ s("rect", { x: "0", y: "0", width: M, height: S, fill: "white" }),
+            /* @__PURE__ */ s("rect", { x: "0", y: "0", width: I, height: S, fill: "white" }),
             /* @__PURE__ */ s("text", { x: u + v / 2, y: d - 3, fontSize: 11, fontWeight: "bold", fill: "black", textAnchor: "middle", children: o === 0 ? "-" : Math.round(o * 100) })
           ] })
         ] }),
@@ -128,19 +128,19 @@ function xn({
             "rect",
             {
               x: u,
-              y: b,
+              y: m,
               rx: $,
               ry: $,
               width: v,
-              height: h,
-              fill: c
+              height: f,
+              fill: l
             }
           ),
           /* @__PURE__ */ s(
             "rect",
             {
-              x: u + l,
-              y: b + l,
+              x: u + a,
+              y: m + a,
               width: k,
               height: x,
               fill: i,
@@ -152,16 +152,16 @@ function xn({
           /* @__PURE__ */ s(
             "rect",
             {
-              x: a + m,
+              x: c + h,
               y: d * 0.26,
               width: p,
               height: d * 0.48,
               rx: 0.8,
               ry: 0.8,
-              fill: o === 1 ? i : c
+              fill: o === 1 ? i : l
             }
           ),
-          t === "charging" ? /* @__PURE__ */ s("g", { transform: `translate(${N}, ${E}) scale(${w})`, fill: i, children: /* @__PURE__ */ s("path", { d: "M10 0 L2 11 H8 L5 20 L14 8 H8 L10 0 Z" }) }) : null
+          t === "charging" ? /* @__PURE__ */ s("g", { transform: `translate(${N}, ${E}) scale(${b})`, fill: i, children: /* @__PURE__ */ s("path", { d: "M10 0 L2 11 H8 L5 20 L14 8 H8 L10 0 Z" }) }) : null
         ] })
       ]
     }
@@ -175,15 +175,15 @@ function kn({
   labels: o,
   size: i = "default"
 }) {
-  return /* @__PURE__ */ s("div", { className: `nc-button-group ${i === "small" ? "nc-small" : ""}`, children: n.map((c, a) => /* @__PURE__ */ s(
+  return /* @__PURE__ */ s("div", { className: `nc-button-group ${i === "small" ? "nc-small" : ""}`, children: n.map((l, c) => /* @__PURE__ */ s(
     "button",
     {
-      className: `nc-button-group-item ${e === c ? "nc-active" : ""} ${a < n.length - 1 ? "nc-has-border" : ""}`,
-      onClick: () => !r && t(c),
+      className: `nc-button-group-item ${e === l ? "nc-active" : ""} ${c < n.length - 1 ? "nc-has-border" : ""}`,
+      onClick: () => !r && t(l),
       disabled: r,
-      children: o && o[c] ? o[c] : c
+      children: o && o[l] ? o[l] : l
     },
-    c
+    l
   )) });
 }
 function ut({ size: e }) {
@@ -198,13 +198,13 @@ function ut({ size: e }) {
     }
   ) });
 }
-function Nn({ checked: e, onChange: t, disabled: n, label: r, size: o = "default", labelColor: i, style: c, className: a = "" }) {
+function Nn({ checked: e, onChange: t, disabled: n, label: r, size: o = "default", labelColor: i, style: l, className: c = "" }) {
   const d = o === "small";
   return /* @__PURE__ */ y(
     "label",
     {
-      className: `nc-checkbox-label ${d ? "nc-small" : ""} ${n ? "nc-disabled" : ""} ${a}`.trim(),
-      style: c,
+      className: `nc-checkbox-label ${d ? "nc-small" : ""} ${n ? "nc-disabled" : ""} ${c}`.trim(),
+      style: l,
       onClick: (p) => {
         n || (p.preventDefault(), t(!e));
       },
@@ -228,7 +228,7 @@ function Nn({ checked: e, onChange: t, disabled: n, label: r, size: o = "default
   );
 }
 function pt({ option: e, onChange: t, selected: n, highlighted: r, small: o }) {
-  const i = H(null), { t: c } = J();
+  const i = H(null), { t: l } = J();
   return T(() => {
     r && i.current && i.current.scrollIntoView({ block: "nearest" });
   }, [r]), /* @__PURE__ */ y(
@@ -247,7 +247,7 @@ function pt({ option: e, onChange: t, selected: n, highlighted: r, small: o }) {
         e.label,
         e.default && /* @__PURE__ */ y("span", { style: { fontSize: "0.85em", color: "var(--nc-text-weak)", marginLeft: 6 }, children: [
           "(",
-          c("common.default"),
+          l("common.default"),
           ")"
         ] })
       ]
@@ -261,22 +261,22 @@ function ft({
   selectedValue: r,
   placement: o = "bottom",
   anchorRef: i,
-  small: c,
-  highlightedIndex: a = -1
+  small: l,
+  highlightedIndex: c = -1
 }) {
-  const [d, p] = R({ top: 0, left: 0, width: 0 }), [m, f] = R(o), { t: l } = J();
+  const [d, p] = R({ top: 0, left: 0, width: 0 }), [h, w] = R(o), { t: a } = J();
   if (T(() => {
     if (e && i.current) {
-      const b = i.current.getBoundingClientRect();
+      const m = i.current.getBoundingClientRect();
       let v = o;
       if (o === "bottom") {
-        const h = window.innerHeight - b.bottom, x = b.top;
-        h < 320 && x > h && (v = "top");
+        const f = window.innerHeight - m.bottom, x = m.top;
+        f < 320 && x > f && (v = "top");
       }
-      f(v), p({
-        top: v === "top" ? b.top - 4 : b.bottom + 4,
-        left: b.left,
-        width: b.width
+      w(v), p({
+        top: v === "top" ? m.top - 4 : m.bottom + 4,
+        left: m.left,
+        width: m.width
       });
     }
   }, [e, i, o]), !e) return null;
@@ -286,15 +286,15 @@ function ft({
       className: "nc-combo-dropdown",
       style: {
         position: "fixed",
-        top: m === "top" ? void 0 : d.top,
-        bottom: m === "top" ? window.innerHeight - d.top : void 0,
+        top: h === "top" ? void 0 : d.top,
+        bottom: h === "top" ? window.innerHeight - d.top : void 0,
         left: d.left,
         width: d.width,
         zIndex: 1e3,
         maxHeight: 300,
         overflowY: "auto"
       },
-      children: t.length === 0 ? /* @__PURE__ */ s("div", { className: `nc-combo-dropdown-option nc-no-results ${c ? "nc-small" : ""}`, children: l("common.noResults") }) : t.map((b, v) => /* @__PURE__ */ s(pt, { option: b, onChange: n, selected: b.value === r, highlighted: v === a, small: c }, b.value))
+      children: t.length === 0 ? /* @__PURE__ */ s("div", { className: `nc-combo-dropdown-option nc-no-results ${l ? "nc-small" : ""}`, children: a("common.noResults") }) : t.map((m, v) => /* @__PURE__ */ s(pt, { option: m, onChange: n, selected: m.value === r, highlighted: v === c, small: l }, m.value))
     }
   );
   return pe(u, document.body);
@@ -330,38 +330,38 @@ function An({
   options: r,
   disabled: o,
   label: i,
-  clearable: c = !0,
-  allowTyping: a = !1,
+  clearable: l = !0,
+  allowTyping: c = !1,
   placement: d = "bottom",
   size: p = "default",
-  style: m,
-  className: f
+  style: h,
+  className: w
 }) {
-  const [l, u] = R(!1), [b, v] = R(""), [h, x] = R(-1), k = H(null), $ = H(null), g = p === "small", { t: M } = J(), P = xe(() => {
-    const C = b.toLowerCase();
-    return a ? r.filter((z) => z.label.toLowerCase().includes(C)) : r;
-  }, [r, b, a]);
+  const [a, u] = R(!1), [m, v] = R(""), [f, x] = R(-1), k = H(null), $ = H(null), g = p === "small", { t: I } = J(), P = xe(() => {
+    const C = m.toLowerCase();
+    return c ? r.filter((z) => z.label.toLowerCase().includes(C)) : r;
+  }, [r, m, c]);
   T(() => {
-    l && x(-1);
-  }, [l, P]), T(() => {
-    if (!c && !e && r.length > 0 && t) {
+    a && x(-1);
+  }, [a, P]), T(() => {
+    if (!l && !e && r.length > 0 && t) {
       const C = r.find((z) => z.default) || r[0];
       t(C.value);
     }
-  }, [c, e, r, t]), T(() => {
+  }, [l, e, r, t]), T(() => {
     function C(z) {
       var B;
       z.target instanceof Node && k.current && ((B = k.current.parentElement) != null && B.contains(z.target) || u(!1));
     }
     return document.addEventListener("mousedown", C), () => document.removeEventListener("mousedown", C);
   }, []);
-  const w = r.find((C) => C.value === e), S = w && c, N = !o && !S, E = !(l && a) && !!w, D = (C, z = !1) => {
+  const b = r.find((C) => C.value === e), S = b && l, N = !o && !S, E = !(a && c) && !!b, D = (C, z = !1) => {
     var B;
     t == null || t(C), u(!1), v(""), z && ((B = k.current) == null || B.blur());
-  }, I = () => {
+  }, M = () => {
     t == null || t(void 0), v(""), u(!1);
   }, O = (C) => {
-    if (!l) {
+    if (!a) {
       (C.key === "ArrowDown" || C.key === "ArrowUp") && (u(!0), C.preventDefault());
       return;
     }
@@ -379,14 +379,14 @@ function An({
         });
         break;
       case "Enter":
-        C.preventDefault(), h >= 0 && h < P.length && D(P[h].value, !0);
+        C.preventDefault(), f >= 0 && f < P.length && D(P[f].value, !0);
         break;
       case "Escape":
         C.preventDefault(), u(!1), v("");
         break;
     }
   };
-  return /* @__PURE__ */ y("div", { className: `nc-combo-container ${f || ""}`.trim(), style: { position: "relative", ...m }, children: [
+  return /* @__PURE__ */ y("div", { className: `nc-combo-container ${w || ""}`.trim(), style: { position: "relative", ...h }, children: [
     i && /* @__PURE__ */ s("span", { className: `nc-label ${g ? "nc-small" : ""}`, children: i }),
     /* @__PURE__ */ y(
       "div",
@@ -394,7 +394,7 @@ function An({
         ref: $,
         style: { position: "relative", display: "flex", alignItems: "center" },
         onMouseDown: (C) => {
-          o || a && C.target === k.current || (u((z) => (!z && a && w && v(w.label), !z)), a && !l && setTimeout(() => {
+          o || c && C.target === k.current || (u((z) => (!z && c && b && v(b.label), !z)), c && !a && setTimeout(() => {
             var z, B;
             (z = k.current) == null || z.focus(), (B = k.current) == null || B.select();
           }, 0));
@@ -408,21 +408,21 @@ function An({
               placeholder: n,
               onFocus: () => {
                 var C;
-                !o && a && (u(!0), w && (v(w.label), setTimeout(() => {
+                !o && c && (u(!0), b && (v(b.label), setTimeout(() => {
                   var z;
                   return (z = k.current) == null ? void 0 : z.select();
-                }, 0))), a || (C = k.current) == null || C.blur();
+                }, 0))), c || (C = k.current) == null || C.blur();
               },
-              onChange: (C) => a && v(C.target.value),
+              onChange: (C) => c && v(C.target.value),
               onKeyDown: O,
-              value: l && a ? b : (w == null ? void 0 : w.label) || "",
-              readOnly: o || !a,
+              value: a && c ? m : (b == null ? void 0 : b.label) || "",
+              readOnly: o || !c,
               style: {
                 width: "100%",
                 paddingRight: N || S ? g ? 32 : 44 : 12,
-                caretColor: a ? void 0 : "transparent",
-                cursor: a ? void 0 : "pointer",
-                userSelect: a ? void 0 : "none",
+                caretColor: c ? void 0 : "transparent",
+                cursor: c ? void 0 : "pointer",
+                userSelect: c ? void 0 : "none",
                 color: E ? "transparent" : "var(--nc-text)"
               }
             }
@@ -446,21 +446,21 @@ function An({
                 textOverflow: "ellipsis"
               },
               children: [
-                /* @__PURE__ */ s("span", { className: `nc-combo-overlay-text ${g ? "nc-small" : ""}`, children: w == null ? void 0 : w.label }),
-                (w == null ? void 0 : w.default) && /* @__PURE__ */ y("span", { className: `nc-combo-overlay-default ${g ? "nc-small" : ""}`, children: [
+                /* @__PURE__ */ s("span", { className: `nc-combo-overlay-text ${g ? "nc-small" : ""}`, children: b == null ? void 0 : b.label }),
+                (b == null ? void 0 : b.default) && /* @__PURE__ */ y("span", { className: `nc-combo-overlay-default ${g ? "nc-small" : ""}`, children: [
                   "(",
-                  M("common.default"),
+                  I("common.default"),
                   ")"
                 ] })
               ]
             }
           ),
-          S && /* @__PURE__ */ s(ht, { onClick: I, small: g }),
-          N && /* @__PURE__ */ s(mt, { open: l, onClick: () => u((C) => !C), small: g })
+          S && /* @__PURE__ */ s(ht, { onClick: M, small: g }),
+          N && /* @__PURE__ */ s(mt, { open: a, onClick: () => u((C) => !C), small: g })
         ]
       }
     ),
-    /* @__PURE__ */ s(ft, { isOpen: l, options: P, onSelect: D, selectedValue: e, placement: d, anchorRef: $, small: g, highlightedIndex: h })
+    /* @__PURE__ */ s(ft, { isOpen: a, options: P, onSelect: D, selectedValue: e, placement: d, anchorRef: $, small: g, highlightedIndex: f })
   ] });
 }
 function Sn({ onClick: e, loading: t = !1, disabled: n = !1, size: r = "default", title: o, "aria-label": i }) {
@@ -519,7 +519,7 @@ function In({ onClick: e, disabled: t = !1, size: n = "default", title: r = "Del
     }
   );
 }
-function $n({ onClick: e, disabled: t = !1, children: n, title: r, "aria-label": o, size: i = "default" }) {
+function Mn({ onClick: e, disabled: t = !1, children: n, title: r, "aria-label": o, size: i = "default" }) {
   return /* @__PURE__ */ s(
     "button",
     {
@@ -533,7 +533,7 @@ function $n({ onClick: e, disabled: t = !1, children: n, title: r, "aria-label":
     }
   );
 }
-function Mn({
+function $n({
   open: e,
   onClose: t,
   options: n,
@@ -541,62 +541,79 @@ function Mn({
   anchor: o,
   preferredDirection: i = "down"
 }) {
-  const c = H(null), [a, d] = R({ top: 0, left: 0 }), p = o || (r == null ? void 0 : r.current);
+  const l = H(null), [c, d] = R({ top: 0, left: 0 }), p = o || (r == null ? void 0 : r.current);
   if (T(() => {
-    if (!e || !p || !c.current) return;
-    const f = p.getBoundingClientRect(), l = c.current.getBoundingClientRect(), u = window.innerHeight, b = window.innerWidth, v = f.bottom + 8, h = v + l.height <= u - 8;
-    let x = i;
-    (!h && i === "down" || i === "up" && h) && (x = "up");
-    let k;
-    x === "down" ? k = v : k = f.top - l.height - 8;
-    let $ = f.left;
-    $ + l.width > b - 8 && ($ = f.right - l.width), d({
-      top: Math.max(8, k),
+    if (!e || !p || !l.current) return;
+    const a = p.getBoundingClientRect(), u = l.current.getBoundingClientRect(), m = window.innerHeight, v = window.innerWidth, f = a.bottom + 8, x = f + u.height <= m - 8;
+    let k = i;
+    (!x && i === "down" || i === "up" && x) && (k = "up");
+    let $;
+    k === "down" ? $ = f : $ = a.top - u.height - 8;
+    let g = a.left;
+    g + u.width > v - 8 && (g = a.right - u.width), d({
+      top: Math.max(8, $),
       // Ensure minimum 8px from top
-      left: Math.max(8, $)
+      left: Math.max(8, g)
       // Ensure minimum 8px from left
     });
   }, [e, p, i]), T(() => {
     if (!e) return;
-    const f = (u) => {
-      c.current && !c.current.contains(u.target) && p && !p.contains(u.target) && t();
-    }, l = (u) => {
-      u.key === "Escape" && t();
+    const a = (m) => {
+      l.current && !l.current.contains(m.target) && p && !p.contains(m.target) && t();
+    }, u = (m) => {
+      m.key === "Escape" && t();
     };
-    return document.addEventListener("mousedown", f), document.addEventListener("keydown", l), () => {
-      document.removeEventListener("mousedown", f), document.removeEventListener("keydown", l);
+    return document.addEventListener("mousedown", a), document.addEventListener("keydown", u), () => {
+      document.removeEventListener("mousedown", a), document.removeEventListener("keydown", u);
     };
   }, [e, t, p]), !e) return null;
-  const m = (f) => {
-    f.disabled || (f.onClick(), t());
-  };
+  const h = (a) => {
+    a.type !== "separator" && !a.disabled && a.onClick && (a.onClick(), t());
+  }, w = n.some((a) => a.icon);
   return pe(
     /* @__PURE__ */ s(
       "div",
       {
-        ref: c,
+        ref: l,
         className: "nc-context-menu",
         style: {
           position: "fixed",
-          top: `${a.top}px`,
-          left: `${a.left}px`,
+          top: `${c.top}px`,
+          left: `${c.left}px`,
           zIndex: 1e4
         },
         role: "menu",
-        children: n.map((f) => /* @__PURE__ */ y(
-          "button",
-          {
-            className: `nc-context-menu-item ${f.variant === "danger" ? "nc-danger" : ""} ${f.disabled ? "nc-disabled" : ""}`,
-            onClick: () => m(f),
-            disabled: f.disabled,
-            role: "menuitem",
-            children: [
-              f.icon && /* @__PURE__ */ s("span", { className: "nc-context-menu-icon", children: f.icon }),
-              /* @__PURE__ */ s("span", { className: "nc-context-menu-label", children: f.label })
-            ]
-          },
-          f.id
-        ))
+        children: n.map((a) => {
+          if (a.type === "separator")
+            return /* @__PURE__ */ s(
+              "div",
+              {
+                className: "nc-context-menu-separator",
+                role: "separator"
+              },
+              a.id
+            );
+          const u = [
+            "nc-context-menu-item",
+            a.variant && a.variant !== "default" ? `nc-${a.variant}` : "",
+            a.disabled ? "nc-disabled" : "",
+            w && !a.icon ? "nc-indented" : ""
+          ].filter(Boolean).join(" ");
+          return /* @__PURE__ */ y(
+            "button",
+            {
+              className: u,
+              onClick: () => h(a),
+              disabled: a.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 })
+              ]
+            },
+            a.id
+          );
+        })
       }
     ),
     document.body
@@ -611,8 +628,8 @@ function gt() {
 }
 function ne({ children: e, onClick: t, ...n }) {
   const { close: r } = gt(), { t: o } = J();
-  return /* @__PURE__ */ s(G, { onClick: (c) => {
-    t == null || t(c), r();
+  return /* @__PURE__ */ s(G, { onClick: (l) => {
+    t == null || t(l), r();
   }, ...n, children: e ?? o("common.close") });
 }
 function Rn({
@@ -622,21 +639,21 @@ function Rn({
   children: r,
   style: o,
   footerType: i = "ok-cancel",
-  footer: c,
-  onOk: a,
+  footer: l,
+  onOk: c,
   onSave: d,
   onDelete: p,
-  onCancel: m,
-  onConnect: f,
-  closeOnOverlay: l = !0,
+  onCancel: h,
+  onConnect: w,
+  closeOnOverlay: a = !0,
   primaryDisabled: u = !1,
-  fullScreen: b = !1,
+  fullScreen: m = !1,
   hideTitleBar: v = !1,
-  className: h = "",
+  className: f = "",
   onContentHeightChange: x
 }) {
-  const k = H(null), $ = H(null), { t: g } = J(), M = { close: t }, P = (N) => {
-    l && N.target === N.currentTarget && t();
+  const k = H(null), $ = H(null), { t: g } = J(), I = { close: t }, P = (N) => {
+    a && N.target === N.currentTarget && t();
   };
   if (T(() => {
     e && k.current && k.current.focus();
@@ -644,54 +661,54 @@ function Rn({
     if (!x || !$.current) return;
     const N = new ResizeObserver((E) => {
       for (const D of E) {
-        const I = D.contentRect.height;
-        x(I);
+        const M = D.contentRect.height;
+        x(M);
       }
     });
     return N.observe($.current), () => {
       N.disconnect();
     };
   }, [x]), !e) return null;
-  const w = () => {
+  const b = () => {
     switch (i) {
       case "ok":
-        return /* @__PURE__ */ s("div", { className: "nc-dialog-footer", children: /* @__PURE__ */ s(G, { variant: "primary", onClick: a ?? t, disabled: u, children: g("common.ok") }) });
+        return /* @__PURE__ */ s("div", { className: "nc-dialog-footer", children: /* @__PURE__ */ s(G, { variant: "primary", onClick: c ?? t, disabled: u, children: g("common.ok") }) });
       case "ok-cancel":
         return /* @__PURE__ */ y("div", { className: "nc-dialog-footer", children: [
-          /* @__PURE__ */ s(G, { variant: "primary", onClick: a ?? t, disabled: u, children: g("common.ok") }),
-          /* @__PURE__ */ s(ne, { onClick: m, children: g("common.cancel") })
+          /* @__PURE__ */ s(G, { variant: "primary", onClick: c ?? t, disabled: u, children: g("common.ok") }),
+          /* @__PURE__ */ s(ne, { onClick: h, children: g("common.cancel") })
         ] });
       case "save-cancel":
         return /* @__PURE__ */ y("div", { className: "nc-dialog-footer", children: [
           /* @__PURE__ */ s(G, { variant: "primary", onClick: d, disabled: u, children: g("common.save") }),
-          /* @__PURE__ */ s(ne, { onClick: m, children: g("common.cancel") })
+          /* @__PURE__ */ s(ne, { onClick: h, children: g("common.cancel") })
         ] });
       case "delete-cancel":
         return /* @__PURE__ */ y("div", { className: "nc-dialog-footer", children: [
           /* @__PURE__ */ s(G, { variant: "danger", onClick: p, disabled: u, children: g("common.delete") }),
-          /* @__PURE__ */ s(ne, { onClick: m, children: g("common.cancel") })
+          /* @__PURE__ */ s(ne, { onClick: h, children: g("common.cancel") })
         ] });
       case "connect":
         return /* @__PURE__ */ y("div", { className: "nc-dialog-footer", children: [
-          /* @__PURE__ */ s(G, { variant: "primary", onClick: f, disabled: u, children: g("common.connect") }),
-          /* @__PURE__ */ s(ne, { onClick: m, children: g("common.cancel") })
+          /* @__PURE__ */ s(G, { variant: "primary", onClick: w, disabled: u, children: g("common.connect") }),
+          /* @__PURE__ */ s(ne, { onClick: h, children: g("common.cancel") })
         ] });
       case "close":
         return /* @__PURE__ */ s("div", { className: "nc-dialog-footer", children: /* @__PURE__ */ s(ne, { variant: "primary" }) });
       case "gotit":
         return /* @__PURE__ */ s("div", { className: "nc-dialog-footer", children: /* @__PURE__ */ s(ne, { variant: "primary", children: g("common.gotit") }) });
       case "custom":
-        return /* @__PURE__ */ s("div", { className: "nc-dialog-footer", children: c });
+        return /* @__PURE__ */ s("div", { className: "nc-dialog-footer", children: l });
       case "none":
         return null;
       default:
         return null;
     }
-  }, S = /* @__PURE__ */ s(De.Provider, { value: M, children: /* @__PURE__ */ s("div", { className: `nc-dialog-overlay${b ? " nc-fullscreen" : ""}`, onClick: P, children: /* @__PURE__ */ y(
+  }, S = /* @__PURE__ */ s(De.Provider, { value: I, children: /* @__PURE__ */ s("div", { className: `nc-dialog-overlay${m ? " nc-fullscreen" : ""}`, onClick: P, children: /* @__PURE__ */ y(
     "div",
     {
       ref: k,
-      className: `nc-dialog-container ${h}`,
+      className: `nc-dialog-container ${f}`,
       style: o,
       tabIndex: -1,
       role: "dialog",
@@ -703,11 +720,11 @@ function Rn({
           /* @__PURE__ */ s(Be, { onClick: t, "aria-label": "Close dialog" })
         ] }),
         /* @__PURE__ */ s("div", { ref: $, className: "nc-dialog-content", children: r }),
-        w()
+        b()
       ]
     }
   ) }) });
-  return b ? pe(S, document.body) : S;
+  return m ? pe(S, document.body) : S;
 }
 function bt({ onClick: e, size: t = "default", rightOffset: n = 4 }) {
   const r = t === "small" ? 28 : 34;
@@ -773,39 +790,39 @@ function En({
   onEnter: r,
   onClear: o,
   placeholder: i,
-  disabled: c,
-  label: a,
+  disabled: l,
+  label: c,
   clearable: d = !0,
   type: p = "text",
-  className: m = "",
-  size: f = "default",
-  style: l,
+  className: h = "",
+  size: w = "default",
+  style: a,
   showPasswordToggle: u = !1,
-  multiline: b = !1,
+  multiline: m = !1,
   rows: v = 3,
-  validator: h,
+  validator: f,
   showErrorMessage: x = !0
 }) {
-  const k = H(null), $ = H(null), [g, M] = R(!1), [P, w] = R(!1), S = e !== void 0, [N, E] = R(t), D = S ? e : N, I = h ? h(D) : null, O = !!I, C = p === "password", z = C && u && !c && !b, B = d && D && !c && P, ee = f === "small" ? 32 : 44;
+  const k = H(null), $ = H(null), [g, I] = R(!1), [P, b] = R(!1), S = e !== void 0, [N, E] = R(t), D = S ? e : N, M = f ? f(D) : null, O = !!M, C = p === "password", z = C && u && !l && !m, B = d && D && !l && P, ee = w === "small" ? 32 : 44;
   let K = 12;
   B && z ? K = ee * 2 : (B || z) && (K = ee);
   const Q = () => {
     var te, ce;
-    S || E(""), n == null || n(""), o == null || o(), b ? (te = $.current) == null || te.focus() : (ce = k.current) == null || ce.focus();
+    S || E(""), n == null || n(""), o == null || o(), m ? (te = $.current) == null || te.focus() : (ce = k.current) == null || ce.focus();
   }, ae = (te) => {
-    te.key === "Enter" && !b && (r == null || r());
+    te.key === "Enter" && !m && (r == null || r());
   }, V = (te) => {
     const ce = te.target.value;
     S || E(ce), n == null || n(ce);
   }, Se = () => {
-    w(!0);
+    b(!0);
   }, Ce = () => {
-    w(!1);
-  }, Ie = `nc-input ${f === "small" ? "nc-small " : ""} ${O ? "nc-error " : ""}${m}`;
-  return /* @__PURE__ */ y("div", { className: "nc-col", style: { position: "relative", flex: 1, ...l }, children: [
-    a && /* @__PURE__ */ s("span", { className: "nc-label", children: a }),
-    /* @__PURE__ */ y("div", { style: { position: "relative", display: "flex", alignItems: b ? "flex-start" : "center" }, children: [
-      b ? /* @__PURE__ */ s(
+    b(!1);
+  }, Ie = `nc-input ${w === "small" ? "nc-small " : ""} ${O ? "nc-error " : ""}${h}`;
+  return /* @__PURE__ */ y("div", { className: "nc-col", style: { position: "relative", flex: 1, ...a }, children: [
+    c && /* @__PURE__ */ s("span", { className: "nc-label", children: c }),
+    /* @__PURE__ */ y("div", { style: { position: "relative", display: "flex", alignItems: m ? "flex-start" : "center" }, children: [
+      m ? /* @__PURE__ */ s(
         "textarea",
         {
           ref: $,
@@ -816,12 +833,11 @@ function En({
           onKeyDown: ae,
           onFocus: Se,
           onBlur: Ce,
-          disabled: c,
+          disabled: l,
           rows: v,
           style: {
             width: "100%",
-            paddingRight: K,
-            resize: "vertical"
+            paddingRight: K
           }
         }
       ) : /* @__PURE__ */ s(
@@ -836,17 +852,17 @@ function En({
           onKeyDown: ae,
           onFocus: Se,
           onBlur: Ce,
-          disabled: c,
+          disabled: l,
           style: {
             width: "100%",
             paddingRight: K
           }
         }
       ),
-      B && /* @__PURE__ */ s(bt, { onClick: Q, size: f, rightOffset: z ? ee + 4 : 4 }),
-      z && /* @__PURE__ */ s(vt, { visible: g, onClick: () => M(!g), size: f })
+      B && /* @__PURE__ */ s(bt, { onClick: Q, size: w, rightOffset: z ? ee + 4 : 4 }),
+      z && /* @__PURE__ */ s(vt, { visible: g, onClick: () => I(!g), size: w })
     ] }),
-    O && x && /* @__PURE__ */ s("span", { className: "nc-error-message", children: I })
+    O && x && /* @__PURE__ */ s("span", { className: "nc-error-message", children: M })
   ] });
 }
 function zn({
@@ -856,7 +872,7 @@ function zn({
   selectable: r = !1,
   style: o
 }) {
-  const [i, c] = ye.useState(!1);
+  const [i, l] = ye.useState(!1);
   return /* @__PURE__ */ s(
     "div",
     {
@@ -870,9 +886,9 @@ function zn({
           t(d);
         }
       },
-      onMouseDown: () => t && c(!0),
-      onMouseUp: () => c(!1),
-      onMouseLeave: () => c(!1),
+      onMouseDown: () => t && l(!0),
+      onMouseUp: () => l(!1),
+      onMouseLeave: () => l(!1),
       style: {
         cursor: t ? "pointer" : "default",
         userSelect: r ? "text" : void 0,
@@ -900,22 +916,22 @@ function Pn({ title: e, titleTools: t, children: n, style: r }) {
   ] });
 }
 function Ln({ values: e, onChange: t, options: n, placeholder: r = "Select…", label: o }) {
-  const [i, c] = R(!1), [a, d] = R(""), p = H(null), m = xe(() => n.filter((l) => l.label.toLowerCase().includes(a.toLowerCase())), [n, a]);
+  const [i, l] = R(!1), [c, d] = R(""), p = H(null), h = xe(() => n.filter((a) => a.label.toLowerCase().includes(c.toLowerCase())), [n, c]);
   T(() => {
-    function l(u) {
-      !(u.target instanceof Node) || !p.current || p.current.contains(u.target) || c(!1);
+    function a(u) {
+      !(u.target instanceof Node) || !p.current || p.current.contains(u.target) || l(!1);
     }
-    return document.addEventListener("mousedown", l), () => document.removeEventListener("mousedown", l);
+    return document.addEventListener("mousedown", a), () => document.removeEventListener("mousedown", a);
   }, []);
-  const f = (l) => {
-    e.includes(l) ? t(e.filter((u) => u !== l)) : t([...e, l]);
+  const w = (a) => {
+    e.includes(a) ? t(e.filter((u) => u !== a)) : t([...e, a]);
   };
   return /* @__PURE__ */ y("div", { ref: p, className: "nc-col", style: { position: "relative" }, children: [
     o && /* @__PURE__ */ s("span", { className: "nc-label", children: o }),
     /* @__PURE__ */ y("div", { className: "nc-row", style: { flexWrap: "wrap", gap: 6, minHeight: 42, alignItems: "center", border: "1px solid var(--nc-button-border)", borderRadius: 8, background: "var(--nc-button-bg)", padding: "4px 8px" }, children: [
       e.length === 0 && /* @__PURE__ */ s("span", { className: "nc-label", children: r }),
-      e.map((l) => {
-        const u = n.find((b) => b.value === l);
+      e.map((a) => {
+        const u = n.find((m) => m.value === a);
         return u ? /* @__PURE__ */ y("span", { style: { padding: "4px 8px", borderRadius: 6, display: "inline-flex", alignItems: "center", gap: 4, background: "var(--nc-button-bg)", border: "1px solid var(--nc-button-border)" }, children: [
           u.label,
           /* @__PURE__ */ s(
@@ -923,33 +939,33 @@ function Ln({ values: e, onChange: t, options: n, placeholder: r = "Select…",
             {
               className: "nc-button nc-ghost",
               style: { padding: 0, minHeight: 0, height: 20, width: 20, display: "inline-flex", alignItems: "center", justifyContent: "center", border: "none" },
-              onClick: () => f(l),
+              onClick: () => w(a),
               "aria-label": `Remove ${u.label}`,
               children: "✕"
             }
           )
-        ] }, l) : null;
+        ] }, a) : null;
       }),
       /* @__PURE__ */ s(
         "input",
         {
           className: "nc-input",
-          value: a,
-          onChange: (l) => d(l.target.value),
-          onFocus: () => c(!0),
+          value: c,
+          onChange: (a) => d(a.target.value),
+          onFocus: () => l(!0),
           style: { minWidth: 50, border: "none", background: "transparent", padding: 4, minHeight: 32, flex: 1 }
         }
       )
     ] }),
     i && /* @__PURE__ */ y("div", { className: "nc-combo-dropdown", style: { position: "absolute", top: "100%", left: 0, right: 0, zIndex: 10, marginTop: 4, boxShadow: "0 4px 12px var(--nc-shadow)" }, children: [
-      m.map((l) => {
-        const u = e.includes(l.value);
-        return /* @__PURE__ */ y("div", { className: "nc-section nc-row", style: { justifyContent: "space-between", cursor: "pointer", padding: 12 }, onMouseDown: () => f(l.value), children: [
-          /* @__PURE__ */ s("span", { children: l.label }),
+      h.map((a) => {
+        const u = e.includes(a.value);
+        return /* @__PURE__ */ y("div", { className: "nc-section nc-row", style: { justifyContent: "space-between", cursor: "pointer", padding: 12 }, onMouseDown: () => w(a.value), children: [
+          /* @__PURE__ */ s("span", { children: a.label }),
           /* @__PURE__ */ s("span", { children: u ? "✔️" : "" })
-        ] }, l.value);
+        ] }, a.value);
       }),
-      m.length === 0 && /* @__PURE__ */ s("div", { className: "nc-section nc-label", children: "No results" })
+      h.length === 0 && /* @__PURE__ */ s("div", { className: "nc-section nc-label", children: "No results" })
     ] })
   ] });
 }
@@ -973,14 +989,14 @@ function ue(e) {
   }
   return `${n}-${r}`;
 }
-function $e(e) {
+function Me(e) {
   if (!e) return "";
   const t = ue(e);
   if (!/^\d{4}-\d{2}$/.test(t)) return e;
   const [n, r] = t.split("-");
   return `${n}/${r}`;
 }
-function Me() {
+function $e() {
   const e = /* @__PURE__ */ new Date(), t = e.getFullYear(), n = String(e.getMonth() + 1).padStart(2, "0");
   return `${t}-${n}`;
 }
@@ -992,34 +1008,34 @@ function Tn({
   className: o = "",
   disabled: i = !1
 }) {
-  const [c, a] = R(!1), [d, p] = R(""), [m, f] = R(""), [l, u] = R({ top: 0, left: 0, width: 0 }), b = H(null), v = H(null);
+  const [l, c] = R(!1), [d, p] = R(""), [h, w] = R(""), [a, u] = R({ top: 0, left: 0, width: 0 }), m = H(null), v = H(null);
   T(() => {
-    if (c && b.current) {
-      const E = b.current.getBoundingClientRect();
+    if (l && m.current) {
+      const E = m.current.getBoundingClientRect();
       u({
         top: E.bottom + 4,
         left: E.left,
         width: E.width
       });
     }
-  }, [c]), T(() => {
-    if (!c) return;
+  }, [l]), T(() => {
+    if (!l) return;
     const E = (D) => {
-      b.current && !b.current.contains(D.target) && v.current && !v.current.contains(D.target) && a(!1);
+      m.current && !m.current.contains(D.target) && v.current && !v.current.contains(D.target) && c(!1);
     };
     return document.addEventListener("mousedown", E), () => document.removeEventListener("mousedown", E);
-  }, [c]);
-  const h = () => {
-    p(e || Me()), f(t || Me()), a(!0);
+  }, [l]);
+  const f = () => {
+    p(e || $e()), w(t || $e()), c(!0);
   }, x = () => {
-    a(!1);
+    c(!1);
   }, k = () => {
-    const E = fe(d), D = fe(m);
+    const E = fe(d), D = fe(h);
     if (E || D)
       return;
-    const I = ue(d), O = ue(m);
-    I && O && (n == null || n(I, O)), a(!1);
-  }, $ = e && t ? `${$e(e)} - ${$e(t)}` : "Select month range", g = fe(d), M = fe(m), P = ue(d), w = ue(m), S = P && w && P > w, N = c ? pe(
+    const M = ue(d), O = ue(h);
+    M && O && (n == null || n(M, O)), c(!1);
+  }, $ = e && t ? `${Me(e)} - ${Me(t)}` : "Select month range", g = fe(d), I = fe(h), P = ue(d), b = ue(h), S = P && b && P > b, N = l ? pe(
     /* @__PURE__ */ s(
       "div",
       {
@@ -1027,9 +1043,9 @@ function Tn({
         className: "nc-month-range-picker-popup",
         style: {
           position: "fixed",
-          top: l.top,
-          left: l.left,
-          width: Math.max(l.width, 400),
+          top: a.top,
+          left: a.left,
+          width: Math.max(a.width, 400),
           zIndex: 1e3
         },
         children: /* @__PURE__ */ y("div", { className: "nc-month-range-picker-content", children: [
@@ -1054,23 +1070,23 @@ function Tn({
                 "input",
                 {
                   type: "text",
-                  className: `nc-month-input ${M ? "nc-error" : ""}`,
-                  value: m,
-                  onChange: (E) => f(E.target.value),
+                  className: `nc-month-input ${I ? "nc-error" : ""}`,
+                  value: h,
+                  onChange: (E) => w(E.target.value),
                   placeholder: "YY-M(M) or YYYY-M(M)"
                 }
               ),
-              M && /* @__PURE__ */ s("div", { className: "nc-month-error-text", children: M })
+              I && /* @__PURE__ */ s("div", { className: "nc-month-error-text", children: I })
             ] })
           ] }),
-          S && !g && !M && /* @__PURE__ */ s("div", { className: "nc-month-range-error", children: "End month must be after or equal to start month" }),
+          S && !g && !I && /* @__PURE__ */ s("div", { className: "nc-month-range-error", children: "End month must be after or equal to start month" }),
           /* @__PURE__ */ y("div", { className: "nc-month-range-picker-footer", children: [
             /* @__PURE__ */ s(
               G,
               {
                 variant: "primary",
                 onClick: k,
-                disabled: !d || !m || !!g || !!M || !!S,
+                disabled: !d || !h || !!g || !!I || !!S,
                 children: "Apply"
               }
             ),
@@ -1086,9 +1102,9 @@ function Tn({
     /* @__PURE__ */ s(
       "button",
       {
-        ref: b,
+        ref: m,
         className: "nc-month-range-picker-input",
-        onClick: h,
+        onClick: f,
         disabled: i,
         children: $
       }
@@ -1096,13 +1112,13 @@ function Tn({
     N
   ] });
 }
-function Bn({ value: e, onChange: t, min: n, max: r, step: o = 1, label: i, disabled: c, size: a = "default" }) {
-  const d = a === "small", p = () => {
-    const l = e - o;
-    n !== void 0 && l < n || t(parseFloat(l.toFixed(10)));
-  }, m = () => {
-    const l = e + o;
-    r !== void 0 && l > r || t(parseFloat(l.toFixed(10)));
+function Bn({ value: e, onChange: t, min: n, max: r, step: o = 1, label: i, disabled: l, size: c = "default" }) {
+  const d = c === "small", p = () => {
+    const a = e - o;
+    n !== void 0 && a < n || t(parseFloat(a.toFixed(10)));
+  }, h = () => {
+    const a = e + o;
+    r !== void 0 && a > r || t(parseFloat(a.toFixed(10)));
   };
   return /* @__PURE__ */ y("div", { className: `nc-col nc-number-input-col ${d ? "nc-small" : ""}`, children: [
     i && /* @__PURE__ */ s("span", { className: `nc-label ${d ? "nc-small" : ""}`, children: i }),
@@ -1113,14 +1129,14 @@ function Bn({ value: e, onChange: t, min: n, max: r, step: o = 1, label: i, disa
           className: `nc-input nc-number-input ${d ? "nc-small" : ""}`,
           type: "number",
           value: e,
-          onChange: (l) => {
-            const u = parseFloat(l.target.value);
+          onChange: (a) => {
+            const u = parseFloat(a.target.value);
             isNaN(u) || n !== void 0 && u < n || r !== void 0 && u > r || t(u);
           },
           min: n,
           max: r,
           step: o,
-          disabled: c
+          disabled: l
         }
       ),
       /* @__PURE__ */ s(
@@ -1128,7 +1144,7 @@ function Bn({ 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: c || n !== void 0 && e <= n,
+          disabled: l || n !== void 0 && e <= n,
           children: "−"
         }
       ),
@@ -1136,8 +1152,8 @@ function Bn({ value: e, onChange: t, min: n, max: r, step: o = 1, label: i, disa
         "button",
         {
           className: `nc-button nc-ghost nc-number-input-button ${d ? "nc-small" : ""}`,
-          onClick: m,
-          disabled: c || r !== void 0 && e >= r,
+          onClick: h,
+          disabled: l || r !== void 0 && e >= r,
           children: "+"
         }
       )
@@ -1151,15 +1167,15 @@ function Dn({
   max: r = 100,
   step: o = 1,
   label: i,
-  disabled: c,
-  showValue: a = !0,
-  formatValue: d = (m) => m.toString(),
+  disabled: l,
+  showValue: c = !0,
+  formatValue: d = (h) => h.toString(),
   width: p = 200
 }) {
-  const m = (l) => {
-    const u = parseFloat(l.target.value);
+  const h = (a) => {
+    const u = parseFloat(a.target.value);
     t(u);
-  }, f = (e - n) / (r - n) * 100;
+  }, w = (e - n) / (r - n) * 100;
   return /* @__PURE__ */ y("div", { className: "nc-col", style: { gap: 6 }, children: [
     i && /* @__PURE__ */ s("span", { className: "nc-label", children: i }),
     /* @__PURE__ */ y("div", { style: { display: "flex", gap: 12, alignItems: "center" }, children: [
@@ -1169,18 +1185,18 @@ function Dn({
           type: "range",
           className: "nc-slider",
           value: e,
-          onChange: m,
+          onChange: h,
           min: n,
           max: r,
           step: o,
-          disabled: c,
+          disabled: l,
           style: {
             width: p,
-            "--nc-slider-percentage": `${f}%`
+            "--nc-slider-percentage": `${w}%`
           }
         }
       ),
-      a && /* @__PURE__ */ s(
+      c && /* @__PURE__ */ s(
         "span",
         {
           style: {
@@ -1202,68 +1218,68 @@ function yt({ children: e, className: t = "", style: n }) {
 }
 function Hn({ active: e, children: t, keepMounted: n = !1, className: r = "", style: o }) {
   const i = Qe.toArray(t).filter(
-    (a) => Ze(a) && (a.type === yt || a.type.displayName === "TabPanel")
+    (c) => Ze(c) && (c.type === yt || c.type.displayName === "TabPanel")
   );
   if (n)
-    return /* @__PURE__ */ s("div", { className: `nc-tab-panels ${r}`, style: o, children: i.map((a) => {
-      const d = a.props.tab === e;
+    return /* @__PURE__ */ s("div", { className: `nc-tab-panels ${r}`, style: o, children: i.map((c) => {
+      const d = c.props.tab === e;
       return /* @__PURE__ */ s(
         "div",
         {
           className: `nc-tab-panel-wrapper ${d ? "nc-active" : ""}`,
-          style: { display: d ? "block" : "none" },
+          style: { display: d ? void 0 : "none" },
           "aria-hidden": !d,
-          children: a
+          children: c
         },
-        a.props.tab
+        c.props.tab
       );
     }) });
-  const c = i.find((a) => a.props.tab === e);
-  return /* @__PURE__ */ s("div", { className: `nc-tab-panels ${r}`, style: o, children: c });
+  const l = i.find((c) => c.props.tab === e);
+  return /* @__PURE__ */ s("div", { className: `nc-tab-panels ${r}`, style: o, children: l });
 }
-function Wn({ tabs: e, active: t, onChange: n, className: r, toolbar: o, multiline: i, orientation: c = "horizontal", style: a }) {
-  const d = H(null), [p, m] = R(!1), [f, l] = R(!1), u = c === "verticalLeft" || c === "verticalRight", b = H(!1), v = H(0), h = H(0), x = H(!1);
+function Wn({ tabs: e, active: t, onChange: n, className: r, toolbar: o, multiline: i, orientation: l = "horizontal", style: c }) {
+  const d = H(null), [p, h] = R(!1), [w, a] = R(!1), u = l === "verticalLeft" || l === "verticalRight", m = H(!1), v = H(0), f = H(0), x = H(!1);
   T(() => {
-    const w = () => {
+    const b = () => {
       if (d.current)
         if (u) {
           const { scrollTop: N, scrollHeight: E, clientHeight: D } = d.current;
-          m(N > 1), l(N < E - D - 1);
+          h(N > 1), a(N < E - D - 1);
         } else {
           const { scrollLeft: N, scrollWidth: E, clientWidth: D } = d.current;
-          m(N > 1), l(N < E - D - 1);
+          h(N > 1), a(N < E - D - 1);
         }
     }, S = d.current;
     if (S)
-      return w(), S.addEventListener("scroll", w), window.addEventListener("resize", w), () => {
-        S.removeEventListener("scroll", w), window.removeEventListener("resize", w);
+      return b(), S.addEventListener("scroll", b), window.addEventListener("resize", b), () => {
+        S.removeEventListener("scroll", b), window.removeEventListener("resize", b);
       };
   }, [e, u]);
-  const k = (w) => {
-    d.current && (b.current = !0, x.current = !1, v.current = u ? w.clientY : w.clientX, h.current = u ? d.current.scrollTop : d.current.scrollLeft, d.current.style.cursor = "grabbing", d.current.style.userSelect = "none");
-  }, $ = (w) => {
-    if (!b.current || !d.current) return;
-    const S = u ? w.clientY : w.clientX, N = v.current - S;
-    Math.abs(N) > 3 && (x.current = !0), u ? d.current.scrollTop = h.current + N : d.current.scrollLeft = h.current + N;
+  const k = (b) => {
+    d.current && (m.current = !0, x.current = !1, v.current = u ? b.clientY : b.clientX, f.current = u ? d.current.scrollTop : d.current.scrollLeft, d.current.style.cursor = "grabbing", d.current.style.userSelect = "none");
+  }, $ = (b) => {
+    if (!m.current || !d.current) return;
+    const S = u ? b.clientY : b.clientX, N = v.current - S;
+    Math.abs(N) > 3 && (x.current = !0), u ? d.current.scrollTop = f.current + N : d.current.scrollLeft = f.current + N;
   }, g = () => {
-    d.current && (b.current = !1, d.current.style.cursor = "", d.current.style.userSelect = "");
-  }, M = () => {
+    d.current && (m.current = !1, d.current.style.cursor = "", d.current.style.userSelect = "");
+  }, I = () => {
     g();
   };
   T(() => {
-    const w = d.current;
-    if (!w || u) return;
+    const b = d.current;
+    if (!b || u) return;
     const S = (N) => {
-      N.deltaY !== 0 && (N.preventDefault(), w.scrollLeft += N.deltaY * 0.3);
+      N.deltaY !== 0 && (N.preventDefault(), b.scrollLeft += N.deltaY * 0.3);
     };
-    return w.addEventListener("wheel", S, { passive: !1 }), () => {
-      w.removeEventListener("wheel", S);
+    return b.addEventListener("wheel", S, { passive: !1 }), () => {
+      b.removeEventListener("wheel", S);
     };
   }, [u]);
-  const P = (w) => {
-    x.current || n(w);
+  const P = (b) => {
+    x.current || n(b);
   };
-  return /* @__PURE__ */ y("div", { className: `nc-tab-container ${u ? `nc-vertical nc-${c}` : ""} ${r || ""}`, style: a, children: [
+  return /* @__PURE__ */ y("div", { className: `nc-tab-container ${u ? `nc-vertical nc-${l}` : ""} ${r || ""}`, style: c, children: [
     /* @__PURE__ */ y("div", { className: "nc-tab-scroll-wrapper", children: [
       p && /* @__PURE__ */ s("div", { className: `nc-tab-scroll-indicator ${u ? "nc-top" : "nc-left"}`, children: u ? /* @__PURE__ */ s(wt, { size: 16 }) : /* @__PURE__ */ s(it, { size: 16 }) }),
       /* @__PURE__ */ s(
@@ -1274,25 +1290,25 @@ function Wn({ tabs: e, active: t, onChange: n, className: r, toolbar: o, multili
           onMouseDown: k,
           onMouseMove: $,
           onMouseUp: g,
-          onMouseLeave: M,
+          onMouseLeave: I,
           style: { cursor: "grab" },
-          children: e.map((w) => /* @__PURE__ */ s(
+          children: e.map((b) => /* @__PURE__ */ s(
             "div",
             {
-              className: `nc-tab-item ${t === w ? "nc-active" : ""}`,
-              onClick: () => P(w),
+              className: `nc-tab-item ${t === b ? "nc-active" : ""}`,
+              onClick: () => P(b),
               role: "button",
               tabIndex: 0,
               onKeyDown: (S) => {
-                (S.key === "Enter" || S.key === " ") && n(w);
+                (S.key === "Enter" || S.key === " ") && n(b);
               },
-              children: u ? w : w.toUpperCase()
+              children: u ? b : b.toUpperCase()
             },
-            w
+            b
           ))
         }
       ),
-      f && /* @__PURE__ */ s("div", { className: `nc-tab-scroll-indicator ${u ? "nc-bottom" : "nc-right"}`, children: u ? /* @__PURE__ */ s(at, { size: 16 }) : /* @__PURE__ */ s(ct, { size: 16 }) })
+      w && /* @__PURE__ */ s("div", { className: `nc-tab-scroll-indicator ${u ? "nc-bottom" : "nc-right"}`, children: u ? /* @__PURE__ */ s(at, { size: 16 }) : /* @__PURE__ */ s(ct, { size: 16 }) })
     ] }),
     o && /* @__PURE__ */ s("div", { className: "nc-tab-toolbar", children: o })
   ] });
@@ -1427,23 +1443,23 @@ function Nt({ notification: e }) {
   );
 }
 function Fn() {
-  const [e, t] = R([]), [n, r] = R(/* @__PURE__ */ new Map()), [o, i] = R(/* @__PURE__ */ new Set()), c = H(null), a = H([]);
+  const [e, t] = R([]), [n, r] = R(/* @__PURE__ */ new Map()), [o, i] = R(/* @__PURE__ */ new Set()), l = H(null), c = H([]);
   return T(() => xt((p) => {
-    const m = new Set(a.current.map((l) => l.id)), f = p.filter((l) => !m.has(l.id)).map((l) => l.id);
-    f.length > 0 ? (t(p), i(new Set(f)), requestAnimationFrame(() => {
+    const h = new Set(c.current.map((a) => a.id)), w = p.filter((a) => !h.has(a.id)).map((a) => a.id);
+    w.length > 0 ? (t(p), i(new Set(w)), requestAnimationFrame(() => {
       requestAnimationFrame(() => {
         i(/* @__PURE__ */ new Set());
       });
-    })) : t(p), a.current = p;
+    })) : t(p), c.current = p;
   }), []), T(() => {
-    if (!c.current) return;
+    if (!l.current) return;
     const d = /* @__PURE__ */ new Map();
     let p = 0;
-    const m = c.current.children;
-    e.forEach((f, l) => {
-      if (d.set(f.id, p), m[l]) {
-        const u = m[l].offsetHeight;
-        f.isRemoving || (p += u + 12);
+    const h = l.current.children;
+    e.forEach((w, a) => {
+      if (d.set(w.id, p), h[a]) {
+        const u = h[a].offsetHeight;
+        w.isRemoving || (p += u + 12);
       }
     }), r(d);
   }, [e]), /* @__PURE__ */ s(
@@ -1459,13 +1475,13 @@ function Fn() {
       children: /* @__PURE__ */ s(
         "div",
         {
-          ref: c,
+          ref: l,
           style: {
             pointerEvents: "auto",
             position: "relative"
           },
           children: e.map((d) => {
-            const p = o.has(d.id), m = d.isRemoving, f = n.get(d.id) || 0;
+            const p = o.has(d.id), h = d.isRemoving, w = n.get(d.id) || 0;
             return /* @__PURE__ */ s(
               "div",
               {
@@ -1473,10 +1489,10 @@ function Fn() {
                   position: "absolute",
                   top: 0,
                   left: 0,
-                  transform: p ? "translateY(-120px)" : `translateY(${f}px)`,
+                  transform: p ? "translateY(-120px)" : `translateY(${w}px)`,
                   // Only animate transform when not leaving, animate opacity always
-                  transition: m ? "opacity 300ms ease-out" : "transform 300ms ease-out, opacity 300ms ease-out",
-                  opacity: m ? 0 : 1,
+                  transition: h ? "opacity 300ms ease-out" : "transform 300ms ease-out, opacity 300ms ease-out",
+                  opacity: h ? 0 : 1,
                   width: "100%"
                 },
                 children: /* @__PURE__ */ s(Nt, { notification: d })
@@ -1506,10 +1522,10 @@ function Yn(e) {
       // React already escapes by default
     }
   }), typeof MutationObserver < "u" && typeof document < "u" && new MutationObserver((i) => {
-    for (const c of i)
-      if (c.type === "attributes" && c.attributeName === "lang") {
-        const a = document.documentElement.lang || "en";
-        t.changeLanguage(a);
+    for (const l of i)
+      if (l.type === "attributes" && l.attributeName === "lang") {
+        const c = document.documentElement.lang || "en";
+        t.changeLanguage(c);
       }
   }).observe(document.documentElement, { attributes: !0 }), t;
 }
@@ -1621,7 +1637,7 @@ class Ct {
     const { launchInBackground: r = !1 } = n || {};
     if (!oe.has(t))
       return console.error(`Cannot launch app "${t}": not registered`), null;
-    const o = this.apps.find((c) => c.appId === t);
+    const o = this.apps.find((l) => l.appId === t);
     if (o)
       return r || (this.setActiveApp(t), j._setActiveAppId(t)), o.ref ? o : this.waitForRef(t);
     const i = {
@@ -1728,7 +1744,7 @@ function It() {
     throw new Error("useApp must be used inside an App");
   return e;
 }
-function $t({ size: e = 16 }) {
+function Mt({ size: e = 16 }) {
   return /* @__PURE__ */ y(
     "svg",
     {
@@ -1747,7 +1763,7 @@ function $t({ size: e = 16 }) {
     }
   );
 }
-function Mt({ title: e, onClose: t, onBack: n, toolbar: r, hideBackButton: o }) {
+function $t({ title: e, onClose: t, onBack: n, toolbar: r, hideBackButton: o }) {
   return /* @__PURE__ */ y("div", { className: "nc-app-title-bar", children: [
     /* @__PURE__ */ y("div", { className: "nc-app-title-bar-left", children: [
       n && !o && /* @__PURE__ */ s(
@@ -1757,7 +1773,7 @@ function Mt({ title: e, onClose: t, onBack: n, toolbar: r, hideBackButton: o })
           onClick: n,
           title: "Back",
           "aria-label": "Go back",
-          children: /* @__PURE__ */ s($t, { size: 16 })
+          children: /* @__PURE__ */ s(Mt, { size: 16 })
         }
       ),
       /* @__PURE__ */ s("span", { className: "nc-app-title-bar-title", children: e })
@@ -1802,37 +1818,37 @@ class Rt extends ye.Component {
   }
 }
 function Ve({ appId: e, isActive: t, onClose: n }) {
-  const { t: r } = J(), o = oe.get(e), [i, c] = R(""), [a, d] = R(null), [p, m] = R(null), [f, l] = R(!1), [u, b] = R(!1);
+  const { t: r } = J(), o = oe.get(e), [i, l] = R(""), [c, d] = R(null), [p, h] = R(null), [w, a] = R(!1), [u, m] = R(!1);
   ye.useEffect(() => {
-    o != null && o.titleKey && c(r(o.titleKey));
+    o != null && o.titleKey && l(r(o.titleKey));
   }, [o, r]);
   const v = W((N) => {
-    c(N);
-  }, []), h = W((N) => {
+    l(N);
+  }, []), f = W((N) => {
     d(() => N);
   }, []), x = W(() => {
     d(null);
   }, []), k = W((N) => {
-    m(N);
+    h(N);
   }, []), $ = W(() => {
-    m(null);
+    h(null);
   }, []), g = W((N) => {
-    l(N);
-  }, []), M = W((N) => {
-    b(N);
+    a(N);
+  }, []), I = W((N) => {
+    m(N);
   }, []), P = xe(() => ({
     setTitle: v,
-    setBackHandler: h,
+    setBackHandler: f,
     clearBackHandler: x,
     setToolbar: k,
     clearToolbar: $,
     setHideBackButton: g,
-    setHideTitleBar: M,
+    setHideTitleBar: I,
     close: n
-  }), [v, h, x, k, $, g, M, n]);
+  }), [v, f, x, k, $, g, I, n]);
   if (!o)
     return null;
-  const w = o.component, S = !o.hideTitleBar && !u;
+  const b = o.component, S = !o.hideTitleBar && !u;
   return /* @__PURE__ */ y(
     "div",
     {
@@ -1844,13 +1860,13 @@ function Ve({ appId: e, isActive: t, onClose: n }) {
       },
       children: [
         S && /* @__PURE__ */ s(
-          Mt,
+          $t,
           {
             title: i,
             onClose: n,
-            onBack: a ?? void 0,
+            onBack: c ?? void 0,
             toolbar: p,
-            hideBackButton: f
+            hideBackButton: w
           }
         ),
         /* @__PURE__ */ s(
@@ -1881,7 +1897,7 @@ function Ve({ appId: e, isActive: t, onClose: n }) {
                     children: /* @__PURE__ */ s(Te, {})
                   }
                 ),
-                children: /* @__PURE__ */ s(w, {})
+                children: /* @__PURE__ */ s(b, {})
               }
             ) }) })
           }
@@ -1932,17 +1948,17 @@ const ke = "-", Et = (e) => {
     conflictingClassGroupModifiers: r
   } = e;
   return {
-    getClassGroupId: (c) => {
-      const a = c.split(ke);
-      return a[0] === "" && a.length !== 1 && a.shift(), Ge(a, t) || zt(c);
+    getClassGroupId: (l) => {
+      const c = l.split(ke);
+      return c[0] === "" && c.length !== 1 && c.shift(), Ge(c, t) || zt(l);
     },
-    getConflictingClassGroupIds: (c, a) => {
-      const d = n[c] || [];
-      return a && r[c] ? [...d, ...r[c]] : d;
+    getConflictingClassGroupIds: (l, c) => {
+      const d = n[l] || [];
+      return c && r[l] ? [...d, ...r[l]] : d;
     }
   };
 }, Ge = (e, t) => {
-  var c;
+  var l;
   if (e.length === 0)
     return t.classGroupId;
   const n = e[0], r = t.nextPart.get(n), o = r ? Ge(e.slice(1), r) : void 0;
@@ -1951,9 +1967,9 @@ const ke = "-", Et = (e) => {
   if (t.validators.length === 0)
     return;
   const i = e.join(ke);
-  return (c = t.validators.find(({
-    validator: a
-  }) => a(i))) == null ? void 0 : c.classGroupId;
+  return (l = t.validators.find(({
+    validator: c
+  }) => c(i))) == null ? void 0 : l.classGroupId;
 }, ze = /^\[(.+)\]$/, zt = (e) => {
   if (ze.test(e)) {
     const t = ze.exec(e)[1], n = t == null ? void 0 : t.substring(0, t.indexOf(":"));
@@ -1968,8 +1984,8 @@ const ke = "-", Et = (e) => {
     nextPart: /* @__PURE__ */ new Map(),
     validators: []
   };
-  return Tt(Object.entries(e.classGroups), n).forEach(([i, c]) => {
-    we(c, r, i, t);
+  return Tt(Object.entries(e.classGroups), n).forEach(([i, l]) => {
+    we(l, r, i, t);
   }), r;
 }, we = (e, t, n, r) => {
   e.forEach((o) => {
@@ -1989,8 +2005,8 @@ const ke = "-", Et = (e) => {
       });
       return;
     }
-    Object.entries(o).forEach(([i, c]) => {
-      we(c, Pe(t, i), n, r);
+    Object.entries(o).forEach(([i, l]) => {
+      we(l, Pe(t, i), n, r);
     });
   });
 }, Pe = (e, t) => {
@@ -2002,7 +2018,7 @@ const ke = "-", Et = (e) => {
     }), n = n.nextPart.get(r);
   }), n;
 }, Lt = (e) => e.isThemeGetter, Tt = (e, t) => t ? e.map(([n, r]) => {
-  const o = r.map((i) => typeof i == "string" ? t + i : typeof i == "object" ? Object.fromEntries(Object.entries(i).map(([c, a]) => [t + c, a])) : i);
+  const o = r.map((i) => typeof i == "string" ? t + i : typeof i == "object" ? Object.fromEntries(Object.entries(i).map(([l, c]) => [t + l, c])) : i);
   return [n, o];
 }) : e, Bt = (e) => {
   if (e < 1)
@@ -2013,54 +2029,54 @@ const ke = "-", Et = (e) => {
       }
     };
   let t = 0, n = /* @__PURE__ */ new Map(), r = /* @__PURE__ */ new Map();
-  const o = (i, c) => {
-    n.set(i, c), t++, t > e && (t = 0, r = n, n = /* @__PURE__ */ new Map());
+  const o = (i, l) => {
+    n.set(i, l), t++, t > e && (t = 0, r = n, n = /* @__PURE__ */ new Map());
   };
   return {
     get(i) {
-      let c = n.get(i);
-      if (c !== void 0)
-        return c;
-      if ((c = r.get(i)) !== void 0)
-        return o(i, c), c;
+      let l = n.get(i);
+      if (l !== void 0)
+        return l;
+      if ((l = r.get(i)) !== void 0)
+        return o(i, l), l;
     },
-    set(i, c) {
-      n.has(i) ? n.set(i, c) : o(i, c);
+    set(i, l) {
+      n.has(i) ? n.set(i, l) : o(i, l);
     }
   };
 }, je = "!", Dt = (e) => {
   const {
     separator: t,
     experimentalParseClassName: n
-  } = e, r = t.length === 1, o = t[0], i = t.length, c = (a) => {
+  } = e, r = t.length === 1, o = t[0], i = t.length, l = (c) => {
     const d = [];
-    let p = 0, m = 0, f;
-    for (let h = 0; h < a.length; h++) {
-      let x = a[h];
+    let p = 0, h = 0, w;
+    for (let f = 0; f < c.length; f++) {
+      let x = c[f];
       if (p === 0) {
-        if (x === o && (r || a.slice(h, h + i) === t)) {
-          d.push(a.slice(m, h)), m = h + i;
+        if (x === o && (r || c.slice(f, f + i) === t)) {
+          d.push(c.slice(h, f)), h = f + i;
           continue;
         }
         if (x === "/") {
-          f = h;
+          w = f;
           continue;
         }
       }
       x === "[" ? p++ : x === "]" && p--;
     }
-    const l = d.length === 0 ? a : a.substring(m), u = l.startsWith(je), b = u ? l.substring(1) : l, v = f && f > m ? f - m : void 0;
+    const a = d.length === 0 ? c : c.substring(h), u = a.startsWith(je), m = u ? a.substring(1) : a, v = w && w > h ? w - h : void 0;
     return {
       modifiers: d,
       hasImportantModifier: u,
-      baseClassName: b,
+      baseClassName: m,
       maybePostfixModifierPosition: v
     };
   };
-  return n ? (a) => n({
-    className: a,
-    parseClassName: c
-  }) : c;
+  return n ? (c) => n({
+    className: c,
+    parseClassName: l
+  }) : l;
 }, Ht = (e) => {
   if (e.length <= 1)
     return e;
@@ -2078,39 +2094,39 @@ const ke = "-", Et = (e) => {
     parseClassName: n,
     getClassGroupId: r,
     getConflictingClassGroupIds: o
-  } = t, i = [], c = e.trim().split(Vt);
-  let a = "";
-  for (let d = c.length - 1; d >= 0; d -= 1) {
-    const p = c[d], {
-      modifiers: m,
-      hasImportantModifier: f,
-      baseClassName: l,
+  } = t, i = [], l = e.trim().split(Vt);
+  let c = "";
+  for (let d = l.length - 1; d >= 0; d -= 1) {
+    const p = l[d], {
+      modifiers: h,
+      hasImportantModifier: w,
+      baseClassName: a,
       maybePostfixModifierPosition: u
     } = n(p);
-    let b = !!u, v = r(b ? l.substring(0, u) : l);
+    let m = !!u, v = r(m ? a.substring(0, u) : a);
     if (!v) {
-      if (!b) {
-        a = p + (a.length > 0 ? " " + a : a);
+      if (!m) {
+        c = p + (c.length > 0 ? " " + c : c);
         continue;
       }
-      if (v = r(l), !v) {
-        a = p + (a.length > 0 ? " " + a : a);
+      if (v = r(a), !v) {
+        c = p + (c.length > 0 ? " " + c : c);
         continue;
       }
-      b = !1;
+      m = !1;
     }
-    const h = Ht(m).join(":"), x = f ? h + je : h, k = x + v;
+    const f = Ht(h).join(":"), x = w ? f + je : f, k = x + v;
     if (i.includes(k))
       continue;
     i.push(k);
-    const $ = o(v, b);
+    const $ = o(v, m);
     for (let g = 0; g < $.length; ++g) {
-      const M = $[g];
-      i.push(x + M);
+      const I = $[g];
+      i.push(x + I);
     }
-    a = p + (a.length > 0 ? " " + a : a);
+    c = p + (c.length > 0 ? " " + c : c);
   }
-  return a;
+  return c;
 };
 function Ot() {
   let e = 0, t, n, r = "";
@@ -2127,17 +2143,17 @@ const Ke = (e) => {
   return n;
 };
 function Yt(e, ...t) {
-  let n, r, o, i = c;
-  function c(d) {
-    const p = t.reduce((m, f) => f(m), e());
-    return n = Wt(p), r = n.cache.get, o = n.cache.set, i = a, a(d);
+  let n, r, o, i = l;
+  function l(d) {
+    const p = t.reduce((h, w) => w(h), e());
+    return n = Wt(p), r = n.cache.get, o = n.cache.set, i = c, c(d);
   }
-  function a(d) {
+  function c(d) {
     const p = r(d);
     if (p)
       return p;
-    const m = Ft(d, n);
-    return o(d, m), m;
+    const h = Ft(d, n);
+    return o(d, h), h;
   }
   return function() {
     return i(Ot.apply(null, arguments));
@@ -2155,7 +2171,7 @@ const L = (e) => {
   // I could also use lookbehind assertion in `lengthUnitRegex` but that isn't supported widely enough.
   _t.test(e) && !Ut.test(e)
 ), Ue = () => !1, sn = (e) => qt.test(e), an = (e) => Xt.test(e), cn = () => {
-  const e = L("colors"), t = L("spacing"), n = L("blur"), r = L("brightness"), o = L("borderColor"), i = L("borderRadius"), c = L("borderSpacing"), a = L("borderWidth"), d = L("contrast"), p = L("grayscale"), m = L("hueRotate"), f = L("invert"), l = L("gap"), u = L("gradientColorStops"), b = L("gradientColorStopPositions"), v = L("inset"), h = L("margin"), x = L("opacity"), k = L("padding"), $ = L("saturate"), g = L("scale"), M = L("sepia"), P = L("skew"), w = L("space"), S = L("translate"), N = () => ["auto", "contain", "none"], E = () => ["auto", "hidden", "clip", "visible", "scroll"], D = () => ["auto", A, t], I = () => [A, t], O = () => ["", Y, U], C = () => ["auto", re, A], z = () => ["bottom", "center", "left", "left-bottom", "left-top", "right", "right-bottom", "right-top", "top"], B = () => ["solid", "dashed", "dotted", "double", "none"], ee = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], K = () => ["start", "end", "center", "between", "around", "evenly", "stretch"], Q = () => ["", "0", A], ae = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], V = () => [re, A];
+  const e = L("colors"), t = L("spacing"), n = L("blur"), r = L("brightness"), o = L("borderColor"), i = L("borderRadius"), l = L("borderSpacing"), c = L("borderWidth"), d = L("contrast"), p = L("grayscale"), h = L("hueRotate"), w = L("invert"), a = L("gap"), u = L("gradientColorStops"), m = L("gradientColorStopPositions"), v = L("inset"), f = L("margin"), x = L("opacity"), k = L("padding"), $ = L("saturate"), g = L("scale"), I = L("sepia"), P = L("skew"), b = L("space"), S = L("translate"), N = () => ["auto", "contain", "none"], E = () => ["auto", "hidden", "clip", "visible", "scroll"], D = () => ["auto", A, t], M = () => [A, t], O = () => ["", Y, U], C = () => ["auto", re, A], z = () => ["bottom", "center", "left", "left-bottom", "left-top", "right", "right-bottom", "right-top", "top"], B = () => ["solid", "dashed", "dotted", "double", "none"], ee = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], K = () => ["start", "end", "center", "between", "around", "evenly", "stretch"], Q = () => ["", "0", A], ae = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], V = () => [re, A];
   return {
     cacheSize: 500,
     separator: ":",
@@ -2166,25 +2182,25 @@ const L = (e) => {
       brightness: V(),
       borderColor: [e],
       borderRadius: ["none", "", "full", q, A],
-      borderSpacing: I(),
+      borderSpacing: M(),
       borderWidth: O(),
       contrast: V(),
       grayscale: Q(),
       hueRotate: V(),
       invert: Q(),
-      gap: I(),
+      gap: M(),
       gradientColorStops: [e],
       gradientColorStopPositions: [Jt, U],
       inset: D(),
       margin: D(),
       opacity: V(),
-      padding: I(),
+      padding: M(),
       saturate: V(),
       scale: V(),
       sepia: Q(),
       skew: V(),
-      space: I(),
-      translate: I()
+      space: M(),
+      translate: M()
     },
     classGroups: {
       // Layout
@@ -2538,21 +2554,21 @@ const L = (e) => {
        * @see https://tailwindcss.com/docs/gap
        */
       gap: [{
-        gap: [l]
+        gap: [a]
       }],
       /**
        * Gap X
        * @see https://tailwindcss.com/docs/gap
        */
       "gap-x": [{
-        "gap-x": [l]
+        "gap-x": [a]
       }],
       /**
        * Gap Y
        * @see https://tailwindcss.com/docs/gap
        */
       "gap-y": [{
-        "gap-y": [l]
+        "gap-y": [a]
       }],
       /**
        * Justify Content
@@ -2686,70 +2702,70 @@ const L = (e) => {
        * @see https://tailwindcss.com/docs/margin
        */
       m: [{
-        m: [h]
+        m: [f]
       }],
       /**
        * Margin X
        * @see https://tailwindcss.com/docs/margin
        */
       mx: [{
-        mx: [h]
+        mx: [f]
       }],
       /**
        * Margin Y
        * @see https://tailwindcss.com/docs/margin
        */
       my: [{
-        my: [h]
+        my: [f]
       }],
       /**
        * Margin Start
        * @see https://tailwindcss.com/docs/margin
        */
       ms: [{
-        ms: [h]
+        ms: [f]
       }],
       /**
        * Margin End
        * @see https://tailwindcss.com/docs/margin
        */
       me: [{
-        me: [h]
+        me: [f]
       }],
       /**
        * Margin Top
        * @see https://tailwindcss.com/docs/margin
        */
       mt: [{
-        mt: [h]
+        mt: [f]
       }],
       /**
        * Margin Right
        * @see https://tailwindcss.com/docs/margin
        */
       mr: [{
-        mr: [h]
+        mr: [f]
       }],
       /**
        * Margin Bottom
        * @see https://tailwindcss.com/docs/margin
        */
       mb: [{
-        mb: [h]
+        mb: [f]
       }],
       /**
        * Margin Left
        * @see https://tailwindcss.com/docs/margin
        */
       ml: [{
-        ml: [h]
+        ml: [f]
       }],
       /**
        * Space Between X
        * @see https://tailwindcss.com/docs/space
        */
       "space-x": [{
-        "space-x": [w]
+        "space-x": [b]
       }],
       /**
        * Space Between X Reverse
@@ -2761,7 +2777,7 @@ const L = (e) => {
        * @see https://tailwindcss.com/docs/space
        */
       "space-y": [{
-        "space-y": [w]
+        "space-y": [b]
       }],
       /**
        * Space Between Y Reverse
@@ -3015,7 +3031,7 @@ const L = (e) => {
        * @see https://tailwindcss.com/docs/text-indent
        */
       indent: [{
-        indent: I()
+        indent: M()
       }],
       /**
        * Vertical Alignment
@@ -3126,21 +3142,21 @@ const L = (e) => {
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-from-pos": [{
-        from: [b]
+        from: [m]
       }],
       /**
        * Gradient Color Stops Via Position
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-via-pos": [{
-        via: [b]
+        via: [m]
       }],
       /**
        * Gradient Color Stops To Position
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-to-pos": [{
-        to: [b]
+        to: [m]
       }],
       /**
        * Gradient Color Stops From
@@ -3274,63 +3290,63 @@ const L = (e) => {
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w": [{
-        border: [a]
+        border: [c]
       }],
       /**
        * Border Width X
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-x": [{
-        "border-x": [a]
+        "border-x": [c]
       }],
       /**
        * Border Width Y
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-y": [{
-        "border-y": [a]
+        "border-y": [c]
       }],
       /**
        * Border Width Start
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-s": [{
-        "border-s": [a]
+        "border-s": [c]
       }],
       /**
        * Border Width End
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-e": [{
-        "border-e": [a]
+        "border-e": [c]
       }],
       /**
        * Border Width Top
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-t": [{
-        "border-t": [a]
+        "border-t": [c]
       }],
       /**
        * Border Width Right
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-r": [{
-        "border-r": [a]
+        "border-r": [c]
       }],
       /**
        * Border Width Bottom
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-b": [{
-        "border-b": [a]
+        "border-b": [c]
       }],
       /**
        * Border Width Left
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-l": [{
-        "border-l": [a]
+        "border-l": [c]
       }],
       /**
        * Border Opacity
@@ -3351,7 +3367,7 @@ const L = (e) => {
        * @see https://tailwindcss.com/docs/divide-width
        */
       "divide-x": [{
-        "divide-x": [a]
+        "divide-x": [c]
       }],
       /**
        * Divide Width X Reverse
@@ -3363,7 +3379,7 @@ const L = (e) => {
        * @see https://tailwindcss.com/docs/divide-width
        */
       "divide-y": [{
-        "divide-y": [a]
+        "divide-y": [c]
       }],
       /**
        * Divide Width Y Reverse
@@ -3607,14 +3623,14 @@ const L = (e) => {
        * @see https://tailwindcss.com/docs/hue-rotate
        */
       "hue-rotate": [{
-        "hue-rotate": [m]
+        "hue-rotate": [h]
       }],
       /**
        * Invert
        * @see https://tailwindcss.com/docs/invert
        */
       invert: [{
-        invert: [f]
+        invert: [w]
       }],
       /**
        * Saturate
@@ -3628,7 +3644,7 @@ const L = (e) => {
        * @see https://tailwindcss.com/docs/sepia
        */
       sepia: [{
-        sepia: [M]
+        sepia: [I]
       }],
       /**
        * Backdrop Filter
@@ -3671,14 +3687,14 @@ const L = (e) => {
        * @see https://tailwindcss.com/docs/backdrop-hue-rotate
        */
       "backdrop-hue-rotate": [{
-        "backdrop-hue-rotate": [m]
+        "backdrop-hue-rotate": [h]
       }],
       /**
        * Backdrop Invert
        * @see https://tailwindcss.com/docs/backdrop-invert
        */
       "backdrop-invert": [{
-        "backdrop-invert": [f]
+        "backdrop-invert": [w]
       }],
       /**
        * Backdrop Opacity
@@ -3699,7 +3715,7 @@ const L = (e) => {
        * @see https://tailwindcss.com/docs/backdrop-sepia
        */
       "backdrop-sepia": [{
-        "backdrop-sepia": [M]
+        "backdrop-sepia": [I]
       }],
       // Tables
       /**
@@ -3714,21 +3730,21 @@ const L = (e) => {
        * @see https://tailwindcss.com/docs/border-spacing
        */
       "border-spacing": [{
-        "border-spacing": [c]
+        "border-spacing": [l]
       }],
       /**
        * Border Spacing X
        * @see https://tailwindcss.com/docs/border-spacing
        */
       "border-spacing-x": [{
-        "border-spacing-x": [c]
+        "border-spacing-x": [l]
       }],
       /**
        * Border Spacing Y
        * @see https://tailwindcss.com/docs/border-spacing
        */
       "border-spacing-y": [{
-        "border-spacing-y": [c]
+        "border-spacing-y": [l]
       }],
       /**
        * Table Layout
@@ -3906,126 +3922,126 @@ const L = (e) => {
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-m": [{
-        "scroll-m": I()
+        "scroll-m": M()
       }],
       /**
        * Scroll Margin X
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mx": [{
-        "scroll-mx": I()
+        "scroll-mx": M()
       }],
       /**
        * Scroll Margin Y
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-my": [{
-        "scroll-my": I()
+        "scroll-my": M()
       }],
       /**
        * Scroll Margin Start
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-ms": [{
-        "scroll-ms": I()
+        "scroll-ms": M()
       }],
       /**
        * Scroll Margin End
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-me": [{
-        "scroll-me": I()
+        "scroll-me": M()
       }],
       /**
        * Scroll Margin Top
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mt": [{
-        "scroll-mt": I()
+        "scroll-mt": M()
       }],
       /**
        * Scroll Margin Right
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mr": [{
-        "scroll-mr": I()
+        "scroll-mr": M()
       }],
       /**
        * Scroll Margin Bottom
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mb": [{
-        "scroll-mb": I()
+        "scroll-mb": M()
       }],
       /**
        * Scroll Margin Left
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-ml": [{
-        "scroll-ml": I()
+        "scroll-ml": M()
       }],
       /**
        * Scroll Padding
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-p": [{
-        "scroll-p": I()
+        "scroll-p": M()
       }],
       /**
        * Scroll Padding X
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-px": [{
-        "scroll-px": I()
+        "scroll-px": M()
       }],
       /**
        * Scroll Padding Y
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-py": [{
-        "scroll-py": I()
+        "scroll-py": M()
       }],
       /**
        * Scroll Padding Start
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-ps": [{
-        "scroll-ps": I()
+        "scroll-ps": M()
       }],
       /**
        * Scroll Padding End
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pe": [{
-        "scroll-pe": I()
+        "scroll-pe": M()
       }],
       /**
        * Scroll Padding Top
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pt": [{
-        "scroll-pt": I()
+        "scroll-pt": M()
       }],
       /**
        * Scroll Padding Right
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pr": [{
-        "scroll-pr": I()
+        "scroll-pr": M()
       }],
       /**
        * Scroll Padding Bottom
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pb": [{
-        "scroll-pb": I()
+        "scroll-pb": M()
       }],
       /**
        * Scroll Padding Left
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pl": [{
-        "scroll-pl": I()
+        "scroll-pl": M()
       }],
       /**
        * Scroll Snap Align
@@ -4188,89 +4204,89 @@ function dn(...e) {
   return ln(dt(e));
 }
 function jn({ autoWidth: e = !0, className: t, style: n }) {
-  const [r, o] = R(() => j.getActiveAppId()), [i, c] = R(() => F.getRunningApps()), { isMobile: a } = Ye();
+  const [r, o] = R(() => j.getActiveAppId()), [i, l] = R(() => F.getRunningApps()), { isMobile: c } = Ye();
   T(() => {
-    const h = j.subscribe("activeAppId", (x) => {
+    const f = j.subscribe("activeAppId", (x) => {
       o(x);
     });
     return () => {
-      h();
+      f();
     };
   }, []), T(() => F.subscribe(() => {
-    c(F.getRunningApps());
+    l(F.getRunningApps());
   }), []), T(() => {
     if (!new URLSearchParams(window.location.search).has("app")) {
       const k = j.getActiveAppId();
       k && !F.isRunning(k) && F.launchApp(k);
     }
   }, []);
-  const d = (h) => {
-    F.closeApp(h);
-  }, p = r ? oe.get(r) : null, f = (p == null ? void 0 : p.width) ?? 400, l = r !== null, v = { ...{
+  const d = (f) => {
+    F.closeApp(f);
+  }, p = r ? oe.get(r) : null, w = (p == null ? void 0 : p.width) ?? 400, a = r !== null, v = { ...{
     overflow: "hidden",
-    display: l ? "flex" : "none",
+    display: a ? "flex" : "none",
     flexDirection: "column",
     flexShrink: 0,
     // Only set width if autoWidth is enabled
-    ...e && l ? { width: a ? "100%" : f } : {}
+    ...e && a ? { width: c ? "100%" : w } : {}
   }, ...n };
-  return /* @__PURE__ */ s("div", { className: dn("nc-app-panel", t), style: v, children: i.map((h) => /* @__PURE__ */ s(
+  return /* @__PURE__ */ s("div", { className: dn("nc-app-panel", t), style: v, children: i.map((f) => /* @__PURE__ */ s(
     Ve,
     {
-      appId: h.appId,
-      isActive: r === h.appId,
-      onClose: () => d(h.appId)
+      appId: f.appId,
+      isActive: r === f.appId,
+      onClose: () => d(f.appId)
     },
-    h.appId
+    f.appId
   )) });
 }
 function Kn({ pinnedAppIds: e, className: t = "" }) {
-  const { isMobile: n } = Ye(), [r, o] = R(() => j.getActiveAppId()), [i, c] = R(() => F.getRunningApps());
+  const { isMobile: n } = Ye(), [r, o] = R(() => j.getActiveAppId()), [i, l] = R(() => F.getRunningApps());
   T(() => {
-    const l = j.subscribe("activeAppId", (u) => {
+    const a = j.subscribe("activeAppId", (u) => {
       o(u);
     });
     return () => {
-      l();
+      a();
     };
   }, []), T(() => F.subscribe(() => {
-    c(F.getRunningApps());
+    l(F.getRunningApps());
   }), []);
-  const a = (l) => {
-    r === l ? F.setActiveApp(null) : F.launchApp(l);
-  }, d = e.map((l) => oe.get(l)).filter((l) => !!l), p = i.filter((l) => !e.includes(l.appId)).map((l) => ({ running: l, def: oe.get(l.appId) })).filter((l) => !!l.def), m = (l) => i.some((u) => u.appId === l), f = n ? 24 : 28;
+  const c = (a) => {
+    r === a ? F.setActiveApp(null) : F.launchApp(a);
+  }, d = e.map((a) => oe.get(a)).filter((a) => !!a), p = i.filter((a) => !e.includes(a.appId)).map((a) => ({ running: a, def: oe.get(a.appId) })).filter((a) => !!a.def), h = (a) => i.some((u) => u.appId === a), w = n ? 24 : 28;
   return /* @__PURE__ */ y("div", { className: `nc-app-taskbar ${n ? "nc-mobile" : "nc-desktop"} ${t}`, children: [
-    d.map((l) => {
-      const u = l.icon, b = r === l.id, v = m(l.id);
+    d.map((a) => {
+      const u = a.icon, m = r === a.id, v = h(a.id);
       return /* @__PURE__ */ y(
         "button",
         {
-          className: `nc-app-taskbar-button ${b ? "nc-active" : ""} ${v ? "nc-running" : ""}`,
-          onClick: () => a(l.id),
-          title: l.titleKey || l.id,
+          className: `nc-app-taskbar-button ${m ? "nc-active" : ""} ${v ? "nc-running" : ""}`,
+          onClick: () => c(a.id),
+          title: a.titleKey || a.id,
           children: [
-            /* @__PURE__ */ s(u, { size: f }),
+            /* @__PURE__ */ s(u, { size: w }),
             v && /* @__PURE__ */ s("span", { className: "nc-app-taskbar-indicator" })
           ]
         },
-        l.id
+        a.id
       );
     }),
     p.length > 0 && /* @__PURE__ */ s("div", { className: "nc-app-taskbar-separator" }),
-    p.map(({ running: l, def: u }) => {
-      const b = u.icon, v = r === l.appId;
+    p.map(({ running: a, def: u }) => {
+      const m = u.icon, v = r === a.appId;
       return /* @__PURE__ */ y(
         "button",
         {
           className: `nc-app-taskbar-button ${v ? "nc-active" : ""} nc-running`,
-          onClick: () => a(l.appId),
+          onClick: () => c(a.appId),
           title: u.titleKey || u.id,
           children: [
-            /* @__PURE__ */ s(b, { size: f }),
+            /* @__PURE__ */ s(m, { size: w }),
             /* @__PURE__ */ s("span", { className: "nc-app-taskbar-indicator" })
           ]
         },
-        l.appId
+        a.appId
       );
     })
   ] });
@@ -4283,15 +4299,15 @@ function _n({
   className: o = "",
   style: i
 }) {
-  const c = (d) => {
+  const l = (d) => {
     r && d.target === d.currentTarget && n();
   };
   if (!t) return null;
-  const a = /* @__PURE__ */ s(
+  const c = /* @__PURE__ */ s(
     "div",
     {
       className: "nc-dialog-overlay nc-fullscreen",
-      onClick: c,
+      onClick: l,
       children: /* @__PURE__ */ s(
         "div",
         {
@@ -4310,7 +4326,7 @@ function _n({
       )
     }
   );
-  return pe(a, document.body);
+  return pe(c, document.body);
 }
 const Ne = se(null), qe = se(null);
 function Un() {
@@ -4327,41 +4343,41 @@ function qn() {
 }
 const Ae = se(null);
 function Xn({ rootView: e, children: t }) {
-  const { t: n } = J(), r = It(), [o, i] = R([e]), [c, a] = R([null]), d = W((g, M) => {
-    a((P) => {
-      const w = [...P];
-      return w[g] = M, w;
+  const { t: n } = J(), r = It(), [o, i] = R([e]), [l, c] = R([null]), d = W((g, I) => {
+    c((P) => {
+      const b = [...P];
+      return b[g] = I, b;
     });
   }, []), p = W((g) => {
-    a((M) => {
-      const P = [...M];
+    c((I) => {
+      const P = [...I];
       return P[g] = null, P;
     });
-  }, []), m = W((g) => {
-    i((M) => [...M, g]), a((M) => [...M, null]);
-  }, []), f = W(() => {
-    i((g) => g.length <= 1 ? g : g.slice(0, -1)), a((g) => g.slice(0, -1));
-  }, []), l = W(() => {
-    i([e]), a([null]);
-  }, [e]), u = o.length, b = u > 1, v = o.length - 1, h = o[o.length - 1], x = h != null && h.titleKey ? n(h.titleKey) : (h == null ? void 0 : h.title) ?? "";
+  }, []), h = W((g) => {
+    i((I) => [...I, g]), c((I) => [...I, null]);
+  }, []), w = W(() => {
+    i((g) => g.length <= 1 ? g : g.slice(0, -1)), c((g) => g.slice(0, -1));
+  }, []), a = W(() => {
+    i([e]), c([null]);
+  }, [e]), u = o.length, m = u > 1, v = o.length - 1, f = o[o.length - 1], x = f != null && f.titleKey ? n(f.titleKey) : (f == null ? void 0 : f.title) ?? "";
   T(() => {
     r.setTitle(x);
   }, [x, r]), T(() => {
-    b ? r.setBackHandler(f) : r.clearBackHandler();
-  }, [b, f, r]), T(() => {
-    const g = c[c.length - 1];
+    m ? r.setBackHandler(w) : r.clearBackHandler();
+  }, [m, w, r]), T(() => {
+    const g = l[l.length - 1];
     g ? r.setToolbar(g) : r.clearToolbar();
-  }, [c, r]);
+  }, [l, r]);
   const k = {
-    push: m,
-    pop: f,
-    reset: l,
+    push: h,
+    pop: w,
+    reset: a,
     depth: u,
-    canGoBack: b,
+    canGoBack: m,
     currentTitle: x
   }, $ = {
     stack: o,
-    toolbarStack: c,
+    toolbarStack: l,
     updateToolbar: d,
     clearToolbarAt: p,
     topIndex: v
@@ -4372,13 +4388,13 @@ function un({ index: e, children: t }) {
   const n = X(Ae);
   if (!n)
     throw new Error("NavViewProvider must be used within NavStackProvider");
-  const { updateToolbar: r, clearToolbarAt: o, topIndex: i } = n, c = W((p) => {
+  const { updateToolbar: r, clearToolbarAt: o, topIndex: i } = n, l = W((p) => {
     e === i && r(e, p);
-  }, [e, i, r]), a = W(() => {
+  }, [e, i, r]), c = W(() => {
     e === i && o(e);
   }, [e, i, o]), d = {
-    setToolbar: c,
-    clearToolbar: a
+    setToolbar: l,
+    clearToolbar: c
   };
   return /* @__PURE__ */ s(qe.Provider, { value: d, children: t });
 }
@@ -4406,18 +4422,18 @@ export {
   _n as AppDialog,
   jn as AppPanel,
   Kn as AppTaskbar,
-  Mt as AppTitleBar,
+  $t as AppTitleBar,
   xn as Battery,
   G as Button,
   kn as ButtonGroup,
   Nn as Checkbox,
   Be as CloseButton,
   An as ComboBox,
-  Mn as ContextMenu,
+  $n as ContextMenu,
   Rn as Dialog,
   ne as DialogClose,
   Cn as EditButton,
-  $n as Hyperlink,
+  Mn as Hyperlink,
   En as Input,
   Pn as ListGroup,
   zn as ListGroupItem,