@konstructio/ui 0.1.2-alpha.98 → 0.1.3

package/dist/components/Select/Select.js

@@ -1,38 +1,46 @@
-import { t as a } from "../../utils-COaoD3PI.js";
-import { t as h } from "../../Wrapper-DimnwFZe.js";
-import { SelectProvider as v } from "./contexts/select.provider.js";
-import { n as N } from "../../AdditionalOptions-UEegkZqG.js";
-import { forwardRef as g, useMemo as j } from "react";
-import { jsx as r, jsxs as k } from "react/jsx-runtime";
-var R = g(({ error: e, errorClassName: i, helperText: l, helperTextClassName: d, highlightSearch: p, mainWrapperClassName: f, name: s, value: n, options: t, onChange: c, onBlur: m, ...o }, x) => /* @__PURE__ */ r(v, {
-  highlightSearch: p,
-  name: s,
-  value: n,
-  options: j(() => t.length ? N(t.at(0)) ? t.flatMap((u) => u.options) : t : [], [t]),
-  onBlur: m,
-  onChange: c,
-  children: /* @__PURE__ */ k("div", {
-    className: a("relative w-full", f),
-    children: [
-      /* @__PURE__ */ r(h, {
-        error: e,
-        name: s,
-        ref: x,
-        onBlur: m,
-        groupedOptions: t,
-        ...o
-      }),
-      e ? /* @__PURE__ */ r("span", {
-        className: a("text-xs text-red-700 dark:text-red-400", i),
-        children: e
-      }) : null,
-      !e && l ? /* @__PURE__ */ r("span", {
-        className: a("text-xs text-slate-600 dark:text-slate-200", d),
-        children: l
-      }) : null
-    ]
-  })
-}));
+import { n as y, t as d } from "../../utils-DnIJruo0.js";
+import { t as M } from "../../Wrapper-CyjvfERI.js";
+import { SelectProvider as S } from "./contexts/select.provider.js";
+import { n as b } from "../../AdditionalOptions-ClcR_Kf7.js";
+import { forwardRef as E, useId as G, useMemo as H } from "react";
+import { jsx as s, jsxs as P } from "react/jsx-runtime";
+var B = E(({ error: e, errorClassName: m, helperText: l, helperTextClassName: x, highlightSearch: h, id: u, mainWrapperClassName: I, name: r, value: g, options: t, onChange: v, onBlur: n, onValueChange: $, ...N }, O) => {
+  const c = G(), o = u ?? (r ? `${c}-${r}` : c), i = `${o}-error`, p = `${o}-helper-text`, a = typeof e == "string" && e.length > 0, f = !a && !!l, j = y(a && i, f && p), k = H(() => t.length ? b(t.at(0)) ? t.flatMap((w) => w.options) : t : [], [t]);
+  return /* @__PURE__ */ s(S, {
+    highlightSearch: h,
+    name: r,
+    value: g,
+    options: k,
+    onBlur: n,
+    onChange: v,
+    onValueChange: $,
+    children: /* @__PURE__ */ P("div", {
+      className: d("relative w-full", I),
+      children: [
+        /* @__PURE__ */ s(M, {
+          describedBy: j,
+          error: e,
+          fieldId: o,
+          name: r,
+          ref: O,
+          onBlur: n,
+          groupedOptions: t,
+          ...N
+        }),
+        a ? /* @__PURE__ */ s("span", {
+          id: i,
+          className: d("text-xs text-red-700 dark:text-red-400", m),
+          children: e
+        }) : null,
+        f ? /* @__PURE__ */ s("span", {
+          id: p,
+          className: d("text-xs text-slate-600 dark:text-slate-200", x),
+          children: l
+        }) : null
+      ]
+    })
+  });
+});
 export {
-  R as Select
+  B as Select
 };

package/dist/components/Select/Select.variants.js

