@simpli-route/apollo-ds 0.1.23 → 0.1.24

package/dist/index.es128.js

@@ -1,4 +1,94 @@
-var a = {};
-export {
-  a as __exports
-};
+import { __exports as O } from "./index.es129.js";
+import "./index.es137.js";
+import { __exports as b } from "./index.es138.js";
+(function(d) {
+  Object.defineProperty(d, "__esModule", {
+    value: !0
+  });
+  function S(r, s) {
+    for (var e in s)
+      Object.defineProperty(r, e, {
+        enumerable: !0,
+        get: s[e]
+      });
+  }
+  S(d, {
+    parseColor: function() {
+      return C;
+    },
+    formatColor: function() {
+      return H;
+    }
+  });
+  const p = /* @__PURE__ */ E(b);
+  function E(r) {
+    return r && r.__esModule ? r : {
+      default: r
+    };
+  }
+  let P = /^#([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})?$/i, v = /^#([a-f\d])([a-f\d])([a-f\d])([a-f\d])?$/i, t = /(?:\d+|\d*\.\d+)%?/, i = /(?:\s*,\s*|\s+)/, _ = /\s*[,/]\s*/, o = /var\(--(?:[^ )]*?)(?:,(?:[^ )]*?|var\(--[^ )]*?\)))?\)/, R = new RegExp(`^(rgba?)\\(\\s*(${t.source}|${o.source})(?:${i.source}(${t.source}|${o.source}))?(?:${i.source}(${t.source}|${o.source}))?(?:${_.source}(${t.source}|${o.source}))?\\s*\\)$`), x = new RegExp(`^(hsla?)\\(\\s*((?:${t.source})(?:deg|rad|grad|turn)?|${o.source})(?:${i.source}(${t.source}|${o.source}))?(?:${i.source}(${t.source}|${o.source}))?(?:${_.source}(${t.source}|${o.source}))?\\s*\\)$`);
+  function C(r, { loose: s = !1 } = {}) {
+    var e, a;
+    if (typeof r != "string")
+      return null;
+    if (r = r.trim(), r === "transparent")
+      return {
+        mode: "rgb",
+        color: [
+          "0",
+          "0",
+          "0"
+        ],
+        alpha: "0"
+      };
+    if (r in p.default)
+      return {
+        mode: "rgb",
+        color: p.default[r].map((u) => u.toString())
+      };
+    let c = r.replace(v, (u, m, g, h, $) => [
+      "#",
+      m,
+      m,
+      g,
+      g,
+      h,
+      h,
+      $ ? $ + $ : ""
+    ].join("")).match(P);
+    if (c !== null)
+      return {
+        mode: "rgb",
+        color: [
+          parseInt(c[1], 16),
+          parseInt(c[2], 16),
+          parseInt(c[3], 16)
+        ].map((u) => u.toString()),
+        alpha: c[4] ? (parseInt(c[4], 16) / 255).toString() : void 0
+      };
+    var f;
+    let l = (f = r.match(R)) !== null && f !== void 0 ? f : r.match(x);
+    if (l === null)
+      return null;
+    let n = [
+      l[2],
+      l[3],
+      l[4]
+    ].filter(Boolean).map((u) => u.toString());
+    return n.length === 2 && n[0].startsWith("var(") ? {
+      mode: l[1],
+      color: [
+        n[0]
+      ],
+      alpha: n[1]
+    } : !s && n.length !== 3 || n.length < 3 && !n.some((u) => /^var\(.*?\)$/.test(u)) ? null : {
+      mode: l[1],
+      color: n,
+      alpha: (e = l[5]) === null || e === void 0 || (a = e.toString) === null || a === void 0 ? void 0 : a.call(e)
+    };
+  }
+  function H({ mode: r, color: s, alpha: e }) {
+    let a = e !== void 0;
+    return r === "rgba" || r === "hsla" ? `${r}(${s.join(", ")}${a ? `, ${e}` : ""})` : `${r}(${s.join(" ")}${a ? ` / ${e}` : ""})`;
+  }
+})(O);

package/dist/index.es129.js

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

package/dist/index.es13.js

