@simpli-route/apollo-ds 0.1.50 → 0.1.52

package/dist/index.es17.js

@@ -1,7 +1,7 @@
-import { j as e } from "./index.es39.js";
+import { j as e } from "./index.es40.js";
 import { ListBoxItem as a } from "react-aria-components";
 import { cn as i } from "./index.es41.js";
-import { invisibleSelectItemVariants as c } from "./index.es57.js";
+import { invisibleSelectItemVariants as c } from "./index.es52.js";
 const j = (r) => {
   const { children: s, textValue: l, ...n } = r, m = l || (typeof s == "string" ? s : void 0);
   return /* @__PURE__ */ e.jsx(

package/dist/index.es170.js

@@ -0,0 +1,4 @@
+var o = {};
+export {
+  o as __exports
+};

package/dist/index.es171.js

@@ -0,0 +1,4 @@
+var o = { exports: {} };
+export {
+  o as __module
+};

package/dist/index.es18.js

@@ -1,14 +1,14 @@
-import { j as e } from "./index.es39.js";
-import { ClockIcon as J } from "./index.es40.js";
+import { j as e } from "./index.es40.js";
+import { ClockIcon as J } from "./index.es63.js";
 import { forwardRef as K, useState as I, useRef as M, useEffect as Q } from "react";
 import { TimeField as S, Group as U, DateInput as W, Button as X, FieldError as Y } from "react-aria-components";
 import { cn as s } from "./index.es41.js";
 import "./index.es13.js";
 import { Label as Z } from "./index.es14.js";
-import { invisibleInputLabelVariants as $, invisibleInputCaptionVariants as q } from "./index.es50.js";
+import { invisibleInputLabelVariants as $, invisibleInputCaptionVariants as q } from "./index.es57.js";
 import { TimePickerPopover as z } from "./index.es19.js";
 import { TimeSegment as ee } from "./index.es20.js";
-import { invisibleTimeFieldContainerVariants as ie, invisibleTimeFieldGroupVariants as se, invisibleTimeFieldInputVariants as le, timeFieldButtonVariants as ne } from "./index.es58.js";
+import { invisibleTimeFieldContainerVariants as ie, invisibleTimeFieldGroupVariants as se, invisibleTimeFieldInputVariants as le, timeFieldButtonVariants as ne } from "./index.es53.js";
 const re = K(
   ({
     size: l = "bodyDefault",

package/dist/index.es19.js

@@ -1,10 +1,10 @@
-import { j as n } from "./index.es39.js";
+import { j as n } from "./index.es40.js";
 import { Time as O } from "@internationalized/date";
 import { useRef as M, useState as P, useCallback as d, useEffect as j } from "react";
 import { Popover as $, ListBox as k, ListBoxItem as N } from "react-aria-components";
 import { cn as x } from "./index.es41.js";
 import { Button as H } from "./index.es5.js";
-import { timePickerListItemVariants as A } from "./index.es58.js";
+import { timePickerListItemVariants as A } from "./index.es53.js";
 function U(C) {
   const { isOpen: i, onOpenChange: a, value: r, onChange: h, hourCycle: l = 12, containerRef: K, confirmButtonLabel: R } = C, y = M(null), g = M(null), S = M(null), [s, b] = P((r == null ? void 0 : r.hour) ?? 0), [m, v] = P((r == null ? void 0 : r.minute) ?? 0), V = Array.from({ length: l === 12 ? 12 : 24 }, (e, t) => l === 12 ? t + 1 : t), E = Array.from({ length: 60 }, (e, t) => t), f = l === 12 ? s === 0 ? 12 : s > 12 ? s - 12 : s : s, T = s >= 12 ? "PM" : "AM", [u, L] = P(T), w = d(() => {
     const e = new O(s, m, 0);

package/dist/index.es2.js

@@ -1,4 +1,4 @@
-import { j as g } from "./index.es39.js";
+import { j as g } from "./index.es40.js";
 import { useState as a } from "react";
 import { cn as l } from "./index.es41.js";
 import { AccordionItem as v } from "./index.es3.js";

package/dist/index.es20.js

@@ -1,4 +1,4 @@
-import { j as n } from "./index.es39.js";
+import { j as n } from "./index.es40.js";
 import { DateSegment as a } from "react-aria-components";
 import { cn as i } from "./index.es41.js";
 function c({ segment: t, className: o }) {

package/dist/index.es21.js

@@ -1,4 +1,4 @@
-import { j as e } from "./index.es39.js";
+import { j as e } from "./index.es40.js";
 import { useVisuallyHidden as a } from "react-aria";
 import { cn as l } from "./index.es41.js";
 const d = ({ className: s, label: r, size: t = "sm" }) => {

package/dist/index.es22.js

@@ -1,8 +1,8 @@
-import { j as e } from "./index.es39.js";
+import { j as e } from "./index.es40.js";
 import { forwardRef as x } from "react";
 import { cn as y } from "./index.es41.js";
 import { Loader as f } from "./index.es21.js";
-import { Overlay as u } from "./index.es69.js";
+import { Overlay as u } from "./index.es70.js";
 const v = (s, a) => {
   const {
     className: l,

package/dist/index.es23.js

@@ -1,12 +1,12 @@
-import { j as e } from "./index.es39.js";
-import { UpChevronIcon as B, DownChevronIcon as R } from "./index.es40.js";
+import { j as e } from "./index.es40.js";
+import { UpChevronIcon as B, DownChevronIcon as R } from "./index.es63.js";
 import { forwardRef as U } from "react";
 import { NumberField as _, Group as k, Input as A, Button as d, FieldError as H } from "react-aria-components";
 import { cn as r } from "./index.es41.js";
 import "./index.es13.js";
 import { Label as J } from "./index.es14.js";
-import { invisibleInputContainerVariants as K, invisibleInputLabelVariants as M, invisibleInputCaptionVariants as O } from "./index.es50.js";
-import { invisibleNumberFieldGroupVariants as P, invisibleNumberFieldVariants as Q, invisibleNumberFieldStepperVariants as t } from "./index.es59.js";
+import { invisibleInputContainerVariants as K, invisibleInputLabelVariants as M, invisibleInputCaptionVariants as O } from "./index.es57.js";
+import { invisibleNumberFieldGroupVariants as P, invisibleNumberFieldVariants as Q, invisibleNumberFieldStepperVariants as t } from "./index.es54.js";
 const T = U(
   ({
     size: l = "bodyDefault",

package/dist/index.es24.js

@@ -1,11 +1,11 @@
-import { j as r } from "./index.es39.js";
+import { j as r } from "./index.es40.js";
 import { NumberField as w, Group as B, Input as E } from "react-aria-components";
 import { cn as t } from "./index.es41.js";
 import "./index.es13.js";
 import { Label as G } from "./index.es14.js";
-import { CaptionNumberField as S } from "./index.es70.js";
-import { StepperButton as V } from "./index.es71.js";
-import { inputNumberVariant as _ } from "./index.es59.js";
+import { CaptionNumberField as S } from "./index.es71.js";
+import { StepperButton as V } from "./index.es72.js";
+import { inputNumberVariant as _ } from "./index.es54.js";
 const K = ({
   size: o = "sm",
   label: i,

package/dist/index.es25.js

@@ -1,45 +1,46 @@
-import { j as t } from "./index.es39.js";
+import { j as t } from "./index.es40.js";
 import { motion as D } from "framer-motion";
 import { ProgressBar as I } from "react-aria-components";
 import "react";
 import { cn as s } from "./index.es41.js";
 import "./index.es42.js";
-import "./index.es51.js";
-import "./index.es52.js";
-import "react-aria";
 import "./index.es43.js";
+import "./index.es44.js";
+import "react-aria";
+import "./index.es45.js";
 import "@react-stately/color";
+import "./index.es46.js";
+import "./index.es47.js";
 import "./index.es48.js";
-import "./index.es49.js";
-import "./index.es53.js";
 import "./index.es13.js";
 import { Label as M } from "./index.es14.js";
-import { Tooltip as S } from "./index.es35.js";
-import { TooltipTrigger as $ } from "./index.es36.js";
-import "./index.es55.js";
+import { Tooltip as S } from "./index.es36.js";
+import { TooltipTrigger as $ } from "./index.es37.js";
+import "./index.es50.js";
 import "./index.es12.js";
 import "@internationalized/date";
-import "./index.es56.js";
+import "./index.es51.js";
 import "./index.es16.js";
-import "./index.es57.js";
+import "./index.es52.js";
 import "./index.es18.js";
-import "./index.es58.js";
+import "./index.es53.js";
 import "./index.es22.js";
 import "./index.es23.js";
+import "./index.es54.js";
+import { progressBarVariants as k, progressFillVariants as z } from "./index.es55.js";
+import "./index.es56.js";
+import "./index.es57.js";
+import "./index.es58.js";
+import "./index.es28.js";
 import "./index.es59.js";
-import { progressBarVariants as k, progressFillVariants as z } from "./index.es60.js";
-import "./index.es50.js";
-import "./index.es61.js";
-import "./index.es27.js";
-import "./index.es62.js";
-import "./index.es30.js";
 import "./index.es31.js";
 import "./index.es32.js";
-import "./index.es63.js";
-import "./index.es34.js";
-import { Text as d } from "./index.es37.js";
-import "./index.es64.js";
-const Ct = (f) => {
+import "./index.es33.js";
+import "./index.es60.js";
+import "./index.es35.js";
+import { Text as d } from "./index.es38.js";
+import "./index.es61.js";
+const Tt = (f) => {
   const {
     className: h,
     classNameLabel: N,
@@ -111,5 +112,5 @@ const Ct = (f) => {
   ) });
 };
 export {
-  Ct as ProgressBar
+  Tt as ProgressBar
 };

package/dist/index.es26.js

@@ -1,78 +1,101 @@
-import { j as s } from "./index.es39.js";
-import { SearchIcon as P, CrossIcon as y } from "./index.es40.js";
-import { useMemo as z } from "react";
-import { ComboBox as D, Input as H, Text as R, FieldError as E, Popover as O, ListBox as F, ListBoxItem as M } from "react-aria-components";
-import { cn as S } from "./index.es41.js";
-import { useDebouncedValue as _ } from "./index.es67.js";
-import { IconButton as T } from "./index.es12.js";
-import "./index.es13.js";
-import { Label as $ } from "./index.es14.js";
-import { inputVariants as k } from "./index.es50.js";
-import { popoverVariants as q, searchOptionVariants as A } from "./index.es61.js";
-const te = (i) => {
-  const {
-    label: n,
-    onReset: c,
-    placeholder: f,
-    isDisabled: l,
-    delay: b = 300,
-    searchIcon: j,
-    clearIcon: I,
-    size: N = "md",
-    description: d,
-    inputValue: h,
-    isInvalid: m,
-    errorMessage: x,
-    items: r,
-    ...L
-  } = i, w = j ?? /* @__PURE__ */ s.jsx(P, { className: "size-6 text-neutral-700", "data-testid": "search-icon" }), C = /* @__PURE__ */ s.jsx(T, { intent: "minimal", size: "md", className: "p-0", "data-testid": "clear-icon-button", onPress: c, children: I ?? /* @__PURE__ */ s.jsx(y, { className: "size-5 text-neutral-700", "data-testid": "clear-icon" }) }), a = _(h, b), u = a && c, V = u ? C : w, v = (e, t) => {
-    if (!t.trim())
-      return [{ text: e, highlight: !1 }];
-    const o = new RegExp(`(${t})`, "gi");
-    return e.split(o).filter(Boolean).map((g) => ({
-      text: g,
-      highlight: g.toLowerCase() === t.toLowerCase()
-    }));
-  }, B = z(
-    () => a ? r.filter((e) => e.label.toLowerCase().includes(a.toLowerCase())).map((e) => {
-      const t = a && e.label.toLowerCase().includes(a.toLowerCase()), o = v(e.label, a ?? "");
-      return { ...e, shouldHighlight: t, highlightedParts: o };
-    }) : r.map((e) => ({
-      ...e,
-      shouldHighlight: !1,
-      highlightedParts: [{ text: e.label, highlight: !1 }]
-    })),
-    [a, r]
+import { j as e } from "./index.es40.js";
+import { isSameMonth as L, isSameDay as m, getDayOfWeek as z, startOfMonth as O, getLocalTimeZone as V } from "@internationalized/date";
+import { LeftChevronIcon as B, RightChevronIcon as E } from "./index.es63.js";
+import { useLocale as G } from "react-aria";
+import { RangeCalendar as I, Button as N, CalendarGrid as F, CalendarGridHeader as T, CalendarHeaderCell as U, CalendarGridBody as k, RangeCalendarStateContext as j, CalendarCell as A } from "react-aria-components";
+import { cn as g } from "./index.es41.js";
+import { rangeCalendarHeaderVariants as D, rangeCalendarButtonVariants as R, rangeCalendarHeaderCellVariants as W, rangeCalendarHeadingVariants as Z } from "./index.es56.js";
+const _ = ({ monthOffset: d, locale: o }) => /* @__PURE__ */ e.jsx(j.Consumer, { children: (a) => {
+  if (!a)
+    return null;
+  const u = a.visibleRange.start, f = O(u).add({ months: d }).toDate(V()).toLocaleDateString(o, {
+    month: "long",
+    year: "numeric"
+  });
+  return /* @__PURE__ */ e.jsx("h2", { className: g(Z(), "lowercase first-letter:uppercase"), children: f });
+} }), ee = ({
+  className: d,
+  visibleDuration: o = { months: 2 },
+  firstDayOfWeek: a = "sun",
+  pageBehavior: u = "visible",
+  ...y
+}) => {
+  const f = (o == null ? void 0 : o.months) || 2, x = Array.from({ length: f }, (r, n) => n), { locale: v = "en-US" } = G(), C = typeof a == "number" ? a : {
+    sun: 0,
+    mon: 1,
+    tue: 2,
+    wed: 3,
+    thu: 4,
+    fri: 5,
+    sat: 6
+  }[a] ?? 0, b = (C + 6) % 7;
+  return /* @__PURE__ */ e.jsx(
+    I,
+    {
+      className: g("rounded bg-neutral-50 px-2.5 py-2", d),
+      style: { boxShadow: "0px 0px 4px 0px #00000040" },
+      visibleDuration: o,
+      firstDayOfWeek: a,
+      pageBehavior: u,
+      ...y,
+      children: /* @__PURE__ */ e.jsx("div", { className: "flex items-start gap-8 overflow-auto", children: x.map((r) => /* @__PURE__ */ e.jsxs("div", { className: "flex min-w-[280px] flex-col", children: [
+        /* @__PURE__ */ e.jsxs("header", { className: D(), children: [
+          r === 0 && /* @__PURE__ */ e.jsx(N, { slot: "previous", className: R(), children: /* @__PURE__ */ e.jsx(B, { className: "size-5" }) }),
+          r !== 0 && /* @__PURE__ */ e.jsx("div", { className: "w-8" }),
+          /* @__PURE__ */ e.jsx(_, { monthOffset: r, locale: v }),
+          r === x.length - 1 && /* @__PURE__ */ e.jsx(N, { slot: "next", className: R(), children: /* @__PURE__ */ e.jsx(E, { className: "size-5" }) }),
+          r !== x.length - 1 && /* @__PURE__ */ e.jsx("div", { className: "w-8" })
+        ] }),
+        /* @__PURE__ */ e.jsxs(F, { offset: r > 0 ? { months: r } : void 0, children: [
+          /* @__PURE__ */ e.jsx(T, { children: (n) => /* @__PURE__ */ e.jsx(U, { className: W(), children: n }) }),
+          /* @__PURE__ */ e.jsx(k, { children: (n) => /* @__PURE__ */ e.jsx(j.Consumer, { children: (l) => {
+            if (!l)
+              return null;
+            const w = l.visibleRange.start.add(r > 0 ? { months: r } : {}), M = !L(w, n);
+            return /* @__PURE__ */ e.jsx(
+              A,
+              {
+                date: n,
+                className: ({ isSelected: t, isDisabled: i, isFocusVisible: p }) => {
+                  const s = l.highlightedRange ? m(n, l.highlightedRange.start) : t, c = l.highlightedRange ? m(n, l.highlightedRange.end) : t, h = z(n, "en-US"), S = t && (s || h === C || n.day === 1), H = t && (c || h === b || n.day === n.calendar.getDaysInMonth(n));
+                  return g(
+                    "relative my-[1.5px] flex h-10 w-10 items-center justify-center outline-none",
+                    p ? "z-10" : "z-0",
+                    S && "rounded-l-full",
+                    H && "rounded-r-full",
+                    t && "bg-primary-100",
+                    M && "invisible",
+                    i && "cursor-not-allowed text-neutral-400"
+                  );
+                },
+                children: ({ isSelected: t, isDisabled: i, isFocusVisible: p }) => /* @__PURE__ */ e.jsx(j.Consumer, { children: (s) => {
+                  if (!s)
+                    return null;
+                  const c = s.highlightedRange ? m(n, s.highlightedRange.start) : t, h = s.highlightedRange ? m(n, s.highlightedRange.end) : t;
+                  return /* @__PURE__ */ e.jsx(
+                    "div",
+                    {
+                      className: g(
+                        "flex h-full w-full items-center justify-center rounded-full text-sm font-normal",
+                        i && "text-neutral-400",
+                        p && "ring-2 ring-blue-600 ring-offset-2",
+                        (c || h) && "bg-primary-500 text-neutral-50 hover:bg-primary-600",
+                        t && !(c || h) && "text-neutral-900 hover:bg-primary-200",
+                        !t && !i && "hover:bg-neutral-200",
+                        !i && "cursor-pointer"
+                      ),
+                      children: n.day
+                    }
+                  );
+                } })
+              }
+            );
+          } }) })
+        ] })
+      ] }, r)) })
+    }
   );
-  return /* @__PURE__ */ s.jsxs(D, { inputValue: h, isDisabled: l, ...L, children: [
-    n && /* @__PURE__ */ s.jsx($, { children: n }),
-    /* @__PURE__ */ s.jsxs("div", { className: "relative flex items-center", children: [
-      /* @__PURE__ */ s.jsx(
-        H,
-        {
-          placeholder: f,
-          className: k({ size: N, isDisabled: l, hasIcon: !0 }),
-          disabled: l,
-          readOnly: i.isReadOnly
-        }
-      ),
-      /* @__PURE__ */ s.jsx("span", { className: S("absolute right-2 top-1/2 -translate-y-1/2", u && "top-[53%]"), children: V })
-    ] }),
-    d && !m && /* @__PURE__ */ s.jsx(R, { slot: "description", className: "text-xs leading-5 text-neutral-700", children: d }),
-    x && m && /* @__PURE__ */ s.jsx(E, { className: "text-sm leading-6 text-error-500", children: x }),
-    /* @__PURE__ */ s.jsx(O, { className: q(), children: /* @__PURE__ */ s.jsx(F, { items: B, className: "max-h-60 overflow-auto outline-none", children: (e) => /* @__PURE__ */ s.jsx(
-      M,
-      {
-        id: e.id,
-        textValue: e.label,
-        className: ({ isDisabled: t, isSelected: o, isFocused: p }) => A({ isFocused: p, isSelected: o, isDisabled: t }),
-        children: e.shouldHighlight ? /* @__PURE__ */ s.jsx("span", { children: e.highlightedParts.map(
-          (t, o) => t.highlight ? /* @__PURE__ */ s.jsx("span", { className: "font-bold text-neutral-900", children: t.text }, t.text + o) : t.text
-        ) }) : e.label
-      }
-    ) }) })
-  ] });
 };
 export {
-  te as SearchField
+  ee as RangeCalendar
 };

package/dist/index.es27.js

@@ -1,96 +1,78 @@
-import { j as s } from "./index.es39.js";
-import { forwardRef as k, useState as h } from "react";
-import { useFilter as w, Select as G, Popover as H } from "react-aria-components";
-import { cn as c } from "./index.es41.js";
+import { j as s } from "./index.es40.js";
+import { SearchIcon as P, CrossIcon as y } from "./index.es63.js";
+import { useMemo as z } from "react";
+import { ComboBox as D, Input as H, Text as R, FieldError as E, Popover as O, ListBox as F, ListBoxItem as M } from "react-aria-components";
+import { cn as S } from "./index.es41.js";
+import { useDebouncedValue as _ } from "./index.es69.js";
+import { IconButton as T } from "./index.es12.js";
 import "./index.es13.js";
-import { Label as J } from "./index.es14.js";
-import { PopoverContent as K } from "./index.es47.js";
-import { SelectContent as Q } from "./index.es68.js";
-import { selectInputPopoverVariants as U } from "./index.es48.js";
-const W = (S, b) => {
+import { Label as $ } from "./index.es14.js";
+import { inputVariants as k } from "./index.es57.js";
+import { popoverVariants as q, searchOptionVariants as A } from "./index.es58.js";
+const te = (i) => {
   const {
-    label: p,
-    items: v,
-    selectionMode: l = "single",
-    value: m,
-    defaultValue: f,
-    placeholder: N = "Select",
-    isDisabled: r = !1,
-    isRequired: g = !1,
-    size: C = "xs",
-    className: j,
-    classNameLabel: u,
-    classNameButton: I,
-    classNamePopover: P,
-    tooltipText: O,
-    tooltipSupportText: y,
-    tooltipProps: A,
-    onChange: o,
-    maxLengthTextOption: L = 18,
-    placeholderSearch: V = "Search",
-    enableSearch: F = !1,
-    classNameSearchField: R,
-    classNameSearchFieldInput: T,
-    ...D
-  } = S, { contains: q } = w({ sensitivity: "base" }), [d, n] = h(!1), [z, x] = h(() => f !== void 0 ? f : l === "multiple" ? [] : null), i = m !== void 0, a = i ? m : z, B = (t) => {
-    if (l === "multiple" && a && Array.isArray(a)) {
-      const e = a.filter((_) => _ !== t);
-      i || x(e), o && o(e);
-    }
-  }, E = (t) => {
-    let e;
-    l === "multiple" ? e = t instanceof Set ? Array.from(t) : t : (e = t, n(!1)), i || x(e), o && o(e);
-  }, M = {
-    className: c("flex w-full flex-col gap-1", j),
-    selectionMode: l,
-    isDisabled: r,
-    value: a,
-    onChange: E,
-    ...D
-  };
-  return /* @__PURE__ */ s.jsxs(G, { ...M, children: [
-    p ? /* @__PURE__ */ s.jsx(
-      J,
+    label: n,
+    onReset: c,
+    placeholder: f,
+    isDisabled: l,
+    delay: b = 300,
+    searchIcon: j,
+    clearIcon: I,
+    size: N = "md",
+    description: d,
+    inputValue: h,
+    isInvalid: m,
+    errorMessage: x,
+    items: r,
+    ...L
+  } = i, w = j ?? /* @__PURE__ */ s.jsx(P, { className: "size-6 text-neutral-700", "data-testid": "search-icon" }), C = /* @__PURE__ */ s.jsx(T, { intent: "minimal", size: "md", className: "p-0", "data-testid": "clear-icon-button", onPress: c, children: I ?? /* @__PURE__ */ s.jsx(y, { className: "size-5 text-neutral-700", "data-testid": "clear-icon" }) }), a = _(h, b), u = a && c, V = u ? C : w, v = (e, t) => {
+    if (!t.trim())
+      return [{ text: e, highlight: !1 }];
+    const o = new RegExp(`(${t})`, "gi");
+    return e.split(o).filter(Boolean).map((g) => ({
+      text: g,
+      highlight: g.toLowerCase() === t.toLowerCase()
+    }));
+  }, B = z(
+    () => a ? r.filter((e) => e.label.toLowerCase().includes(a.toLowerCase())).map((e) => {
+      const t = a && e.label.toLowerCase().includes(a.toLowerCase()), o = v(e.label, a ?? "");
+      return { ...e, shouldHighlight: t, highlightedParts: o };
+    }) : r.map((e) => ({
+      ...e,
+      shouldHighlight: !1,
+      highlightedParts: [{ text: e.label, highlight: !1 }]
+    })),
+    [a, r]
+  );
+  return /* @__PURE__ */ s.jsxs(D, { inputValue: h, isDisabled: l, ...L, children: [
+    n && /* @__PURE__ */ s.jsx($, { children: n }),
+    /* @__PURE__ */ s.jsxs("div", { className: "relative flex items-center", children: [
+      /* @__PURE__ */ s.jsx(
+        H,
+        {
+          placeholder: f,
+          className: k({ size: N, isDisabled: l, hasIcon: !0 }),
+          disabled: l,
+          readOnly: i.isReadOnly
+        }
+      ),
+      /* @__PURE__ */ s.jsx("span", { className: S("absolute right-2 top-1/2 -translate-y-1/2", u && "top-[53%]"), children: V })
+    ] }),
+    d && !m && /* @__PURE__ */ s.jsx(R, { slot: "description", className: "text-xs leading-5 text-neutral-700", children: d }),
+    x && m && /* @__PURE__ */ s.jsx(E, { className: "text-sm leading-6 text-error-500", children: x }),
+    /* @__PURE__ */ s.jsx(O, { className: q(), children: /* @__PURE__ */ s.jsx(F, { items: B, className: "max-h-60 overflow-auto outline-none", children: (e) => /* @__PURE__ */ s.jsx(
+      M,
       {
-        labelClassName: c("mb-[1px] text-left leading-[19.07px]", {
-          "text-neutral-700": r,
-          [u || ""]: !!u
-        }),
-        isRequired: g,
-        tooltipText: O,
-        tooltipSupportText: y,
-        tooltipProps: A,
-        children: p
+        id: e.id,
+        textValue: e.label,
+        className: ({ isDisabled: t, isSelected: o, isFocused: p }) => A({ isFocused: p, isSelected: o, isDisabled: t }),
+        children: e.shouldHighlight ? /* @__PURE__ */ s.jsx("span", { children: e.highlightedParts.map(
+          (t, o) => t.highlight ? /* @__PURE__ */ s.jsx("span", { className: "font-bold text-neutral-900", children: t.text }, t.text + o) : t.text
+        ) }) : e.label
       }
-    ) : null,
-    /* @__PURE__ */ s.jsx(
-      Q,
-      {
-        ref: b,
-        isOpen: d,
-        setIsOpen: n,
-        size: C,
-        isDisabled: r,
-        classNameButton: I,
-        selectionMode: l,
-        maxLengthTextOption: L,
-        handleDeleteOptionSelected: B,
-        placeholder: N
-      }
-    ),
-    /* @__PURE__ */ s.jsx(H, { className: c(U(), P), isOpen: d, onOpenChange: n, children: /* @__PURE__ */ s.jsx(
-      K,
-      {
-        enableSearch: F,
-        contains: q,
-        classNameSearchField: R,
-        classNameSearchFieldInput: T,
-        placeholderSearch: V,
-        items: v
-      }
-    ) })
+    ) }) })
   ] });
-}, ae = k(W);
+};
 export {
-  ae as SelectInput
+  te as SearchField
 };