@purpur/library 10.1.1 → 10.2.0

package/dist/dropdown-CxEElxNf.mjs

@@ -1,952 +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 Ve } from "react";
-import { L as ue } from "./listbox-CtV-Vcmy.mjs";
-import { t as He } 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 Me } from "./field-error-text-CBSX8dGx.mjs";
-import { F as Ue } from "./field-helper-text-C5ee4SFV.mjs";
-import { r as Ye } from "./check-circle-filled.es-umBwOv5_.mjs";
-import { l as qe } from "./chevron-down.es-PCIIj6oG.mjs";
-import { L as ze } from "./label-7sJe5-pX.mjs";
-import { a as je } from "./spinner-DRQN6YdK.mjs";
-import { c as Ge } from "./bind-CU-R61T-.mjs";
-const re = (e) => typeof e.label == "string" ? e.label : e.value ?? "", We = {
-  "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 = Ge.bind(We), r = "purpur-dropdown", De = ({
-  fieldId: e,
-  htmlForSuffix: o,
-  label: i,
-  getTestId: l,
-  disabled: n,
-  negative: u,
-  required: b
-}) => i ? /* @__PURE__ */ ee(
-  ze,
-  {
-    htmlFor: o ? `${e}-${o}` : e,
-    className: m(`${r}__label`),
-    "data-testid": l("label"),
-    disabled: n,
-    negative: u,
-    children: [
-      b && /* @__PURE__ */ d("span", { "aria-hidden": !0, children: "*" }),
-      i
-    ]
-  }
-) : null, Ne = ({
-  getTestId: e,
-  loading: o,
-  disabled: i,
-  negative: l,
-  isValid: n,
-  isOpen: u,
-  readOnly: b,
-  showChevronOpen: w
-}) => /* @__PURE__ */ d("span", { className: m(`${r}__end-adornments`), children: o ? /* @__PURE__ */ d(
-  je,
-  {
-    disabled: i,
-    size: "xxs",
-    negative: l,
-    "data-testid": e("spinner")
-  }
-) : /* @__PURE__ */ ee(ke, { children: [
-  n && /* @__PURE__ */ d(
-    Ye,
-    {
-      "data-testid": e("valid-icon"),
-      className: m(`${r}__valid-icon`)
-    }
-  ),
-  /* @__PURE__ */ d(
-    qe,
-    {
-      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`]: l
-      }),
-      "data-testid": e("dropdown-icon"),
-      size: "sm"
-    }
-  )
-] }) }), Ce = 6, Le = ({
-  selectedItems: e,
-  getTestId: o,
-  disabled: i,
-  negative: l,
-  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: l,
-      "data-testid": o("tags"),
-      size: "sm",
-      children: [
-        p.map((a) => /* @__PURE__ */ d(
-          Ie.Item,
-          {
-            id: a.id,
-            "data-testid": o(`tag-${a.id}`),
-            "aria-label": w ? `${w} ${re(a)}` : re(a),
-            onDismiss: () => {
-              n(a);
-            },
-            disabled: i || a.disabled,
-            children: a.label
-          },
-          a.id
-        )),
-        h > 0 && /* @__PURE__ */ d(
-          "li",
-          {
-            className: m(`${r}__chip-group-more`),
-            "data-testid": o("tags-more"),
-            children: `+${h} ${b}`
-          }
-        )
-      ]
-    }
-  );
-}, Ee = ({
-  errorText: e,
-  helperText: o,
-  helperTextId: i,
-  negative: l
-}) => /* @__PURE__ */ ee(ke, { children: [
-  e && /* @__PURE__ */ d(Me, { negative: l, children: e }),
-  o && !e && /* @__PURE__ */ d(Ue, { id: i, negative: l, children: o })
-] }), de = "__purpur-dropdown-select-all__", Ae = ({
-  selectAllLabel: e,
-  multiple: o,
-  options: i,
-  selectedItems: l
-}) => !e || !o || i.filter((w) => !w.disabled).length === 0 ? !1 : !i.filter((w) => w.disabled).some(
-  (w) => !l.some((k) => k.id === w.id)
-), Re = ({
-  optionsToShow: e,
-  getListboxItemProps: o,
-  multiple: i,
-  negative: l,
-  fieldId: n,
-  noOptionsText: u,
-  selectAllLabel: b,
-  selectedItems: w = []
-}) => {
-  if (u !== void 0 && !e.length)
-    return /* @__PURE__ */ d(ue.Item, { noninteractive: !0, children: u });
-  const k = e[0]?.id === de;
-  let p = !1;
-  if (k) {
-    const a = e.filter((s) => s.id !== de).filter((s) => !s.disabled), _ = a.filter(
-      (s) => w.some((x) => x.id === s.id)
-    ).length, y = a.length > 0 && _ === a.length, f = w.length > 0;
-    p = y ? !0 : f ? "indeterminate" : !1;
-  }
-  return e.map((h, a) => {
-    const { key: _, selected: y, ...f } = o(h, a);
-    return h.id === de ? /* @__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: l,
-            "aria-hidden": !0
-          }
-        ) })
-      },
-      _
-    ) : i ? /* @__PURE__ */ d(
-      ue.Item,
-      {
-        ...f,
-        className: m(`${r}__checkbox-item-multiple`, {
-          [`${r}__select-all-child`]: k
-        }),
-        selected: !!y,
-        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: !!y,
-                label: h.label,
-                negative: l,
-                "aria-hidden": !0,
-                disabled: h.disabled
-              }
-            )
-          }
-        )
-      },
-      _
-    ) : /* @__PURE__ */ d(ue.Item, { ...f, selected: !!y, children: /* @__PURE__ */ d("div", { children: h.label }) }, _);
-  });
-}, Xe = (e, o, i) => {
-  if (i)
-    return e.filter((n) => i(o, n));
-  if (!o) return e;
-  const l = o.toUpperCase().split(" ");
-  return e.filter(
-    (n) => l.every(
-      (u) => (n.value || (typeof n.label == "string" ? n.label : "")).toUpperCase().includes(u)
-    )
-  );
-}, Te = ({
-  options: e,
-  searchTerm: o,
-  filterOption: i,
-  selectedOption: l,
-  multiple: n
-}) => !n && l && re(l) === o ? e : Xe(e, o, i), Be = ({
-  controlledInputValue: e,
-  defaultInputValue: o,
-  selectedOption: i,
-  onInputChange: l
-}) => {
-  const [n, u] = xe(
-    (typeof e == "string" ? e : o ?? (i ? re(i) : void 0)) ?? ""
-  );
-  return {
-    displayInputValue: typeof e == "string" ? e : n,
-    populateInputField: (k) => {
-      l?.(k), u(k);
-    }
-  };
-}, Fe = $e((e, o) => {
-  const {
-    id: i,
-    label: l,
-    options: n,
-    className: u,
-    errorText: b,
-    helperText: w,
-    placeholder: k,
-    negative: p = !1,
-    readOnly: h = !1,
-    disabled: a = !1,
-    required: _ = !1,
-    valid: y,
-    loading: f,
-    multiple: s = !1,
-    selectedOption: x,
-    selectedOptions: L = [],
-    onSelect: S,
-    openOnFocus: se = !1,
-    listboxMaxHeight: E,
-    listboxLabel: _e,
-    filterOption: F,
-    inputValue: te,
-    defaultInputValue: q,
-    onInputChange: g,
-    noOptionsText: oe,
-    highlightFirstOption: P = !1,
-    selectAllLabel: O,
-    moreOptionsText: Q,
-    removeOptionAriaLabel: A,
-    ["data-testid"]: C
-  } = e, z = ye(), K = i ?? z, D = (c) => C ? `${C}-${c}` : void 0, j = !!y && !b, G = `${K}-helper-text`, $ = s ? L : x ? [x] : [], { displayInputValue: M, populateInputField: W } = Be({
-    controlledInputValue: te,
-    defaultInputValue: q,
-    selectedOption: x,
-    onInputChange: g
-  }), le = Te({
-    options: n,
-    searchTerm: M,
-    filterOption: F,
-    selectedOption: x,
-    multiple: s
-  }), ae = Ae({
-    selectAllLabel: O,
-    multiple: s,
-    options: n,
-    selectedItems: $
-  }), ne = ae && (ae && !M) ? [{ id: de, label: O }, ...le] : le, V = () => {
-    const c = n.filter((N) => !N.disabled);
-    if (c.every(
-      (N) => $.some((B) => B.id === N.id)
-    )) {
-      const N = $.filter((B) => B.disabled);
-      S?.(void 0, N);
-    } else {
-      const B = [...$.filter((ve) => ve.disabled), ...c];
-      S?.(void 0, B);
-    }
-    W("");
-  }, ge = (c) => {
-    if (c.id === de) {
-      V();
-      return;
-    }
-    if (s) {
-      const N = $.some((B) => B.id === c.id) ? $.filter((B) => B.id !== c.id) : [...$, c];
-      S?.(c, N), W("");
-    } else
-      S?.(c, [c]), W(re(c));
-  }, {
-    rootRef: X,
-    inputRef: Z,
-    inputProps: U,
-    listboxProps: ce,
-    getListboxItemProps: be,
-    isOpen: v,
-    openListbox: Y,
-    anchorStyle: R
-  } = He({
-    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: ne,
-    listboxLabel: _e || l || "Options",
-    selectedOption: s ? void 0 : x,
-    disabled: a,
-    readOnly: h,
-    openOnFocus: se,
-    listboxMaxHeight: E,
-    highlightFirstOption: P,
-    closeOnSelect: !s,
-    noOptionsText: oe,
-    negative: p,
-    onSelect: ge,
-    "data-testid": C
-  }), J = (c) => {
-    X.current = c, typeof o == "function" ? o(c) : o && (o.current = c);
-  }, he = (c, I) => {
-    const N = be(c, I);
-    if (s) {
-      const B = $.some((ve) => ve.id === c.id);
-      return { ...N, selected: B, "aria-selected": B };
-    }
-    return N;
-  }, t = (c) => {
-    const I = $.filter((N) => N.id !== c.id);
-    S?.(c, I);
-  }, T = (c) => {
-    if (s && c.key === "Backspace" && c.currentTarget.value === "" && $.length > 0) {
-      for (let I = $.length - 1; I >= 0; I--)
-        if (!$[I].disabled) {
-          t($[I]);
-          break;
-        }
-    }
-    U?.onKeyDown?.(c);
-  }, pe = (c) => {
-    W(c.target.value), v || Y();
-  }, H = (c) => {
-    U?.onBlur?.(c), !s && setTimeout(() => {
-      if (X.current?.contains(document.activeElement)) return;
-      const I = x ? re(x) : "";
-      M !== I && W(I);
-    });
-  }, we = (c) => {
-    if (a || h) return;
-    const I = c.target;
-    if (I === Z.current || I.closest("button"))
-      return;
-    const N = Z.current;
-    N?.dispatchEvent(new MouseEvent("mousedown", { bubbles: !0 })), N?.focus();
-  }, ie = s && !!O && n.length > 0 && n.every((c) => $.some((I) => I.id === c.id)), Ke = m(r, u, {
-    [`${r}--negative`]: p
-  });
-  return /* @__PURE__ */ ee("div", { ref: J, className: Ke, children: [
-    /* @__PURE__ */ d(
-      De,
-      {
-        fieldId: K,
-        htmlForSuffix: "input",
-        label: l,
-        getTestId: D,
-        disabled: a,
-        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`]: j,
-          [`${r}__combobox-container--negative`]: p,
-          [`${r}__combobox-container--disabled`]: a,
-          [`${r}__combobox-container--readonly`]: h && !a
-        }),
-        style: R,
-        onClick: we,
-        children: [
-          s && !ie && /* @__PURE__ */ d(
-            Le,
-            {
-              selectedItems: $,
-              getTestId: D,
-              disabled: a,
-              negative: p,
-              onRemove: t,
-              moreOptionsText: Q,
-              removeOptionAriaLabel: A
-            }
-          ),
-          /* @__PURE__ */ d(
-            "input",
-            {
-              ...U,
-              ref: Z,
-              id: `${K}-input`,
-              "data-testid": D("input"),
-              onKeyDown: T,
-              onChange: pe,
-              onBlur: H,
-              value: ie && !M ? O : M,
-              placeholder: k,
-              className: m(`${r}__input`, {
-                [`${r}__input--negative`]: p
-              }),
-              "aria-describedby": G,
-              "aria-invalid": !!b,
-              disabled: a,
-              readOnly: h
-            }
-          ),
-          /* @__PURE__ */ d(
-            Ne,
-            {
-              getTestId: D,
-              loading: f,
-              disabled: a,
-              negative: p,
-              isValid: j,
-              isOpen: v,
-              showChevronOpen: !0
-            }
-          ),
-          /* @__PURE__ */ d(
-            "span",
-            {
-              className: m(`${r}__frame`, {
-                [`${r}__frame--negative`]: p
-              })
-            }
-          )
-        ]
-      }
-    ) }),
-    v && /* @__PURE__ */ d(ue, { ...ce, className: m(`${r}__listbox`), children: Re({
-      optionsToShow: ne,
-      getListboxItemProps: he,
-      multiple: s,
-      negative: p,
-      fieldId: K,
-      noOptionsText: oe,
-      selectAllLabel: O,
-      selectedItems: $
-    }) }),
-    /* @__PURE__ */ d(
-      Ee,
-      {
-        errorText: b,
-        helperText: w,
-        helperTextId: G,
-        negative: p
-      }
-    )
-  ] });
-});
-Fe.displayName = "DropdownCombobox";
-const Je = ({
-  options: e,
-  highlightFirstOption: o
-}) => {
-  const i = fe(null), l = fe({}), [n, u] = xe(
-    o ? e[0] : void 0
-  ), b = (_) => {
-    if (_) {
-      const y = _.getBoundingClientRect(), f = i.current?.getBoundingClientRect() || { top: 0, bottom: 0 };
-      (y.top < f.top || y.bottom > f.bottom) && _.scrollIntoView({ block: "nearest" });
-    }
-  };
-  return {
-    highlightedOption: n,
-    listboxRef: i,
-    optionRefs: l,
-    findNextOption: (_, y) => {
-      const f = y.filter((x) => !x.disabled);
-      if (!f.length) return;
-      const s = n ? f.findIndex((x) => x.id === n.id) : -1;
-      return _ === "ArrowDown" ? f[(s + 1) % f.length] : f[(s - 1 + f.length) % f.length];
-    },
-    highlightOption: (_) => {
-      u(_ ? { ..._ } : void 0), _ && b(l.current[_.id]);
-    },
-    highlightByClick: (_) => {
-      _.id !== n?.id && u({ ..._, isSetByClickEvent: !0 });
-    },
-    highlightSelected: (_, y) => {
-      requestAnimationFrame(() => {
-        u({ ..._, isSetByClickEvent: y === "CLICK" }), b(l.current[_.id]);
-      });
-    },
-    resetHighlight: () => {
-      u(void 0);
-    }
-  };
-}, Qe = (e, o) => {
-  const i = Oe(
-    (l) => {
-      e && !e.contains(l.target) && o();
-    },
-    [o, e]
-  );
-  Ve(() => (document.addEventListener("mousedown", i), () => {
-    document.removeEventListener("mousedown", i);
-  }), [i]);
-}, Ze = ({
-  id: e,
-  variant: o,
-  options: i,
-  listboxLabel: l,
-  multiple: n = !1,
-  selectedOption: u,
-  selectedOptions: b = [],
-  onSelect: w,
-  filterOption: k,
-  inputValue: p,
-  defaultInputValue: h,
-  onInputChange: a,
-  noOptionsText: _,
-  highlightFirstOption: y = !1,
-  openOnFocus: f = !1,
-  listboxMaxHeight: s,
-  negative: x,
-  disabled: L = !1,
-  readOnly: S = !1,
-  ["data-testid"]: se
-}) => {
-  const E = o === "combobox", _e = ye(), F = fe(null), te = fe(null), q = fe(null), g = Je({ options: i, highlightFirstOption: y }), { displayInputValue: oe, populateInputField: P } = Be({
-    controlledInputValue: p,
-    defaultInputValue: h,
-    selectedOption: u,
-    onInputChange: a
-  }), [O, Q] = xe(!1), A = () => {
-    Q(!1), g.resetHighlight();
-  };
-  Qe(F.current, A);
-  const C = ({ eventType: t }) => {
-    Q(!0);
-    const T = n ? void 0 : u;
-    T && g.highlightSelected(T, t);
-  }, z = n ? b : u ? [u] : [], K = E ? Te({
-    options: i,
-    searchTerm: oe,
-    filterOption: k,
-    selectedOption: u,
-    multiple: n
-  }) : i, D = O && (!!K.length || !!_), j = (t) => se ? `${se}-${t}` : void 0, G = (t) => {
-    if (!(!t || t.disabled))
-      if (n) {
-        const pe = z.some((H) => H.id === t.id) ? z.filter((H) => H.id !== t.id) : [...z, t];
-        w?.(t, pe), E && (P(""), q.current?.focus());
-      } else
-        w?.(t, [t]), E && P(re(t)), A(), (E ? q : te).current?.focus();
-  }, $ = (t) => {
-    D || C({ eventType: "KEYBOARD" });
-    const T = g.findNextOption(t, K);
-    g.highlightOption(T);
-  }, M = (t) => {
-    if (!(L || S))
-      switch (t.key) {
-        case "ArrowUp":
-        case "ArrowDown":
-          t.preventDefault(), $(t.key);
-          break;
-        case "Enter": {
-          t.preventDefault(), D && g.highlightedOption ? G(g.highlightedOption) : D || C({ eventType: "KEYBOARD" });
-          break;
-        }
-        case " ": {
-          E || (t.preventDefault(), D && g.highlightedOption ? G(g.highlightedOption) : D || C({ eventType: "KEYBOARD" }));
-          break;
-        }
-        case "Escape":
-          t.preventDefault(), A();
-          break;
-        case "Tab":
-          A();
-          break;
-        case "Home":
-        case "End":
-          E && A();
-          break;
-      }
-  }, W = (t) => {
-    P(t.target.value), g.resetHighlight(), O || C({ eventType: "KEYBOARD" });
-  }, le = () => {
-    L || S || (O ? A() : C({ eventType: "CLICK" }));
-  }, ae = () => {
-    !O && f && !L && !S && C({ eventType: "KEYBOARD" }), q.current?.select();
-  }, me = () => {
-    setTimeout(() => {
-      const t = document.activeElement;
-      t !== document.body && !q.current?.contains(t) && !g.listboxRef.current?.contains(t) && !F.current?.contains(t) && (A(), E && !n && P(u ? re(u) : ""));
-    });
-  }, ne = () => {
-    L || S || (O ? A() : C({ eventType: "CLICK" }));
-  }, V = (t) => {
-    if (L || S) return;
-    const T = t.target.closest("button");
-    T && T !== te.current || ne();
-  }, ge = () => {
-    !O && f && !L && !S && C({ eventType: "KEYBOARD" });
-  }, X = `${e}-listbox`, Z = (t) => `${e}-listbox-item-${t.id}`, U = `--purpur-dropdown-${_e.replace(/:/g, "")}`, ce = { anchorName: U }, be = E ? null : {
-    onClick: V
-  }, v = Oe(
-    (t) => {
-      if (g.listboxRef.current = t, t && typeof t.showPopover == "function")
-        try {
-          t.showPopover();
-        } catch {
-        }
-    },
-    [g.listboxRef]
-  ), Y = {
-    "aria-label": l,
-    "aria-expanded": D,
-    "data-testid": j("listbox"),
-    id: X,
-    ref: v,
-    onMouseLeave: () => g.resetHighlight(),
-    popover: "manual",
-    negative: x,
-    style: {
-      ...s ? {
-        maxHeight: typeof s == "number" ? `${s}px` : s
-      } : {},
-      positionAnchor: U
-    }
-  }, R = (t, T) => {
-    const pe = z.some((ie) => ie.id === t.id), { highlightedOption: H } = g, we = (t.id === H?.id || y && !H && T === 0) && !H?.isSetByClickEvent;
-    return {
-      "data-testid": j(`listbox-item-${t.id}`),
-      id: Z(t),
-      key: t.id,
-      onMouseMove: () => g.highlightByClick(t),
-      onMouseUp: () => G(t),
-      ref: (ie) => {
-        ie && (g.optionRefs.current[t.id] = ie);
-      },
-      tabIndex: -1,
-      selected: pe,
-      disabled: t.disabled,
-      highlighted: we,
-      hovered: t.id === H?.id && !!H?.isSetByClickEvent,
-      "aria-selected": pe
-    };
-  }, J = E ? {} : {
-    ref: te,
-    type: "button",
-    role: "combobox",
-    "aria-haspopup": "listbox",
-    "aria-expanded": D,
-    "aria-controls": X,
-    "aria-disabled": L,
-    "data-testid": j("trigger"),
-    id: `${e}-trigger`,
-    onKeyDown: M,
-    onFocus: ge,
-    disabled: L,
-    tabIndex: L ? -1 : 0,
-    style: ce
-  }, he = E ? {
-    ref: q,
-    role: "combobox",
-    "aria-autocomplete": "list",
-    "aria-expanded": D,
-    "aria-controls": X,
-    "aria-activedescendant": g.highlightedOption ? Z(g.highlightedOption) : void 0,
-    "data-testid": j("input"),
-    autoComplete: "off",
-    id: `${e}-input`,
-    type: "text",
-    value: oe,
-    onChange: W,
-    onMouseDown: le,
-    onFocus: ae,
-    onBlur: me,
-    onKeyDown: M,
-    disabled: L,
-    readOnly: S
-  } : null;
-  return {
-    rootRef: F,
-    triggerContainerProps: be,
-    triggerProps: J,
-    inputProps: he,
-    listboxProps: Y,
-    getListboxItemProps: R,
-    optionsToShow: K,
-    isOpen: D,
-    highlightedOption: g.highlightedOption,
-    selectedItems: z,
-    anchorStyle: ce
-  };
-}, Pe = $e((e, o) => {
-  const {
-    id: i,
-    label: l,
-    options: n,
-    className: u,
-    errorText: b,
-    helperText: w,
-    placeholder: k,
-    negative: p = !1,
-    readOnly: h = !1,
-    disabled: a = !1,
-    required: _ = !1,
-    valid: y = !1,
-    loading: f = !1,
-    multiple: s = !1,
-    selectedOption: x,
-    selectedOptions: L = [],
-    onSelect: S,
-    openOnFocus: se = !1,
-    listboxMaxHeight: E,
-    listboxLabel: _e,
-    selectAllLabel: F,
-    moreOptionsText: te,
-    removeOptionAriaLabel: q,
-    ["data-testid"]: g
-  } = e, oe = ye(), P = i ?? oe, O = (v) => g ? `${g}-${v}` : void 0, Q = !!y && !b, A = `${P}-helper-text`, C = s ? L : x ? [x] : [], z = Ae({
-    selectAllLabel: F,
-    multiple: s,
-    options: n,
-    selectedItems: C
-  }), K = () => {
-    const v = n.filter((R) => !R.disabled);
-    if (v.every(
-      (R) => C.some((J) => J.id === R.id)
-    )) {
-      const R = C.filter((J) => J.disabled);
-      S?.(void 0, R);
-    } else {
-      const J = [...C.filter((he) => he.disabled), ...v];
-      S?.(void 0, J);
-    }
-  }, D = (v, Y) => {
-    if (v?.id === de) {
-      K();
-      return;
-    }
-    S?.(v, Y);
-  }, j = z ? [{ id: de, label: F }, ...n] : n, G = Ze({
-    id: P,
-    variant: "select",
-    options: j,
-    listboxLabel: _e || l || "Options",
-    multiple: s,
-    negative: p,
-    selectedOption: x,
-    selectedOptions: L,
-    onSelect: D,
-    openOnFocus: se,
-    listboxMaxHeight: E,
-    disabled: a,
-    readOnly: h,
-    "data-testid": g
-  }), $ = (v) => {
-    G.rootRef.current = v, typeof o == "function" ? o(v) : o && (o.current = v);
-  }, {
-    triggerContainerProps: M,
-    triggerProps: W,
-    listboxProps: le,
-    getListboxItemProps: ae,
-    optionsToShow: me,
-    isOpen: ne,
-    selectedItems: V,
-    anchorStyle: ge
-  } = G, X = {
-    ...W
-  };
-  delete X.style;
-  const Z = (v) => {
-    const Y = V.filter((R) => R.id !== v.id);
-    S?.(v, Y);
-  }, U = s && !!F && n.length > 0 && n.every((v) => V.some((Y) => Y.id === v.id)), ce = s ? U ? F : V.length === 0 && k || "" : x?.label || k || "", be = m(r, u, {
-    [`${r}--negative`]: p
-  });
-  return /* @__PURE__ */ ee("div", { ref: $, className: be, children: [
-    /* @__PURE__ */ d(
-      De,
-      {
-        fieldId: P,
-        htmlForSuffix: "trigger",
-        label: l,
-        getTestId: O,
-        disabled: a,
-        negative: p,
-        required: _
-      }
-    ),
-    /* @__PURE__ */ d("div", { className: m(`${r}__field-row`), children: /* @__PURE__ */ ee(
-      "div",
-      {
-        ...M,
-        className: m(`${r}__trigger-container`, {
-          [`${r}__trigger-container--error`]: !!b,
-          [`${r}__trigger-container--is-valid`]: Q,
-          [`${r}__trigger-container--negative`]: p,
-          [`${r}__trigger-container--disabled`]: a,
-          [`${r}__trigger-container--readonly`]: h && !a,
-          [`${r}__trigger-container--has-tags`]: s && V.length > 0 && !U
-        }),
-        style: ge,
-        children: [
-          s && !U && /* @__PURE__ */ d(
-            Le,
-            {
-              selectedItems: V,
-              getTestId: O,
-              disabled: a,
-              negative: p,
-              onRemove: Z,
-              moreOptionsText: te,
-              removeOptionAriaLabel: q,
-              isSelect: !0
-            }
-          ),
-          /* @__PURE__ */ d(
-            "button",
-            {
-              ...X,
-              className: m(`${r}__trigger`, {
-                [`${r}__trigger--is-valid`]: Q,
-                [`${r}__trigger--negative`]: p,
-                [`${r}__trigger--disabled`]: a,
-                [`${r}__trigger--readonly`]: h && !a,
-                [`${r}__trigger--placeholder`]: !V.length
-              }),
-              "aria-describedby": A,
-              children: /* @__PURE__ */ d("span", { className: m(`${r}__trigger-text`), children: ce })
-            }
-          ),
-          /* @__PURE__ */ d(
-            Ne,
-            {
-              getTestId: O,
-              loading: f,
-              disabled: a,
-              negative: p,
-              isValid: Q,
-              isOpen: ne,
-              readOnly: h,
-              showChevronOpen: !0
-            }
-          ),
-          /* @__PURE__ */ d(
-            "span",
-            {
-              className: m(`${r}__frame`, {
-                [`${r}__frame--negative`]: p
-              })
-            }
-          )
-        ]
-      }
-    ) }),
-    ne && /* @__PURE__ */ d(ue, { ...le, className: m(`${r}__listbox`), children: Re({
-      optionsToShow: me,
-      getListboxItemProps: ae,
-      multiple: s,
-      negative: p,
-      fieldId: P,
-      selectAllLabel: F,
-      selectedItems: V
-    }) }),
-    /* @__PURE__ */ d(
-      Ee,
-      {
-        errorText: b,
-        helperText: w,
-        helperTextId: A,
-        negative: p
-      }
-    )
-  ] });
-});
-Pe.displayName = "DropdownSelect";
-const er = $e((e, o) => e.combobox ? /* @__PURE__ */ d(Fe, { ref: o, ...e }) : /* @__PURE__ */ d(Pe, { ref: o, ...e }));
-er.displayName = "Dropdown";
-export {
-  er as D,
-  Ze as u
-};
-//# sourceMappingURL=dropdown-CxEElxNf.mjs.map