neatkit 0.7.0 → 0.8.0

package/dist/Select.js

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