@purpur/library 10.1.0 → 10.2.0

package/dist/dropdown-DJr5COdU.mjs

@@ -1,945 +0,0 @@
-import { jsxs as ee, jsx as d, Fragment as ke } from "react/jsx-runtime";
-import { useState as xe, forwardRef as $e, useId as ye, useRef as fe, useCallback as Oe, useEffect as Ke } from "react";
-import { L as ue } from "./listbox-CtV-Vcmy.mjs";
-import { t as Ve } from "./use-autocomplete.es-CKb0RHKG.mjs";
-import { C as Se } from "./checkbox-DaRtZXrE.mjs";
-import { a as Ie } from "./dismissable-chip-group-DMNU7g5e.mjs";
-import { F as He } from "./field-error-text-CBSX8dGx.mjs";
-import { F as Me } from "./field-helper-text-C5ee4SFV.mjs";
-import { r as Ue } from "./check-circle-filled.es-umBwOv5_.mjs";
-import { l as Ye } from "./chevron-down.es-PCIIj6oG.mjs";
-import { L as qe } from "./label-7sJe5-pX.mjs";
-import { a as ze } from "./spinner-DRQN6YdK.mjs";
-import { c as je } from "./bind-CU-R61T-.mjs";
-const ie = (e) => typeof e.label == "string" ? e.label : e.value ?? "", Ge = {
-  "purpur-dropdown": "_purpur-dropdown_p8b57_1",
-  "purpur-dropdown--negative": "_purpur-dropdown--negative_p8b57_14",
-  "purpur-dropdown__label": "_purpur-dropdown__label_p8b57_17",
-  "purpur-dropdown__field-row": "_purpur-dropdown__field-row_p8b57_22",
-  "purpur-dropdown__frame": "_purpur-dropdown__frame_p8b57_26",
-  "purpur-dropdown__frame--negative": "_purpur-dropdown__frame--negative_p8b57_33",
-  "purpur-dropdown__trigger-container": "_purpur-dropdown__trigger-container_p8b57_36",
-  "purpur-dropdown__chip-group": "_purpur-dropdown__chip-group_p8b57_48",
-  "purpur-dropdown__trigger-container--has-tags": "_purpur-dropdown__trigger-container--has-tags_p8b57_52",
-  "purpur-dropdown__trigger-container--disabled": "_purpur-dropdown__trigger-container--disabled_p8b57_55",
-  "purpur-dropdown__trigger-container--readonly": "_purpur-dropdown__trigger-container--readonly_p8b57_55",
-  "purpur-dropdown__trigger-container--negative": "_purpur-dropdown__trigger-container--negative_p8b57_62",
-  "purpur-dropdown__trigger-container--error": "_purpur-dropdown__trigger-container--error_p8b57_65",
-  "purpur-dropdown__trigger-container--is-valid": "_purpur-dropdown__trigger-container--is-valid_p8b57_68",
-  "purpur-dropdown__input": "_purpur-dropdown__input_p8b57_71",
-  "purpur-dropdown__trigger": "_purpur-dropdown__trigger_p8b57_36",
-  "purpur-dropdown__trigger--placeholder": "_purpur-dropdown__trigger--placeholder_p8b57_119",
-  "purpur-dropdown__trigger--is-valid": "_purpur-dropdown__trigger--is-valid_p8b57_122",
-  "purpur-dropdown__trigger--disabled": "_purpur-dropdown__trigger--disabled_p8b57_125",
-  "purpur-dropdown__trigger--readonly": "_purpur-dropdown__trigger--readonly_p8b57_129",
-  "purpur-dropdown__trigger--negative": "_purpur-dropdown__trigger--negative_p8b57_133",
-  "purpur-dropdown__trigger-text": "_purpur-dropdown__trigger-text_p8b57_146",
-  "purpur-dropdown__combobox-container": "_purpur-dropdown__combobox-container_p8b57_152",
-  "purpur-dropdown__combobox-container--disabled": "_purpur-dropdown__combobox-container--disabled_p8b57_162",
-  "purpur-dropdown__combobox-container--readonly": "_purpur-dropdown__combobox-container--readonly_p8b57_169",
-  "purpur-dropdown__combobox-container--error": "_purpur-dropdown__combobox-container--error_p8b57_176",
-  "purpur-dropdown__combobox-container--is-valid": "_purpur-dropdown__combobox-container--is-valid_p8b57_179",
-  "purpur-dropdown__combobox-container--negative": "_purpur-dropdown__combobox-container--negative_p8b57_182",
-  "purpur-dropdown__input--negative": "_purpur-dropdown__input--negative_p8b57_221",
-  "purpur-dropdown__chip-group--select": "_purpur-dropdown__chip-group--select_p8b57_244",
-  "purpur-dropdown__chip-group-more": "_purpur-dropdown__chip-group-more_p8b57_250",
-  "purpur-dropdown__end-adornments": "_purpur-dropdown__end-adornments_p8b57_261",
-  "purpur-dropdown__chevron-icon": "_purpur-dropdown__chevron-icon_p8b57_272",
-  "purpur-dropdown__chevron-icon--open": "_purpur-dropdown__chevron-icon--open_p8b57_277",
-  "purpur-dropdown__chevron-icon--disabled": "_purpur-dropdown__chevron-icon--disabled_p8b57_280",
-  "purpur-dropdown__chevron-icon--readonly": "_purpur-dropdown__chevron-icon--readonly_p8b57_283",
-  "purpur-dropdown__chevron-icon--negative": "_purpur-dropdown__chevron-icon--negative_p8b57_286",
-  "purpur-dropdown__valid-icon": "_purpur-dropdown__valid-icon_p8b57_289",
-  "purpur-dropdown__listbox": "_purpur-dropdown__listbox_p8b57_292",
-  "purpur-dropdown__checkbox-item-multiple": "_purpur-dropdown__checkbox-item-multiple_p8b57_301",
-  "purpur-dropdown__checkbox-container": "_purpur-dropdown__checkbox-container_p8b57_304",
-  "purpur-dropdown__checkbox-container--disabled": "_purpur-dropdown__checkbox-container--disabled_p8b57_311",
-  "purpur-dropdown__select-all-child": "_purpur-dropdown__select-all-child_p8b57_314"
-}, m = je.bind(Ge), r = "purpur-dropdown", De = ({
-  fieldId: e,
-  htmlForSuffix: o,
-  label: i,
-  getTestId: s,
-  disabled: n,
-  negative: u,
-  required: b
-}) => i ? /* @__PURE__ */ ee(
-  qe,
-  {
-    htmlFor: o ? `${e}-${o}` : e,
-    className: m(`${r}__label`),
-    "data-testid": s("label"),
-    disabled: n,
-    negative: u,
-    children: [
-      b && /* @__PURE__ */ d("span", { "aria-hidden": !0, children: "*" }),
-      i
-    ]
-  }
-) : null, Ne = ({
-  getTestId: e,
-  loading: o,
-  disabled: i,
-  negative: s,
-  isValid: n,
-  isOpen: u,
-  readOnly: b,
-  showChevronOpen: w
-}) => /* @__PURE__ */ d("span", { className: m(`${r}__end-adornments`), children: o ? /* @__PURE__ */ d(
-  ze,
-  {
-    disabled: i,
-    size: "xxs",
-    negative: s,
-    "data-testid": e("spinner")
-  }
-) : /* @__PURE__ */ ee(ke, { children: [
-  n && /* @__PURE__ */ d(
-    Ue,
-    {
-      "data-testid": e("valid-icon"),
-      className: m(`${r}__valid-icon`)
-    }
-  ),
-  /* @__PURE__ */ d(
-    Ye,
-    {
-      className: m(`${r}__chevron-icon`, {
-        [`${r}__chevron-icon--open`]: w && u,
-        [`${r}__chevron-icon--disabled`]: i,
-        [`${r}__chevron-icon--readonly`]: b && !i,
-        [`${r}__chevron-icon--is-valid`]: n,
-        [`${r}__chevron-icon--negative`]: s
-      }),
-      "data-testid": e("dropdown-icon"),
-      size: "sm"
-    }
-  )
-] }) }), Ce = 6, Le = ({
-  selectedItems: e,
-  getTestId: o,
-  disabled: i,
-  negative: s,
-  onRemove: n,
-  isSelect: u,
-  moreOptionsText: b,
-  removeOptionAriaLabel: w
-}) => {
-  if (!e.length) return null;
-  const p = b !== void 0 && e.length > Ce ? e.slice(-Ce) : e, h = e.length - p.length;
-  return /* @__PURE__ */ ee(
-    Ie,
-    {
-      className: m(`${r}__chip-group`, {
-        [`${r}__chip-group--select`]: u
-      }),
-      negative: s,
-      "data-testid": o("tags"),
-      size: "sm",
-      children: [
-        p.map((l) => /* @__PURE__ */ d(
-          Ie.Item,
-          {
-            id: l.id,
-            "data-testid": o(`tag-${l.id}`),
-            "aria-label": w ? `${w} ${ie(l)}` : ie(l),
-            onDismiss: () => {
-              n(l);
-            },
-            disabled: i || l.disabled,
-            children: l.label
-          },
-          l.id
-        )),
-        h > 0 && /* @__PURE__ */ d(
-          "li",
-          {
-            className: m(`${r}__chip-group-more`),
-            "data-testid": o("tags-more"),
-            children: `+${h} ${b}`
-          }
-        )
-      ]
-    }
-  );
-}, Ae = ({
-  errorText: e,
-  helperText: o,
-  helperTextId: i,
-  negative: s
-}) => /* @__PURE__ */ ee(ke, { children: [
-  e && /* @__PURE__ */ d(He, { negative: s, children: e }),
-  o && !e && /* @__PURE__ */ d(Me, { id: i, negative: s, children: o })
-] }), ne = "__purpur-dropdown-select-all__", Ee = ({
-  selectAllLabel: e,
-  multiple: o,
-  options: i,
-  selectedItems: s
-}) => !e || !o || i.filter((w) => !w.disabled).length === 0 ? !1 : !i.filter((w) => w.disabled).some(
-  (w) => !s.some((C) => C.id === w.id)
-), Re = ({
-  optionsToShow: e,
-  getListboxItemProps: o,
-  multiple: i,
-  negative: s,
-  fieldId: n,
-  noOptionsText: u,
-  selectAllLabel: b,
-  selectedItems: w = []
-}) => {
-  if (u !== void 0 && !e.length)
-    return /* @__PURE__ */ d(ue.Item, { noninteractive: !0, children: u });
-  const C = e[0]?.id === ne;
-  let p = !1;
-  if (C) {
-    const l = e.filter((a) => a.id !== ne).filter((a) => !a.disabled), _ = l.filter(
-      (a) => w.some((y) => y.id === a.id)
-    ).length, $ = l.length > 0 && _ === l.length, f = w.length > 0;
-    p = $ ? !0 : f ? "indeterminate" : !1;
-  }
-  return e.map((h, l) => {
-    const { key: _, selected: $, ...f } = o(h, l);
-    return h.id === ne ? /* @__PURE__ */ d(
-      ue.Item,
-      {
-        ...f,
-        "aria-selected": p === !0,
-        className: m(
-          `${r}__checkbox-item-multiple`,
-          `${r}__select-all-item`
-        ),
-        hideSelectedIcon: !0,
-        children: /* @__PURE__ */ d("span", { className: m(`${r}__checkbox-container`), children: /* @__PURE__ */ d(
-          Se,
-          {
-            id: `${n}-checkbox-select-all`,
-            checked: p,
-            label: b,
-            negative: s,
-            "aria-hidden": !0
-          }
-        ) })
-      },
-      _
-    ) : i ? /* @__PURE__ */ d(
-      ue.Item,
-      {
-        ...f,
-        className: m(`${r}__checkbox-item-multiple`, {
-          [`${r}__select-all-child`]: C
-        }),
-        selected: !!$,
-        hideSelectedIcon: !0,
-        children: /* @__PURE__ */ d(
-          "span",
-          {
-            className: m(`${r}__checkbox-container`, {
-              [`${r}__checkbox-container--disabled`]: h.disabled
-            }),
-            children: /* @__PURE__ */ d(
-              Se,
-              {
-                id: `${n}-checkbox-${h.id}`,
-                checked: !!$,
-                label: h.label,
-                negative: s,
-                "aria-hidden": !0,
-                disabled: h.disabled
-              }
-            )
-          }
-        )
-      },
-      _
-    ) : /* @__PURE__ */ d(ue.Item, { ...f, selected: !!$, children: /* @__PURE__ */ d("div", { children: h.label }) }, _);
-  });
-}, We = (e, o, i) => {
-  if (i)
-    return e.filter((n) => i(o, n));
-  if (!o) return e;
-  const s = o.toUpperCase().split(" ");
-  return e.filter(
-    (n) => s.every(
-      (u) => (n.value || (typeof n.label == "string" ? n.label : "")).toUpperCase().includes(u)
-    )
-  );
-}, Te = ({
-  options: e,
-  searchTerm: o,
-  filterOption: i,
-  selectedOption: s,
-  multiple: n
-}) => !n && s && ie(s) === o ? e : We(e, o, i), Be = ({
-  controlledInputValue: e,
-  defaultInputValue: o,
-  selectedOption: i,
-  onInputChange: s
-}) => {
-  const [n, u] = xe(
-    (typeof e == "string" ? e : o ?? (i ? ie(i) : void 0)) ?? ""
-  );
-  return {
-    displayInputValue: typeof e == "string" ? e : n,
-    populateInputField: (C) => {
-      s?.(C), u(C);
-    }
-  };
-}, Fe = $e((e, o) => {
-  const {
-    id: i,
-    label: s,
-    options: n,
-    className: u,
-    errorText: b,
-    helperText: w,
-    placeholder: C,
-    negative: p = !1,
-    readOnly: h = !1,
-    disabled: l = !1,
-    required: _ = !1,
-    valid: $,
-    loading: f,
-    multiple: a = !1,
-    selectedOption: y,
-    selectedOptions: N = [],
-    onSelect: S,
-    openOnFocus: de = !1,
-    listboxMaxHeight: A,
-    listboxLabel: _e,
-    filterOption: F,
-    inputValue: re,
-    defaultInputValue: U,
-    onInputChange: g,
-    noOptionsText: te,
-    highlightFirstOption: P = !1,
-    selectAllLabel: k,
-    moreOptionsText: X,
-    removeOptionAriaLabel: E,
-    ["data-testid"]: I
-  } = e, Y = ye(), K = i ?? Y, O = (c) => I ? `${I}-${c}` : void 0, q = !!$ && !b, z = `${K}-helper-text`, x = a ? N : y ? [y] : [], { displayInputValue: j, populateInputField: J } = Be({
-    controlledInputValue: re,
-    defaultInputValue: U,
-    selectedOption: y,
-    onInputChange: g
-  }), se = Te({
-    options: n,
-    searchTerm: j,
-    filterOption: F,
-    selectedOption: y,
-    multiple: a
-  }), le = Ee({
-    selectAllLabel: k,
-    multiple: a,
-    options: n,
-    selectedItems: x
-  }), oe = le && (le && !j) ? [{ id: ne, label: k }, ...se] : se, V = () => {
-    const c = n.filter((D) => !D.disabled);
-    if (c.every(
-      (D) => x.some((B) => B.id === D.id)
-    )) {
-      const D = x.filter((B) => B.disabled);
-      S?.(void 0, D);
-    } else {
-      const B = [...x.filter((ve) => ve.disabled), ...c];
-      S?.(void 0, B);
-    }
-    J("");
-  }, ge = (c) => {
-    if (c.id === ne) {
-      V();
-      return;
-    }
-    if (a) {
-      const D = x.some((B) => B.id === c.id) ? x.filter((B) => B.id !== c.id) : [...x, c];
-      S?.(c, D), J("");
-    } else
-      S?.(c, [c]), J(ie(c));
-  }, {
-    rootRef: Q,
-    inputRef: Z,
-    inputProps: G,
-    listboxProps: ae,
-    getListboxItemProps: be,
-    isOpen: v,
-    openListbox: M,
-    anchorStyle: R
-  } = Ve({
-    id: K,
-    // useAutocomplete only reads id/disabled, never label's value, so this is safe even though
-    // DropdownOption.label can be a ReactNode instead of the string it's typed to require.
-    options: oe,
-    listboxLabel: _e || s || "Options",
-    selectedOption: a ? void 0 : y,
-    disabled: l,
-    readOnly: h,
-    openOnFocus: de,
-    listboxMaxHeight: A,
-    highlightFirstOption: P,
-    closeOnSelect: !a,
-    noOptionsText: te,
-    negative: p,
-    onSelect: ge,
-    "data-testid": I
-  }), W = (c) => {
-    Q.current = c, typeof o == "function" ? o(c) : o && (o.current = c);
-  }, he = (c, L) => {
-    const D = be(c, L);
-    if (a) {
-      const B = x.some((ve) => ve.id === c.id);
-      return { ...D, selected: B, "aria-selected": B };
-    }
-    return D;
-  }, t = (c) => {
-    const L = x.filter((D) => D.id !== c.id);
-    S?.(c, L);
-  }, T = (c) => {
-    if (a && c.key === "Backspace" && c.currentTarget.value === "" && x.length > 0) {
-      for (let L = x.length - 1; L >= 0; L--)
-        if (!x[L].disabled) {
-          t(x[L]);
-          break;
-        }
-    }
-    G?.onKeyDown?.(c);
-  }, ce = (c) => {
-    J(c.target.value), v || M();
-  }, H = (c) => {
-    if (l || h) return;
-    const L = c.target;
-    if (L === Z.current || L.closest("button"))
-      return;
-    const D = Z.current;
-    D?.dispatchEvent(new MouseEvent("mousedown", { bubbles: !0 })), D?.focus();
-  }, we = a && !!k && n.length > 0 && n.every((c) => x.some((L) => L.id === c.id)), pe = m(r, u, {
-    [`${r}--negative`]: p
-  });
-  return /* @__PURE__ */ ee("div", { ref: W, className: pe, children: [
-    /* @__PURE__ */ d(
-      De,
-      {
-        fieldId: K,
-        htmlForSuffix: "input",
-        label: s,
-        getTestId: O,
-        disabled: l,
-        negative: p,
-        required: _
-      }
-    ),
-    /* @__PURE__ */ d("div", { className: m(`${r}__field-row`), children: /* @__PURE__ */ ee(
-      "div",
-      {
-        className: m(`${r}__combobox-container`, {
-          [`${r}__combobox-container--error`]: !!b,
-          [`${r}__combobox-container--is-valid`]: q,
-          [`${r}__combobox-container--negative`]: p,
-          [`${r}__combobox-container--disabled`]: l,
-          [`${r}__combobox-container--readonly`]: h && !l
-        }),
-        style: R,
-        onClick: H,
-        children: [
-          a && !we && /* @__PURE__ */ d(
-            Le,
-            {
-              selectedItems: x,
-              getTestId: O,
-              disabled: l,
-              negative: p,
-              onRemove: t,
-              moreOptionsText: X,
-              removeOptionAriaLabel: E
-            }
-          ),
-          /* @__PURE__ */ d(
-            "input",
-            {
-              ...G,
-              ref: Z,
-              id: `${K}-input`,
-              "data-testid": O("input"),
-              onKeyDown: T,
-              onChange: ce,
-              value: we && !j ? k : j,
-              placeholder: C,
-              className: m(`${r}__input`, {
-                [`${r}__input--negative`]: p
-              }),
-              "aria-describedby": z,
-              "aria-invalid": !!b,
-              disabled: l,
-              readOnly: h
-            }
-          ),
-          /* @__PURE__ */ d(
-            Ne,
-            {
-              getTestId: O,
-              loading: f,
-              disabled: l,
-              negative: p,
-              isValid: q,
-              isOpen: v,
-              showChevronOpen: !0
-            }
-          ),
-          /* @__PURE__ */ d(
-            "span",
-            {
-              className: m(`${r}__frame`, {
-                [`${r}__frame--negative`]: p
-              })
-            }
-          )
-        ]
-      }
-    ) }),
-    v && /* @__PURE__ */ d(ue, { ...ae, className: m(`${r}__listbox`), children: Re({
-      optionsToShow: oe,
-      getListboxItemProps: he,
-      multiple: a,
-      negative: p,
-      fieldId: K,
-      noOptionsText: te,
-      selectAllLabel: k,
-      selectedItems: x
-    }) }),
-    /* @__PURE__ */ d(
-      Ae,
-      {
-        errorText: b,
-        helperText: w,
-        helperTextId: z,
-        negative: p
-      }
-    )
-  ] });
-});
-Fe.displayName = "DropdownCombobox";
-const Xe = ({
-  options: e,
-  highlightFirstOption: o
-}) => {
-  const i = fe(null), s = fe({}), [n, u] = xe(
-    o ? e[0] : void 0
-  ), b = (_) => {
-    if (_) {
-      const $ = _.getBoundingClientRect(), f = i.current?.getBoundingClientRect() || { top: 0, bottom: 0 };
-      ($.top < f.top || $.bottom > f.bottom) && _.scrollIntoView({ block: "nearest" });
-    }
-  };
-  return {
-    highlightedOption: n,
-    listboxRef: i,
-    optionRefs: s,
-    findNextOption: (_, $) => {
-      const f = $.filter((y) => !y.disabled);
-      if (!f.length) return;
-      const a = n ? f.findIndex((y) => y.id === n.id) : -1;
-      return _ === "ArrowDown" ? f[(a + 1) % f.length] : f[(a - 1 + f.length) % f.length];
-    },
-    highlightOption: (_) => {
-      u(_ ? { ..._ } : void 0), _ && b(s.current[_.id]);
-    },
-    highlightByClick: (_) => {
-      _.id !== n?.id && u({ ..._, isSetByClickEvent: !0 });
-    },
-    highlightSelected: (_, $) => {
-      requestAnimationFrame(() => {
-        u({ ..._, isSetByClickEvent: $ === "CLICK" }), b(s.current[_.id]);
-      });
-    },
-    resetHighlight: () => {
-      u(void 0);
-    }
-  };
-}, Je = (e, o) => {
-  const i = Oe(
-    (s) => {
-      e && !e.contains(s.target) && o();
-    },
-    [o, e]
-  );
-  Ke(() => (document.addEventListener("mousedown", i), () => {
-    document.removeEventListener("mousedown", i);
-  }), [i]);
-}, Qe = ({
-  id: e,
-  variant: o,
-  options: i,
-  listboxLabel: s,
-  multiple: n = !1,
-  selectedOption: u,
-  selectedOptions: b = [],
-  onSelect: w,
-  filterOption: C,
-  inputValue: p,
-  defaultInputValue: h,
-  onInputChange: l,
-  noOptionsText: _,
-  highlightFirstOption: $ = !1,
-  openOnFocus: f = !1,
-  listboxMaxHeight: a,
-  negative: y,
-  disabled: N = !1,
-  readOnly: S = !1,
-  ["data-testid"]: de
-}) => {
-  const A = o === "combobox", _e = ye(), F = fe(null), re = fe(null), U = fe(null), g = Xe({ options: i, highlightFirstOption: $ }), { displayInputValue: te, populateInputField: P } = Be({
-    controlledInputValue: p,
-    defaultInputValue: h,
-    selectedOption: u,
-    onInputChange: l
-  }), [k, X] = xe(!1), E = () => {
-    X(!1), g.resetHighlight();
-  };
-  Je(F.current, E);
-  const I = ({ eventType: t }) => {
-    X(!0);
-    const T = n ? void 0 : u;
-    T && g.highlightSelected(T, t);
-  }, Y = n ? b : u ? [u] : [], K = A ? Te({
-    options: i,
-    searchTerm: te,
-    filterOption: C,
-    selectedOption: u,
-    multiple: n
-  }) : i, O = k && (!!K.length || !!_), q = (t) => de ? `${de}-${t}` : void 0, z = (t) => {
-    if (!(!t || t.disabled))
-      if (n) {
-        const ce = Y.some((H) => H.id === t.id) ? Y.filter((H) => H.id !== t.id) : [...Y, t];
-        w?.(t, ce), A && (P(""), U.current?.focus());
-      } else
-        w?.(t, [t]), A && P(ie(t)), E(), (A ? U : re).current?.focus();
-  }, x = (t) => {
-    O || I({ eventType: "KEYBOARD" });
-    const T = g.findNextOption(t, K);
-    g.highlightOption(T);
-  }, j = (t) => {
-    if (!(N || S))
-      switch (t.key) {
-        case "ArrowUp":
-        case "ArrowDown":
-          t.preventDefault(), x(t.key);
-          break;
-        case "Enter": {
-          t.preventDefault(), O && g.highlightedOption ? z(g.highlightedOption) : O || I({ eventType: "KEYBOARD" });
-          break;
-        }
-        case " ": {
-          A || (t.preventDefault(), O && g.highlightedOption ? z(g.highlightedOption) : O || I({ eventType: "KEYBOARD" }));
-          break;
-        }
-        case "Escape":
-          t.preventDefault(), E();
-          break;
-        case "Tab":
-          E();
-          break;
-        case "Home":
-        case "End":
-          A && E();
-          break;
-      }
-  }, J = (t) => {
-    P(t.target.value), g.resetHighlight(), k || I({ eventType: "KEYBOARD" });
-  }, se = () => {
-    N || S || (k ? E() : I({ eventType: "CLICK" }));
-  }, le = () => {
-    !k && f && !N && !S && I({ eventType: "KEYBOARD" }), U.current?.select();
-  }, me = () => {
-    setTimeout(() => {
-      const t = document.activeElement;
-      t !== document.body && !U.current?.contains(t) && !g.listboxRef.current?.contains(t) && !F.current?.contains(t) && (E(), A && !n && P(u ? ie(u) : ""));
-    });
-  }, oe = () => {
-    N || S || (k ? E() : I({ eventType: "CLICK" }));
-  }, V = (t) => {
-    if (N || S) return;
-    const T = t.target.closest("button");
-    T && T !== re.current || oe();
-  }, ge = () => {
-    !k && f && !N && !S && I({ eventType: "KEYBOARD" });
-  }, Q = `${e}-listbox`, Z = (t) => `${e}-listbox-item-${t.id}`, G = `--purpur-dropdown-${_e.replace(/:/g, "")}`, ae = { anchorName: G }, be = A ? null : {
-    onClick: V
-  }, v = Oe(
-    (t) => {
-      if (g.listboxRef.current = t, t && typeof t.showPopover == "function")
-        try {
-          t.showPopover();
-        } catch {
-        }
-    },
-    [g.listboxRef]
-  ), M = {
-    "aria-label": s,
-    "aria-expanded": O,
-    "data-testid": q("listbox"),
-    id: Q,
-    ref: v,
-    onMouseLeave: () => g.resetHighlight(),
-    popover: "manual",
-    negative: y,
-    style: {
-      ...a ? {
-        maxHeight: typeof a == "number" ? `${a}px` : a
-      } : {},
-      positionAnchor: G
-    }
-  }, R = (t, T) => {
-    const ce = Y.some((pe) => pe.id === t.id), { highlightedOption: H } = g, we = (t.id === H?.id || $ && !H && T === 0) && !H?.isSetByClickEvent;
-    return {
-      "data-testid": q(`listbox-item-${t.id}`),
-      id: Z(t),
-      key: t.id,
-      onMouseMove: () => g.highlightByClick(t),
-      onMouseUp: () => z(t),
-      ref: (pe) => {
-        pe && (g.optionRefs.current[t.id] = pe);
-      },
-      tabIndex: -1,
-      selected: ce,
-      disabled: t.disabled,
-      highlighted: we,
-      hovered: t.id === H?.id && !!H?.isSetByClickEvent,
-      "aria-selected": ce
-    };
-  }, W = A ? {} : {
-    ref: re,
-    type: "button",
-    role: "combobox",
-    "aria-haspopup": "listbox",
-    "aria-expanded": O,
-    "aria-controls": Q,
-    "aria-disabled": N,
-    "data-testid": q("trigger"),
-    id: `${e}-trigger`,
-    onKeyDown: j,
-    onFocus: ge,
-    disabled: N,
-    tabIndex: N ? -1 : 0,
-    style: ae
-  }, he = A ? {
-    ref: U,
-    role: "combobox",
-    "aria-autocomplete": "list",
-    "aria-expanded": O,
-    "aria-controls": Q,
-    "aria-activedescendant": g.highlightedOption ? Z(g.highlightedOption) : void 0,
-    "data-testid": q("input"),
-    autoComplete: "off",
-    id: `${e}-input`,
-    type: "text",
-    value: te,
-    onChange: J,
-    onMouseDown: se,
-    onFocus: le,
-    onBlur: me,
-    onKeyDown: j,
-    disabled: N,
-    readOnly: S
-  } : null;
-  return {
-    rootRef: F,
-    triggerContainerProps: be,
-    triggerProps: W,
-    inputProps: he,
-    listboxProps: M,
-    getListboxItemProps: R,
-    optionsToShow: K,
-    isOpen: O,
-    highlightedOption: g.highlightedOption,
-    selectedItems: Y,
-    anchorStyle: ae
-  };
-}, Pe = $e((e, o) => {
-  const {
-    id: i,
-    label: s,
-    options: n,
-    className: u,
-    errorText: b,
-    helperText: w,
-    placeholder: C,
-    negative: p = !1,
-    readOnly: h = !1,
-    disabled: l = !1,
-    required: _ = !1,
-    valid: $ = !1,
-    loading: f = !1,
-    multiple: a = !1,
-    selectedOption: y,
-    selectedOptions: N = [],
-    onSelect: S,
-    openOnFocus: de = !1,
-    listboxMaxHeight: A,
-    listboxLabel: _e,
-    selectAllLabel: F,
-    moreOptionsText: re,
-    removeOptionAriaLabel: U,
-    ["data-testid"]: g
-  } = e, te = ye(), P = i ?? te, k = (v) => g ? `${g}-${v}` : void 0, X = !!$ && !b, E = `${P}-helper-text`, I = a ? N : y ? [y] : [], Y = Ee({
-    selectAllLabel: F,
-    multiple: a,
-    options: n,
-    selectedItems: I
-  }), K = () => {
-    const v = n.filter((R) => !R.disabled);
-    if (v.every(
-      (R) => I.some((W) => W.id === R.id)
-    )) {
-      const R = I.filter((W) => W.disabled);
-      S?.(void 0, R);
-    } else {
-      const W = [...I.filter((he) => he.disabled), ...v];
-      S?.(void 0, W);
-    }
-  }, O = (v, M) => {
-    if (v?.id === ne) {
-      K();
-      return;
-    }
-    S?.(v, M);
-  }, q = Y ? [{ id: ne, label: F }, ...n] : n, z = Qe({
-    id: P,
-    variant: "select",
-    options: q,
-    listboxLabel: _e || s || "Options",
-    multiple: a,
-    negative: p,
-    selectedOption: y,
-    selectedOptions: N,
-    onSelect: O,
-    openOnFocus: de,
-    listboxMaxHeight: A,
-    disabled: l,
-    readOnly: h,
-    "data-testid": g
-  }), x = (v) => {
-    z.rootRef.current = v, typeof o == "function" ? o(v) : o && (o.current = v);
-  }, {
-    triggerContainerProps: j,
-    triggerProps: J,
-    listboxProps: se,
-    getListboxItemProps: le,
-    optionsToShow: me,
-    isOpen: oe,
-    selectedItems: V,
-    anchorStyle: ge
-  } = z, Q = {
-    ...J
-  };
-  delete Q.style;
-  const Z = (v) => {
-    const M = V.filter((R) => R.id !== v.id);
-    S?.(v, M);
-  }, G = a && !!F && n.length > 0 && n.every((v) => V.some((M) => M.id === v.id)), ae = a ? G ? F : V.length === 0 && C || "" : y?.label || C || "", be = m(r, u, {
-    [`${r}--negative`]: p
-  });
-  return /* @__PURE__ */ ee("div", { ref: x, className: be, children: [
-    /* @__PURE__ */ d(
-      De,
-      {
-        fieldId: P,
-        htmlForSuffix: "trigger",
-        label: s,
-        getTestId: k,
-        disabled: l,
-        negative: p,
-        required: _
-      }
-    ),
-    /* @__PURE__ */ d("div", { className: m(`${r}__field-row`), children: /* @__PURE__ */ ee(
-      "div",
-      {
-        ...j,
-        className: m(`${r}__trigger-container`, {
-          [`${r}__trigger-container--error`]: !!b,
-          [`${r}__trigger-container--is-valid`]: X,
-          [`${r}__trigger-container--negative`]: p,
-          [`${r}__trigger-container--disabled`]: l,
-          [`${r}__trigger-container--readonly`]: h && !l,
-          [`${r}__trigger-container--has-tags`]: a && V.length > 0 && !G
-        }),
-        style: ge,
-        children: [
-          a && !G && /* @__PURE__ */ d(
-            Le,
-            {
-              selectedItems: V,
-              getTestId: k,
-              disabled: l,
-              negative: p,
-              onRemove: Z,
-              moreOptionsText: re,
-              removeOptionAriaLabel: U,
-              isSelect: !0
-            }
-          ),
-          /* @__PURE__ */ d(
-            "button",
-            {
-              ...Q,
-              className: m(`${r}__trigger`, {
-                [`${r}__trigger--is-valid`]: X,
-                [`${r}__trigger--negative`]: p,
-                [`${r}__trigger--disabled`]: l,
-                [`${r}__trigger--readonly`]: h && !l,
-                [`${r}__trigger--placeholder`]: !V.length
-              }),
-              "aria-describedby": E,
-              children: /* @__PURE__ */ d("span", { className: m(`${r}__trigger-text`), children: ae })
-            }
-          ),
-          /* @__PURE__ */ d(
-            Ne,
-            {
-              getTestId: k,
-              loading: f,
-              disabled: l,
-              negative: p,
-              isValid: X,
-              isOpen: oe,
-              readOnly: h,
-              showChevronOpen: !0
-            }
-          ),
-          /* @__PURE__ */ d(
-            "span",
-            {
-              className: m(`${r}__frame`, {
-                [`${r}__frame--negative`]: p
-              })
-            }
-          )
-        ]
-      }
-    ) }),
-    oe && /* @__PURE__ */ d(ue, { ...se, className: m(`${r}__listbox`), children: Re({
-      optionsToShow: me,
-      getListboxItemProps: le,
-      multiple: a,
-      negative: p,
-      fieldId: P,
-      selectAllLabel: F,
-      selectedItems: V
-    }) }),
-    /* @__PURE__ */ d(
-      Ae,
-      {
-        errorText: b,
-        helperText: w,
-        helperTextId: E,
-        negative: p
-      }
-    )
-  ] });
-});
-Pe.displayName = "DropdownSelect";
-const Ze = $e((e, o) => e.combobox ? /* @__PURE__ */ d(Fe, { ref: o, ...e }) : /* @__PURE__ */ d(Pe, { ref: o, ...e }));
-Ze.displayName = "Dropdown";
-export {
-  Ze as D,
-  Qe as u
-};
-//# sourceMappingURL=dropdown-DJr5COdU.mjs.map