neatkit 0.9.0 → 0.11.0

package/dist/Select.js

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