@konstructio/ui 0.1.2-alpha.77 → 0.1.2-alpha.79

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

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

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

@@ -1,5 +1,45 @@
-import { c as t } from "../../../../index-D29mdTf5.js";
-const r = t(["flex", "items-center", "h-8", "px-6", "py-1.5", "text-[11px]", "font-medium", "uppercase", "tracking-[0.25px]", "text-metal-50", "pointer-events-none", "select-none", "cursor-default"]), a = t(["scrollbar", "absolute", "bg-white", "border", "flex-col", "mt-1", "overflow-hidden", "rounded", "shadow-2xs", "top-full", "w-full", "z-10", "max-h-44", "overflow-y-auto", "border-gray-200", "text-zinc-700", "animate-in", "fade-in-50", "zoom-in-95", "duration-200", "dark:bg-metal-800", "dark:border-metal-700", "dark:text-metal-50", "[&>li:first-child]:mt-2", "[&>li:last-child]:mb-2"]);
+import { t as e } from "../../../../dist-DtEbXv47.js";
+var r = e([
+  "flex",
+  "items-center",
+  "h-8",
+  "px-6",
+  "py-1.5",
+  "text-[11px]",
+  "font-medium",
+  "uppercase",
+  "tracking-[0.25px]",
+  "text-metal-50",
+  "pointer-events-none",
+  "select-none",
+  "cursor-default"
+]), a = e([
+  "scrollbar",
+  "absolute",
+  "bg-white",
+  "border",
+  "flex-col",
+  "mt-1",
+  "overflow-hidden",
+  "rounded",
+  "shadow-2xs",
+  "top-full",
+  "w-full",
+  "z-10",
+  "max-h-44",
+  "overflow-y-auto",
+  "border-gray-200",
+  "text-zinc-700",
+  "animate-in",
+  "fade-in-50",
+  "zoom-in-95",
+  "duration-200",
+  "dark:bg-metal-800",
+  "dark:border-metal-700",
+  "dark:text-metal-50",
+  "[&>li:first-child]:mt-2",
+  "[&>li:last-child]:mb-2"
+]);
 export {
   r as listGroupLabelVariants,
   a as listVariants

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

@@ -1,61 +1,63 @@
-import { jsx as n, jsxs as d } from "react/jsx-runtime";
-import { useRef as I, useCallback as u } from "react";
-import { cn as s } from "../../../../utils/index.js";
+import { t as s } from "../../../../utils-DHuiYnx1.js";
 import { Typography as y } from "../../../Typography/Typography.js";
+import { useSelectContext as I } from "../../contexts/select.hook.js";
 import { listItemVariants as L } from "./ListItem.variants.js";
-import { useSelectContext as V } from "../../contexts/select.hook.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) {
   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));
+  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));
 }