@@ -1,145 +1,77 @@
-import { j as r } from "./index.es25.js";
-import { useState as f, useRef as C, useEffect as I } from "react";
-import { Select as S, Popover as tt, ListBox as st } from "react-aria-components";
-import { cn as P } from "./index.es26.js";
-import { Label as it } from "./index.es7.js";
-import { SelectContent as rt } from "./index.es54.js";
-import { SelectItem as lt } from "./index.es14.js";
-import { TooltipSelect as ot } from "./index.es55.js";
-const b = "all-select-option", wt = ({
-  mode: e = "single",
-  keyLabelName: V,
-  keyIdName: j,
-  className: _,
-  selectButtonClassName: k,
-  placeholder: O = "Select an option",
-  isDisabled: x = !1,
-  size: q = "md",
-  items: l = [],
-  renderItem: N,
-  value: s = [],
-  onSelectChange: t,
-  classNameLabel: B,
-  isRequired: $ = !1,
-  label: L,
-  tooltipText: F,
-  tooltipSupportText: H,
-  tooltipProps: g,
-  hiddenDiscardButton: z = !1,
-  tooltipMode: G = "dark",
-  textAllOption: J = "Select all"
-}) => {
-  const [y, K] = f(e), [M, d] = f(!1), [R, Q] = f(""), [U, u] = f(0), [X, T] = f(!1), [Y, A] = f(!1), m = C(null);
-  I(() => {
-    e !== y && (t == null || t([]), K(e));
-  }, [e, t, y]), I(() => {
-    if (!m.current || s.length === 0)
-      return;
-    const i = () => {
-      const n = m.current;
-      n && (A(!0), u(s.length), requestAnimationFrame(() => {
-        let c = 0;
-        const a = n.querySelectorAll("[data-chip]");
-        let h = 0;
-        const p = document.createElement("div");
-        p.innerText = `+${s.length}`, p.style.visibility = "hidden", p.style.position = "absolute", n.appendChild(p);
-        const v = p.offsetWidth;
-        n.removeChild(p);
-        for (let w = 0; w < a.length; w++) {
-          const E = a[w].getBoundingClientRect().width, W = 8;
-          if (c + E + W > n.offsetWidth - v)
-            break;
-          c += E + W, h++;
-        }
-        h < s.length ? (u(Math.max(1, h)), T(!0)) : (u(s.length), T(!1)), A(!1);
-      }));
-    };
-    i();
-    const o = new ResizeObserver(i);
-    return o.observe(m.current), () => {
-      o == null || o.disconnect();
-    };
-  }, [s]);
-  const Z = P("flex w-full flex-col gap-1 !min-w-[150px]", _), D = (i) => {
-    t == null || t((s == null ? void 0 : s.filter((o) => o !== i)) ?? []);
-  };
-  return /* @__PURE__ */ r.jsxs(
-    S,
-    {
-      isDisabled: x,
-      className: Z,
-      placeholder: O,
-      onSelectionChange: (i) => {
-        if (i === b && e === "multiple") {
-          if (s.length === l.length)
-            t == null || t([]);
-          else {
-            const c = l.map((a) => a[j]);
-            t == null || t(c);
-          }
-          return;
-        }
-        const o = s != null && s.includes(i) ? s.filter((c) => c !== i) : [...s, i], n = [i];
-        e === "multiple" ? t == null || t(o) : (d(!1), t == null || t(n));
-      },
-      children: [
-        /* @__PURE__ */ r.jsxs("div", { className: "flex items-center justify-between", children: [
-          L ? /* @__PURE__ */ r.jsx(
-            it,
-            {
-              labelClassName: P("leading-[19.07px] text-left mb-[1px]", {
-                "text-neutral-700": x,
-                classNameLabel: B
-              }),
-              isRequired: $,
-              tooltipText: F,
-              tooltipSupportText: H,
-              tooltipProps: g,
-              children: L
-            }
-          ) : /* @__PURE__ */ r.jsx("div", {}),
-          R && /* @__PURE__ */ r.jsx("div", { className: "relative -mb-2 mr-20 flex self-end", children: /* @__PURE__ */ r.jsx(ot, { mode: G, className: "mr-2", placement: "none", children: /* @__PURE__ */ r.jsx("p", { className: "whitespace-nowrap text-xs", children: R }) }) })
-        ] }),
-        /* @__PURE__ */ r.jsx(
-          rt,
-          {
-            isDisabled: x,
-            size: q,
-            selectButtonClassName: k,
-            setIsOpen: d,
-            isOpen: M,
-            value: s,
-            placeholder: O,
-            items: l,
-            keyIdName: j,
-            keyLabelName: V,
-            visibleItems: U,
-            handleDeleteOptionSelected: D,
-            maxLengthTextOption: 12,
-            hiddenDiscardButton: z,
-            containerRef: m,
-            setTooltipMessage: Q,
-            hasOverflow: X,
-            isCalculatingChips: Y
-          }
-        ),
-        /* @__PURE__ */ r.jsx(
-          tt,
-          {
-            isOpen: M,
-            placement: "bottom start",
-            className: "custom-scrollbar !max-h-[185px] w-[--trigger-width] overflow-y-auto rounded-md bg-white shadow-lg ring-1 ring-black/5",
-            onOpenChange: d,
-            children: /* @__PURE__ */ r.jsxs(st, { items: l, className: "p-1 outline-none", children: [
-              e === "multiple" && /* @__PURE__ */ r.jsx(lt, { id: b, children: J }, b),
-              Array.isArray(l) && (l == null ? void 0 : l.map((i) => N ? N(i) : null))
-            ] })
-          }
-        )
-      ]
-    }
+import { j as s } from "./index.es26.js";
+import { SearchIcon as P, CrossIcon as y } from "./index.es28.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.es27.js";
+import { useDebouncedValue as _ } from "./index.es46.js";
+import { IconButton as T } from "./index.es7.js";
+import { Label as $ } from "./index.es8.js";
+import { inputVariants as k } from "./index.es34.js";
+import { popoverVariants as q, searchOptionVariants as A } from "./index.es35.js";
+const se = (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]
   );
+  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 {
-  wt as Select
+  se as SearchField
 };

package/dist/index.es130.js

@@ -1,94 +1,28 @@
-import { __exports as O } from "./index.es131.js";
-import "./index.es137.js";
-import { __exports as b } from "./index.es138.js";
-(function(d) {
-  Object.defineProperty(d, "__esModule", {
+import { __exports as c } from "./index.es131.js";
+(function(u) {
+  Object.defineProperty(u, "__esModule", {
     value: !0
-  });
-  function S(r, s) {
-    for (var e in s)
-      Object.defineProperty(r, e, {
-        enumerable: !0,
-        get: s[e]
-      });
-  }
-  S(d, {
-    parseColor: function() {
-      return C;
-    },
-    formatColor: function() {
-      return H;
+  }), Object.defineProperty(u, "default", {
+    enumerable: !0,
+    get: function() {
+      return o;
     }
   });
-  const p = /* @__PURE__ */ E(b);
-  function E(r) {
-    return r && r.__esModule ? r : {
-      default: r
+  function i(e, n) {
+    return {
+      handler: e,
+      config: n
     };
   }
-  let P = /^#([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})?$/i, v = /^#([a-f\d])([a-f\d])([a-f\d])([a-f\d])?$/i, t = /(?:\d+|\d*\.\d+)%?/, i = /(?:\s*,\s*|\s+)/, _ = /\s*[,/]\s*/, o = /var\(--(?:[^ )]*?)(?:,(?:[^ )]*?|var\(--[^ )]*?\)))?\)/, R = new RegExp(`^(rgba?)\\(\\s*(${t.source}|${o.source})(?:${i.source}(${t.source}|${o.source}))?(?:${i.source}(${t.source}|${o.source}))?(?:${_.source}(${t.source}|${o.source}))?\\s*\\)$`), x = new RegExp(`^(hsla?)\\(\\s*((?:${t.source})(?:deg|rad|grad|turn)?|${o.source})(?:${i.source}(${t.source}|${o.source}))?(?:${i.source}(${t.source}|${o.source}))?(?:${_.source}(${t.source}|${o.source}))?\\s*\\)$`);
-  function C(r, { loose: s = !1 } = {}) {
-    var e, a;
-    if (typeof r != "string")
-      return null;
-    if (r = r.trim(), r === "transparent")
-      return {
-        mode: "rgb",
-        color: [
-          "0",
-          "0",
-          "0"
-        ],
-        alpha: "0"
-      };
-    if (r in p.default)
+  i.withOptions = function(e, n = () => ({})) {
+    const t = function(r) {
       return {
-        mode: "rgb",
-        color: p.default[r].map((u) => u.toString())
+        __options: r,
+        handler: e(r),
+        config: n(r)
       };
-    let c = r.replace(v, (u, m, g, h, $) => [
-      "#",
-      m,
-      m,
-      g,
-      g,
-      h,
-      h,
-      $ ? $ + $ : ""
-    ].join("")).match(P);
-    if (c !== null)
-      return {
-        mode: "rgb",
-        color: [
-          parseInt(c[1], 16),
-          parseInt(c[2], 16),
-          parseInt(c[3], 16)
-        ].map((u) => u.toString()),
-        alpha: c[4] ? (parseInt(c[4], 16) / 255).toString() : void 0
-      };
-    var f;
-    let l = (f = r.match(R)) !== null && f !== void 0 ? f : r.match(x);
-    if (l === null)
-      return null;
-    let n = [
-      l[2],
-      l[3],
-      l[4]
-    ].filter(Boolean).map((u) => u.toString());
-    return n.length === 2 && n[0].startsWith("var(") ? {
-      mode: l[1],
-      color: [
-        n[0]
-      ],
-      alpha: n[1]
-    } : !s && n.length !== 3 || n.length < 3 && !n.some((u) => /^var\(.*?\)$/.test(u)) ? null : {
-      mode: l[1],
-      color: n,
-      alpha: (e = l[5]) === null || e === void 0 || (a = e.toString) === null || a === void 0 ? void 0 : a.call(e)
     };
-  }
-  function H({ mode: r, color: s, alpha: e }) {
-    let a = e !== void 0;
-    return r === "rgba" || r === "hsla" ? `${r}(${s.join(", ")}${a ? `, ${e}` : ""})` : `${r}(${s.join(" ")}${a ? ` / ${e}` : ""})`;
-  }
-})(O);
+    return t.__isOptionsFunction = !0, t.__pluginFunction = e, t.__configFunction = n, t;
+  };
+  const o = i;
+})(c);

package/dist/index.es131.js

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

package/dist/index.es14.js

@@ -1,42 +1,145 @@
-import { j as e } from "./index.es25.js";
-import { ListBoxItem as m } from "react-aria-components";
-import { cn as i } from "./index.es26.js";
-const c = (t) => {
-  const { isSelected: r } = t;
-  return /* @__PURE__ */ e.jsx(
-    m,
+import { j as r } from "./index.es26.js";
+import { useState as f, useRef as C, useEffect as I } from "react";
+import { Select as S, Popover as tt, ListBox as st } from "react-aria-components";
+import { cn as P } from "./index.es27.js";
+import { Label as it } from "./index.es8.js";
+import { SelectContent as rt } from "./index.es47.js";
+import { SelectItem as lt } from "./index.es15.js";
+import { TooltipSelect as ot } from "./index.es48.js";
+const b = "all-select-option", wt = ({
+  mode: e = "single",
+  keyLabelName: V,
+  keyIdName: j,
+  className: _,
+  selectButtonClassName: k,
+  placeholder: O = "Select an option",
+  isDisabled: x = !1,
+  size: q = "md",
+  items: l = [],
+  renderItem: N,
+  value: s = [],
+  onSelectChange: t,
+  classNameLabel: B,
+  isRequired: $ = !1,
+  label: L,
+  tooltipText: F,
+  tooltipSupportText: H,
+  tooltipProps: g,
+  hiddenDiscardButton: z = !1,
+  tooltipMode: G = "dark",
+  textAllOption: J = "Select all"
+}) => {
+  const [y, K] = f(e), [M, d] = f(!1), [R, Q] = f(""), [U, u] = f(0), [X, T] = f(!1), [Y, A] = f(!1), m = C(null);
+  I(() => {
+    e !== y && (t == null || t([]), K(e));
+  }, [e, t, y]), I(() => {
+    if (!m.current || s.length === 0)
+      return;
+    const i = () => {
+      const n = m.current;
+      n && (A(!0), u(s.length), requestAnimationFrame(() => {
+        let c = 0;
+        const a = n.querySelectorAll("[data-chip]");
+        let h = 0;
+        const p = document.createElement("div");
+        p.innerText = `+${s.length}`, p.style.visibility = "hidden", p.style.position = "absolute", n.appendChild(p);
+        const v = p.offsetWidth;
+        n.removeChild(p);
+        for (let w = 0; w < a.length; w++) {
+          const E = a[w].getBoundingClientRect().width, W = 8;
+          if (c + E + W > n.offsetWidth - v)
+            break;
+          c += E + W, h++;
+        }
+        h < s.length ? (u(Math.max(1, h)), T(!0)) : (u(s.length), T(!1)), A(!1);
+      }));
+    };
+    i();
+    const o = new ResizeObserver(i);
+    return o.observe(m.current), () => {
+      o == null || o.disconnect();
+    };
+  }, [s]);
+  const Z = P("flex w-full flex-col gap-1 !min-w-[150px]", _), D = (i) => {
+    t == null || t((s == null ? void 0 : s.filter((o) => o !== i)) ?? []);
+  };
+  return /* @__PURE__ */ r.jsxs(
+    S,
     {
-      ...t,
-      className: ({ isHovered: n, isFocusVisible: l }) => i(
-        "group flex cursor-pointer select-none items-center gap-2 rounded-sm px-4 py-2 text-primary-500 outline-none",
-        r && "bg-primary-100",
-        (n || l) && !r && "bg-primary-50",
-        (n || l) && r && "bg-primary-200"
-      ),
-      children: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-        /* @__PURE__ */ e.jsx(
-          "span",
+      isDisabled: x,
+      className: Z,
+      placeholder: O,
+      onSelectionChange: (i) => {
+        if (i === b && e === "multiple") {
+          if (s.length === l.length)
+            t == null || t([]);
+          else {
+            const c = l.map((a) => a[j]);
+            t == null || t(c);
+          }
+          return;
+        }
+        const o = s != null && s.includes(i) ? s.filter((c) => c !== i) : [...s, i], n = [i];
+        e === "multiple" ? t == null || t(o) : (d(!1), t == null || t(n));
+      },
+      children: [
+        /* @__PURE__ */ r.jsxs("div", { className: "flex items-center justify-between", children: [
+          L ? /* @__PURE__ */ r.jsx(
+            it,
+            {
+              labelClassName: P("leading-[19.07px] text-left mb-[1px]", {
+                "text-neutral-700": x,
+                classNameLabel: B
+              }),
+              isRequired: $,
+              tooltipText: F,
+              tooltipSupportText: H,
+              tooltipProps: g,
+              children: L
+            }
+          ) : /* @__PURE__ */ r.jsx("div", {}),
+          R && /* @__PURE__ */ r.jsx("div", { className: "relative -mb-2 mr-20 flex self-end", children: /* @__PURE__ */ r.jsx(ot, { mode: G, className: "mr-2", placement: "none", children: /* @__PURE__ */ r.jsx("p", { className: "whitespace-nowrap text-xs", children: R }) }) })
+        ] }),
+        /* @__PURE__ */ r.jsx(
+          rt,
           {
-            className: i(
-              "flex flex-1 items-center gap-2  text-sm font-normal text-primary-900",
-              r && "text-primary-500"
-            ),
-            children: t == null ? void 0 : t.children
+            isDisabled: x,
+            size: q,
+            selectButtonClassName: k,
+            setIsOpen: d,
+            isOpen: M,
+            value: s,
+            placeholder: O,
+            items: l,
+            keyIdName: j,
+            keyLabelName: V,
+            visibleItems: U,
+            handleDeleteOptionSelected: D,
+            maxLengthTextOption: 12,
+            hiddenDiscardButton: z,
+            containerRef: m,
+            setTooltipMessage: Q,
+            hasOverflow: X,
+            isCalculatingChips: Y
           }
         ),
-        /* @__PURE__ */ e.jsx("span", { className: "flex w-5 items-center", children: r && /* @__PURE__ */ e.jsx("svg", { width: "14", height: "13", viewBox: "0 0 14 13", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ e.jsx(
-          "path",
+        /* @__PURE__ */ r.jsx(
+          tt,
           {
-            fillRule: "evenodd",
-            clipRule: "evenodd",
-            d: "M13.2241 0.601824C13.4808 0.780773 13.5439 1.13398 13.365 1.39073L5.69829 12.3907C5.59653 12.5367 5.43209 12.6264 5.25425 12.633C5.07641 12.6395 4.90582 12.5622 4.79359 12.4241L0.460261 7.09072C0.26291 6.84783 0.299829 6.49094 0.542723 6.29358C0.785617 6.09623 1.14251 6.13315 1.33986 6.37605L5.19872 11.1254L12.4352 0.7427C12.6141 0.485948 12.9673 0.422875 13.2241 0.601824Z",
-            fill: "#4C3BEF"
+            isOpen: M,
+            placement: "bottom start",
+            className: "custom-scrollbar !max-h-[185px] w-[--trigger-width] overflow-y-auto rounded-md bg-white shadow-lg ring-1 ring-black/5",
+            onOpenChange: d,
+            children: /* @__PURE__ */ r.jsxs(st, { items: l, className: "p-1 outline-none", children: [
+              e === "multiple" && /* @__PURE__ */ r.jsx(lt, { id: b, children: J }, b),
+              Array.isArray(l) && (l == null ? void 0 : l.map((i) => N ? N(i) : null))
+            ] })
           }
-        ) }) })
-      ] })
+        )
+      ]
     }
   );
 };
 export {
-  c as SelectItem
+  wt as Select
 };