@@ -1,4 +1,4 @@
-import { t as e } from "../../dist-Bcn6lMQe.js";
+import { t as e } from "../../dist-B9GE4SXf.js";
 var a = e([
   "group",
   "border",
@@ -56,6 +56,7 @@ var a = e([
   "outline-none",
   "text-metal-700",
   "text-sm",
+  "max-md:text-base",
   "capitalize",
   "placeholder:text-sm",
   "placeholder:normal-case",
@@ -65,6 +66,7 @@ var a = e([
 ]), d = e([
   "cursor-pointer",
   "text-sm",
+  "max-md:text-base",
   "leading-5",
   "tracking-[0.1px]",
   "dark:text-metal-50"

package/dist/components/Select/components/AdditionalOptions/AdditionalOptions.js

@@ -1,4 +1,4 @@
-import { t } from "../../../../AdditionalOptions-UEegkZqG.js";
+import { t } from "../../../../AdditionalOptions-ClcR_Kf7.js";
 export {
   t as AdditionalOptions
 };

package/dist/components/Select/components/AdditionalOptions/AdditionalOptions.variants.js

@@ -1,5 +1,5 @@
-import { t as e } from "../../../../utils-COaoD3PI.js";
-var r = e("flex", "min-h-10", "py-2", "px-6", "w-full", "h-full", "gap-1", "items-center", "text-sm", "[&>svg]:-ml-1", "[&>svg]:w-3.5", "[&>svg]:h-3.5", "[&>svg]:shrink-0", "cursor-pointer", "select-none", "hover:bg-gray-50", "hover:dark:bg-metal-700", "focus:outline-0", "text-blue-600", "dark:text-aurora-500");
+import { t } from "../../../../utils-DnIJruo0.js";
+var a = t("flex", "min-h-10", "py-2", "px-6", "w-full", "h-full", "gap-1", "items-center", "text-sm", "[&>svg]:-ml-1", "[&>svg]:w-3.5", "[&>svg]:h-3.5", "[&>svg]:shrink-0", "cursor-pointer", "tap-target", "select-none", "hover:bg-gray-50", "active:bg-gray-50", "hover:dark:bg-metal-700", "dark:active:bg-metal-700", "focus:outline-0", "text-blue-600", "dark:text-aurora-500");
 export {
-  r as additionalOptionSlotClassName
+  a as additionalOptionSlotClassName
 };

package/dist/components/Select/components/List/List.js

@@ -1,112 +1,122 @@
-import { o as K } from "../../../../chunk-cI0lbGMq.js";
-import { t as n } from "../../../../utils-COaoD3PI.js";
-import { t as Q } from "../../../../Loading-DNlO4qxs.js";
-import { t as W } from "../../../../debounce-B55BpO1u.js";
-import { useSelectContext as Y } from "../../contexts/select.hook.js";
-import { n as $, t as R } from "../../../../AdditionalOptions-UEegkZqG.js";
-import { listGroupLabelVariants as ee, listVariants as te } from "./List.variants.js";
+import { o as $ } from "../../../../rolldown-runtime-B28h4lGi.js";
+import { t as R } from "../../../../debounce-DhCY9mXz.js";
+import { t as ee } from "../../../../Loading-DuhcrPrf.js";
+import { t as n } from "../../../../utils-DnIJruo0.js";
 import "../../constants/pagination.js";
 import "../../constants/list.js";
+import { useSelectContext as te } from "../../contexts/select.hook.js";
 import { useNavigationUlList as re } from "../../hooks/useNavigationList.js";
+import { n as oe, t as ae } from "../../../../AdditionalOptions-ClcR_Kf7.js";
 import { ListItem as g } from "../ListItem/ListItem.js";
-import { Fragment as oe, forwardRef as se, useEffect as ne, useImperativeHandle as ae, useMemo as T, useRef as H, useState as ie } from "react";
-import { jsx as o, jsxs as I } from "react/jsx-runtime";
-var le = /* @__PURE__ */ K(W(), 1), Ce = se(({ additionalOptions: N, className: P, groupedOptions: l, inputRef: c, isLoading: j, itemClassName: u, name: M, searchable: f = !1, listItemSecondRowClassName: p, wrapperInputRef: O, isInfiniteScrollEnabled: h, noOptionsText: C, onFetchMoreOptions: L, visibleItems: E }, S) => {
-  const m = H(null), v = H(null), [b, F] = ie(!1), { canContinueFetching: d, canFilter: y, isOpen: q, isTyping: k, options: G, page: w, searchTerm: s, setCanContinueFetching: A, setOptions: U, setPage: V } = Y(), z = E !== void 0 ? { maxHeight: E * 40 } : void 0;
-  ae(S, () => m.current, [m]);
-  const a = l.length > 0 && $(l[0]), x = f && y ? G.filter((e) => {
-    const t = s.toLowerCase();
+import { listGroupLabelVariants as ne, listVariants as se } from "./List.variants.js";
+import { forwardRef as ie, useEffect as le, useImperativeHandle as ce, useMemo as I, useRef as N, useState as ue } from "react";
+import { jsx as o, jsxs as O } from "react/jsx-runtime";
+var fe = /* @__PURE__ */ $(R(), 1), ke = ie(({ additionalOptions: P, className: T, groupedOptions: l, id: j, inputRef: c, isLoading: M, itemClassName: u, labelledBy: S, loadingText: C, name: q, searchable: f = !1, listItemSecondRowClassName: p, wrapperInputRef: A, isInfiniteScrollEnabled: h, noOptionsText: E, onFetchMoreOptions: b, visibleItems: F }, U) => {
+  const m = N(null), L = N(null), [v, k] = ue(!1), { canContinueFetching: d, canFilter: y, isOpen: V, isTyping: G, options: H, page: w, searchTerm: a, setCanContinueFetching: z, setOptions: D, setPage: X } = te(), Z = F !== void 0 ? { maxHeight: F * 40 } : void 0;
+  ce(U, () => m.current, [m]);
+  const s = l.length > 0 && oe(l[0]), _ = f && y ? H.filter((e) => {
+    const t = a.toLowerCase();
     return (typeof e.label == "string" ? e.label.toLowerCase() : "").includes(t);
-  }) : G, _ = T(() => {
-    if (!a) return [];
+  }) : H, x = I(() => {
+    if (!s) return [];
     const e = l;
-    if (!f || !y || !s) return e;
-    const t = s.toLowerCase();
+    if (!f || !y || !a) return e;
+    const t = a.toLowerCase();
     return e.map((r) => ({
       ...r,
       options: r.options.filter((i) => i.label.toLowerCase().includes(t))
     })).filter((r) => r.options.length > 0);
   }, [
-    a,
+    s,
     l,
     f,
     y,
-    s
-  ]);
+    a
+  ]), B = s ? x.flatMap((e) => e.options) : _;
   re({
     ulRef: m,
-    wrapperInputRef: O,
+    wrapperInputRef: A,
     searchable: f,
-    filteredOptions: a ? _.flatMap((e) => e.options) : x
+    filteredOptions: B
   });
-  const D = x.filter((e, t, r) => t === r.findIndex((i) => i.value === e.value)), X = a ? _.length === 0 : x.length === 0, Z = T(() => (0, le.default)(async (e) => {
+  const J = _.filter((e, t, r) => t === r.findIndex((i) => i.value === e.value)), K = s ? x.length === 0 : _.length === 0, Q = I(() => (0, fe.default)(async (e) => {
     const [t] = e;
-    if (t.isIntersecting && !b && L && d) try {
-      F(!0);
-      const r = w + 1, { data: i, hasMore: B } = await L({
+    if (t.isIntersecting && !v && b && d) try {
+      k(!0);
+      const r = w + 1, { data: i, hasMore: W } = await b({
         page: r,
         pageSize: 10,
-        termOfSearch: s
+        termOfSearch: a
       });
-      V(r), A(B), U((J) => [...J, ...i]);
+      X(r), z(W), D((Y) => [...Y, ...i]);
     } catch {
       console.error("Error fetching more options");
     } finally {
-      F(!1);
+      k(!1);
     }
   }, 100), [
+    v,
     b,
-    L,
-    s,
+    a,
     w
   ]);
-  return ne(() => {
-    if (h && d && v.current && !k) {
-      const e = new IntersectionObserver(Z, { threshold: 0.1 });
-      return e.observe(v.current), () => e.disconnect();
+  return le(() => {
+    if (h && d && L.current && !G) {
+      const e = new IntersectionObserver(Q, { threshold: 0.1 });
+      return e.observe(L.current), () => e.disconnect();
     }
   }, [
     h,
     d,
-    b,
-    k,
+    v,
+    G,
     w
-  ]), /* @__PURE__ */ I("ul", {
+  ]), /* @__PURE__ */ O("ul", {
     ref: m,
-    title: M,
+    id: j,
+    title: q,
     role: "listbox",
-    className: n(te({ className: P })),
-    style: z,
-    "data-state": q ? "open" : "closed",
+    "aria-labelledby": S,
+    className: n(se({ className: T })),
+    style: Z,
+    "data-state": V ? "open" : "closed",
     children: [
-      j ? /* @__PURE__ */ o(g, {
+      M ? /* @__PURE__ */ o(g, {
         className: n("select-none", u),
         isClickable: !1,
         inputRef: c,
-        value: "Loading...",
-        label: "Loading...",
+        value: C ?? "Loading...",
+        label: C ?? "Loading...",
         listItemSecondRowClassName: p
-      }) : X ? /* @__PURE__ */ o(g, {
+      }) : K ? /* @__PURE__ */ o(g, {
         isEmpty: !0,
         className: n("select-none", u),
         isClickable: !1,
         inputRef: c,
-        value: C ?? "",
-        label: C ?? "No options",
+        value: E ?? "",
+        label: E ?? "No options",
         listItemSecondRowClassName: p
-      }) : a ? _.map((e) => /* @__PURE__ */ I(oe, { children: [/* @__PURE__ */ o("li", {
+      }) : s ? x.map((e) => /* @__PURE__ */ o("li", {
         role: "presentation",
-        "aria-hidden": "true",
         "data-action": "true",
-        className: n(ee()),
-        children: e.groupLabel
-      }), e.options.map((t) => /* @__PURE__ */ o(g, {
-        className: n("select-none", u),
-        isClickable: !0,
-        inputRef: c,
-        listItemSecondRowClassName: p,
-        ...t
-      }, t.value))] }, e.groupLabel)) : D.map((e) => /* @__PURE__ */ o(g, {
+        children: /* @__PURE__ */ O("ul", {
+          role: "group",
+          "aria-label": e.groupLabel,
+          children: [/* @__PURE__ */ o("li", {
+            role: "presentation",
+            "aria-hidden": "true",
+            "data-action": "true",
+            className: n(ne()),
+            children: e.groupLabel
+          }), e.options.map((t) => /* @__PURE__ */ o(g, {
+            className: n("select-none", u),
+            isClickable: !0,
+            inputRef: c,
+            listItemSecondRowClassName: p,
+            ...t
+          }, t.value))]
+        })
+      }, e.groupLabel)) : J.map((e) => /* @__PURE__ */ o(g, {
         className: n("select-none", u),
         isClickable: !0,
         inputRef: c,
@@ -114,17 +124,18 @@ var le = /* @__PURE__ */ K(W(), 1), Ce = se(({ additionalOptions: N, className:
         ...e
       }, e.value)),
       h && d && /* @__PURE__ */ o("li", {
-        ref: v,
-        role: "option",
+        ref: L,
+        role: "presentation",
+        "aria-hidden": "true",
         "data-action": "true",
         className: "flex items-center justify-center py-3",
         onClick: (e) => e.stopPropagation(),
-        children: /* @__PURE__ */ o(Q, { className: "w-4 h-4 text-aurora-500 select-none" })
+        children: /* @__PURE__ */ o(ee, { className: "w-4 h-4 text-aurora-500 select-none" })
       }),
-      /* @__PURE__ */ o(R, { additionalOptions: N })
+      /* @__PURE__ */ o(ae, { additionalOptions: P })
     ]
   });
 });
 export {
-  Ce as List
+  ke as List
 };

package/dist/components/Select/components/List/List.variants.js

@@ -1,4 +1,4 @@
-import { t as e } from "../../../../dist-Bcn6lMQe.js";
+import { t as e } from "../../../../dist-B9GE4SXf.js";
 var r = e([
   "flex",
   "items-center",

package/dist/components/Select/components/ListItem/ListItem.js

@@ -1,64 +1,64 @@
-import { t as s } from "../../../../utils-COaoD3PI.js";
-import { Typography as y } from "../../../Typography/Typography.js";
+import { t as l } from "../../../../utils-DnIJruo0.js";
+import { Typography as x } from "../../../Typography/Typography.js";
 import { useSelectContext as I } from "../../contexts/select.hook.js";
-import { listItemVariants as L } from "./ListItem.variants.js";
-import { useCallback as d, useRef as V } from "react";
-import { jsx as n, jsxs as u } from "react/jsx-runtime";
-function j(c, r) {
+import { listItemVariants as C } from "./ListItem.variants.js";
+import { useRef as L } from "react";
+import { jsx as n, jsxs as m } from "react/jsx-runtime";
+function V(c, r) {
   const i = r.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), o = new RegExp(`(${i})`, "gi");
   return c.split(o).map((a, t) => a.toLowerCase() === r.toLowerCase() ? /* @__PURE__ */ n("mark", {
     className: "bg-transparent font-semibold text-metal-800 dark:text-metal-50",
     children: a
   }, t) : /* @__PURE__ */ n("span", { children: a }, t));
 }
-var K = ({ isEmpty: c, isClickable: r, className: i, inputRef: o, listItemSecondRowClassName: a, ...t }) => {
-  const { searchTerm: m, highlightSearchEnabled: h, setValue: x, toggleOpen: g } = I(), b = V(null), f = d((e) => {
-    x(e.value, o), g(!1);
-  }, [x, g]), N = d((e, l) => {
-    e.key === "Enter" && (e.stopPropagation(), f(l));
-  }, [f]), w = d(({ label: e, rightComponent: l, subLabel: p, rightComponentClassName: C }) => {
-    if (c) return /* @__PURE__ */ n(y, {
+var D = ({ isEmpty: c, isClickable: r, className: i, inputRef: o, listItemSecondRowClassName: a, ...t }) => {
+  const { searchTerm: f, highlightSearchEnabled: g, setValue: p, toggleOpen: y } = I(), k = L(null), d = (e) => {
+    p(e.value, o), y(!1);
+  }, N = (e, s) => {
+    e.key === "Enter" && (e.stopPropagation(), d(s));
+  }, b = ({ label: e, rightComponent: s, subLabel: u, rightComponentClassName: w }) => {
+    if (c) return /* @__PURE__ */ n(x, {
       variant: "body2",
       className: "text-zinc-800 dark:text-metal-50 italic",
       children: e
     });
     if (typeof e != "string") return e;
-    const k = h && m.length > 0 ? j(e, m) : [e];
-    return /* @__PURE__ */ u(y, {
+    const h = g && f.length > 0 ? V(e, f) : [e];
+    return /* @__PURE__ */ m(x, {
       variant: "body2",
       className: "text-zinc-700 dark:text-metal-50 font-medium",
-      children: [l ? /* @__PURE__ */ u("span", {
-        className: s("flex gap-2 items-center", C),
+      children: [s ? /* @__PURE__ */ m("span", {
+        className: l("flex gap-2 items-center", w),
         children: [
-          k,
+          h,
           " ",
-          l
+          s
         ]
-      }) : k, p ? /* @__PURE__ */ n("span", {
-        className: s("block font-normal text-sm text-metal-800 dark:text-metal-50", a),
-        children: p
+      }) : h, u ? /* @__PURE__ */ n("span", {
+        className: l("block font-normal text-sm text-metal-800 dark:text-metal-50", a),
+        children: u
       }) : null]
     });
-  }, [h, m]);
-  return /* @__PURE__ */ u("li", {
-    ref: b,
+  };
+  return /* @__PURE__ */ m("li", {
+    ref: k,
     role: "option",
     "data-action": "false",
-    className: s(L({ className: i })),
+    className: l(C({ className: i })),
     tabIndex: 0,
     onClick: (e) => {
-      r && (f(t), e.stopPropagation());
+      r && (d(t), e.stopPropagation());
     },
     onKeyDown: (e) => N(e, t),
     children: [t.leftIcon ? /* @__PURE__ */ n("span", {
-      className: s("w-4 h-4 flex justify-center", {
+      className: l("w-4 h-4 flex justify-center", {
         "items-center": !t.subLabel,
         "items-baseline -tranmetal-y-2": !!t.subLabel
       }, t.leftIconClassName),
       children: t.leftIcon
-    }) : null, w(t)]
+    }) : null, b(t)]
   });
 };
 export {
-  K as ListItem
+  D as ListItem
 };

package/dist/components/Select/components/ListItem/ListItem.variants.js

@@ -1,6 +1,7 @@
-import { t as r } from "../../../../dist-Bcn6lMQe.js";
-var a = r([
+import { t as a } from "../../../../dist-B9GE4SXf.js";
+var r = a([
   "cursor-pointer",
+  "tap-target",
   "py-1.5",
   "px-6",
   "h-full",
@@ -14,10 +15,12 @@ var a = r([
   "duration-250",
   "min-h-10",
   "hover:bg-gray-50",
+  "active:bg-gray-50",
   "focus:bg-gray-50",
   "dark:hover:bg-metal-700",
+  "dark:active:bg-metal-700",
   "dark:focus:bg-metal-700"
 ]);
 export {
-  a as listItemVariants
+  r as listItemVariants
 };

package/dist/components/Select/components/Wrapper.js

@@ -1,4 +1,4 @@
-import { t as p } from "../../../Wrapper-DimnwFZe.js";
+import { t as p } from "../../../Wrapper-CyjvfERI.js";
 export {
   p as Wrapper
 };

package/dist/components/Select/components/index.js

@@ -1,10 +1,10 @@
-import { t as o } from "../../../Wrapper-DimnwFZe.js";
-import { t as i } from "../../../AdditionalOptions-UEegkZqG.js";
-import { EmptyList as p } from "./EmptyList.js";
-import { List as a } from "./List/List.js";
+import { t as o } from "../../../AdditionalOptions-ClcR_Kf7.js";
+import { EmptyList as i } from "./EmptyList.js";
+import { List as p } from "./List/List.js";
+import { t as a } from "../../../Wrapper-CyjvfERI.js";
 export {
-  i as AdditionalOptions,
-  p as EmptyList,
-  a as List,
-  o as Wrapper
+  o as AdditionalOptions,
+  i as EmptyList,
+  p as List,
+  a as Wrapper
 };

package/dist/components/Select/contexts/select.provider.js

@@ -1,48 +1,49 @@
-import { useToggle as L } from "../../../hooks/useToggle.js";
-import { SelectContext as N } from "./select.context.js";
-import { useCallback as f, useEffect as T, useRef as p, useState as e } from "react";
-import { jsx as O } from "react/jsx-runtime";
-var c = 1, R = 300, V = ({ children: v, value: C, name: i, highlightSearch: E = !1, options: n, onChange: a, onBlur: u }) => {
-  const [S, l] = e(n), d = p(E), [F, g] = L(!1), [P, I] = e(""), [b, x] = e(!0), [A, o] = e(!0), [_, s] = e(c), [y, h] = e(!1), t = p(void 0), D = f((r, m) => {
-    m?.current && (m.current.value = r), t.current && clearTimeout(t.current), h(!0), o(!0), s(c), a?.({ target: {
+import { useToggle as N } from "../../../hooks/useToggle.js";
+import { SelectContext as O } from "./select.context.js";
+import { useCallback as T, useEffect as p, useRef as v, useState as e } from "react";
+import { jsx as R } from "react/jsx-runtime";
+var c = 1, Y = 300, w = ({ children: E, value: S, name: i, highlightSearch: d = !1, options: n, onChange: a, onBlur: u, onValueChange: l }) => {
+  const [C, g] = e(n), F = v(d), [P, h] = N(!1), [I, b] = e(""), [x, A] = e(!0), [_, o] = e(!0), [y, s] = e(c), [D, m] = e(!1), t = v(void 0), G = T((r, f) => {
+    f?.current && (f.current.value = r), t.current && clearTimeout(t.current), m(!0), o(!0), s(c), a?.({ target: {
       value: r,
       name: i ?? ""
-    } }), u?.(), t.current = setTimeout(() => {
-      h(!1);
-    }, R);
+    } }), l?.(r), u?.(), t.current = setTimeout(() => {
+      m(!1);
+    }, Y);
   }, [
     a,
+    l,
     i,
     u
-  ]), G = f((r) => {
-    g(r), o(!0), s(c);
-  }, [g]);
-  return T(() => {
-    l(n);
-  }, [n.length]), T(() => () => {
+  ]), L = T((r) => {
+    h(r), o(!0), s(c);
+  }, [h]);
+  return p(() => {
+    g(n);
+  }, [n.length]), p(() => () => {
     t.current && clearTimeout(t.current);
-  }, []), /* @__PURE__ */ O(N.Provider, {
+  }, []), /* @__PURE__ */ R(O.Provider, {
     value: {
-      highlightSearchEnabled: d.current,
-      isOpen: F,
-      searchTerm: P,
-      value: C,
-      canFilter: b,
-      canContinueFetching: A,
-      page: _,
-      options: S,
-      isTyping: y,
-      setOptions: l,
+      highlightSearchEnabled: F.current,
+      isOpen: P,
+      searchTerm: I,
+      value: S,
+      canFilter: x,
+      canContinueFetching: _,
+      page: y,
+      options: C,
+      isTyping: D,
+      setOptions: g,
       setPage: s,
       setCanContinueFetching: o,
-      setCanFilter: x,
-      setSearchTerm: I,
-      setValue: D,
-      toggleOpen: G
+      setCanFilter: A,
+      setSearchTerm: b,
+      setValue: G,
+      toggleOpen: L
     },
-    children: v
+    children: E
   });
 };
 export {
-  V as SelectProvider
+  w as SelectProvider
 };

package/dist/components/Select/hooks/useNavigationList.js

@@ -1,7 +1,7 @@
 import { useSelectContext as k } from "../contexts/select.hook.js";
-import { useEffect as a, useRef as b } from "react";
+import { useEffect as a, useRef as m } from "react";
 var A = ({ searchable: o, ulRef: n, wrapperInputRef: e, filteredOptions: f }) => {
-  const r = b(0), { isOpen: s } = k();
+  const r = m(0), { isOpen: s } = k();
   a(() => {
     const g = n.current?.querySelectorAll("li") ?? [], t = Array.from(g).filter((c) => c.getAttribute("data-action") !== "true"), u = new AbortController(), i = () => {
       r.current < t.length - 1 ? (r.current = r.current + 1, t[r.current].focus()) : (r.current = 0, t[0].focus());
@@ -21,7 +21,6 @@ var A = ({ searchable: o, ulRef: n, wrapperInputRef: e, filteredOptions: f }) =>
           break;
         case "Enter":
           t[r.current]?.click();
-          break;
       }
     }, { signal: u.signal }), () => {
       u.abort();