impact-nova 2.0.8 → 2.1.0-alpha.1

package/dist/components/ui/select/select.js

@@ -1,1021 +0,0 @@
-import { jsxs as g, jsx as a, Fragment as vt } from "react/jsx-runtime";
-import yt, { useState as W, useRef as M, useEffect as A } from "react";
-import * as re from "@radix-ui/react-popover";
-import { useVirtualizer as wt } from "@tanstack/react-virtual";
-import St from "./components/LabelWithSequence.js";
-import Vt from "./components/Submenu.js";
-import { LoadingSpinner as Nt, Cross as kt, ChevronRight as Re, Search as Pt, Info as ae } from "impact-nova-icons";
-import { Checkbox as He } from "../checkbox.js";
-import { Button as Dt } from "../button.js";
-import { cn as y } from "../../../lib/utils.js";
-import { isInvertedSelection as z, isOptionArray as N, isSelected as Ot, getSequence as Ct, getLeafOptions as At } from "./utils/select.js";
-import { useFlattenOptions as It } from "./hooks/useFlattenOptions.js";
-import { useSelectionModel as Tt } from "./hooks/useSelectionModel.js";
-import { useVisibleStats as Et } from "./hooks/useVisibleStats.js";
-import { useImpactNovaI18n as Mt } from "../../../i18n/ImpactNovaI18nContext.js";
-const zt = (Ne) => {
-  const {
-    options: L,
-    value: oe,
-    defaultValue: _e,
-    onChange: u,
-    isMulti: p,
-    isDisabled: S,
-    isLoading: T,
-    isClearable: qe = !0,
-    isSearchable: $ = !0,
-    placeholder: je,
-    // menuPortalTarget is kept for API compatibility but no longer used (Radix handles portalling)
-    menuPortalTarget: Lt,
-    autoFocus: Be,
-    closeMenuOnSelect: Ke = !p,
-    defaultMenuIsOpen: Ue = !1,
-    scrollToSelectedOnOpen: ke = !1,
-    maxSelectableOptions: b,
-    showSequence: Pe,
-    selectionOrder: We,
-    label: H,
-    isRequired: Xe,
-    error: ce,
-    helperText: X,
-    helperTextPosition: ue = "absolute",
-    id: P,
-    className: Ye,
-    parentClassName: Je,
-    onMenuScrollToBottom: F,
-    totalCount: De,
-    name: Qe,
-    isSelectAllEnabled: Q = !0,
-    isReadOnly: h = !1,
-    searchPosition: G = "menu",
-    footerContent: de,
-    onInputChange: Ze,
-    getOptionLabel: Oe,
-    renderOption: Ce,
-    onMenuOpen: et,
-    onMenuClose: Ae,
-    labelOrientation: fe = "top",
-    leftContent: Ie,
-    ignoreCase: tt,
-    ignoreAccents: nt,
-    matchFrom: lt,
-    stringify: st,
-    trim: it,
-    filterOption: rt,
-    enableSubMenus: w = !1,
-    enableGroups: D = !1,
-    fetchError: _,
-    onRefetch: Te,
-    menuWidth: at,
-    onClearAll: Ee,
-    onFocus: ot,
-    onBlur: ct
-  } = Ne, { t: Y } = Mt(), me = je ?? Y("select.placeholder"), [d, Me] = W(Ue), [q, Z] = W(""), [ze, Le] = W(void 0), pe = M(0), [f, v] = W(_e || (p ? [] : null)), [ut, he] = W(null), J = -2, [O, I] = W(-1), xe = M(!1), ge = M(null), be = M(null), dt = M(null), ee = M(null), j = M(null);
-  A(() => {
-    oe !== void 0 && v(oe);
-  }, [oe]), A(() => {
-    if (!(d && $ && G === "menu")) return;
-    let e = !1;
-    const t = () => {
-      !e && j.current && j.current.focus();
-    };
-    requestAnimationFrame(t);
-    const n = setTimeout(t, 50);
-    return () => {
-      e = !0, clearTimeout(n);
-    };
-  }, [d, $, G]);
-  const { flatOptions: m, isProcessing: C, totalOptionsCount: $e, workerSelectAll: ft } = It(L, q, {
-    ignoreCase: tt,
-    ignoreAccents: nt,
-    matchFrom: lt,
-    stringify: st,
-    trim: it,
-    filterOption: rt,
-    enableSubMenus: w,
-    enableGroups: D
-  }), V = Tt(f, p ?? !1), { stats: B, getGroupStats: ve } = Et(
-    m,
-    $e,
-    q,
-    V,
-    f,
-    p ?? !1
-  ), k = wt({
-    count: m.length,
-    getScrollElement: () => ee.current,
-    estimateSize: () => 34,
-    overscan: 5
-  });
-  A(() => {
-    if (!d)
-      I(-1);
-    else if (xe.current)
-      if (xe.current = !1, $ && G === "menu" && !h)
-        I(-1);
-      else {
-        const e = !T && !C && !_ && p && Q && !h && m.length > 0;
-        I(e ? J : 0);
-      }
-  }, [d]), A(() => {
-    if (pe.current = 0, Le(void 0), !d) return;
-    let e = null, t = null;
-    const n = () => {
-      const l = be.current;
-      if (!l) return !1;
-      const i = (r) => {
-        r > pe.current && (pe.current = r, Le(r));
-      };
-      return e = new ResizeObserver((r) => {
-        for (const c of r)
-          i(c.contentRect.height);
-      }), e.observe(l), i(l.offsetHeight), !0;
-    }, s = requestAnimationFrame(() => {
-      n() || (t = setTimeout(n, 50));
-    });
-    return () => {
-      cancelAnimationFrame(s), t && clearTimeout(t), e?.disconnect();
-    };
-  }, [d, T, C]), A(() => {
-    O !== -1 && I(0);
-  }, [q]), A(() => {
-    if (!d) return;
-    const e = requestAnimationFrame(() => {
-      k.measure();
-    });
-    return () => cancelAnimationFrame(e);
-  }, [d, k]), A(() => {
-    if (d && ke && !C && m.length > 0) {
-      const e = m.findIndex((t) => p ? V.mode === "exclude" ? !V.set.has(t.value) : V.set.has(t.value) : f?.value === t.value);
-      if (e !== -1) {
-        const t = setTimeout(() => {
-          k.scrollToIndex(e, { align: "center" });
-        }, 50);
-        return () => clearTimeout(t);
-      }
-    }
-  }, [d, ke, C, m.length, p, V.mode, V.set, f, k]);
-  const K = M(null), Fe = k.getVirtualItems(), ye = Fe[Fe.length - 1], te = yt.useCallback(() => {
-    T || C || K.current || F && (F(), K.current = setTimeout(() => {
-      K.current = null;
-    }, 500));
-  }, [T, C, F]);
-  A(() => () => {
-    K.current && (clearTimeout(K.current), K.current = null);
-  }, []), A(() => {
-    if (!d || !ee.current || !F) return;
-    const e = () => {
-      const { scrollTop: n, scrollHeight: s, clientHeight: l } = t;
-      s - n - l <= 64 && te();
-    }, t = ee.current;
-    return t.addEventListener("scroll", e), e(), () => {
-      t.removeEventListener("scroll", e);
-    };
-  }, [
-    F,
-    d,
-    te
-  ]), A(() => {
-    if (!d || !F || !ye) return;
-    const e = m.length - 1;
-    e < 0 || ye.index < e - 1 || te();
-  }, [
-    d,
-    F,
-    m.length,
-    ye,
-    te
-  ]);
-  const E = (e) => {
-    if (!(S && e))
-      if (Me(e), e)
-        et?.();
-      else {
-        const t = f, n = p && N(f) ? f.map((s) => s.value) : void 0;
-        Ae?.(t, n), Z(""), he(null);
-      }
-  };
-  A(() => {
-    if (!d) return;
-    const e = (t) => {
-      const n = t.target;
-      n && be.current?.contains(n) || (t.preventDefault(), t.stopPropagation());
-    };
-    return document.addEventListener("scroll", e, !0), document.addEventListener("wheel", e, { passive: !1, capture: !0 }), document.addEventListener("touchmove", e, { passive: !1, capture: !0 }), () => {
-      document.removeEventListener("scroll", e, !0), document.removeEventListener("wheel", e, !0), document.removeEventListener("touchmove", e, !0);
-    };
-  }, [d]);
-  const ne = (e) => {
-    if (!(S || h || e.isDisabled || ("children" in e || "options" in e) && e.isParentSelectable === !1))
-      if (p) {
-        const n = f || [];
-        if ("children" in e || "options" in e) {
-          const l = At(
-            e,
-            w,
-            D
-          ).filter((i) => !i.isDisabled);
-          if (z(n)) {
-            const i = n.excludedValues, r = l.every(
-              (x) => !i.includes(x.value)
-            );
-            let c = [...i];
-            r ? l.forEach((x) => {
-              c.includes(x.value) || c.push(x.value);
-            }) : c = c.filter(
-              (x) => !l.some((se) => se.value === x)
-            );
-            const o = {
-              isAllSelected: !0,
-              excludedValues: c
-            };
-            v(o), u && u(o, {
-              action: "select-option",
-              option: e
-            });
-          } else if (N(n)) {
-            const i = n, r = l.every(
-              (o) => i.some((x) => x.value === o.value)
-            );
-            let c = [...i];
-            if (r ? c = c.filter(
-              (o) => !l.some((x) => x.value === o.value)
-            ) : l.forEach((o) => {
-              c.some((x) => x.value === o.value) || c.push(o);
-            }), b && c.length > b)
-              return;
-            v(c), u && u(c, {
-              action: "select-option",
-              option: e
-            });
-          }
-        } else if (z(n)) {
-          const s = n.excludedValues, l = s.includes(e.value);
-          let i = [...s];
-          l ? i = i.filter((c) => c !== e.value) : i.push(e.value);
-          const r = {
-            isAllSelected: !0,
-            excludedValues: i
-          };
-          v(r), u && u(r, {
-            action: l ? "select-option" : "deselect-option",
-            option: e
-          });
-        } else if (N(n)) {
-          const s = n, l = p ? V.mode === "exclude" ? !V.set.has(e.value) : V.set.has(e.value) : f?.value === e.value;
-          let i = [];
-          if (l)
-            i = s.filter((r) => r.value !== e.value);
-          else {
-            if (b && n.length >= b)
-              return;
-            i = [...s, e];
-          }
-          v(i), u && u(i, {
-            action: l ? "deselect-option" : "select-option",
-            option: e
-          });
-        }
-      } else
-        v(e), u && u(e, {
-          action: "select-option",
-          option: e
-        }), Ke && (Me(!1), Ae?.(e, void 0), Z(""));
-  }, we = async () => {
-    if (!(!p || S || h)) {
-      if (L.length > 3e3) {
-        try {
-          const e = await ft(
-            f,
-            z(f),
-            b
-          );
-          v(e), u && u(e, { action: "select-option" });
-        } catch {
-        }
-        return;
-      }
-      if (q) {
-        let e = !1;
-        for (const n of m)
-          if (!n.isGroup && !n.isSubmenuParent && !n.isDisabled) {
-            e = !0;
-            break;
-          }
-        if (!e)
-          return;
-        const t = f || [];
-        if (z(t)) {
-          const n = t.excludedValues, { totalVisible: s, selectedVisible: l } = B, i = s > 0 && s === l;
-          let r = [...n];
-          if (i)
-            for (const o of m)
-              !o.isGroup && !o.isSubmenuParent && !o.isDisabled && (r.includes(o.value) || r.push(o.value));
-          else {
-            const o = /* @__PURE__ */ new Set();
-            for (const x of m)
-              !x.isGroup && !x.isSubmenuParent && !x.isDisabled && o.add(x.value);
-            r = r.filter((x) => !o.has(x));
-          }
-          const c = {
-            isAllSelected: !0,
-            excludedValues: r
-          };
-          v(c), u && u(c, { action: "select-option" });
-        } else if (N(t)) {
-          const n = t, { totalVisible: s, selectedVisible: l } = B, i = s > 0 && s === l;
-          let r = [...n];
-          if (i) {
-            const c = /* @__PURE__ */ new Set();
-            for (const o of m)
-              !o.isGroup && !o.isSubmenuParent && !o.isDisabled && c.add(o.value);
-            r = r.filter((o) => !c.has(o.value));
-          } else {
-            const c = new Set(r.map((o) => o.value));
-            for (const o of m)
-              !o.isGroup && !o.isSubmenuParent && !o.isDisabled && (c.has(o.value) || (r.push(o), c.add(o.value)));
-          }
-          if (b && r.length > b)
-            return;
-          v(r), u && u(r, { action: "select-option" });
-        }
-      } else if (b) {
-        const e = f, { totalVisible: t } = B, n = N(e) ? e.length : 0, s = Math.min(t, b);
-        if (N(e) && n >= s && n > 0) {
-          const l = e.filter((i) => i.isDisabled);
-          v(l), u && u(l, {
-            action: "select-option"
-          });
-        } else if (N(e)) {
-          const l = e.filter(
-            (r) => r.isDisabled
-          );
-          let i = l.length;
-          for (const r of m)
-            if (!r.isGroup && !r.isSubmenuParent && !r.isDisabled && (l.push(r), i++, i >= b))
-              break;
-          v(l), u && u(l, {
-            action: "select-option"
-          });
-        }
-      } else {
-        const e = f, t = z(e) && e.excludedValues.length === 0;
-        if (Ne.enableInvertedSelection)
-          if (t) {
-            const n = N(e) ? e.filter((s) => s.isDisabled) : [];
-            v(n), u && u(n, {
-              action: "select-option"
-            });
-          } else {
-            const s = {
-              isAllSelected: !0,
-              excludedValues: m.filter(
-                (l) => l.isDisabled && (N(e) ? !e.some((i) => i.value === l.value) : !0)
-              ).map((l) => l.value)
-            };
-            v(s), u && u(s, { action: "select-option" });
-          }
-        else {
-          const { totalVisible: n, selectedVisible: s } = B;
-          if (n > 0 && n === s) {
-            const l = N(e) ? e.filter((i) => i.isDisabled) : [];
-            v(l), u && u(l, {
-              action: "select-option"
-            });
-          } else {
-            const l = N(e) ? e.filter((i) => i.isDisabled) : [];
-            for (const i of m)
-              !i.isGroup && !i.isSubmenuParent && !i.isDisabled && l.push(i);
-            v(l), u && u(l, {
-              action: "select-option"
-            });
-          }
-        }
-      }
-    }
-  }, mt = (e) => {
-    if (e.stopPropagation(), !h)
-      if (p) {
-        const t = [], n = (l) => {
-          for (const i of l) {
-            if (D && "options" in i) {
-              n(
-                i.options
-              );
-              continue;
-            }
-            if (w && "children" in i && Array.isArray(i.children)) {
-              n(i.children);
-              continue;
-            }
-            const r = i;
-            r.isDisabled && (V.mode === "exclude" ? !V.set.has(r.value) : V.set.has(r.value)) && t.push(r);
-          }
-        };
-        n(L);
-        const s = t;
-        v(s), u && u(s, { action: "clear" }), Ee?.();
-      } else {
-        const t = f;
-        if (t) {
-          let s;
-          const l = (i) => {
-            for (const r of i) {
-              if (s) return;
-              if (D && "options" in r) {
-                if (l(
-                  r.options
-                ), s) return;
-                continue;
-              }
-              if (w && "children" in r && Array.isArray(r.children)) {
-                if (l(
-                  r.children
-                ), s) return;
-                continue;
-              }
-              const c = r;
-              if (c.value === t.value) {
-                s = c;
-                return;
-              }
-            }
-          };
-          if (l(L), s?.isDisabled)
-            return;
-        }
-        const n = null;
-        v(n), u && u(n, { action: "clear" }), Ee?.();
-      }
-  }, pt = (e) => Ct(
-    e,
-    Pe ?? !1,
-    p ?? !1,
-    We,
-    f
-  ), le = (e) => Oe ? Oe(e) : e.label, Ge = () => {
-    const e = [];
-    return !T && !C && !_ && p && Q && !h && m.length > 0 && e.push(J), m.forEach((n, s) => {
-      !n.isGroup && !(w && n.isSubmenuParent) && !n.isDisabled && e.push(s);
-    }), e;
-  }, ht = (e) => {
-    if (S || h) return;
-    if (e.key === "Tab") {
-      d && E(!1);
-      return;
-    }
-    if (!d) {
-      (e.key === "Enter" || e.key === " " || e.key === "ArrowDown" || e.key === "ArrowUp") && (e.preventDefault(), xe.current = !0, E(!0));
-      return;
-    }
-    if ($ && G === "menu" && !h && j.current) {
-      document.activeElement !== j.current && j.current.focus();
-      return;
-    }
-    const t = Ge();
-    if (t.length === 0) return;
-    const n = t.indexOf(O);
-    if (e.key === "ArrowDown") {
-      e.preventDefault();
-      const s = n < t.length - 1 ? n + 1 : 0, l = t[s];
-      I(l), l >= 0 && k.scrollToIndex(l, { align: "auto" });
-    } else if (e.key === "ArrowUp") {
-      e.preventDefault();
-      const s = n > 0 ? n - 1 : t.length - 1, l = t[s];
-      I(l), l >= 0 && k.scrollToIndex(l, { align: "auto" });
-    } else if (e.key === "Enter" || e.key === " ") {
-      if (e.preventDefault(), O === J)
-        we();
-      else if (O >= 0 && O < m.length) {
-        const s = m[O];
-        s.isDisabled || ne(s);
-      }
-    } else if (e.key === "Escape")
-      e.preventDefault(), E(!1), ge.current?.focus();
-    else if (e.key === "Home")
-      e.preventDefault(), t.length > 0 && (I(t[0]), t[0] >= 0 && k.scrollToIndex(t[0], { align: "auto" }));
-    else if (e.key === "End" && (e.preventDefault(), t.length > 0)) {
-      const s = t[t.length - 1];
-      I(s), s >= 0 && k.scrollToIndex(s, { align: "auto" });
-    }
-  }, xt = (e) => {
-    const t = Ge();
-    if (t.length === 0) return;
-    const n = t.indexOf(O);
-    if (e.key === "ArrowDown") {
-      e.preventDefault();
-      const s = n < t.length - 1 ? n + 1 : 0, l = t[s];
-      I(l), l >= 0 && k.scrollToIndex(l, { align: "auto" });
-    } else if (e.key === "ArrowUp") {
-      e.preventDefault();
-      const s = n > 0 ? n - 1 : t.length - 1, l = t[s];
-      I(l), l >= 0 && k.scrollToIndex(l, { align: "auto" });
-    } else if (e.key === "Enter") {
-      if (e.preventDefault(), O === J)
-        we();
-      else if (O >= 0 && O < m.length) {
-        const s = m[O];
-        s.isDisabled || ne(s);
-      }
-    } else e.key === "Escape" && (e.preventDefault(), E(!1), ge.current?.focus());
-  }, gt = () => {
-    if (p) {
-      const e = f || [];
-      let t = 0;
-      return z(e) ? t = Math.max(0, (typeof De == "number" ? De : $e) - e.excludedValues.length) : N(e) && (t = e.length), t === 0 ? null : t === 1 && N(e) ? /* @__PURE__ */ a("span", { className: y("text-[14px] font-medium truncate min-w-0 block", S ? "text-disabled-foreground" : "text-[#1f2b4d]"), children: le(e[0]) }) : /* @__PURE__ */ a("span", { className: y("text-[14px] font-medium truncate min-w-0 block", S ? "text-disabled-foreground" : "text-[#1f2b4d]"), children: Y("select.selectedCount", { count: t }) });
-    } else {
-      const e = f;
-      return e ? /* @__PURE__ */ a("span", { className: y("text-[14px] font-medium truncate min-w-0 block", S ? "text-disabled-foreground" : "text-[#1f2b4d]"), children: le(e) }) : null;
-    }
-  };
-  return /* @__PURE__ */ g(
-    "div",
-    {
-      className: y(
-        "flex gap-[6px]",
-        fe === "left" ? "w-fit flex-row items-center" : "w-full flex-col",
-        Je
-      ),
-      "data-testid": `select-${P || "default"}`,
-      "data-component": "select",
-      children: [
-        H && /* @__PURE__ */ g(
-          "label",
-          {
-            className: y(
-              "text-[12px] font-medium text-[#60697d] leading-[18px]",
-              fe === "left" ? "shrink-0" : ""
-            ),
-            children: [
-              H,
-              " ",
-              Xe && /* @__PURE__ */ a("span", { className: "text-[red]", children: "*" })
-            ]
-          }
-        ),
-        /* @__PURE__ */ g(
-          "div",
-          {
-            className: y(
-              fe === "left" ? "min-w-0 flex-1" : "w-full min-w-0",
-              X && ue === "absolute" && "relative"
-            ),
-            children: [
-              /* @__PURE__ */ g(re.Root, { open: d && !S, onOpenChange: E, children: [
-                /* @__PURE__ */ a(re.Trigger, { asChild: !0, children: /* @__PURE__ */ a(
-                  "div",
-                  {
-                    ref: ge,
-                    className: y(
-                      "relative h-[32px] w-full cursor-pointer rounded-[8px] border border-solid px-3 py-1 text-left shadow-sm sm:text-sm transition-all flex items-center overflow-hidden",
-                      ce ? "border-[#e15554] focus-visible:ring-[#e15554]" : "border-[#c3c8d4] hover:border-gray-400 focus-visible:border-indigo-500 focus-visible:ring-1 focus-visible:ring-indigo-500",
-                      S ? "bg-[#f2f4fb] cursor-not-allowed opacity-75" : "",
-                      h ? "cursor-default  bg-[#f2f4fb]" : "",
-                      d ? "ring-1 ring-indigo-500 border-indigo-500" : "",
-                      !S && !h && "bg-white",
-                      Ye
-                    ),
-                    id: P,
-                    tabIndex: S ? -1 : 0,
-                    onFocus: ot,
-                    onBlur: ct,
-                    role: "combobox",
-                    "aria-expanded": d,
-                    "aria-haspopup": "listbox",
-                    "aria-label": H ? String(H) : me,
-                    "aria-disabled": S || void 0,
-                    "data-component": "select-trigger",
-                    "data-disabled": S || void 0,
-                    "data-state": d ? "open" : "closed",
-                    onKeyDown: ht,
-                    onClick: (e) => {
-                      const t = e.target, n = t.closest("[data-chevron-button]"), s = t.closest("[data-clear-button]");
-                      if (n || s) {
-                        e.preventDefault(), e.stopPropagation();
-                        return;
-                      }
-                    },
-                    children: /* @__PURE__ */ g("div", { className: "flex items-center justify-between w-full min-w-0 max-w-full", children: [
-                      Ie && /* @__PURE__ */ a("div", { className: "flex items-center text-gray-500 shrink-0", children: Ie }),
-                      /* @__PURE__ */ g(
-                        "div",
-                        {
-                          className: "flex-1 flex items-center overflow-hidden min-w-0 max-w-full",
-                          "data-testid": `select-value-${P || "default"}`,
-                          children: [
-                            gt() || /* @__PURE__ */ a(
-                              "span",
-                              {
-                                className: "text-[#b4bac7] font-normal text-[14px] truncate min-w-0 block",
-                                "data-testid": `select-placeholder-${P || "default"}`,
-                                "data-has-value": !1,
-                                children: me
-                              }
-                            ),
-                            $ && d && G === "trigger" && !h && /* @__PURE__ */ a(
-                              "input",
-                              {
-                                ref: dt,
-                                type: "text",
-                                className: "flex-1 min-w-[50px] border-none p-0 focus:ring-0 text-sm outline-none h-full",
-                                value: q,
-                                onChange: (e) => Z(e.target.value),
-                                onClick: (e) => e.stopPropagation(),
-                                autoFocus: Be,
-                                name: Qe || void 0
-                              }
-                            )
-                          ]
-                        }
-                      ),
-                      /* @__PURE__ */ a("div", { className: "flex items-center gap-1 text-gray-400 shrink-0", children: !d && (T || C) ? /* @__PURE__ */ a(Nt, { size: "14px" }) : /* @__PURE__ */ g(vt, { children: [
-                        qe && !h && !S && (p && (z(
-                          f
-                        ) && f.isAllSelected || N(f) && f.length > 0) || !p && f) && /* @__PURE__ */ a(
-                          "div",
-                          {
-                            role: "button",
-                            "data-clear-button": !0,
-                            onPointerDown: (e) => {
-                              e.preventDefault(), e.stopPropagation(), mt(e);
-                            },
-                            className: "hover:text-gray-600 p-0.5 cursor-pointer z-10 relative",
-                            children: /* @__PURE__ */ a(kt, { size: "11px", color: "#758490" })
-                          }
-                        ),
-                        /* @__PURE__ */ a(
-                          "div",
-                          {
-                            role: "button",
-                            "data-chevron-button": !0,
-                            "aria-label": d ? "Close dropdown" : "Open dropdown",
-                            onPointerDown: (e) => {
-                              e.preventDefault(), e.stopPropagation(), E(!d);
-                            },
-                            className: "hover:text-gray-600 p-0.5 cursor-pointer z-10 relative",
-                            children: /* @__PURE__ */ a(
-                              Re,
-                              {
-                                size: "16px",
-                                className: y(
-                                  "transition-transform duration-200",
-                                  d ? "-rotate-90" : "rotate-90"
-                                )
-                              }
-                            )
-                          }
-                        )
-                      ] }) })
-                    ] })
-                  }
-                ) }),
-                /* @__PURE__ */ a(re.Portal, { children: /* @__PURE__ */ a(
-                  re.Content,
-                  {
-                    ref: be,
-                    side: "bottom",
-                    sideOffset: 4,
-                    align: "start",
-                    avoidCollisions: !0,
-                    collisionPadding: 8,
-                    onOpenAutoFocus: (e) => e.preventDefault(),
-                    onInteractOutside: () => E(!1),
-                    onFocusOutside: () => E(!1),
-                    onWheel: (e) => e.stopPropagation(),
-                    style: {
-                      width: at || "var(--radix-popover-trigger-width)",
-                      maxHeight: "var(--radix-popover-content-available-height)"
-                    },
-                    className: y(
-                      "z-50 flex flex-col overflow-hidden rounded-[12px] p-0 text-base shadow-[0px_1px_6px_0px_rgba(26,39,124,0.14)] focus:outline-none sm:text-sm border-none pointer-events-auto",
-                      h ? "bg-[#f5f5f5]" : "bg-white"
-                    ),
-                    "data-testid": `select-menu-${P || "default"}`,
-                    "data-component": "select-menu",
-                    children: /* @__PURE__ */ g(
-                      "div",
-                      {
-                        className: y(
-                          "flex min-h-0 flex-1 flex-col overflow-hidden rounded-[12px]",
-                          h ? "bg-[#f5f5f5]" : "bg-white"
-                        ),
-                        style: {
-                          minHeight: ze ? `${ze}px` : void 0
-                        },
-                        children: [
-                          /* @__PURE__ */ g(
-                            "div",
-                            {
-                              className: y(
-                                "sticky top-0 z-10 flex shrink-0 flex-col rounded-t-[12px] px-[6px] pt-[8px]",
-                                h ? "bg-[#f5f5f5]" : "bg-white",
-                                !_ && ($ && G === "menu" && !h || p && Q && !h && m.length > 0) ? "border-b border-solid border-gray-100" : ""
-                              ),
-                              children: [
-                                $ && G === "menu" && !h && !_ && /* @__PURE__ */ a(
-                                  "div",
-                                  {
-                                    className: "p-0",
-                                    "data-testid": `select-search-container-${P || "default"}`,
-                                    children: /* @__PURE__ */ g("div", { className: "relative", children: [
-                                      /* @__PURE__ */ a("div", { className: "absolute inset-y-0 left-[12px] flex items-center pointer-events-none", children: /* @__PURE__ */ a(Pt, { size: "14px", color: "#AFAFAF" }) }),
-                                      /* @__PURE__ */ a(
-                                        "input",
-                                        {
-                                          ref: j,
-                                          type: "text",
-                                          className: "block w-full pl-[34px] pr-4 h-[35px] border-none border-b border-primary text-sm outline-none focus-visible:ring-1 focus-visible:ring-indigo-500 focus-visible:rounded-md",
-                                          placeholder: Y("select.searchHere"),
-                                          value: q,
-                                          onKeyDown: xt,
-                                          onChange: (e) => {
-                                            const t = e.target.value;
-                                            Z(t), Ze?.(t);
-                                          },
-                                          onClick: (e) => e.stopPropagation(),
-                                          "data-testid": `select-search-input-${P || "default"}`
-                                        }
-                                      )
-                                    ] })
-                                  }
-                                ),
-                                !T && !C && !_ && p && Q && !h && m.length > 0 && /* @__PURE__ */ a(
-                                  "div",
-                                  {
-                                    className: "pb-1",
-                                    "data-testid": `select-select-all-container-${P || "default"}`,
-                                    children: /* @__PURE__ */ a(
-                                      "div",
-                                      {
-                                        className: y(
-                                          "flex items-center justify-between cursor-pointer rounded-md hover:bg-gray-100 transition-colors py-[6px] px-3 w-full",
-                                          O === J && "ring-2 ring-inset ring-primary bg-[#edf0ff]"
-                                        ),
-                                        onClick: we,
-                                        role: "option",
-                                        "aria-selected": !1,
-                                        "data-testid": `select-select-all-button-${P || "default"}`,
-                                        children: /* @__PURE__ */ g("div", { className: "flex items-center flex-1", children: [
-                                          /* @__PURE__ */ a("div", { className: "pointer-events-none flex", children: /* @__PURE__ */ a(
-                                            He,
-                                            {
-                                              checked: (() => {
-                                                const { totalVisible: e, selectedVisible: t } = B;
-                                                if (e === 0) return !1;
-                                                const n = b ? Math.min(e, b) : e;
-                                                return t > 0 && t < n ? "indeterminate" : t >= n;
-                                              })(),
-                                              disabled: S || h,
-                                              onChange: () => {
-                                              },
-                                              "data-testid": `select-select-all-checkbox-${P || "default"}`
-                                            }
-                                          ) }),
-                                          /* @__PURE__ */ a(
-                                            "span",
-                                            {
-                                              className: "text-sm font-medium text-gray-700",
-                                              "data-testid": `select-select-all-label-${P || "default"}`,
-                                              children: (() => {
-                                                const { totalVisible: e, selectedVisible: t } = B, n = b ? Math.min(e, b) : e, s = e > 0 && t >= n;
-                                                return Y(s ? "select.unselectAll" : "select.selectAll");
-                                              })()
-                                            }
-                                          )
-                                        ] })
-                                      }
-                                    )
-                                  }
-                                )
-                              ]
-                            }
-                          ),
-                          /* @__PURE__ */ a(
-                            "div",
-                            {
-                              className: y(
-                                "flex min-h-0 flex-1 flex-col overflow-hidden",
-                                !(de || b || L.length > 5e3) && "rounded-b-[12px]"
-                              ),
-                              children: /* @__PURE__ */ a(
-                                "div",
-                                {
-                                  ref: ee,
-                                  role: "listbox",
-                                  "aria-label": H ? String(H) : me,
-                                  className: "min-h-0 flex-1 overflow-auto py-1 px-[6px]",
-                                  style: {
-                                    maxHeight: "297px",
-                                    overscrollBehavior: "contain"
-                                  },
-                                  onWheel: (e) => e.stopPropagation(),
-                                  children: _ ? /* @__PURE__ */ g("div", { className: "flex flex-col items-center justify-center py-8 px-4 text-center", children: [
-                                    /* @__PURE__ */ a("p", { className: "text-sm  text-gray-500 font-medium mb-3", children: "Something went wrong" }),
-                                    Te && /* @__PURE__ */ a(
-                                      Dt,
-                                      {
-                                        size: "sm",
-                                        variant: "outline",
-                                        onClick: () => Te(),
-                                        children: "Refetch"
-                                      }
-                                    )
-                                  ] }) : m.length === 0 && !T && !C ? /* @__PURE__ */ a("div", { className: "flex items-center justify-center py-8 text-sm text-gray-500", children: "No options found" }) : T || C ? /* @__PURE__ */ a("div", { className: "px-1 py-1 space-y-1", children: Array.from({ length: 6 }).map((e, t) => /* @__PURE__ */ g(
-                                    "div",
-                                    {
-                                      className: "flex items-center gap-2 px-3 py-2 animate-pulse",
-                                      children: [
-                                        p && /* @__PURE__ */ a("div", { className: "w-4 h-4 bg-gray-200 rounded shrink-0" }),
-                                        /* @__PURE__ */ a("div", { className: "h-4 bg-gray-200 rounded w-full" })
-                                      ]
-                                    },
-                                    t
-                                  )) }) : /* @__PURE__ */ a(
-                                    "div",
-                                    {
-                                      style: {
-                                        height: `${k.getTotalSize()}px`,
-                                        width: "100%",
-                                        position: "relative"
-                                      },
-                                      children: k.getVirtualItems().map((e) => {
-                                        const t = m[e.index], n = p ? V.mode === "exclude" ? !V.set.has(t.value) : V.set.has(t.value) : f?.value === t.value, s = f || [], l = p && b ? z(s) ? !1 : N(s) && s.length >= b : !1, i = t.isDisabled || l && !n && !(D && t.isGroup) && !(w && t.isSubmenuParent), r = D && t.isGroup || w && t.isSubmenuParent ? ve(t.original) : void 0, c = r?.selected || 0, o = r?.total || 0, x = c > 0 && c < o, se = t.isParentSelectable !== !1, Se = P || "default", ie = String(t.value || ""), Ve = le(
-                                          t
-                                        ), bt = typeof Ve == "string" ? Ve : ie;
-                                        return /* @__PURE__ */ g(
-                                          "div",
-                                          {
-                                            "data-index": e.index,
-                                            ref: k.measureElement,
-                                            className: "absolute left-0 w-full pb-[2px]",
-                                            style: {
-                                              transform: `translateY(${e.start}px)`,
-                                              width: "100%"
-                                            },
-                                            "data-testid": `select-option-wrapper-${Se}-${ie}`,
-                                            children: [
-                                              /* @__PURE__ */ a(
-                                                "div",
-                                                {
-                                                  className: y(
-                                                    "cursor-default select-none py-[6px] px-3 flex items-center justify-between transition-colors rounded-md",
-                                                    i ? "opacity-50 cursor-not-allowed bg-[#f5f5f5]" : h ? "cursor-default" : "hover:bg-gray-100 cursor-pointer",
-                                                    n && !i && !(D && t.isGroup) && !(w && t.isSubmenuParent) ? "bg-[#edf0ff] text-[#1f2b4d]" : "text-[#1f2b4d]",
-                                                    O === e.index && !i && "ring-2 ring-inset ring-primary bg-[#edf0ff]"
-                                                  ),
-                                                  style: {
-                                                    paddingLeft: `${t.depth * 16 + 12}px`
-                                                  },
-                                                  onClick: () => {
-                                                    i || (D && t.isGroup || w && t.isSubmenuParent) && !se || ne(t);
-                                                  },
-                                                  onMouseEnter: (R) => {
-                                                    if (w && t.isSubmenuParent) {
-                                                      he(t.value);
-                                                      const U = R.currentTarget.getBoundingClientRect();
-                                                      t.rect = U;
-                                                    } else
-                                                      he(null);
-                                                  },
-                                                  "data-testid": `select-option-${Se}-${ie}`,
-                                                  "data-state": n ? "checked" : "unchecked",
-                                                  "data-disabled": i || void 0,
-                                                  "data-component": "select-option",
-                                                  role: "option",
-                                                  "aria-selected": n,
-                                                  "aria-disabled": i || void 0,
-                                                  children: Ce ? Ce(
-                                                    {
-                                                      onClick: () => {
-                                                      },
-                                                      className: "w-full",
-                                                      selected: n,
-                                                      disabled: i
-                                                    },
-                                                    t
-                                                  ) : /* @__PURE__ */ g("div", { className: "flex items-center flex-1 overflow-hidden", children: [
-                                                    p && (D && t.isGroup || w && t.isSubmenuParent ? se : !0) && /* @__PURE__ */ a(
-                                                      He,
-                                                      {
-                                                        checked: x ? "indeterminate" : n,
-                                                        disabled: i || h,
-                                                        onChange: () => {
-                                                        }
-                                                      }
-                                                    ),
-                                                    Pe && !(D && t.isGroup) && !(w && t.isSubmenuParent) ? /* @__PURE__ */ a(
-                                                      St,
-                                                      {
-                                                        label: le(
-                                                          t
-                                                        ),
-                                                        sequence: pt(t)
-                                                      }
-                                                    ) : /* @__PURE__ */ g("div", { className: "flex items-center gap-2 overflow-hidden w-full", children: [
-                                                      /* @__PURE__ */ a(
-                                                        "span",
-                                                        {
-                                                          className: y(
-                                                            "block truncate",
-                                                            D && t.isGroup ? "text-xs font-semibold text-gray-400 uppercase tracking-wider" : n && !(w && t.isSubmenuParent) ? "font-medium" : "font-normal",
-                                                            !(D && t.isGroup) && "text-[14px]"
-                                                          ),
-                                                          "data-testid": `select-option-label-${Se}-${ie}`,
-                                                          "data-state": n ? "checked" : "unchecked",
-                                                          title: bt,
-                                                          children: Ve
-                                                        }
-                                                      ),
-                                                      (D && t.isGroup || w && t.isSubmenuParent) && c > 0 && /* @__PURE__ */ a("span", { className: "inline-flex items-center justify-center px-1.5 py-0.5 rounded-full text-xs font-medium bg-indigo-100 text-indigo-800", children: c })
-                                                    ] }),
-                                                    w && t.isSubmenuParent && /* @__PURE__ */ a(
-                                                      Re,
-                                                      {
-                                                        size: "12px",
-                                                        className: "text-gray-400"
-                                                      }
-                                                    )
-                                                  ] })
-                                                }
-                                              ),
-                                              w && ut === t.value && t.isSubmenuParent && t.rect && /* @__PURE__ */ a(
-                                                Vt,
-                                                {
-                                                  parentOption: t,
-                                                  isMulti: !!p,
-                                                  isReadOnly: !!h,
-                                                  isSelected: (R) => Ot(R, f, !!p),
-                                                  getIndeterminateState: (R) => {
-                                                    const U = ve(R);
-                                                    return U ? U.selected > 0 && U.selected < U.total : !1;
-                                                  },
-                                                  getSelectedCount: (R) => ve(R)?.selected || 0,
-                                                  handleSelect: ne,
-                                                  id: P
-                                                }
-                                              )
-                                            ]
-                                          },
-                                          e.key
-                                        );
-                                      })
-                                    }
-                                  )
-                                }
-                              )
-                            }
-                          ),
-                          (de || b || L.length > 5e3) && /* @__PURE__ */ a("div", { className: "sticky bottom-0 z-10 shrink-0 rounded-b-[12px] border-t border-solid border-gray-100 bg-white px-3 py-[10px]", children: b ? /* @__PURE__ */ g("div", { className: "flex items-center gap-2 text-gray-500 px-2", children: [
-                            /* @__PURE__ */ a(ae, { size: "12px", className: "text-gray-400" }),
-                            /* @__PURE__ */ g("span", { className: "text-xs font-medium leading-4 text-[#60697d]", children: [
-                              "Maximum ",
-                              b,
-                              " selections"
-                            ] })
-                          ] }) : L.length > 5e3 ? /* @__PURE__ */ g("div", { className: "flex items-center gap-2 text-gray-500 px-2", children: [
-                            /* @__PURE__ */ a(ae, { size: "12px", className: "text-gray-400" }),
-                            /* @__PURE__ */ a("span", { className: "text-xs font-medium leading-4 text-[#60697d]", children: "Large dataset detected. Operations might be slower." })
-                          ] }) : de })
-                        ]
-                      }
-                    )
-                  }
-                ) })
-              ] }),
-              X && ue === "absolute" && /* @__PURE__ */ g(
-                "p",
-                {
-                  className: y(
-                    "absolute left-0 top-full z-10 mt-1 flex min-w-0 max-w-full items-center gap-1 text-[12px] font-medium leading-[18px]",
-                    ce ? "text-[#e15554]" : "text-gray-500"
-                  ),
-                  children: [
-                    /* @__PURE__ */ a(ae, { size: "xs", className: "shrink-0" }),
-                    /* @__PURE__ */ a("span", { className: "min-w-0", children: X })
-                  ]
-                }
-              )
-            ]
-          }
-        ),
-        X && ue === "flow" && /* @__PURE__ */ g(
-          "p",
-          {
-            className: y(
-              "text-[12px] font-medium leading-[18px] mt-1 flex items-center gap-1",
-              ce ? "text-[#e15554]" : "text-gray-500"
-            ),
-            children: [
-              /* @__PURE__ */ a(ae, { size: "xs" }),
-              X
-            ]
-          }
-        )
-      ]
-    }
-  );
-};
-zt.displayName = "Select";
-export {
-  zt as default
-};