neatkit 0.4.1 → 0.4.2

package/dist/index.js

@@ -1,19 +1,68 @@
 "use client";
 import { jsx as a, jsxs as O, Fragment as je } from "react/jsx-runtime";
-import { forwardRef as g, useState as $, createElement as Ae, isValidElement as Ze, Fragment as _e, createContext as qe, useContext as Ne, useRef as D, useCallback as W, useEffect as q, Children as ln, useLayoutEffect as $e, useId as Le, cloneElement as Pe, useReducer as xn, useMemo as Me, version as jn } from "react";
+import { forwardRef as g, useState as $, createElement as Ae, isValidElement as Ze, Fragment as _e, createContext as qe, useContext as Ne, useRef as D, useCallback as W, useEffect as q, Children as ln, useLayoutEffect as $e, useId as Le, cloneElement as Pe, useReducer as In, useMemo as Me, version as jn } from "react";
 import { createPortal as Zn } from "react-dom";
 const qn = 36, Cn = [2, 4, 8, 12, 16, 24, 32, 48], dn = {
   sm: 768,
   md: 960,
   lg: 1440,
   xl: 1920
+}, mr = {
+  color: {
+    accent: {
+      default: "var(--nk-accent)",
+      soft: "var(--nk-accent-soft)",
+      subtle: "var(--nk-accent-subtle)"
+    },
+    background: "var(--nk-color-background)",
+    surface: "var(--nk-color-surface)",
+    text: {
+      default: "var(--nk-color-text)",
+      muted: "var(--nk-color-text-muted)"
+    },
+    border: "var(--nk-color-border)",
+    emphasis: {
+      fill: "var(--nk-color-emphasis-fill)",
+      fillForeground: "var(--nk-color-emphasis-fill-foreground)"
+    },
+    info: {
+      foreground: "var(--nk-color-info-foreground)",
+      fill: "var(--nk-color-info-fill)",
+      fillForeground: "var(--nk-color-info-fill-foreground)"
+    },
+    success: {
+      foreground: "var(--nk-color-success-foreground)",
+      fill: "var(--nk-color-success-fill)",
+      fillForeground: "var(--nk-color-success-fill-foreground)"
+    },
+    warning: {
+      foreground: "var(--nk-color-warning-foreground)",
+      fill: "var(--nk-color-warning-fill)",
+      fillForeground: "var(--nk-color-warning-fill-foreground)"
+    },
+    danger: {
+      foreground: "var(--nk-color-danger-foreground)",
+      fill: "var(--nk-color-danger-fill)",
+      fillForeground: "var(--nk-color-danger-fill-foreground)"
+    }
+  },
+  radius: {
+    small: "var(--nk-radius-small)",
+    medium: "var(--nk-radius-medium)",
+    large: "var(--nk-radius-large)"
+  },
+  shadow: {
+    subtle: "var(--nk-shadow-subtle)",
+    medium: "var(--nk-shadow-medium)",
+    strong: "var(--nk-shadow-strong)"
+  }
 };
 ({
   ...Object.fromEntries(
     Cn.map((n) => [`--nk-space-${n}`, `${n}px`])
   )
 });
