neatkit 0.14.1 → 0.15.1

package/dist/Select.js

@@ -1,112 +1,118 @@
 "use client";
-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-DK4tkZtF.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
+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-DK4tkZtF.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 === w;
+          y.defaultSelected = y === g;
         });
       }
       a();
     }
-    return s.addEventListener("reset", m), () => s.removeEventListener("reset", m);
-  }, [n, a, l, o]), i;
+    return c.addEventListener("reset", l), () => c.removeEventListener("reset", l);
+  }, [n, a, i, s]), r;
 }
-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(
+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(
     t.width,
     (n == null ? void 0 : n.width) ?? t.width
-  ), c = a.left + W, v = Math.min(
-    Math.max(c, t.left),
+  ), u = a.left + $, b = Ae(
+    i,
+    t.left,
+    t.width,
+    d
+  ), g = Math.min(
+    Math.max(u, b),
     Math.max(
-      c,
-      a.right - W - m
+      u,
+      a.right - $ - d
     )
-  ), b = i ? Math.max(
-    a.top + W,
-    t.top - X - Math.min((n == null ? void 0 : n.height) ?? s, s)
-  ) : t.bottom + X;
+  ), y = c ? Math.max(
+    a.top + $,
+    t.top - B - Math.min((n == null ? void 0 : n.height) ?? l, l)
+  ) : t.bottom + B;
   return {
-    left: v,
-    maxHeight: s,
+    left: g,
+    maxHeight: l,
     minWidth: t.width,
-    top: b
+    top: y
   };
 }