-const K = ({
-  isEmpty: c,
-  isClickable: r,
-  className: i,
-  inputRef: o,
-  listItemSecondRowClassName: a,
-  ...t
-}) => {
-  const {
-    searchTerm: m,
-    highlightSearchEnabled: h,
-    setValue: x,
-    toggleOpen: g
-  } = V(), b = I(null), f = u((e) => {
+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 = u((e, l) => {
+  }, [x, g]), N = d((e, l) => {
     e.key === "Enter" && (e.stopPropagation(), f(l));
-  }, [f]), w = u(({
-    label: e,
-    rightComponent: l,
-    subLabel: p,
-    rightComponentClassName: C
-  }) => {
-    if (c)
-      return /* @__PURE__ */ n(y, { variant: "body2", className: "text-zinc-800 dark:text-metal-50 italic", children: e });
-    if (typeof e != "string")
-      return e;
+  }, [f]), w = d(({ label: e, rightComponent: l, subLabel: p, rightComponentClassName: C }) => {
+    if (c) return /* @__PURE__ */ n(y, {
+      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__ */ d(y, { variant: "body2", className: "text-zinc-700 dark:text-metal-50 font-medium", children: [
-      l ? /* @__PURE__ */ d("span", { className: s("flex gap-2 items-center", C), children: [
-        k,
-        " ",
-        l
-      ] }) : k,
-      p ? /* @__PURE__ */ n("span", { className: s("block font-normal text-sm text-metal-800 dark:text-metal-50", a), children: p }) : null
-    ] });
+    return /* @__PURE__ */ u(y, {
+      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: [
+          k,
+          " ",
+          l
+        ]
+      }) : k, p ? /* @__PURE__ */ n("span", {
+        className: s("block font-normal text-sm text-metal-800 dark:text-metal-50", a),
+        children: p
+      }) : null]
+    });
   }, [h, m]);
-  return /* @__PURE__ */ d("li", { ref: b, role: "option", "data-action": "false", className: s(L({
-    className: i
-  })), tabIndex: 0, onClick: (e) => {
-    r && (f(t), e.stopPropagation());
-  }, onKeyDown: (e) => N(e, t), children: [
-    t.leftIcon ? /* @__PURE__ */ n("span", { className: s("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)
-  ] });
+  return /* @__PURE__ */ u("li", {
+    ref: b,
+    role: "option",
+    "data-action": "false",
+    className: s(L({ className: i })),
+    tabIndex: 0,
+    onClick: (e) => {
+      r && (f(t), e.stopPropagation());
+    },
+    onKeyDown: (e) => N(e, t),
+    children: [t.leftIcon ? /* @__PURE__ */ n("span", {
+      className: s("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)]
+  });
 };
 export {
   K as ListItem

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

@@ -1,5 +1,23 @@
-import { c as r } from "../../../../index-D29mdTf5.js";
-const t = r(["cursor-pointer", "py-1.5", "px-6", "h-full", "focus-visible:outline-none", "m-0", "w-full", "flex", "items-center", "gap-3", "transition-bg", "duration-250", "min-h-10", "hover:bg-gray-50", "focus:bg-gray-50", "dark:hover:bg-metal-700", "dark:focus:bg-metal-700"]);
+import { t as r } from "../../../../dist-DtEbXv47.js";
+var a = r([
+  "cursor-pointer",
+  "py-1.5",
+  "px-6",
+  "h-full",
+  "focus-visible:outline-none",
+  "m-0",
+  "w-full",
+  "flex",
+  "items-center",
+  "gap-3",
+  "transition-bg",
+  "duration-250",
+  "min-h-10",
+  "hover:bg-gray-50",
+  "focus:bg-gray-50",
+  "dark:hover:bg-metal-700",
+  "dark:focus:bg-metal-700"
+]);
 export {
-  t as listItemVariants
+  a as listItemVariants
 };

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

@@ -1,127 +1,4 @@
-import { jsxs as o, jsx as r } from "react/jsx-runtime";
-import { forwardRef as re, useId as ne, useRef as w, useMemo as le, useImperativeHandle as se, useEffect as oe } from "react";
-import { Typography as ce } from "../../Typography/Typography.js";
-import { cn as n } from "../../../utils/index.js";
-import { labelVariants as ie, inputVariants as me, selectVariants as pe } from "../Select.variants.js";
-import { useSelect as ue } from "../hooks/useSelect.js";
-import { List as fe } from "./List/List.js";
-import { c as de } from "../../../createLucideIcon-CP-mMPfa.js";
-import { LoaderIcon as xe } from "../../../assets/icons/components/Loader.js";
-import { C as he } from "../../../chevron-up-IlDPxR7j.js";
-import { useSelectContext as ve } from "../contexts/select.hook.js";
-const Ne = [
-  ["path", { d: "m21 21-4.34-4.34", key: "14j7rj" }],
-  ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }]
-], Ce = de("search", Ne), Re = re(({
-  additionalOptions: z,
-  className: O,
-  defaultValue: x,
-  disabled: t = !1,
-  error: f,
-  groupedOptions: R,
-  iconClassName: F,
-  inputClassName: S,
-  isInfiniteScrollEnabled: T = !1,
-  isLoading: g,
-  isRequired: h,
-  label: v,
-  labelAction: E,
-  labelClassName: M,
-  labelWrapperClassName: W,
-  listClassName: _,
-  listItemClassName: $,
-  listItemSecondRowClassName: H,
-  name: d,
-  noOptionsText: P,
-  placeholder: N,
-  searchable: k = !1,
-  showSearchIcon: C,
-  theme: U,
-  visibleItems: q,
-  wrapperClassName: A,
-  onFetchMoreOptions: B,
-  onBlur: D,
-  onSearchChange: G,
-  ...y
-}, J) => {
-  const I = ne(), c = w(null), j = w(null), K = w(0), {
-    isOpen: i,
-    options: l,
-    searchTerm: Q,
-    value: s,
-    setCanFilter: X,
-    setSearchTerm: Y,
-    setValue: m,
-    toggleOpen: Z
-  } = ve(), e = le(() => l.find(({
-    value: a
-  }) => a === s), [l, s]), {
-    wrapperRef: ee,
-    wrapperInputRef: L,
-    handleOpen: V
-  } = ue({
-    ulRef: j,
-    inputRef: c,
-    disabled: t,
-    internalValue: e,
-    onBlur: D
-  }), p = d ? `${I}-${d}` : I;
-  se(J, () => c.current, [c]), oe(() => {
-    if (x && !s) {
-      const a = l && l.find((u) => u.value === x);
-      a && m(a.value);
-    }
-  }, [x, l, m, s]);
-  const te = (a) => {
-    const u = a.target.value;
-    X(!0), m(""), Y(u ?? ""), G?.(u);
-    const b = l.find((ae) => ae.value.toLocaleLowerCase() === u.toLocaleLowerCase());
-    m(b ? b.value : e?.value ?? "");
-  };
-  return /* @__PURE__ */ o("div", { ref: ee, className: n("flex flex-col gap-2 w-full relative", A), "data-theme": U, children: [
-    v ? /* @__PURE__ */ o("div", { className: n("flex items-center justify-between", W), children: [
-      /* @__PURE__ */ o("label", { id: p, className: n(ie({
-        className: M
-      })), htmlFor: p, onClick: () => !t && V(), children: [
-        v,
-        h && /* @__PURE__ */ r("span", { className: "text-red-600 dark:text-red-500 ml-1", children: "*" })
-      ] }),
-      E
-    ] }) : null,
-    /* @__PURE__ */ o("div", { ref: L, id: p, className: n(pe({
-      className: O,
-      hasError: !!f,
-      disabled: t
-    })), role: "combobox", onClick: () => !t && Z(!i), "aria-expanded": i, tabIndex: K.current, "aria-labelledby": p, children: [
-      /* @__PURE__ */ o("div", { className: "flex gap-2.5 items-center flex-1", children: [
-        e?.leftIcon && !C && /* @__PURE__ */ r("span", { className: "w-4 h-4 flex justify-center items-center dark:text-metal-50", children: e.leftIcon }),
-        C && /* @__PURE__ */ r(Ce, { className: n("w-4", "h-4", "text-zinc-500", "select-none", "transition-colors", "duration-300", "dark:text-metal-300", "dark:group-focus-within:text-metal-50") }),
-        k ? /* @__PURE__ */ r("input", { type: "text", value: i ? Q : e?.label ?? s ?? "", onChange: te, placeholder: N, className: n(me({
-          className: S
-        }), {
-          "text-red-700 placeholder:text-red-700": !!f
-        }), onClick: (a) => {
-          a.stopPropagation(), t || V();
-        }, "aria-label": v || N, "aria-labelledby": p, required: h, autoComplete: "off", autoCapitalize: "words", disabled: t, tabIndex: -1, ...y }) : /* @__PURE__ */ o(ce, { variant: "body2", className: n("flex-1 text-zinc-400 text-sm dark:text-metal-400 flex gap-2 items-center", {
-          "text-red-700": !!f,
-          "select-none": !e,
-          "text-metal-800 dark:text-metal-50": e,
-          "text-metal-400/50 dark:text-metal-50/50": t
-        }, e?.wrapperClassNameOnSelectedValue), children: [
-          e?.label || N,
-          " ",
-          e?.showRightComponentOnselectedValue ? e?.rightComponent : null
-        ] })
-      ] }),
-      g ? /* @__PURE__ */ r(xe, { size: 16, className: "text-metal-400 animate-spin select-none" }) : !C && /* @__PURE__ */ r(he, { "data-state": i ? "open" : "closed", className: n("w-4 h-4 text-zinc-500 transition-all duration-100 data-[state=open]:rotate-0 data-[state=closed]:rotate-180 select-none dark:group-focus-within:text-metal-50", F, {
-        "text-red-700": !!f,
-        "text-metal-400/50 dark:group-focus-within:text-zinc-500": t
-      }) })
-    ] }),
-    /* @__PURE__ */ r("input", { ref: c, type: "text", name: d, className: "hidden", "aria-hidden": "true", required: h, inert: !0, defaultValue: e?.value ?? s ?? void 0, ...y }),
-    i && /* @__PURE__ */ r(fe, { ref: j, additionalOptions: z, className: _, groupedOptions: R, itemClassName: $, name: d, wrapperInputRef: L, inputRef: c, options: l, isLoading: !!g, searchable: k, listItemSecondRowClassName: H, isInfiniteScrollEnabled: T, onFetchMoreOptions: B, noOptionsText: P, visibleItems: q })
-  ] });
-});
+import { t as p } from "../../../Wrapper-DEJ-hyar.js";
 export {
-  Re as Wrapper
+  p as Wrapper
 };

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

@@ -1,10 +1,10 @@
-import { A as t } from "../../../AdditionalOptions-DiXvUzhu.js";
-import { EmptyList as e } from "./EmptyList.js";
-import { List as m } from "./List/List.js";
-import { Wrapper as s } from "./Wrapper.js";
+import { t as o } from "../../../Wrapper-DEJ-hyar.js";
+import { t as i } from "../../../AdditionalOptions-Cx9wU01w.js";
+import { EmptyList as p } from "./EmptyList.js";
+import { List as a } from "./List/List.js";
 export {
-  t as AdditionalOptions,
-  e as EmptyList,
-  m as List,
-  s as Wrapper
+  i as AdditionalOptions,
+  p as EmptyList,
+  a as List,
+  o as Wrapper
 };

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

@@ -1,6 +1,6 @@
-import { DEFAULT_LIST_SIZE as E } from "./pagination.js";
-import { ITEM_HEIGHT_PX as T } from "./list.js";
+import { DEFAULT_LIST_SIZE as r } from "./pagination.js";
+import { ITEM_HEIGHT_PX as E } from "./list.js";
 export {
-  E as DEFAULT_LIST_SIZE,
-  T as ITEM_HEIGHT_PX
+  r as DEFAULT_LIST_SIZE,
+  E as ITEM_HEIGHT_PX
 };

package/dist/components/Select/constants/list.js

@@ -1,4 +1,4 @@
-const o = 40;
+var r = 40;
 export {
-  o as ITEM_HEIGHT_PX
+  r as ITEM_HEIGHT_PX
 };

package/dist/components/Select/constants/pagination.js

@@ -1,4 +1,4 @@
-const o = 10;
+var r = 10;
 export {
-  o as DEFAULT_LIST_SIZE
+  r as DEFAULT_LIST_SIZE
 };

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

@@ -1,6 +1,6 @@
-import { useSelectContext as r } from "./select.hook.js";
-import { SelectProvider as x } from "./select.provider.js";
+import { useSelectContext as o } from "./select.hook.js";
+import { SelectProvider as t } from "./select.provider.js";
 export {
-  x as SelectProvider,
-  r as useSelectContext
+  t as SelectProvider,
+  o as useSelectContext
 };

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

@@ -1,5 +1,5 @@
 import { createContext as e } from "react";
-const r = e({
+var t = e({
   highlightSearchEnabled: !1,
   isOpen: !1,
   searchTerm: "",
@@ -32,5 +32,5 @@ const r = e({
   }
 });
 export {
-  r as SelectContext
+  t as SelectContext
 };

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

@@ -1,10 +1,9 @@
-import { useContext as e } from "react";
-import { SelectContext as o } from "./select.context.js";
-const c = () => {
-  const t = e(o);
-  if (!t)
-    throw new Error("useSelectContext must be used within a SelectProvider");
-  return t;
+import { SelectContext as t } from "./select.context.js";
+import { useContext as o } from "react";
+var c = () => {
+  const e = o(t);
+  if (!e) throw new Error("useSelectContext must be used within a SelectProvider");
+  return e;
 };
 export {
   c as useSelectContext