-function mr(n) {
+function gr(n) {
   if (typeof n != "number" || !Number.isFinite(n))
     throw new RangeError("Cell amount must be a finite number.");
   const t = n * qn;
@@ -21,7 +70,7 @@ function mr(n) {
     throw new RangeError("Calculated cell value must be finite.");
   return t;
 }
-function gr(n) {
+function wr(n) {
   if (!Cn.some((t) => t === n))
     throw new RangeError(`Unsupported spacing size: ${String(n)}.`);
   return n;
@@ -31,7 +80,7 @@ function Ce(n) {
     throw new RangeError(`Unsupported breakpoint: ${String(n)}.`);
   return dn[n];
 }
-function wr(n) {
+function br(n) {
   if (typeof n != "number" || !Number.isFinite(n))
     throw new RangeError("Pixel value must be a finite number.");
   return `${n}px`;
@@ -47,7 +96,7 @@ const He = g(function(t, e) {
       children: o
     }
   );
-}), br = g(function(t, e) {
+}), kr = g(function(t, e) {
   const {
     children: o,
     className: i,
@@ -93,7 +142,7 @@ const yr = g(function(t, e) {
     size: l = 32,
     style: s,
     ...u
-  } = t, [f, d] = $(), c = !!r && r !== f, p = (o == null ? void 0 : o.trim()) ?? "", v = $n(p), m = typeof l == "number" ? `${l}px` : l, x = p ? { "aria-label": p, role: "img" } : { "aria-hidden": !0, role: void 0 };
+  } = t, [f, d] = $(), c = !!r && r !== f, p = (o == null ? void 0 : o.trim()) ?? "", v = $n(p), m = typeof l == "number" ? `${l}px` : l, I = p ? { "aria-label": p, role: "img" } : { "aria-hidden": !0, role: void 0 };
   function b() {
     d(r);
   }
@@ -101,7 +150,7 @@ const yr = g(function(t, e) {
     "div",
     {
       ...u,
-      ...c ? void 0 : x,
+      ...c ? void 0 : I,
       ref: e,
       className: ["nk-avatar", i].filter(Boolean).join(" "),
       "data-palette": Gn(v),
@@ -118,7 +167,7 @@ const yr = g(function(t, e) {
       ) : /* @__PURE__ */ a("span", { "aria-hidden": "true", className: "nk-avatar__initial", children: v })
     }
   );
-}), kr = g(function(t, e) {
+}), xr = g(function(t, e) {
   const {
     children: o,
     className: i,
@@ -749,7 +798,7 @@ const yr = g(function(t, e) {
       )
     }
   );
-}), yt = g(function(t, e) {
+}), kt = g(function(t, e) {
   const { height: o = 14, width: i = 14, ...r } = t;
   return /* @__PURE__ */ a(
     "svg",
@@ -770,7 +819,7 @@ const yr = g(function(t, e) {
       )
     }
   );
-}), kt = g(function(t, e) {
+}), yt = g(function(t, e) {
   const { height: o = 14, width: i = 14, ...r } = t;
   return /* @__PURE__ */ O(
     "svg",
@@ -797,7 +846,7 @@ const yr = g(function(t, e) {
       ]
     }
   );
-}), It = g(function(t, e) {
+}), xt = g(function(t, e) {
   const { height: o = 14, width: i = 14, ...r } = t;
   return /* @__PURE__ */ a(
     "svg",
@@ -820,7 +869,7 @@ const yr = g(function(t, e) {
       )
     }
   );
-}), xt = g(function(t, e) {
+}), It = g(function(t, e) {
   const { height: o = 14, width: i = 14, ...r } = t;
   return /* @__PURE__ */ a(
     "svg",
@@ -1169,7 +1218,7 @@ const yr = g(function(t, e) {
   mail: Ct,
   github: gt,
   globe: wt,
-  linkedin: xt,
+  linkedin: It,
   reddit: Et,
   exit: ht,
   camera: et,
@@ -1202,10 +1251,10 @@ const yr = g(function(t, e) {
   folder: vt,
   file: pt,
   tag: Vt,
-  key: It,
+  key: xt,
   git: mt,
-  home: yt,
-  info: kt,
+  home: kt,
+  info: yt,
   warning: Ot
 }, me = g(function(t, e) {
   const {
@@ -1278,13 +1327,13 @@ const ze = g(function(t, e) {
     onKeyDown: p,
     onMouseMove: v,
     role: m,
-    shape: x,
+    shape: I,
     tabIndex: b,
     textAlignment: w = "center",
     tone: M,
     variant: _ = "primary",
     ...R
-  } = t, k = o ?? "button", C = l || d, I = !!u && !rn(i), N = k === "a" && "href" in R && typeof R.href == "string", T = typeof k == "string" && k !== "button" && !N, z = (P) => {
+  } = t, y = o ?? "button", C = l || d, x = !!u && !rn(i), N = y === "a" && "href" in R && typeof R.href == "string", T = typeof y == "string" && y !== "button" && !N, z = (P) => {
     if (C) {
       P.preventDefault(), P.stopPropagation();
       return;
@@ -1298,12 +1347,12 @@ const ze = g(function(t, e) {
   }, H = (P) => {
     const A = p;
     A == null || A(P), !(P.defaultPrevented || C || !T || P.key !== "Enter" && P.key !== " ") && (P.preventDefault(), P.currentTarget.click());
-  }, E = k === "button" ? {
+  }, E = y === "button" ? {
     disabled: C,
     type: R.type ?? "button"
-  } : { "aria-disabled": C || void 0 }, U = N && C ? { href: void 0 } : void 0, S = N && C ? m ?? "link" : T ? m ?? "button" : m, y = k === "button" ? b : N && C ? void 0 : C ? -1 : T ? b ?? 0 : b;
+  } : { "aria-disabled": C || void 0 }, U = N && C ? { href: void 0 } : void 0, S = N && C ? m ?? "link" : T ? m ?? "button" : m, k = y === "button" ? b : N && C ? void 0 : C ? -1 : T ? b ?? 0 : b;
   return Ae(
-    k,
+    y,
     {
       ...R,
       ...E,
@@ -1312,15 +1361,15 @@ const ze = g(function(t, e) {
       "aria-busy": d || void 0,
       className: ["nk-button", r].filter(Boolean).join(" "),
       "data-full-width": s || void 0,
-      "data-icon-only": I || void 0,
-      "data-shape": x,
+      "data-icon-only": x || void 0,
+      "data-shape": I,
       "data-tone": M,
       "data-variant": _,
       onClick: z,
       onKeyDown: T ? H : p,
       onMouseMove: Z,
       role: S,
-      tabIndex: y
+      tabIndex: k
     },
     /* @__PURE__ */ O(je, { children: [
       /* @__PURE__ */ O(
@@ -1404,7 +1453,7 @@ function Ft() {
   return Ne(_n);
 }
 const Wt = g(function(t, e) {
-  var I;
+  var x;
   const {
     "aria-invalid": o,
     checked: i,
@@ -1418,8 +1467,8 @@ const Wt = g(function(t, e) {
     required: p = !1,
     style: v,
     value: m = "on",
-    ...x
-  } = t, b = Ft(), w = String(m), M = (b == null ? void 0 : b.value) !== void 0, _ = u || !!(b != null && b.disabled), R = !!(b != null && b.required && !b.hasSelection && b.validationValue === w), k = f || he(o);
+    ...I
+  } = t, b = Ft(), w = String(m), M = (b == null ? void 0 : b.value) !== void 0, _ = u || !!(b != null && b.disabled), R = !!(b != null && b.required && !b.hasSelection && b.validationValue === w), y = f || he(o);
   function C(N) {
     c == null || c(N), N.defaultPrevented || b == null || b.handleChange(N);
   }
@@ -1428,16 +1477,16 @@ const Wt = g(function(t, e) {
     {
       className: ["nk-checkbox", l].filter(Boolean).join(" "),
       "data-disabled": _ || void 0,
-      "data-invalid": k || void 0,
+      "data-invalid": y || void 0,
       style: v,
       children: [
         /* @__PURE__ */ a(
           "input",
           {
-            ...x,
+            ...I,
             ref: e,
             "aria-invalid": ge(f, o),
-            checked: b ? M ? (I = b.value) == null ? void 0 : I.includes(w) : void 0 : i,
+            checked: b ? M ? (x = b.value) == null ? void 0 : x.includes(w) : void 0 : i,
             className: "nk-checkbox__control",
             defaultChecked: b && !M ? b.defaultValue.includes(w) : s,
             disabled: _,
@@ -1521,16 +1570,16 @@ const qt = g(
       required: p = !1,
       value: v,
       ...m
-    } = t, x = D(null), [b, w] = $(l), M = v !== void 0, _ = M ? v : b, R = u || he(o), k = jt(i), C = s ? [] : k.filter((y) => !y.disabled).map((y) => y.value), I = new Set(C), N = _.some(
-      (y) => I.has(y)
-    ), T = C[0], z = k.find(
-      (y) => !y.disabled && y.value === T
+    } = t, I = D(null), [b, w] = $(l), M = v !== void 0, _ = M ? v : b, R = u || he(o), y = jt(i), C = s ? [] : y.filter((k) => !k.disabled).map((k) => k.value), x = new Set(C), N = _.some(
+      (k) => x.has(k)
+    ), T = C[0], z = y.find(
+      (k) => !k.disabled && k.value === T
     ), Z = l.some(
-      (y) => I.has(y)
+      (k) => x.has(k)
     ), H = !!(z != null && z.required), E = W(
-      (y) => Zt(
-        y,
-        x,
+      (k) => Zt(
+        k,
+        I,
         e
       ),
       [e]
@@ -1538,16 +1587,16 @@ const qt = g(
     q(() => {
       var V;
       if (M) return;
-      const y = (V = x.current) == null ? void 0 : V.querySelector(
+      const k = (V = I.current) == null ? void 0 : V.querySelector(
         'input[type="checkbox"]'
-      ), P = y instanceof HTMLInputElement ? y.form : null;
+      ), P = k instanceof HTMLInputElement ? k.form : null;
       if (!P) return;
       const A = P.getRootNode();
       function B(j) {
         var ee;
         if (j.target !== P || j.defaultPrevented) return;
         const te = Array.from(
-          ((ee = x.current) == null ? void 0 : ee.querySelectorAll(
+          ((ee = I.current) == null ? void 0 : ee.querySelectorAll(
             'input[type="checkbox"]'
           )) ?? []
         ).find(
@@ -1565,12 +1614,12 @@ const qt = g(
       H,
       T
     ]);
-    function U(y) {
+    function U(k) {
       if (!M) {
-        const P = y.currentTarget.value, A = y.currentTarget.checked;
+        const P = k.currentTarget.value, A = k.currentTarget.checked;
         w((B) => A ? [.../* @__PURE__ */ new Set([...B, P])] : B.filter((V) => V !== P));
       }
-      d == null || d(y);
+      d == null || d(k);
     }
     const S = {
       defaultValue: l,
@@ -1699,7 +1748,7 @@ function eo(n, t) {
     (d = o.current) == null || d.disconnect(), o.current = null;
   }), [u, t]), { rootReference: f, innerWidth: r };
 }
-const xr = g(
+const Cr = g(
   function(t, e) {
     const {
       accent: o,
@@ -1713,7 +1762,7 @@ const xr = g(
       style: c,
       theme: p = "light",
       ...v
-    } = t, { rootReference: m, innerWidth: x } = eo(
+    } = t, { rootReference: m, innerWidth: I } = eo(
       e,
       s
     ), b = i ?? "div", w = o !== void 0 ? { ...c, "--nk-accent": o } : c;
@@ -1734,13 +1783,13 @@ const xr = g(
         "div",
         {
           className: "nk-content__inner",
-          style: x === void 0 ? void 0 : { width: `${x}px` }
+          style: I === void 0 ? void 0 : { width: `${I}px` }
         },
         r
       )
     );
   }
-), Cr = g(function(t, e) {
+), Pr = g(function(t, e) {
   const {
     "aria-hidden": o,
     "aria-label": i,
@@ -1786,7 +1835,7 @@ function un(...n) {
   ), e = [...new Set(t)];
   return e.length > 0 ? e.join(" ") : void 0;
 }
-const Pr = g(function(t, e) {
+const _r = g(function(t, e) {
   const {
     children: o,
     className: i,
@@ -1797,20 +1846,20 @@ const Pr = g(function(t, e) {
     orientation: f = "vertical",
     required: d = !1,
     ...c
-  } = t, p = Le(), v = o.props.id ?? `${p}-control`, m = `${p}-label`, x = `${p}-description`, b = `${p}-error`, w = Je(u), M = Je(r), _ = Je(s), R = Ln(o.type), k = R !== void 0, C = l || !!o.props.disabled, I = d || !!o.props.required, N = I && (R == null ? void 0 : R.requiredCommunication) === "label", T = un(
+  } = t, p = Le(), v = o.props.id ?? `${p}-control`, m = `${p}-label`, I = `${p}-description`, b = `${p}-error`, w = Je(u), M = Je(r), _ = Je(s), R = Ln(o.type), y = R !== void 0, C = l || !!o.props.disabled, x = d || !!o.props.required, N = x && (R == null ? void 0 : R.requiredCommunication) === "label", T = un(
     o.props["aria-describedby"],
-    M ? x : void 0,
+    M ? I : void 0,
     _ ? b : void 0
   ), z = un(
     w ? m : void 0,
     o.props["aria-labelledby"]
-  ), Z = I ? /* @__PURE__ */ a("span", { "aria-hidden": "true", className: "nk-field__required", children: "*" }) : null, H = N ? /* @__PURE__ */ a("span", { className: "nk-field__required-text", children: ", select at least one" }) : null, E = Pe(o, {
+  ), Z = x ? /* @__PURE__ */ a("span", { "aria-hidden": "true", className: "nk-field__required", children: "*" }) : null, H = N ? /* @__PURE__ */ a("span", { className: "nk-field__required-text", children: ", select at least one" }) : null, E = Pe(o, {
     "aria-describedby": T,
     "aria-invalid": _ ? !0 : o.props["aria-invalid"],
     "aria-labelledby": z,
     disabled: C || void 0,
     id: v,
-    required: I || void 0
+    required: x || void 0
   });
   return /* @__PURE__ */ O(
     "div",
@@ -1822,9 +1871,9 @@ const Pr = g(function(t, e) {
       "data-has-label": w || void 0,
       "data-invalid": _ || void 0,
       "data-orientation": f,
-      "data-required": I || void 0,
+      "data-required": x || void 0,
       children: [
-        w && k ? /* @__PURE__ */ O(
+        w && y ? /* @__PURE__ */ O(
           fe,
           {
             as: "span",
@@ -1839,7 +1888,7 @@ const Pr = g(function(t, e) {
             ]
           }
         ) : null,
-        w && !k ? /* @__PURE__ */ O(
+        w && !y ? /* @__PURE__ */ O(
           fe,
           {
             as: "label",
@@ -1861,7 +1910,7 @@ const Pr = g(function(t, e) {
             {
               as: "p",
               className: "nk-field__description",
-              id: x,
+              id: I,
               size: "caption",
               tone: "muted",
               children: r
@@ -1901,7 +1950,7 @@ function to(n) {
   )) == null ? void 0 : e.set;
   t ? t.call(n, "") : n.value = "";
 }
-const _r = g(function(t, e) {
+const Nr = g(function(t, e) {
   const {
     "aria-busy": o,
     "aria-invalid": i,
@@ -1915,12 +1964,12 @@ const _r = g(function(t, e) {
     loading: p = !1,
     onChange: v,
     readOnly: m = !1,
-    style: x,
+    style: I,
     trailing: b,
     type: w = "text",
     value: M,
     ..._
-  } = t, R = Le(), k = D(null), [C, I] = $(
+  } = t, R = Le(), y = D(null), [C, x] = $(
     en(s)
   ), [N, T] = $(!1);
   q(() => {
@@ -1929,16 +1978,16 @@ const _r = g(function(t, e) {
   const z = W(
     (K) => no(
       K,
-      k,
+      y,
       e
     ),
     [e]
-  ), Z = f ?? `${R}-control`, H = u || p, E = d || he(i), U = M !== void 0 ? en(M) : C, S = w === "password" && N ? "text" : w, y = ge(d, i), P = l && U && !m && !H, A = w === "password" && !p, B = P || A, V = fn(c), j = fn(b) || B;
+  ), Z = f ?? `${R}-control`, H = u || p, E = d || he(i), U = M !== void 0 ? en(M) : C, S = w === "password" && N ? "text" : w, k = ge(d, i), P = l && U && !m && !H, A = w === "password" && !p, B = P || A, V = fn(c), j = fn(b) || B;
   function te(K) {
-    M === void 0 && I(en(K.currentTarget.value)), v == null || v(K);
+    M === void 0 && x(en(K.currentTarget.value)), v == null || v(K);
   }
   function ee() {
-    const K = k.current;
+    const K = y.current;
     K && (to(K), K.dispatchEvent(new Event("input", { bubbles: !0 })), K.focus());
   }
   function X() {
@@ -1956,7 +2005,7 @@ const _r = g(function(t, e) {
       "data-read-only": m || void 0,
       "data-has-trailing-action": B || void 0,
       "data-trailing": j || void 0,
-      style: x,
+      style: I,
       children: [
         V ? /* @__PURE__ */ a("span", { className: "nk-input__leading", children: c }) : null,
         /* @__PURE__ */ a(
@@ -1965,7 +2014,7 @@ const _r = g(function(t, e) {
             ..._,
             ref: z,
             "aria-busy": p ? !0 : o,
-            "aria-invalid": y,
+            "aria-invalid": k,
             className: "nk-input__control",
             defaultValue: s,
             disabled: H,
@@ -2095,7 +2144,7 @@ function mn(n) {
   n.listeners.forEach((t) => t());
 }
 function Ke(n, t) {
-  const e = D(Symbol("nk-overlay-layer")), [, o] = xn((s) => s + 1, 0);
+  const e = D(Symbol("nk-overlay-layer")), [, o] = In((s) => s + 1, 0);
   q(() => {
     if (!n || !t) return;
     const s = Be(t), u = () => o();
@@ -2266,30 +2315,30 @@ function Sn(n) {
     var _, R;
     if (!t || !o) return;
     const c = o.ownerDocument, p = (_ = c.defaultView) == null ? void 0 : _.HTMLElement, v = (R = c.defaultView) == null ? void 0 : R.Node, m = p && c.activeElement instanceof p ? c.activeElement : null;
-    let x = !0;
+    let I = !0;
     function b() {
-      const k = i == null ? void 0 : i.current;
-      (k && nn(
+      const y = i == null ? void 0 : i.current;
+      (y && nn(
         o,
         u.current,
-        k
-      ) ? k : bn(
+        y
+      ) ? y : bn(
         o,
         u.current
       )[0] ?? o).focus({ preventScroll: !0 });
     }
-    function w(k) {
-      if (k.key !== "Tab" || !wn(c, r))
+    function w(y) {
+      if (y.key !== "Tab" || !wn(c, r))
         return;
       const C = bn(
         o,
         u.current
       );
       if (C.length === 0) {
-        k.preventDefault(), o == null || o.focus({ preventScroll: !0 });
+        y.preventDefault(), o == null || o.focus({ preventScroll: !0 });
         return;
       }
-      const I = C[0], N = C[C.length - 1], T = c.activeElement, z = nn(
+      const x = C[0], N = C[C.length - 1], T = c.activeElement, z = nn(
         o,
         u.current,
         T
@@ -2297,22 +2346,22 @@ function Sn(n) {
         (E) => E === T
       ) && (T === o || T === (i == null ? void 0 : i.current));
       if (!z || H) {
-        k.preventDefault(), (k.shiftKey ? N : I).focus();
+        y.preventDefault(), (y.shiftKey ? N : x).focus();
         return;
       }
-      k.shiftKey && T === I ? (k.preventDefault(), N.focus()) : !k.shiftKey && T === N && (k.preventDefault(), I.focus());
+      y.shiftKey && T === x ? (y.preventDefault(), N.focus()) : !y.shiftKey && T === N && (y.preventDefault(), x.focus());
     }
-    function M(k) {
-      wn(c, r) && v && k.target instanceof v && !nn(
+    function M(y) {
+      wn(c, r) && v && y.target instanceof v && !nn(
         o,
         u.current,
-        k.target
+        y.target
       ) && b();
     }
     return c.addEventListener("keydown", w, !0), c.addEventListener("focusin", M, !0), e && Promise.resolve().then(() => {
-      x && b();
+      I && b();
     }), () => {
-      x = !1, c.removeEventListener("keydown", w, !0), c.removeEventListener("focusin", M, !0), l && (m != null && m.isConnected) && so(m);
+      I = !1, c.removeEventListener("keydown", w, !0), c.removeEventListener("focusin", M, !0), l && (m != null && m.isConnected) && so(m);
     };
   }, [
     t,
@@ -2402,12 +2451,12 @@ function wo(n) {
     ownerDocument: p,
     presenceState: v,
     restoreFocus: m = !0,
-    role: x = "dialog",
+    role: I = "dialog",
     style: b,
     title: w,
     trapFocus: M = !0,
     ..._
-  } = n, R = D(null), k = D(null), C = Ne(Oe), I = `${Le()}-title`, [N, T] = $(null), z = Ke(!0, p), Z = Me(() => [R], []), H = !!(w != null && w.trim()), E = u ?? (H ? k : void 0), U = e ?? (t === void 0 && H ? I : void 0), S = W(
+  } = n, R = D(null), y = D(null), C = Ne(Oe), x = `${Le()}-title`, [N, T] = $(null), z = Ke(!0, p), Z = Me(() => [R], []), H = !!(w != null && w.trim()), E = u ?? (H ? y : void 0), U = e ?? (t === void 0 && H ? x : void 0), S = W(
     (V) => {
       go(V, R, s), T(V);
     },
@@ -2416,7 +2465,7 @@ function wo(n) {
   $e(() => {
     N && (N.inert = !c);
   }, [N, c]);
-  const y = W(() => {
+  const k = W(() => {
     d == null || d("escape");
   }, [d]), P = W(() => {
     d == null || d("outside");
@@ -2427,7 +2476,7 @@ function wo(n) {
     dismissOnEscape: l,
     dismissOnPointerDownOutside: l,
     layerId: z.id,
-    onEscapeDismiss: y,
+    onEscapeDismiss: k,
     onPointerDownOutsideDismiss: P,
     ownerDocument: p
   });
@@ -2473,7 +2522,7 @@ function wo(n) {
               "aria-modal": c ? "true" : void 0,
               className: ["nk-modal", i].filter(Boolean).join(" "),
               "data-state": v,
-              role: c ? x : void 0,
+              role: c ? I : void 0,
               style: b,
               tabIndex: -1,
               children: [
@@ -2483,8 +2532,8 @@ function wo(n) {
                     {
                       as: "h2",
                       className: "nk-modal__title",
-                      id: I,
-                      ref: k,
+                      id: x,
+                      ref: y,
                       size: "subtitle",
                       tabIndex: -1,
                       weight: "semibold",
@@ -2502,7 +2551,7 @@ function wo(n) {
     }
   );
 }
-const Nr = g(function(t, e) {
+const Lr = g(function(t, e) {
   const { open: o } = t, i = D(t);
   o && (i.current = t);
   const r = o ? t : i.current, { portalContainer: l } = r, s = Ye(o), u = (l == null ? void 0 : l.ownerDocument) ?? (typeof document > "u" ? null : document);
@@ -2523,20 +2572,20 @@ function Rn(n) {
 function De(n, t) {
   typeof n == "function" ? n(t) : n && (n.current = t);
 }
-const yo = 12, ko = {
+const ko = 12, yo = {
   bottom: "top",
   left: "right",
   right: "left",
   top: "bottom"
 };
-function yn(n, t) {
-  const e = Math.min(yo, t / 2);
+function kn(n, t) {
+  const e = Math.min(ko, t / 2);
   return Math.min(Math.max(e, n), t - e);
 }
-function Io(n) {
-  return ko[n];
+function xo(n) {
+  return yo[n];
 }
-function xo(n, t) {
+function Io(n, t) {
   return t === "left" || t === "right" ? n.width : n.height;
 }
 function Co(n, t, e, o, i, r) {
@@ -2545,7 +2594,7 @@ function Co(n, t, e, o, i, r) {
     left: e.left - t * 2,
     right: i - e.right - t * 2,
     top: e.top - t * 2
-  }, s = Io(n), u = xo(o, n), f = l[n] < u && l[s] > l[n] ? s : n;
+  }, s = xo(n), u = Io(o, n), f = l[n] < u && l[s] > l[n] ? s : n;
   let d = e.left + (e.width - o.width) / 2, c = e.top + (e.height - o.height) / 2;
   return f === "top" ? c = e.top - o.height - t : f === "bottom" ? c = e.bottom + t : f === "left" ? d = e.left - o.width - t : d = e.right + t, d = Math.min(
     Math.max(t, d),
@@ -2553,10 +2602,10 @@ function Co(n, t, e, o, i, r) {
   ), c = Math.min(
     Math.max(t, c),
     Math.max(t, r - t - o.height)
-  ), { arrowOffset: f === "top" || f === "bottom" ? yn(
+  ), { arrowOffset: f === "top" || f === "bottom" ? kn(
     e.left + e.width / 2 - d,
     o.width
-  ) : yn(
+  ) : kn(
     e.top + e.height / 2 - c,
     o.height
   ), left: d, placement: f, top: c };
@@ -2575,12 +2624,12 @@ function Tn(n, t, e, o) {
       u.getPropertyValue("--nk-space-8")
     ), d = Number.isFinite(f) ? f : Po;
     function c() {
-      const m = e == null ? void 0 : e.getBoundingClientRect(), x = o == null ? void 0 : o.getBoundingClientRect();
-      !m || !x || r(Co(
+      const m = e == null ? void 0 : e.getBoundingClientRect(), I = o == null ? void 0 : o.getBoundingClientRect();
+      !m || !I || r(Co(
         t,
         d,
         m,
-        x,
+        I,
         s.innerWidth,
         s.innerHeight
       ));
@@ -2615,7 +2664,7 @@ function Eo(n) {
 function So(n) {
   return n === "grid" || n === "listbox" || n === "menu" || n === "tree" ? n : "dialog";
 }
-const Lr = g(function(t, e) {
+const Mr = g(function(t, e) {
   const {
     "aria-label": o,
     "aria-labelledby": i,
@@ -2629,21 +2678,21 @@ const Lr = g(function(t, e) {
     initialFocusReference: p,
     onEscapeKeyDown: v,
     onOpenChange: m,
-    onPointerDownOutside: x,
+    onPointerDownOutside: I,
     open: b,
     placement: w = "bottom",
     portalContainer: M,
     restoreFocus: _ = !0,
     role: R = "dialog",
-    style: k,
+    style: y,
     tabIndex: C,
-    trapFocus: I = !1,
+    trapFocus: x = !1,
     trigger: N,
     ...T
   } = t;
   if (N.type === _e)
     throw new Error("Popover requires a single non-Fragment trigger");
-  const z = Le(), Z = Ne(Oe), H = `${z}-popover`, E = N.props, U = Rn(N), S = E.id ?? `${z}-trigger`, y = c || E.disabled === !0 || E["aria-disabled"] === !0 || E["aria-disabled"] === "true", P = b !== void 0, [A, B] = $(d), V = P ? b : A, j = Ye(V), te = D(null), ee = D(null), X = D("programmatic"), K = D(null), ce = D(V), pe = D(null), [be, Ee] = xn(
+  const z = Le(), Z = Ne(Oe), H = `${z}-popover`, E = N.props, U = Rn(N), S = E.id ?? `${z}-trigger`, k = c || E.disabled === !0 || E["aria-disabled"] === !0 || E["aria-disabled"] === "true", P = b !== void 0, [A, B] = $(d), V = P ? b : A, j = Ye(V), te = D(null), ee = D(null), X = D("programmatic"), K = D(null), ce = D(V), pe = D(null), [be, Ee] = In(
     (F) => F + 1,
     0
   ), [G, ne] = $(null), [le, re] = $(null), Y = (M == null ? void 0 : M.ownerDocument) ?? (G == null ? void 0 : G.ownerDocument) ?? (typeof document > "u" ? null : document), ve = Ke(j.present, Y), ie = Me(
@@ -2654,7 +2703,7 @@ const Lr = g(function(t, e) {
     w,
     G,
     le
-  ), ye = W(
+  ), ke = W(
     (F) => {
       Lo(
         F,
@@ -2681,14 +2730,14 @@ const Lr = g(function(t, e) {
     de(!1, "escape");
   }, [de]), Te = W(() => {
     de(!1, "outside");
-  }, [de]), ke = W((F) => {
+  }, [de]), ye = W((F) => {
     var Ve;
-    if (x == null || x(F), F.defaultPrevented) return;
+    if (I == null || I(F), F.defaultPrevented) return;
     const J = (Ve = Y == null ? void 0 : Y.defaultView) == null ? void 0 : Ve.HTMLElement;
     pe.current = J ? F.composedPath().find(
-      (Ie) => Ie instanceof J && Ie.tabIndex >= 0
+      (xe) => xe instanceof J && xe.tabIndex >= 0
     ) ?? F.target : F.target;
-  }, [x, Y]);
+  }, [I, Y]);
   Ue({
     active: V,
     boundaries: ie,
@@ -2697,12 +2746,12 @@ const Lr = g(function(t, e) {
     layerId: ve.id,
     onEscapeDismiss: Re,
     onEscapeKeyDown: v,
-    onPointerDownOutside: ke,
+    onPointerDownOutside: ye,
     onPointerDownOutsideDismiss: Te,
     ownerDocument: Y
   });
   const h = Sn({
-    active: V && I,
+    active: V && x,
     autoFocus: r,
     container: le,
     initialFocusReference: p,
@@ -2710,7 +2759,7 @@ const Lr = g(function(t, e) {
     restoreFocus: _
   });
   q(() => {
-    if (!V || I || !r || !le) return;
+    if (!V || x || !r || !le) return;
     let F = !0;
     return Promise.resolve().then(() => {
       if (!F) return;
@@ -2719,7 +2768,7 @@ const Lr = g(function(t, e) {
     }), () => {
       F = !1;
     };
-  }, [r, p, V, le, I]), q(() => {
+  }, [r, p, V, le, x]), q(() => {
     var cn;
     const F = ce.current;
     ce.current = V;
@@ -2728,22 +2777,22 @@ const Lr = g(function(t, e) {
       X.current = "programmatic", pe.current = null;
       return;
     }
-    const Ie = Y == null ? void 0 : Y.activeElement, Xe = pe.current, Qe = (cn = Y == null ? void 0 : Y.defaultView) == null ? void 0 : cn.HTMLElement, zn = Ve === "outside" && Qe && Xe instanceof Qe && Ie instanceof Qe && (Xe === Ie || Xe.contains(Ie));
-    F && !I && _ && !zn && (G == null || G.focus({ preventScroll: !0 })), pe.current = null;
+    const xe = Y == null ? void 0 : Y.activeElement, Xe = pe.current, Qe = (cn = Y == null ? void 0 : Y.defaultView) == null ? void 0 : cn.HTMLElement, zn = Ve === "outside" && Qe && Xe instanceof Qe && xe instanceof Qe && (Xe === xe || Xe.contains(xe));
+    F && !x && _ && !zn && (G == null || G.focus({ preventScroll: !0 })), pe.current = null;
   }, [
     be,
     P,
     V,
     Y,
     _,
-    I,
+    x,
     G
   ]), q(() => {
     c && V && de(!1, "programmatic");
   }, [c, V, de]);
   function L(F) {
     var J;
-    if (y) {
+    if (k) {
       F.preventDefault(), F.stopPropagation();
       return;
     }
@@ -2751,24 +2800,24 @@ const Lr = g(function(t, e) {
   }
   function Q(F) {
     var J;
-    (J = E.onKeyDown) == null || J.call(E, F), !(F.defaultPrevented || y || Eo(F.currentTarget) || F.key !== "Enter" && F.key !== " ") && (F.preventDefault(), F.currentTarget.click());
+    (J = E.onKeyDown) == null || J.call(E, F), !(F.defaultPrevented || k || Eo(F.currentTarget) || F.key !== "Enter" && F.key !== " ") && (F.preventDefault(), F.currentTarget.click());
   }
   if (c) return N;
-  const oe = typeof N.type == "string", ae = oe ? N.type : null, ue = ae === "a" && typeof E.href == "string", we = oe && !(ae === "button" || ae === "input" || ae === "select" || ae === "summary" || ae === "textarea" || ue), sn = ue && y, Wn = Pe(
+  const oe = typeof N.type == "string", ae = oe ? N.type : null, ue = ae === "a" && typeof E.href == "string", we = oe && !(ae === "button" || ae === "input" || ae === "select" || ae === "summary" || ae === "textarea" || ue), sn = ue && k, Wn = Pe(
     N,
     {
       "aria-controls": V ? Mo(E["aria-controls"], H) : E["aria-controls"],
       "aria-expanded": V,
       "aria-haspopup": E["aria-haspopup"] ?? So(R),
-      "aria-disabled": y ? !0 : E["aria-disabled"],
+      "aria-disabled": k ? !0 : E["aria-disabled"],
       className: [E.className, "nk-popover__trigger"].filter(Boolean).join(" "),
       href: sn ? void 0 : E.href,
       id: S,
       onClick: L,
       onKeyDown: oe ? Q : E.onKeyDown,
-      ref: ye,
+      ref: ke,
       role: E.role ?? (sn ? "link" : we ? "button" : void 0),
-      tabIndex: y ? -1 : E.tabIndex ?? (we ? 0 : void 0)
+      tabIndex: k ? -1 : E.tabIndex ?? (we ? 0 : void 0)
     }
   );
   return /* @__PURE__ */ O(je, { children: [
@@ -2776,7 +2825,7 @@ const Lr = g(function(t, e) {
     /* @__PURE__ */ a(
       Oe.Provider,
       {
-        value: V && I ? h : Z,
+        value: V && x ? h : Z,
         children: j.present && Y ? /* @__PURE__ */ a(Ge, { container: M, inheritFrom: G, children: /* @__PURE__ */ O(
           He,
           {
@@ -2791,13 +2840,13 @@ const Lr = g(function(t, e) {
             id: H,
             role: V ? R : void 0,
             style: se ? {
-              ...k,
+              ...y,
               "--nk-popover-arrow-offset": `${se.arrowOffset}px`,
               left: se.left,
               top: se.top,
               zIndex: ve.zIndex
             } : {
-              ...k,
+              ...y,
               visibility: "hidden",
               zIndex: ve.zIndex
             },
@@ -2825,7 +2874,7 @@ function Vo(n) {
     Math.max(Ro, Math.trunc(n))
   ) : Vn;
 }
-function xe(n, t, e) {
+function Ie(n, t, e) {
   return (t === "numeric" ? n.replace(/[^0-9]/g, "") : n.replace(/[^0-9a-z]/gi, "").toUpperCase()).slice(0, e);
 }
 function Ao(n, t, e) {
@@ -2858,17 +2907,17 @@ function Bo(n) {
     onSelect: c,
     readOnly: p,
     value: v
-  } = n, m = Vo(i), x = xe(
+  } = n, m = Vo(i), I = Ie(
     t,
     r,
     m
   ), b = D(null), [w, M] = $(
-    x
-  ), [_, R] = $(0), k = v !== void 0, C = xe(
-    k ? v : w,
+    I
+  ), [_, R] = $(0), y = v !== void 0, C = Ie(
+    y ? v : w,
     r,
     m
-  ), I = W(
+  ), x = W(
     (S) => Ao(
       S,
       b,
@@ -2877,71 +2926,71 @@ function Bo(n) {
     [o]
   );
   q(() => {
-    !k && w !== C && M(C);
-  }, [k, C, w]), q(() => {
+    !y && w !== C && M(C);
+  }, [y, C, w]), q(() => {
     var A;
-    if (k) return;
+    if (y) return;
     const S = (A = b.current) == null ? void 0 : A.form;
     if (!S) return;
-    const y = S.getRootNode();
+    const k = S.getRootNode();
     function P(B) {
-      B.target !== S || B.defaultPrevented || (M(x), R(0));
+      B.target !== S || B.defaultPrevented || (M(I), R(0));
     }
-    return y.addEventListener("reset", P), () => y.removeEventListener("reset", P);
-  }, [k, x]);
+    return k.addEventListener("reset", P), () => k.removeEventListener("reset", P);
+  }, [y, I]);
   function N(S) {
-    const y = S.selectionStart ?? C.length;
-    return Math.min(m - 1, Math.max(0, y));
+    const k = S.selectionStart ?? C.length;
+    return Math.min(m - 1, Math.max(0, k));
   }
   function T(S) {
-    const y = S.currentTarget, P = y.selectionStart ?? y.value.length, A = xe(y.value, r, m), B = xe(
-      y.value.slice(0, P),
+    const k = S.currentTarget, P = k.selectionStart ?? k.value.length, A = Ie(k.value, r, m), B = Ie(
+      k.value.slice(0, P),
       r,
       m
     ).length;
-    y.value = A, k || M(A), l == null || l(S), A.length === m && A !== C && (s == null || s(A));
+    k.value = A, y || M(A), l == null || l(S), A.length === m && A !== C && (s == null || s(A));
     const V = Math.min(m - 1, B);
-    R(V), y.setSelectionRange(
+    R(V), k.setSelectionRange(
       V,
       Math.min(V + 1, A.length)
     );
   }
   function z(S) {
     if (d == null || d(S), S.defaultPrevented || e || p) return;
-    const y = xe(
+    const k = Ie(
       S.clipboardData.getData("text"),
       r,
       m
     );
-    if (S.preventDefault(), y.length === 0) return;
-    const P = S.currentTarget, A = P.selectionStart ?? C.length, B = P.selectionEnd ?? A, V = y.length === m ? y : xe(
-      C.slice(0, A) + y + C.slice(B),
+    if (S.preventDefault(), k.length === 0) return;
+    const P = S.currentTarget, A = P.selectionStart ?? C.length, B = P.selectionEnd ?? A, V = k.length === m ? k : Ie(
+      C.slice(0, A) + k + C.slice(B),
       r,
       m
-    ), j = y.length === m ? m : Math.min(m, A + y.length);
+    ), j = k.length === m ? m : Math.min(m, A + k.length);
     Oo(P, V), P.setSelectionRange(j, j), P.dispatchEvent(new Event("input", { bubbles: !0 }));
   }
   function Z(S) {
     if (f == null || f(S), S.defaultPrevented || S.key !== "ArrowLeft" && S.key !== "ArrowRight") return;
     S.preventDefault();
-    const y = S.key === "ArrowLeft" ? -1 : 1, P = Math.min(
+    const k = S.key === "ArrowLeft" ? -1 : 1, P = Math.min(
       m - 1,
-      Math.max(0, N(S.currentTarget) + y)
+      Math.max(0, N(S.currentTarget) + k)
     );
     R(P), tn(S.currentTarget, P, m);
   }
   function H(S) {
     u == null || u(S);
-    const y = Math.min(m - 1, C.length);
-    R(y), tn(S.currentTarget, y, m);
+    const k = Math.min(m - 1, C.length);
+    R(k), tn(S.currentTarget, k, m);
   }
   function E(S) {
     c == null || c(S), R(N(S.currentTarget));
   }
-  function U(S, y) {
+  function U(S, k) {
     if (S.preventDefault(), e) return;
     const P = b.current;
-    P && (R(y), tn(P, y, m));
+    P && (R(k), tn(P, k, m));
   }
   return {
     activeIndex: _,
@@ -2951,12 +3000,12 @@ function Bo(n) {
     handlePaste: z,
     handleSelect: E,
     handleSlotPointerDown: U,
-    inputCallbackReference: I,
+    inputCallbackReference: x,
     length: m,
     renderedValue: C
   };
 }
-const Mr = g(function(t, e) {
+const Er = g(function(t, e) {
   const {
     "aria-invalid": o,
     autoCapitalize: i,
@@ -2970,15 +3019,15 @@ const Mr = g(function(t, e) {
     mode: p = "numeric",
     onChange: v,
     onComplete: m,
-    onFocus: x,
+    onFocus: I,
     onKeyDown: b,
     onPaste: w,
     onSelect: M,
     readOnly: _ = !1,
     style: R,
-    value: k,
+    value: y,
     wrap: C = !1,
-    ...I
+    ...x
   } = t, {
     activeIndex: N,
     handleChange: T,
@@ -2988,7 +3037,7 @@ const Mr = g(function(t, e) {
     handleSelect: E,
     handleSlotPointerDown: U,
     inputCallbackReference: S,
-    length: y,
+    length: k,
     renderedValue: P
   } = Bo({
     defaultValue: u,
@@ -2998,15 +3047,15 @@ const Mr = g(function(t, e) {
     mode: p,
     onChange: v,
     onComplete: m,
-    onFocus: x,
+    onFocus: I,
     onKeyDown: b,
     onPaste: w,
     onSelect: M,
     readOnly: _,
-    value: k
-  }), A = d || he(o), B = !C && y >= 6 && y % 2 === 0, V = y / 2, j = {
+    value: y
+  }), A = d || he(o), B = !C && k >= 6 && k % 2 === 0, V = k / 2, j = {
     ...R,
-    "--nk-pin-input-columns": Math.ceil(y / 2)
+    "--nk-pin-input-columns": Math.ceil(k / 2)
   };
   return /* @__PURE__ */ O(
     "span",
@@ -3021,7 +3070,7 @@ const Mr = g(function(t, e) {
         /* @__PURE__ */ a(
           "input",
           {
-            ...I,
+            ...x,
             ref: S,
             "aria-invalid": ge(d, o),
             autoCapitalize: i ?? (p === "alphanumeric" ? "characters" : "off"),
@@ -3029,21 +3078,21 @@ const Mr = g(function(t, e) {
             className: "nk-pin-input__control",
             disabled: f,
             inputMode: p === "numeric" ? "numeric" : "text",
-            maxLength: y,
-            minLength: y,
+            maxLength: k,
+            minLength: k,
             onChange: T,
             onFocus: z,
             onKeyDown: Z,
             onPaste: H,
             onSelect: E,
-            pattern: p === "numeric" ? `[0-9]{${y}}` : `[0-9A-Za-z]{${y}}`,
+            pattern: p === "numeric" ? `[0-9]{${k}}` : `[0-9A-Za-z]{${k}}`,
             readOnly: _,
             spellCheck: !1,
             type: "text",
             value: P
           }
         ),
-        /* @__PURE__ */ a("span", { "aria-hidden": "true", className: "nk-pin-input__slots", children: Array.from({ length: y }, (te, ee) => /* @__PURE__ */ O("span", { className: "nk-pin-input__slot-group", children: [
+        /* @__PURE__ */ a("span", { "aria-hidden": "true", className: "nk-pin-input__slots", children: Array.from({ length: k }, (te, ee) => /* @__PURE__ */ O("span", { className: "nk-pin-input__slot-group", children: [
           B && ee === V ? /* @__PURE__ */ a("span", { className: "nk-pin-input__separator", children: "-" }) : null,
           /* @__PURE__ */ a(
             "span",
@@ -3068,7 +3117,7 @@ function Do() {
 function Ho(n, t, e) {
   t.current = n, typeof e == "function" ? e(n) : e && (e.current = n);
 }
-const Er = g(function(t, e) {
+const Sr = g(function(t, e) {
   const {
     children: o,
     className: i,
@@ -3077,16 +3126,16 @@ const Er = g(function(t, e) {
     value: s,
     ...u
   } = t, f = Do(), d = D(null), c = f.disabled || r, p = f.value !== void 0, v = f.value === s, m = W(
-    (x) => Ho(
-      x,
+    (I) => Ho(
+      I,
       d,
       e
     ),
     [e]
   );
   return q(() => {
-    var x;
-    !p && c && ((x = d.current) != null && x.checked) && (d.current.checked = !1);
+    var I;
+    !p && c && ((I = d.current) != null && I.checked) && (d.current.checked = !1);
   }, [p, c]), /* @__PURE__ */ O(
     "label",
     {
@@ -3130,7 +3179,7 @@ const Er = g(function(t, e) {
       required: p = !1,
       value: v,
       ...m
-    } = t, x = u || he(o), b = {
+    } = t, I = u || he(o), b = {
       defaultValue: l,
       disabled: s,
       name: f,
@@ -3148,7 +3197,7 @@ const Er = g(function(t, e) {
         "aria-required": p || void 0,
         className: ["nk-radio-group", r].filter(Boolean).join(" "),
         "data-disabled": s || void 0,
-        "data-invalid": x || void 0,
+        "data-invalid": I || void 0,
         "data-orientation": c,
         role: "radiogroup",
         children: i
@@ -3241,9 +3290,9 @@ function qo(n, t, e) {
     function s() {
       const d = t == null ? void 0 : t.getBoundingClientRect();
       if (!d) return;
-      const c = 8, p = 4, v = l.innerHeight - d.bottom - p - c, m = d.top - p - c, x = v < 160 && m > v, b = Math.max(
+      const c = 8, p = 4, v = l.innerHeight - d.bottom - p - c, m = d.top - p - c, I = v < 160 && m > v, b = Math.max(
         72,
-        x ? m : v
+        I ? m : v
       ), w = e == null ? void 0 : e.getBoundingClientRect(), M = Math.max(
         d.width,
         (w == null ? void 0 : w.width) ?? d.width
@@ -3253,7 +3302,7 @@ function qo(n, t, e) {
           c,
           l.innerWidth - c - M
         )
-      ), R = x ? Math.max(
+      ), R = I ? Math.max(
         c,
         d.top - p - Math.min(
           (w == null ? void 0 : w.height) ?? b,
@@ -3290,22 +3339,22 @@ function $o(n) {
     onSelect: p,
     options: v,
     ownerDocument: m,
-    position: x,
+    position: I,
     selectedValue: b,
     state: w,
     triggerReference: M
-  } = n, _ = D(null), R = Ke(!0, m), k = Me(
+  } = n, _ = D(null), R = Ke(!0, m), y = Me(
     () => [M, _],
     [M]
   ), C = W(
-    (I) => {
-      _.current = I, l(I);
+    (x) => {
+      _.current = x, l(x);
     },
     [l]
   );
   return Ue({
     active: t,
-    boundaries: k,
+    boundaries: y,
     dismissOnEscape: e,
     dismissOnPointerDownOutside: o,
     layerId: R.id,
@@ -3324,42 +3373,42 @@ function $o(n) {
       id: `${r}-listbox`,
       ref: C,
       role: "listbox",
-      style: x ? {
-        left: x.left,
-        maxHeight: x.maxHeight,
-        minWidth: x.minWidth,
-        top: x.top,
+      style: I ? {
+        left: I.left,
+        maxHeight: I.maxHeight,
+        minWidth: I.minWidth,
+        top: I.top,
         zIndex: R.zIndex
       } : { visibility: "hidden", zIndex: R.zIndex },
-      children: v.map((I, N) => /* @__PURE__ */ O(
+      children: v.map((x, N) => /* @__PURE__ */ O(
         "div",
         {
-          "aria-disabled": I.disabled || void 0,
-          "aria-selected": I.value === b,
+          "aria-disabled": x.disabled || void 0,
+          "aria-selected": x.value === b,
           className: "nk-select__option",
           "data-highlighted": N === i || void 0,
-          "data-selected": I.value === b || void 0,
+          "data-selected": x.value === b || void 0,
           id: `${r}-option-${N}`,
           onPointerDown: (T) => {
-            T.preventDefault(), I.disabled || p(I);
+            T.preventDefault(), x.disabled || p(x);
           },
           onPointerMove: () => {
-            I.disabled || f(N);
+            x.disabled || f(N);
           },
           role: "option",
           children: [
-            I.icon ? /* @__PURE__ */ a(me, { type: I.icon }) : null,
-            /* @__PURE__ */ a("span", { className: "nk-select__option-label", children: I.label }),
-            I.value === b ? /* @__PURE__ */ a(me, { className: "nk-select__check", type: "checkmark" }) : null
+            x.icon ? /* @__PURE__ */ a(me, { type: x.icon }) : null,
+            /* @__PURE__ */ a("span", { className: "nk-select__option-label", children: x.label }),
+            x.value === b ? /* @__PURE__ */ a(me, { className: "nk-select__check", type: "checkmark" }) : null
           ]
         },
-        I.value
+        x.value
       ))
     }
   );
 }
 function Go(n) {
-  var ke;
+  var ye;
   const {
     "aria-invalid": t,
     className: e,
@@ -3375,27 +3424,27 @@ function Go(n) {
     name: p,
     onChange: v,
     onClick: m,
-    onEscapeKeyDown: x,
+    onEscapeKeyDown: I,
     onKeyDown: b,
     onOpenChange: w,
     onPointerDownOutside: M,
     options: _,
     placeholder: R,
-    portalContainer: k,
+    portalContainer: y,
     required: C = !1,
-    style: I,
+    style: x,
     value: N,
     width: T,
     ...z
   } = n;
   zo(_);
-  const Z = Le(), H = d ?? Z, E = D(null), U = D(null), S = D(null), y = D(""), [P, A] = $(null), [B, V] = $(!1), [j, te] = $(-1), [ee, X] = $(r), K = N !== void 0, ce = K ? N : ee, pe = _.find(
+  const Z = Le(), H = d ?? Z, E = D(null), U = D(null), S = D(null), k = D(""), [P, A] = $(null), [B, V] = $(!1), [j, te] = $(-1), [ee, X] = $(r), K = N !== void 0, ce = K ? N : ee, pe = _.find(
     (h) => h.value === ce
-  ), be = c || he(t), Ee = ge(c, t), G = Ye(B), ne = (k == null ? void 0 : k.ownerDocument) ?? ((ke = E.current) == null ? void 0 : ke.ownerDocument) ?? (typeof document > "u" ? null : document), le = qo(
+  ), be = c || he(t), Ee = ge(c, t), G = Ye(B), ne = (y == null ? void 0 : y.ownerDocument) ?? ((ye = E.current) == null ? void 0 : ye.ownerDocument) ?? (typeof document > "u" ? null : document), le = qo(
     G.present,
     E.current,
     P
-  ), re = T === void 0 ? I : { ...I, width: T }, Y = s ?? pe, ve = W(
+  ), re = T === void 0 ? x : { ...x, width: T }, Y = s ?? pe, ve = W(
     (h) => {
       jo(
         h,
@@ -3413,7 +3462,7 @@ function Go(n) {
     te(
       L >= 0 ? L : on(_, Q, h)
     ), ie(!0);
-  }, [_, ce, ie]), ye = W((h) => {
+  }, [_, ce, ie]), ke = W((h) => {
     var L;
     h.disabled || (K || X(h.value), ie(!1), (L = E.current) == null || L.focus(), v == null || v(h.value));
   }, [K, v, ie]), Se = W(() => {
@@ -3448,7 +3497,7 @@ function Go(n) {
       if (h.key === "Enter" || h.key === " ") {
         h.preventDefault();
         const L = _[j];
-        B && L ? ye(L) : B || se();
+        B && L ? ke(L) : B || se();
         return;
       }
       if (h.key === "Tab") {
@@ -3458,13 +3507,13 @@ function Go(n) {
       if (h.key.length === 1 && !h.altKey && !h.ctrlKey && !h.metaKey) {
         const L = h.currentTarget.ownerDocument.defaultView;
         if (!L) return;
-        const Q = h.key.toLocaleLowerCase(), oe = y.current + Q, ae = Array.from(oe).every((Fe) => Fe === Q);
-        y.current = ae ? Q : oe, S.current !== null && L.clearTimeout(S.current), S.current = L.setTimeout(() => {
-          y.current = "", S.current = null;
+        const Q = h.key.toLocaleLowerCase(), oe = k.current + Q, ae = Array.from(oe).every((Fe) => Fe === Q);
+        k.current = ae ? Q : oe, S.current !== null && L.clearTimeout(S.current), S.current = L.setTimeout(() => {
+          k.current = "", S.current = null;
         }, 500);
         const ue = Wo(
           _,
-          y.current,
+          k.current,
           j
         );
         ue >= 0 && (h.preventDefault(), B || ie(!0), te(ue));
@@ -3574,7 +3623,7 @@ function Go(n) {
         G.present && ne ? /* @__PURE__ */ a(
           Ge,
           {
-            container: k,
+            container: y,
             inheritFrom: E.current,
             children: /* @__PURE__ */ a(
               $o,
@@ -3586,11 +3635,11 @@ function Go(n) {
                 id: H,
                 listboxReference: A,
                 onEscapeDismiss: Se,
-                onEscapeKeyDown: x,
+                onEscapeKeyDown: I,
                 onHighlight: te,
                 onOutsideDismiss: de,
                 onPointerDownOutside: M,
-                onSelect: ye,
+                onSelect: ke,
                 options: _,
                 ownerDocument: ne,
                 position: le,
@@ -3605,7 +3654,7 @@ function Go(n) {
     }
   );
 }
-const Sr = g(function(t, e) {
+const Rr = g(function(t, e) {
   const { options: o } = t;
   return o !== void 0 ? /* @__PURE__ */ a(
     Go,
@@ -3620,7 +3669,7 @@ const Sr = g(function(t, e) {
       forwardedReference: e
     }
   );
-}), Rr = g(function(t, e) {
+}), Tr = g(function(t, e) {
   const {
     "aria-hidden": o = !0,
     className: i,
@@ -3641,7 +3690,7 @@ const Sr = g(function(t, e) {
       style: { ...s, width: u, height: r }
     }
   );
-}), Tr = g(function(t, e) {
+}), Vr = g(function(t, e) {
   const {
     "aria-invalid": o,
     className: i,
@@ -3674,13 +3723,13 @@ const Sr = g(function(t, e) {
     }
   );
 }), Ko = 500, On = qe(null);
-function Vr(n) {
+function Ar(n) {
   const { children: t, delay: e = Ko } = n, o = Me(() => ({
     delay: e
   }), [e]);
   return /* @__PURE__ */ a(On.Provider, { value: o, children: t });
 }
-const Bn = 500, kn = 100;
+const Bn = 500, yn = 100;
 function Uo(n, t, e, o) {
   t.current = n, De(e, n), De(o, n);
 }
@@ -3709,21 +3758,21 @@ const Qo = g(function(t, e) {
     throw new Error("Tooltip content must not be empty");
   if (o.type === _e)
     throw new Error("Tooltip requires a single non-Fragment trigger");
-  const x = `${Le()}-tooltip`, b = Ne(On), w = o.props, M = Rn(o), _ = D(null), R = D(null), k = D(f), C = D(!1), I = D(null), N = D(null), T = D(null), z = D(!1), Z = D(!1), H = D(!1), E = D(!1), [U, S] = $(null), [y, P] = $(null), [A, B] = $(!1);
-  k.current = f;
+  const I = `${Le()}-tooltip`, b = Ne(On), w = o.props, M = Rn(o), _ = D(null), R = D(null), y = D(f), C = D(!1), x = D(null), N = D(null), T = D(null), z = D(!1), Z = D(!1), H = D(!1), E = D(!1), [U, S] = $(null), [k, P] = $(null), [A, B] = $(!1);
+  y.current = f;
   const V = Yo(
     u ?? (b == null ? void 0 : b.delay) ?? Bn
   ), j = Ye(A), te = (p == null ? void 0 : p.ownerDocument) ?? (U == null ? void 0 : U.ownerDocument) ?? (typeof document > "u" ? null : document), ee = Ke(j.present, te), X = Tn(
     j.present,
     c,
     U,
-    y
+    k
   ), K = Me(
     () => [_, R],
     []
   ), ce = Xo(
     w["aria-describedby"],
-    x
+    I
   ), pe = A && j.present ? ce : w["aria-describedby"], be = W(
     (h) => {
       Uo(
@@ -3740,8 +3789,8 @@ const Qo = g(function(t, e) {
     },
     []
   ), G = W(() => {
-    const h = I.current;
-    h && h.ownerWindow.clearTimeout(h.timerId), I.current = null;
+    const h = x.current;
+    h && h.ownerWindow.clearTimeout(h.timerId), x.current = null;
   }, []), ne = W(() => {
     const h = N.current;
     h && h.ownerWindow.clearTimeout(h.timerId), N.current = null;
@@ -3779,9 +3828,9 @@ const Qo = g(function(t, e) {
     const h = (Q = _.current) == null ? void 0 : Q.ownerDocument.defaultView;
     if (!h) return;
     const L = h.setTimeout(() => {
-      I.current = null, k.current || re(!0);
+      x.current = null, y.current || re(!0);
     }, V);
-    I.current = { ownerWindow: h, timerId: L };
+    x.current = { ownerWindow: h, timerId: L };
   }, [ne, G, V, re]);
   function ie(h) {
     var L;
@@ -3795,19 +3844,19 @@ const Qo = g(function(t, e) {
     var L;
     (L = w.onBlur) == null || L.call(w, h), !h.currentTarget.contains(h.relatedTarget) && (Z.current = !1, G(), Y(0));
   }
-  function ye(h) {
+  function ke(h) {
     var L;
     (L = w.onMouseEnter) == null || L.call(w, h), H.current = !0, ve();
   }
   function Se(h) {
     var L;
-    (L = w.onMouseLeave) == null || L.call(w, h), H.current = !1, G(), Y(kn);
+    (L = w.onMouseLeave) == null || L.call(w, h), H.current = !1, G(), Y(yn);
   }
   function de() {
     E.current = !0, ne();
   }
   function Re() {
-    E.current = !1, Y(kn);
+    E.current = !1, Y(yn);
   }
   function Te(h) {
     var oe, ae;
@@ -3843,14 +3892,14 @@ const Qo = g(function(t, e) {
       o,
       { ref: be }
     );
-  const ke = Pe(
+  const ye = Pe(
     o,
     {
       "aria-describedby": pe,
       className: [w.className, "nk-tooltip__trigger", i].filter(Boolean).join(" "),
       onBlur: se,
       onFocus: ie,
-      onMouseEnter: ye,
+      onMouseEnter: ke,
       onMouseLeave: Se,
       onPointerDown: Te,
       ref: be,
@@ -3858,7 +3907,7 @@ const Qo = g(function(t, e) {
     }
   );
   return /* @__PURE__ */ O(je, { children: [
-    ke,
+    ye,
     j.present && te ? /* @__PURE__ */ a(
       Ge,
       {
@@ -3872,7 +3921,7 @@ const Qo = g(function(t, e) {
             className: ["nk-tooltip", l].filter(Boolean).join(" "),
             "data-placement": (X == null ? void 0 : X.placement) ?? c,
             "data-state": j.state === "closing" ? "closing" : "open",
-            id: x,
+            id: I,
             onMouseEnter: de,
             onMouseLeave: Re,
             role: "tooltip",
@@ -4045,9 +4094,9 @@ const ir = g(
       rel: c,
       target: p,
       ...v
-    } = t, m = D(null), x = l !== void 0 || f !== void 0, b = (u == null ? void 0 : u.trim()) || (l !== void 0 ? "Open row" : "Activate row");
-    function w(k) {
-      m.current = k;
+    } = t, m = D(null), I = l !== void 0 || f !== void 0, b = (u == null ? void 0 : u.trim()) || (l !== void 0 ? "Open row" : "Activate row");
+    function w(y) {
+      m.current = y;
     }
     const M = l !== void 0 ? {
       kind: "link",
@@ -4067,28 +4116,28 @@ const ir = g(
       onClick: f,
       reference: w
     } : void 0, _ = M ? rr(o, M) : { content: o };
-    function R(k) {
-      if (k.defaultPrevented) return;
-      const C = k.target;
-      if (!(C instanceof Element) || nr(C, k.currentTarget)) return;
-      const I = m.current;
-      if (!I) return;
-      const N = I.ownerDocument.defaultView;
+    function R(y) {
+      if (y.defaultPrevented) return;
+      const C = y.target;
+      if (!(C instanceof Element) || nr(C, y.currentTarget)) return;
+      const x = m.current;
+      if (!x) return;
+      const N = x.ownerDocument.defaultView;
       if (!N) {
-        I.click();
+        x.click();
         return;
       }
-      I.dispatchEvent(new N.MouseEvent("click", {
-        altKey: k.altKey,
+      x.dispatchEvent(new N.MouseEvent("click", {
+        altKey: y.altKey,
         bubbles: !0,
-        button: k.button,
-        buttons: k.buttons,
+        button: y.button,
+        buttons: y.buttons,
         cancelable: !0,
-        clientX: k.clientX,
-        clientY: k.clientY,
-        ctrlKey: k.ctrlKey,
-        metaKey: k.metaKey,
-        shiftKey: k.shiftKey
+        clientX: y.clientX,
+        clientY: y.clientY,
+        ctrlKey: y.ctrlKey,
+        metaKey: y.metaKey,
+        shiftKey: y.shiftKey
       }));
     }
     return /* @__PURE__ */ a(
@@ -4097,8 +4146,8 @@ const ir = g(
         ...v,
         ref: e,
         className: ["nk-table__row", i].filter(Boolean).join(" "),
-        "data-interactive": x || void 0,
-        onClick: x ? R : void 0,
+        "data-interactive": I || void 0,
+        onClick: I ? R : void 0,
         children: _.content
       }
     );
@@ -4147,7 +4196,7 @@ const ir = g(
       truncate: u,
       value: f,
       ...d
-    } = t, { rowTrigger: c, ...p } = d, v = tr(f, i, l), m = u === void 0 ? void 0 : { maxWidth: u }, x = s ?? (u === void 0 ? void 0 : or(v));
+    } = t, { rowTrigger: c, ...p } = d, v = tr(f, i, l), m = u === void 0 ? void 0 : { maxWidth: u }, I = s ?? (u === void 0 ? void 0 : or(v));
     return /* @__PURE__ */ O(
       "td",
       {
@@ -4155,7 +4204,7 @@ const ir = g(
         ref: e,
         className: ["nk-table__cell", r].filter(Boolean).join(" "),
         "data-align": o,
-        title: x,
+        title: I,
         children: [
           (c == null ? void 0 : c.kind) === "link" && c.linkProperties ? /* @__PURE__ */ a(
             "a",
@@ -4232,7 +4281,7 @@ const ir = g(
     containerClassName: l,
     scrollContainerLabel: s,
     ...u
-  } = t, f = D(null), d = D(null), [c, p] = $(!1), [v, m] = $(!1), x = s ?? (o ? `${o} scroll area` : "Scrollable table"), b = W(
+  } = t, f = D(null), d = D(null), [c, p] = $(!1), [v, m] = $(!1), I = s ?? (o ? `${o} scroll area` : "Scrollable table"), b = W(
     (M) => {
       d.current = M, De(e, M);
     },
@@ -4241,17 +4290,17 @@ const ir = g(
   q(() => {
     const M = f.current, _ = d.current;
     if (!M || !_) return;
-    const R = M, k = _;
+    const R = M, y = _;
     function C() {
       const z = R.scrollWidth > R.clientWidth;
       p(z), z || m(!1);
     }
     C();
-    const I = R.ownerDocument.defaultView;
-    I == null || I.addEventListener("resize", C);
-    const N = I == null ? void 0 : I.ResizeObserver, T = N ? new N(C) : void 0;
-    return T == null || T.observe(R), T == null || T.observe(k), () => {
-      I == null || I.removeEventListener("resize", C), T == null || T.disconnect();
+    const x = R.ownerDocument.defaultView;
+    x == null || x.addEventListener("resize", C);
+    const N = x == null ? void 0 : x.ResizeObserver, T = N ? new N(C) : void 0;
+    return T == null || T.observe(R), T == null || T.observe(y), () => {
+      x == null || x.removeEventListener("resize", C), T == null || T.disconnect();
     };
   }, []);
   function w(M) {
@@ -4261,7 +4310,7 @@ const ir = g(
     "div",
     {
       ref: f,
-      "aria-label": c ? x : void 0,
+      "aria-label": c ? I : void 0,
       className: ["nk-table__container", l].filter(Boolean).join(" "),
       "data-scrolled": v || void 0,
       onScroll: w,
@@ -4279,7 +4328,7 @@ const ir = g(
       )
     }
   );
-}), Ar = Object.assign(fr, {
+}), Or = Object.assign(fr, {
   Action: dr,
   ActionCell: ur,
   ActionHeaderCell: cr,
@@ -4290,10 +4339,10 @@ const ir = g(
   Head: ir,
   Row: sr
 });
-function In(n) {
+function xn(n) {
   return Number.isFinite(n) ? Math.max(1, Math.floor(n)) : 1;
 }
-const Or = g(
+const Br = g(
   function(t, e) {
     const {
       "aria-invalid": o,
@@ -4306,9 +4355,9 @@ const Or = g(
       rows: d,
       style: c,
       ...p
-    } = t, v = In(d ?? s ?? 3), x = `calc(${In(s ?? d ?? 3) * 1.25}em + var(--nk-text-area-padding) * 2 + var(--nk-text-area-border-width) * 2)`, b = {
+    } = t, v = xn(d ?? s ?? 3), I = `calc(${xn(s ?? d ?? 3) * 1.25}em + var(--nk-text-area-padding) * 2 + var(--nk-text-area-border-width) * 2)`, b = {
       ...c,
-      "--nk-text-area-min-height": x
+      "--nk-text-area-min-height": I
     };
     return /* @__PURE__ */ a(
       "textarea",
@@ -4328,34 +4377,35 @@ const Or = g(
   }
 );
 export {
-  br as Alert,
+  kr as Alert,
   yr as Avatar,
-  kr as Badge,
+  xr as Badge,
   ze as Button,
   Ir as Card,
   Wt as Checkbox,
   qt as CheckboxGroup,
-  xr as Content,
-  Cr as Divider,
-  Pr as Field,
+  Cr as Content,
+  Pr as Divider,
+  _r as Field,
   me as Icon,
-  _r as Input,
-  Nr as Modal,
-  Mr as PinInput,
-  Lr as Popover,
-  Er as Radio,
+  Nr as Input,
+  Lr as Modal,
+  Er as PinInput,
+  Mr as Popover,
+  Sr as Radio,
   Fo as RadioGroup,
-  Sr as Select,
-  Rr as Skeleton,
+  Rr as Select,
+  Tr as Skeleton,
   Pn as Spinner,
-  Tr as Switch,
-  Ar as Table,
+  Vr as Switch,
+  Or as Table,
   fe as Text,
-  Or as TextArea,
+  Br as TextArea,
   Qo as Tooltip,
-  Vr as TooltipProvider,
+  Ar as TooltipProvider,
   Ce as breakpoint,
-  mr as cell,
-  wr as px,
-  gr as space
+  gr as cell,
+  br as px,
+  wr as space,
+  mr as tokens
 };