neatkit 0.16.5 → 0.16.7

package/dist/Select.js

@@ -1,118 +1,118 @@
 "use client";
-import { jsx as h, jsxs as O } from "react/jsx-runtime";
-import { useRef as S, useEffect as Q, useCallback as I, useMemo as Ee, useId as xe, useState as Y, forwardRef as De } from "react";
-import { u as ee } from "./effects-DGbA6Q2O.js";
-import { h as le, r as oe } from "./aria-Bv-xVREf.js";
-import { a as Oe } from "./reference-CXMr27nM.js";
-import { I as G } from "./Icon-BHNINDhB.js";
-import { c as Re, d as Le, b as Ne, P as Pe } from "./usePresence-BTRY1_l-.js";
-import { c as Ae, u as Te } from "./useAnchoredPosition-xI79veB2.js";
-function Se(t) {
-  const { form: n, onReset: a, resetValue: i, triggerReference: s } = t, r = S(null);
-  return Q(() => {
-    var d;
-    const c = (d = s.current) == null ? void 0 : d.form;
-    if (!c) return;
-    function l() {
-      const u = r.current;
-      if (u) {
-        const b = Array.from(u.options), g = b.find(
-          (y) => y.value === i
-        ) ?? b[0];
-        b.forEach((y) => {
-          y.defaultSelected = y === g;
+import { jsx as m, jsxs as O } from "react/jsx-runtime";
+import { useRef as P, useEffect as X, useCallback as I, useMemo as ke, useId as xe, useState as j, forwardRef as Ee } from "react";
+import { u as z } from "./effects-DGbA6Q2O.js";
+import { h as se, r as le } from "./aria-Bv-xVREf.js";
+import { a as Re } from "./reference-CXMr27nM.js";
+import { I as W } from "./Icon-B9-_-fzr.js";
+import { c as De, d as Oe, b as Le, P as Ne } from "./usePresence-BYnWctTh.js";
+import { c as Ae, u as Pe } from "./useAnchoredPosition-xI79veB2.js";
+function Te(t) {
+  const { form: n, onReset: a, resetValue: r, triggerReference: s } = t, l = P(null);
+  return X(() => {
+    var c;
+    const d = (c = s.current) == null ? void 0 : c.form;
+    if (!d) return;
+    function i() {
+      const h = l.current;
+      if (h) {
+        const y = Array.from(h.options), g = y.find(
+          (p) => p.value === r
+        ) ?? y[0];
+        y.forEach((p) => {
+          p.defaultSelected = p === g;
         });
       }
       a();
     }
-    return c.addEventListener("reset", l), () => c.removeEventListener("reset", l);
-  }, [n, a, i, s]), r;
+    return d.addEventListener("reset", i), () => d.removeEventListener("reset", i);
+  }, [n, a, r, s]), l;
 }
-const $ = 8, B = 4, He = 160, Me = 72;
-function Ve(t, n, a, i = "start") {
-  const s = a.bottom - t.bottom - B - $, r = t.top - a.top - B - $, c = s < He && r > s, l = Math.max(
-    Me,
-    c ? r : s
-  ), d = Math.max(
+const C = 8, U = 4, Se = 160, He = 72;
+function Me(t, n, a, r = "start") {
+  const s = a.bottom - t.bottom - U - C, l = t.top - a.top - U - C, d = s < Se && l > s, i = Math.max(
+    He,
+    d ? l : s
+  ), c = Math.max(
     t.width,
     (n == null ? void 0 : n.width) ?? t.width
-  ), u = a.left + $, b = Ae(
-    i,
+  ), h = a.left + C, y = Ae(
+    r,
     t.left,
     t.width,
-    d
+    c
   ), g = Math.min(
-    Math.max(u, b),
+    Math.max(h, y),
     Math.max(
-      u,
-      a.right - $ - d
+      h,
+      a.right - C - c
     )
-  ), y = c ? Math.max(
-    a.top + $,
-    t.top - B - Math.min((n == null ? void 0 : n.height) ?? l, l)
-  ) : t.bottom + B;
+  ), p = d ? Math.max(
+    a.top + C,
+    t.top - U - Math.min((n == null ? void 0 : n.height) ?? i, i)
+  ) : t.bottom + U;
   return {
     left: g,
-    maxHeight: l,
+    maxHeight: i,
     minWidth: t.width,
-    top: y
+    top: p
   };
 }
-function Ce(t, n, a, i, s = "start") {
-  const r = I(
-    (c) => {
-      const { panelSize: l, triggerBounds: d, visibleBounds: u } = c;
-      return Ve(
-        d,
-        l,
-        u,
+function Ve(t, n, a, r, s = "start") {
+  const l = I(
+    (d) => {
+      const { panelSize: i, triggerBounds: c, visibleBounds: h } = d;
+      return Me(
+        c,
+        i,
+        h,
         s
       );
     },
     [s]
   );
-  return Te({
+  return Pe({
     active: t,
-    boundary: i,
-    fit: r,
+    boundary: r,
+    fit: l,
     panel: a,
     trigger: n
   });
 }
-const We = 500;
-function $e(t) {
-  const n = S(""), a = S(null), i = S(null);
-  return Q(() => () => {
-    const s = i.current;
+const Ce = 500;
+function We(t) {
+  const n = P(""), a = P(null), r = P(null);
+  return X(() => () => {
+    const s = r.current;
     s && a.current !== null && s.clearTimeout(a.current);
   }, []), I((s) => {
-    var d;
-    const r = (d = t.current) == null ? void 0 : d.ownerDocument.defaultView;
-    if (!r) return null;
-    i.current = r;
-    const c = n.current + s, l = Array.from(c).every((u) => u === s);
-    return n.current = l ? s : c, a.current !== null && r.clearTimeout(a.current), a.current = r.setTimeout(() => {
+    var c;
+    const l = (c = t.current) == null ? void 0 : c.ownerDocument.defaultView;
+    if (!l) return null;
+    r.current = l;
+    const d = n.current + s, i = Array.from(d).every((h) => h === s);
+    return n.current = i ? s : d, a.current !== null && l.clearTimeout(a.current), a.current = l.setTimeout(() => {
       n.current = "", a.current = null;
-    }, We), n.current;
+    }, Ce), n.current;
   }, [t]);
 }
-function z(t, n, a) {
+function Z(t, n, a) {
   if (t.length === 0) return -1;
-  for (let i = 1; i <= t.length; i += 1) {
-    const s = (n + a * i + t.length) % t.length;
+  for (let r = 1; r <= t.length; r += 1) {
+    const s = (n + a * r + t.length) % t.length;
     if (!t[s].disabled) return s;
   }
   return -1;
 }
-function Ge(t, n, a) {
-  for (let i = 1; i <= t.length; i += 1) {
-    const s = (a + i + t.length) % t.length, r = t[s];
-    if (!r.disabled && r.label.toLocaleLowerCase().startsWith(n))
+function $e(t, n, a) {
+  for (let r = 1; r <= t.length; r += 1) {
+    const s = (a + r + t.length) % t.length, l = t[s];
+    if (!l.disabled && l.label.toLocaleLowerCase().startsWith(n))
       return s;
   }
   return -1;
 }
-function Ke(t) {
+function Ge(t) {
   const n = /* @__PURE__ */ new Set();
   t.forEach((a) => {
     if (n.has(a.value))
@@ -120,282 +120,280 @@ function Ke(t) {
     n.add(a.value);
   });
 }
-function qe(t) {
+function Ke(t) {
   const {
     active: n,
     align: a,
-    closeOnEscape: i,
-    closeOnOutsideInteraction: s,
     highlightedIndex: r,
-    id: c,
+    id: s,
     listboxReference: l,
     onEscapeDismiss: d,
-    onEscapeKeyDown: u,
-    onHighlight: b,
-    onOutsideDismiss: g,
+    onEscapeKeyDown: i,
+    onHighlight: c,
+    onOutsideDismiss: h,
     onPointerDownOutside: y,
-    onSelect: R,
-    options: L,
-    ownerDocument: H,
-    position: E,
-    selectedValue: x,
-    state: N,
-    triggerReference: K
-  } = t, m = S(null), q = ee("Select").boundaryElement, D = Re(!0, q), F = Ee(
-    () => [K, m],
-    [K]
-  ), j = I(
-    (f) => {
-      m.current = f, l(f);
+    onSelect: g,
+    options: p,
+    ownerDocument: R,
+    persistent: Y,
+    position: w,
+    selectedValue: k,
+    state: B,
+    triggerReference: f
+  } = t, $ = P(null), T = z("Select").boundaryElement, D = De(!0, T), G = ke(
+    () => [f, $],
+    [f]
+  ), K = I(
+    (u) => {
+      $.current = u, l(u);
     },
     [l]
   );
-  return Le({
+  return Oe({
     active: n,
-    boundaries: F,
-    boundary: q,
-    dismissOnEscape: i,
-    dismissOnPointerDownOutside: s,
+    boundaries: G,
+    boundary: T,
+    dismissOnEscape: !0,
+    dismissOnOutsideInteraction: Y ? "none" : "pass-through",
     layerId: D.id,
     onEscapeDismiss: d,
-    onEscapeKeyDown: u,
+    onEscapeKeyDown: i,
+    onOutsideDismiss: h,
     onPointerDownOutside: y,
-    onPointerDownOutsideDismiss: g,
-    ownerDocument: H
-  }), /* @__PURE__ */ h(
+    ownerDocument: R
+  }), /* @__PURE__ */ m(
     "div",
     {
       "aria-hidden": n ? void 0 : !0,
-      "aria-labelledby": c,
+      "aria-labelledby": s,
       className: "nk-select__listbox",
       "data-align": a,
-      "data-state": N,
-      id: `${c}-listbox`,
-      ref: j,
+      "data-state": B,
+      id: `${s}-listbox`,
+      ref: K,
       role: "listbox",
-      style: E ? {
-        left: E.left,
-        maxHeight: E.maxHeight,
-        minWidth: E.minWidth,
-        top: E.top,
+      style: w ? {
+        left: w.left,
+        maxHeight: w.maxHeight,
+        minWidth: w.minWidth,
+        top: w.top,
         zIndex: D.zIndex
       } : { visibility: "hidden", zIndex: D.zIndex },
-      children: L.map((f, M) => /* @__PURE__ */ O(
+      children: p.map((u, S) => /* @__PURE__ */ O(
         "div",
         {
-          "aria-disabled": f.disabled || void 0,
-          "aria-selected": f.value === x,
+          "aria-disabled": u.disabled || void 0,
+          "aria-selected": u.value === k,
           className: "nk-select__option",
-          "data-highlighted": M === r || void 0,
-          "data-selected": f.value === x || void 0,
-          id: `${c}-option-${M}`,
-          onPointerDown: (J) => {
-            J.preventDefault(), f.disabled || R(f);
+          "data-highlighted": S === r || void 0,
+          "data-selected": u.value === k || void 0,
+          id: `${s}-option-${S}`,
+          onPointerDown: (Q) => {
+            Q.preventDefault(), u.disabled || g(u);
           },
           onPointerMove: () => {
-            f.disabled || b(M);
+            u.disabled || c(S);
           },
           role: "option",
           children: [
-            f.icon ? /* @__PURE__ */ h(G, { type: f.icon }) : null,
-            /* @__PURE__ */ h("span", { className: "nk-select__option-label", children: f.label }),
-            f.value === x ? /* @__PURE__ */ h(G, { className: "nk-select__check", type: "checkmark" }) : null
+            u.icon ? /* @__PURE__ */ m(W, { type: u.icon }) : null,
+            /* @__PURE__ */ m("span", { className: "nk-select__option-label", children: u.label }),
+            u.value === k ? /* @__PURE__ */ m(W, { className: "nk-select__check", type: "checkmark" }) : null
           ]
         },
-        f.value
+        u.value
       ))
     }
   );
 }
-function Fe(t, n, a) {
-  n.current = t, Oe(a, t);
+function qe(t, n, a) {
+  n.current = t, Re(a, t);
 }
-function je(t) {
-  var ae;
+function Fe(t) {
+  var ne;
   const {
     "aria-invalid": n,
     align: a = "start",
-    className: i,
-    closeOnEscape: s = !0,
-    closeOnOutsideInteraction: r = !0,
-    defaultValue: c = "",
+    className: r,
+    defaultValue: s = "",
     disabled: l = !1,
     displayOverride: d,
-    form: u,
-    forwardedReference: b,
-    id: g,
+    form: i,
+    forwardedReference: c,
+    id: h,
     invalid: y = !1,
-    name: R,
-    onChange: L,
-    onClick: H,
-    onEscapeKeyDown: E,
-    onKeyDown: x,
-    onOpenChange: N,
-    onPointerDownOutside: K,
-    options: m,
-    placeholder: q,
+    name: g,
+    onChange: p,
+    onClick: R,
+    onEscapeKeyDown: Y,
+    onKeyDown: w,
+    onOpenChange: k,
+    onPointerDownOutside: B,
+    options: f,
+    placeholder: $,
+    persistent: T = !1,
     required: D = !1,
-    style: F,
-    value: j,
-    width: f,
-    ...M
+    style: G,
+    value: K,
+    width: u,
+    ...S
   } = t;
-  Ke(m);
-  const J = xe(), P = g ?? J, w = S(null), [V, ie] = Y(null), [p, re] = Y(!1), [_, C] = Y(-1), [ce, te] = Y(c), A = j !== void 0, T = A ? j : ce, de = m.find(
-    (e) => e.value === T
-  ), ue = y || le(n), fe = oe(y, n), Z = Ne(p), W = ((ae = w.current) == null ? void 0 : ae.ownerDocument) ?? (typeof document > "u" ? null : document), me = ee("Select").boundaryElement, he = Ce(
-    Z.present,
-    w.current,
-    V,
-    me,
+  Ge(f);
+  const Q = xe(), L = h ?? Q, _ = P(null), [H, oe] = j(null), [v, re] = j(!1), [x, M] = j(-1), [ie, ee] = j(s), N = K !== void 0, A = N ? K : ie, ce = f.find(
+    (e) => e.value === A
+  ), de = y || se(n), ue = le(y, n), J = Le(v), V = ((ne = _.current) == null ? void 0 : ne.ownerDocument) ?? (typeof document > "u" ? null : document), fe = z("Select").boundaryElement, me = Ve(
+    J.present,
+    _.current,
+    H,
+    fe,
     a
-  ), pe = $e(w), ve = f === void 0 ? F : { ...F, width: f }, U = d ?? de, be = I(
-    (e) => Fe(
+  ), he = We(_), pe = u === void 0 ? G : { ...G, width: u }, q = d ?? ce, ve = I(
+    (e) => qe(
       e,
-      w,
-      b
+      _,
+      c
     ),
-    [b]
-  ), v = I((e) => {
-    p !== e && (re(e), N == null || N(e));
-  }, [N, p]), ye = I(() => {
-    A || te(c), v(!1);
-  }, [c, A, v]), Ie = Se({
-    form: u,
-    onReset: ye,
-    resetValue: A ? T : c,
-    triggerReference: w
-  }), X = I((e = 1) => {
-    const o = m.findIndex(
-      (se) => se.value === T && !se.disabled
-    ), k = e === 1 ? -1 : m.length;
-    C(
-      o >= 0 ? o : z(m, k, e)
-    ), v(!0);
-  }, [m, T, v]), ne = I((e) => {
+    [c]
+  ), b = I((e) => {
+    v !== e && (re(e), k == null || k(e));
+  }, [k, v]), be = I(() => {
+    N || ee(s), b(!1);
+  }, [s, N, b]), ye = Te({
+    form: i,
+    onReset: be,
+    resetValue: N ? A : s,
+    triggerReference: _
+  }), F = I((e = 1) => {
+    const o = f.findIndex(
+      (ae) => ae.value === A && !ae.disabled
+    ), E = e === 1 ? -1 : f.length;
+    M(
+      o >= 0 ? o : Z(f, E, e)
+    ), b(!0);
+  }, [f, A, b]), te = I((e) => {
     var o;
-    l || e.disabled || (A || te(e.value), v(!1), (o = w.current) == null || o.focus(), L == null || L(e.value));
-  }, [l, A, L, v]), ge = I(() => {
+    l || e.disabled || (N || ee(e.value), b(!1), (o = _.current) == null || o.focus(), p == null || p(e.value));
+  }, [l, N, p, b]), ge = I(() => {
     var e;
-    v(!1), (e = w.current) == null || e.focus();
-  }, [v]), we = I(() => {
-    v(!1);
-  }, [v]);
-  function _e(e) {
-    H == null || H(e), !(e.defaultPrevented || l) && (p ? v(!1) : X());
+    b(!1), (e = _.current) == null || e.focus();
+  }, [b]), Ie = I(() => {
+    b(!1);
+  }, [b]);
+  function we(e) {
+    R == null || R(e), !(e.defaultPrevented || l) && (v ? b(!1) : F());
   }
-  function ke(e) {
-    if (x == null || x(e), !(e.defaultPrevented || l)) {
+  function _e(e) {
+    if (w == null || w(e), !(e.defaultPrevented || l)) {
       if (e.key === "ArrowDown" || e.key === "ArrowUp") {
         e.preventDefault();
         const o = e.key === "ArrowDown" ? 1 : -1;
-        p ? C(
-          (k) => z(m, k, o)
-        ) : X(o);
+        v ? M(
+          (E) => Z(f, E, o)
+        ) : F(o);
         return;
       }
       if (e.key === "Home" || e.key === "End") {
-        if (e.preventDefault(), !p) X(e.key === "Home" ? 1 : -1);
+        if (e.preventDefault(), !v) F(e.key === "Home" ? 1 : -1);
         else {
-          const o = e.key === "Home" ? 1 : -1, k = o === 1 ? -1 : m.length;
-          C(
-            z(m, k, o)
+          const o = e.key === "Home" ? 1 : -1, E = o === 1 ? -1 : f.length;
+          M(
+            Z(f, E, o)
           );
         }
         return;
       }
       if (e.key === "Enter" || e.key === " ") {
         e.preventDefault();
-        const o = m[_];
-        p && o ? ne(o) : p || X();
+        const o = f[x];
+        v && o ? te(o) : v || F();
         return;
       }
       if (e.key === "Tab") {
-        v(!1);
+        T || b(!1);
         return;
       }
       if (e.key.length === 1 && !e.altKey && !e.ctrlKey && !e.metaKey) {
-        const o = pe(e.key.toLocaleLowerCase());
+        const o = he(e.key.toLocaleLowerCase());
         if (o === null) return;
-        const k = Ge(
-          m,
+        const E = $e(
+          f,
           o,
-          _
+          x
         );
-        k >= 0 && (e.preventDefault(), p || v(!0), C(k));
+        E >= 0 && (e.preventDefault(), v || b(!0), M(E));
       }
     }
   }
-  return Q(() => {
-    l && v(!1);
-  }, [l, v]), Q(() => {
+  return X(() => {
+    l && b(!1);
+  }, [l, b]), X(() => {
     var e;
-    if (p && _ >= 0) {
-      const o = W == null ? void 0 : W.getElementById(
-        `${P}-option-${_}`
+    if (v && x >= 0) {
+      const o = V == null ? void 0 : V.getElementById(
+        `${L}-option-${x}`
       );
-      o && (V != null && V.contains(o)) && ((e = o.scrollIntoView) == null || e.call(o, { block: "nearest" }));
+      o && (H != null && H.contains(o)) && ((e = o.scrollIntoView) == null || e.call(o, { block: "nearest" }));
     }
-  }, [_, P, V, p]), /* @__PURE__ */ O(
+  }, [x, L, H, v]), /* @__PURE__ */ O(
     "span",
     {
-      className: ["nk-select", i].filter(Boolean).join(" "),
+      className: ["nk-select", r].filter(Boolean).join(" "),
       "data-disabled": l || void 0,
-      "data-invalid": ue || void 0,
+      "data-invalid": de || void 0,
       "data-mode": "custom",
-      "data-open": p || void 0,
-      style: ve,
+      "data-open": v || void 0,
+      style: pe,
       children: [
         /* @__PURE__ */ O(
           "button",
           {
-            ...M,
-            ref: be,
-            "aria-activedescendant": p && _ >= 0 ? `${P}-option-${_}` : void 0,
-            "aria-controls": `${P}-listbox`,
-            "aria-expanded": p,
+            ...S,
+            ref: ve,
+            "aria-activedescendant": v && x >= 0 ? `${L}-option-${x}` : void 0,
+            "aria-controls": `${L}-listbox`,
+            "aria-expanded": v,
             "aria-haspopup": "listbox",
-            "aria-invalid": fe,
+            "aria-invalid": ue,
             "aria-required": D || void 0,
             "aria-autocomplete": "none",
             className: "nk-select__trigger",
             disabled: l,
-            form: u,
-            id: P,
-            onClick: _e,
-            onKeyDown: ke,
+            form: i,
+            id: L,
+            onClick: we,
+            onKeyDown: _e,
             role: "combobox",
             type: "button",
             children: [
-              U ? /* @__PURE__ */ O("span", { className: "nk-select__value", children: [
-                U.icon ? /* @__PURE__ */ h(G, { type: U.icon }) : null,
-                /* @__PURE__ */ h("span", { className: "nk-select__value-label", children: U.label })
-              ] }) : /* @__PURE__ */ h("span", { className: "nk-select__placeholder", children: q }),
-              /* @__PURE__ */ h(G, { className: "nk-select__icon", type: "chevron-down" })
+              q ? /* @__PURE__ */ O("span", { className: "nk-select__value", children: [
+                q.icon ? /* @__PURE__ */ m(W, { type: q.icon }) : null,
+                /* @__PURE__ */ m("span", { className: "nk-select__value-label", children: q.label })
+              ] }) : /* @__PURE__ */ m("span", { className: "nk-select__placeholder", children: $ }),
+              /* @__PURE__ */ m(W, { className: "nk-select__icon", type: "chevron-down" })
             ]
           }
         ),
-        R || D ? /* @__PURE__ */ O(
+        g || D ? /* @__PURE__ */ O(
           "select",
           {
-            ref: Ie,
+            ref: ye,
             "aria-hidden": "true",
             className: "nk-select__form-control",
             disabled: l,
-            form: u,
-            name: R,
+            form: i,
+            name: g,
             onChange: () => {
             },
             onInvalid: (e) => {
               var o;
-              e.preventDefault(), (o = w.current) == null || o.focus();
+              e.preventDefault(), (o = _.current) == null || o.focus();
             },
             required: D,
             tabIndex: -1,
-            value: T,
+            value: A,
             children: [
-              /* @__PURE__ */ h("option", { value: "" }),
-              m.map((e) => /* @__PURE__ */ h(
+              /* @__PURE__ */ m("option", { value: "" }),
+              f.map((e) => /* @__PURE__ */ m(
                 "option",
                 {
                   disabled: e.disabled,
@@ -407,88 +405,87 @@ function je(t) {
             ]
           }
         ) : null,
-        Z.present && W ? /* @__PURE__ */ h(Pe, { children: /* @__PURE__ */ h(
-          qe,
+        J.present && V ? /* @__PURE__ */ m(Ne, { children: /* @__PURE__ */ m(
+          Ke,
           {
-            active: p,
+            active: v,
             align: a,
-            closeOnEscape: s,
-            closeOnOutsideInteraction: r,
-            highlightedIndex: _,
-            id: P,
-            listboxReference: ie,
+            highlightedIndex: x,
+            id: L,
+            listboxReference: oe,
             onEscapeDismiss: ge,
-            onEscapeKeyDown: E,
-            onHighlight: C,
-            onOutsideDismiss: we,
-            onPointerDownOutside: K,
-            onSelect: ne,
-            options: m,
-            ownerDocument: W,
-            position: he,
-            selectedValue: T,
-            state: Z.state === "closing" ? "closing" : "open",
-            triggerReference: w
+            onEscapeKeyDown: Y,
+            onHighlight: M,
+            onOutsideDismiss: Ie,
+            onPointerDownOutside: B,
+            onSelect: te,
+            options: f,
+            ownerDocument: V,
+            persistent: T,
+            position: me,
+            selectedValue: A,
+            state: J.state === "closing" ? "closing" : "open",
+            triggerReference: _
           }
         ) }) : null
       ]
     }
   );
 }
-function Ue(t) {
+function je(t) {
   const {
     "aria-invalid": n,
     children: a,
-    className: i,
+    className: r,
     defaultValue: s,
-    disabled: r = !1,
-    forwardedReference: c,
-    invalid: l = !1,
-    placeholder: d,
-    style: u,
-    value: b,
+    disabled: l = !1,
+    forwardedReference: d,
+    invalid: i = !1,
+    placeholder: c,
+    style: h,
+    value: y,
     ...g
-  } = t, y = oe(l, n), R = l || le(n);
+  } = t, p = le(i, n), R = i || se(n);
   return /* @__PURE__ */ O(
     "span",
     {
-      className: ["nk-select", i].filter(Boolean).join(" "),
-      "data-disabled": r || void 0,
+      className: ["nk-select", r].filter(Boolean).join(" "),
+      "data-disabled": l || void 0,
       "data-invalid": R || void 0,
       "data-mode": "native",
-      style: u,
+      style: h,
       children: [
         /* @__PURE__ */ O(
           "select",
           {
             ...g,
-            ref: c,
-            "aria-invalid": y,
+            ref: d,
+            "aria-invalid": p,
             className: "nk-select__control",
-            defaultValue: b === void 0 ? s ?? (d !== void 0 ? "" : void 0) : void 0,
-            disabled: r,
-            value: b,
+            defaultValue: y === void 0 ? s ?? (c !== void 0 ? "" : void 0) : void 0,
+            disabled: l,
+            value: y,
             children: [
-              d !== void 0 ? /* @__PURE__ */ h("option", { disabled: !0, value: "", children: d }) : null,
+              c !== void 0 ? /* @__PURE__ */ m("option", { disabled: !0, value: "", children: c }) : null,
               a
             ]
           }
         ),
-        /* @__PURE__ */ h(G, { className: "nk-select__icon", type: "chevron-down" })
+        /* @__PURE__ */ m(W, { className: "nk-select__icon", type: "chevron-down" })
       ]
     }
   );
 }
-const tt = De(function(n, a) {
-  const { options: i } = n;
-  return ee("Select"), i !== void 0 ? /* @__PURE__ */ h(
-    je,
+const et = Ee(function(n, a) {
+  const { options: r } = n;
+  return z("Select"), r !== void 0 ? /* @__PURE__ */ m(
+    Fe,
     {
       ...n,
       forwardedReference: a
     }
-  ) : /* @__PURE__ */ h(
-    Ue,
+  ) : /* @__PURE__ */ m(
+    je,
     {
       ...n,
       forwardedReference: a
@@ -496,5 +493,5 @@ const tt = De(function(n, a) {
   );
 });
 export {
-  tt as default
+  et as default
 };