-function Me(t, n, a, l) {
-  const o = I(
-    (i) => {
-      const { panelBounds: s, triggerBounds: m, visibleBounds: c } = i;
-      return He(
-        m,
-        s,
-        c
+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,
+        s
       );
     },
-    []
+    [s]
   );
-  return Ne({
+  return Te({
     active: t,
-    boundary: l,
-    fit: o,
+    boundary: i,
+    fit: r,
     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(() => {
+const We = 500;
+function $e(t) {
+  const n = S(""), a = S(null), i = S(null);
+  return Q(() => () => {
+    const s = i.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(() => {
       n.current = "", a.current = null;
-    }, Ve), n.current;
+    }, We), n.current;
   }, [t]);
 }
-function Z(t, n, a) {
+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;
+  for (let i = 1; i <= t.length; i += 1) {
+    const s = (n + a * i + t.length) % t.length;
+    if (!t[s].disabled) return s;
   }
   return -1;
 }
-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;
+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))
+      return s;
   }
   return -1;
 }
-function $e(t) {
+function Ke(t) {
   const n = /* @__PURE__ */ new Set();
   t.forEach((a) => {
     if (n.has(a.value))
@@ -114,278 +120,282 @@ function $e(t) {
     n.add(a.value);
   });
 }
-function Ge(t) {
+function qe(t) {
   const {
     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) => {
-      u.current = d, s(d);
+    align: a,
+    closeOnEscape: i,
+    closeOnOutsideInteraction: s,
+    highlightedIndex: r,
+    id: c,
+    listboxReference: l,
+    onEscapeDismiss: d,
+    onEscapeKeyDown: u,
+    onHighlight: b,
+    onOutsideDismiss: g,
+    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);
     },
-    [s]
+    [l]
   );
-  return Re({
+  return Le({
     active: n,
-    boundaries: q,
-    boundary: K,
-    dismissOnEscape: a,
-    dismissOnPointerDownOutside: l,
-    layerId: O.id,
-    onEscapeDismiss: m,
-    onEscapeKeyDown: c,
-    onPointerDownOutside: w,
-    onPointerDownOutsideDismiss: b,
-    ownerDocument: A
-  }), /* @__PURE__ */ f(
+    boundaries: F,
+    boundary: q,
+    dismissOnEscape: i,
+    dismissOnPointerDownOutside: s,
+    layerId: D.id,
+    onEscapeDismiss: d,
+    onEscapeKeyDown: u,
+    onPointerDownOutside: y,
+    onPointerDownOutsideDismiss: g,
+    ownerDocument: H
+  }), /* @__PURE__ */ h(
     "div",
     {
       "aria-hidden": n ? void 0 : !0,
-      "aria-labelledby": i,
+      "aria-labelledby": c,
       className: "nk-select__listbox",
-      "data-state": S,
-      id: `${i}-listbox`,
-      ref: F,
+      "data-align": a,
+      "data-state": N,
+      id: `${c}-listbox`,
+      ref: j,
       role: "listbox",
-      style: x ? {
-        left: x.left,
-        maxHeight: x.maxHeight,
-        minWidth: x.minWidth,
-        top: x.top,
-        zIndex: O.zIndex
-      } : { visibility: "hidden", zIndex: O.zIndex },
-      children: _.map((d, H) => /* @__PURE__ */ R(
+      style: E ? {
+        left: E.left,
+        maxHeight: E.maxHeight,
+        minWidth: E.minWidth,
+        top: E.top,
+        zIndex: D.zIndex
+      } : { visibility: "hidden", zIndex: D.zIndex },
+      children: L.map((f, M) => /* @__PURE__ */ O(
         "div",
         {
-          "aria-disabled": d.disabled || void 0,
-          "aria-selected": d.value === D,
+          "aria-disabled": f.disabled || void 0,
+          "aria-selected": f.value === x,
           className: "nk-select__option",
-          "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);
+          "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);
           },
           onPointerMove: () => {
-            d.disabled || v(H);
+            f.disabled || b(M);
           },
           role: "option",
           children: [
-            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
+            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
           ]
         },
-        d.value
+        f.value
       ))
     }
   );
 }
-function Ke(t, n, a) {
-  n.current = t, De(a, t);
+function Fe(t, n, a) {
+  n.current = t, Oe(a, t);
 }
-function qe(t) {
-  var ne;
+function je(t) {
+  var ae;
   const {
     "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: F,
-    width: d,
-    ...H
+    align: a = "start",
+    className: i,
+    closeOnEscape: s = !0,
+    closeOnOutsideInteraction: r = !0,
+    defaultValue: c = "",
+    disabled: l = !1,
+    displayOverride: d,
+    form: u,
+    forwardedReference: b,
+    id: g,
+    invalid: y = !1,
+    name: R,
+    onChange: L,
+    onClick: H,
+    onEscapeKeyDown: E,
+    onKeyDown: x,
+    onOpenChange: N,
+    onPointerDownOutside: K,
+    options: m,
+    placeholder: q,
+    required: D = !1,
+    style: F,
+    value: j,
+    width: f,
+    ...M
   } = 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(
+  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,
+    a
+  ), pe = $e(w), ve = f === void 0 ? F : { ...F, width: f }, U = d ?? de, be = I(
+    (e) => Fe(
       e,
-      g,
-      v
+      w,
+      b
     ),
-    [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(() => {
+    [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) => {
+    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(() => {
     var e;
-    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());
-  }
+    v(!1), (e = w.current) == null || e.focus();
+  }, [v]), we = I(() => {
+    v(!1);
+  }, [v]);
   function _e(e) {
-    if (D == null || D(e), !(e.defaultPrevented || s)) {
+    H == null || H(e), !(e.defaultPrevented || l) && (p ? v(!1) : X());
+  }
+  function ke(e) {
+    if (x == null || x(e), !(e.defaultPrevented || l)) {
       if (e.key === "ArrowDown" || e.key === "ArrowUp") {
         e.preventDefault();
-        const r = e.key === "ArrowDown" ? 1 : -1;
-        h ? V(
-          (E) => Z(u, E, r)
-        ) : z(r);
+        const o = e.key === "ArrowDown" ? 1 : -1;
+        p ? C(
+          (k) => z(m, k, o)
+        ) : X(o);
         return;
       }
       if (e.key === "Home" || e.key === "End") {
-        if (e.preventDefault(), !h) z(e.key === "Home" ? 1 : -1);
+        if (e.preventDefault(), !p) X(e.key === "Home" ? 1 : -1);
         else {
-          const r = e.key === "Home" ? 1 : -1, E = r === 1 ? -1 : u.length;
-          V(
-            Z(u, E, r)
+          const o = e.key === "Home" ? 1 : -1, k = o === 1 ? -1 : m.length;
+          C(
+            z(m, k, o)
           );
         }
         return;
       }
       if (e.key === "Enter" || e.key === " ") {
         e.preventDefault();
-        const r = u[k];
-        h && r ? te(r) : h || z();
+        const o = m[_];
+        p && o ? ne(o) : p || X();
         return;
       }
       if (e.key === "Tab") {
-        p(!1);
+        v(!1);
         return;
       }
       if (e.key.length === 1 && !e.altKey && !e.ctrlKey && !e.metaKey) {
-        const r = he(e.key.toLocaleLowerCase());
-        if (r === null) return;
-        const E = We(
-          u,
-          r,
-          k
+        const o = pe(e.key.toLocaleLowerCase());
+        if (o === null) return;
+        const k = Ge(
+          m,
+          o,
+          _
         );
-        E >= 0 && (e.preventDefault(), h || p(!0), V(E));
+        k >= 0 && (e.preventDefault(), p || v(!0), C(k));
       }
     }
   }
-  return Y(() => {
-    s && p(!1);
-  }, [s, p]), Y(() => {
+  return Q(() => {
+    l && v(!1);
+  }, [l, v]), Q(() => {
     var e;
-    if (h && k >= 0) {
-      const r = C == null ? void 0 : C.getElementById(
-        `${L}-option-${k}`
+    if (p && _ >= 0) {
+      const o = W == null ? void 0 : W.getElementById(
+        `${P}-option-${_}`
       );
-      r && (M != null && M.contains(r)) && ((e = r.scrollIntoView) == null || e.call(r, { block: "nearest" }));
+      o && (V != null && V.contains(o)) && ((e = o.scrollIntoView) == null || e.call(o, { block: "nearest" }));
     }
-  }, [k, L, M, h]), /* @__PURE__ */ R(
+  }, [_, P, V, p]), /* @__PURE__ */ O(
     "span",
     {
-      className: ["nk-select", a].filter(Boolean).join(" "),
-      "data-disabled": s || void 0,
-      "data-invalid": de || void 0,
+      className: ["nk-select", i].filter(Boolean).join(" "),
+      "data-disabled": l || void 0,
+      "data-invalid": ue || void 0,
       "data-mode": "custom",
-      "data-open": h || void 0,
-      style: pe,
+      "data-open": p || void 0,
+      style: ve,
       children: [
-        /* @__PURE__ */ R(
+        /* @__PURE__ */ O(
           "button",
           {
-            ...H,
-            ref: ve,
-            "aria-activedescendant": h && k >= 0 ? `${L}-option-${k}` : void 0,
-            "aria-controls": `${L}-listbox`,
-            "aria-expanded": h,
+            ...M,
+            ref: be,
+            "aria-activedescendant": p && _ >= 0 ? `${P}-option-${_}` : void 0,
+            "aria-controls": `${P}-listbox`,
+            "aria-expanded": p,
             "aria-haspopup": "listbox",
-            "aria-invalid": ue,
-            "aria-required": O || void 0,
+            "aria-invalid": fe,
+            "aria-required": D || void 0,
             "aria-autocomplete": "none",
             className: "nk-select__trigger",
-            disabled: s,
-            form: c,
-            id: L,
-            onClick: we,
-            onKeyDown: _e,
+            disabled: l,
+            form: u,
+            id: P,
+            onClick: _e,
+            onKeyDown: ke,
             role: "combobox",
             type: "button",
             children: [
-              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" })
+              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" })
             ]
           }
         ),
-        y || O ? /* @__PURE__ */ R(
+        R || D ? /* @__PURE__ */ O(
           "select",
           {
-            ref: ye,
+            ref: Ie,
             "aria-hidden": "true",
             className: "nk-select__form-control",
-            disabled: s,
-            form: c,
-            name: y,
+            disabled: l,
+            form: u,
+            name: R,
             onChange: () => {
             },
             onInvalid: (e) => {
-              var r;
-              e.preventDefault(), (r = g.current) == null || r.focus();
+              var o;
+              e.preventDefault(), (o = w.current) == null || o.focus();
             },
-            required: O,
+            required: D,
             tabIndex: -1,
-            value: P,
+            value: T,
             children: [
-              /* @__PURE__ */ f("option", { value: "" }),
-              u.map((e) => /* @__PURE__ */ f(
+              /* @__PURE__ */ h("option", { value: "" }),
+              m.map((e) => /* @__PURE__ */ h(
                 "option",
                 {
                   disabled: e.disabled,
@@ -397,87 +407,88 @@ function qe(t) {
             ]
           }
         ) : null,
-        J.present && C ? /* @__PURE__ */ f(Le, { children: /* @__PURE__ */ f(
-          Ge,
+        Z.present && W ? /* @__PURE__ */ h(Pe, { children: /* @__PURE__ */ h(
+          qe,
           {
-            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
+            active: p,
+            align: a,
+            closeOnEscape: s,
+            closeOnOutsideInteraction: r,
+            highlightedIndex: _,
+            id: P,
+            listboxReference: ie,
+            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
           }
         ) }) : null
       ]
     }
   );
 }
-function Fe(t) {
+function Ue(t) {
   const {
     "aria-invalid": n,
     children: a,
-    className: l,
-    defaultValue: o,
-    disabled: i = !1,
-    forwardedReference: s,
-    invalid: m = !1,
-    placeholder: c,
-    style: v,
+    className: i,
+    defaultValue: s,
+    disabled: r = !1,
+    forwardedReference: c,
+    invalid: l = !1,
+    placeholder: d,
+    style: u,
     value: b,
-    ...w
-  } = t, y = ie(m, n), _ = m || le(n);
-  return /* @__PURE__ */ R(
+    ...g
+  } = t, y = oe(l, n), R = l || le(n);
+  return /* @__PURE__ */ O(
     "span",
     {
-      className: ["nk-select", l].filter(Boolean).join(" "),
-      "data-disabled": i || void 0,
-      "data-invalid": _ || void 0,
+      className: ["nk-select", i].filter(Boolean).join(" "),
+      "data-disabled": r || void 0,
+      "data-invalid": R || void 0,
       "data-mode": "native",
-      style: v,
+      style: u,
       children: [
-        /* @__PURE__ */ R(
+        /* @__PURE__ */ O(
           "select",
           {
-            ...w,
-            ref: s,
+            ...g,
+            ref: c,
             "aria-invalid": y,
             className: "nk-select__control",
-            defaultValue: b === void 0 ? o ?? (c !== void 0 ? "" : void 0) : void 0,
-            disabled: i,
+            defaultValue: b === void 0 ? s ?? (d !== void 0 ? "" : void 0) : void 0,
+            disabled: r,
             value: b,
             children: [
-              c !== void 0 ? /* @__PURE__ */ f("option", { disabled: !0, value: "", children: c }) : null,
+              d !== void 0 ? /* @__PURE__ */ h("option", { disabled: !0, value: "", children: d }) : null,
               a
             ]
           }
         ),
-        /* @__PURE__ */ f($, { className: "nk-select__icon", type: "chevron-down" })
+        /* @__PURE__ */ h(G, { 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,
+const tt = De(function(n, a) {
+  const { options: i } = n;
+  return ee("Select"), i !== void 0 ? /* @__PURE__ */ h(
+    je,
     {
       ...n,
       forwardedReference: a
     }
-  ) : /* @__PURE__ */ f(
-    Fe,
+  ) : /* @__PURE__ */ h(
+    Ue,
     {
       ...n,
       forwardedReference: a
@@ -485,5 +496,5 @@ const Be = xe(function(n, a) {
   );
 });
 export {
-  Be as default
+  tt as default
 };