@mattermost/compass-ui 0.1.0-alpha.2 → 0.1.0-alpha.21

package/dist/components/combobox/Combobox.js

@@ -0,0 +1,527 @@
+import { jsxs as M, jsx as l } from "react/jsx-runtime";
+import { forwardRef as vr, useId as hr, useRef as X, useCallback as d, useState as V, useMemo as R, useEffect as Me } from "react";
+import __xr from "@mattermost/compass-icons/components/chevron-down.js";const xr=__xr&&__xr.default?__xr.default:__xr;
+import ___r from "@mattermost/compass-icons/components/close-circle.js";const _r=___r&&___r.default?___r.default:___r;
+import __gr from "@mattermost/compass-icons/components/plus.js";const gr=__gr&&__gr.default?__gr.default:__gr;
+import yr from "../chip/Chip.js";
+import pr from "../chip/ChipGroup.js";
+import ae, { IconSlotContext as kr } from "../icon/Icon.js";
+import Ve from "../menu-item/MenuItem.js";
+import Ar, { PopoverMenuScroll as wr } from "../popover-menu/PopoverMenu.js";
+import Dr from "../spinner/Spinner.js";
+import Nr from "../team-avatar/TeamAvatar.js";
+import Mr from "../user-avatar/UserAvatar.js";
+import { useAnchoredPopupPortal as Vr } from "../../hooks/use-anchored-popup-portal.js";
+import { useOutsideClose as Rr } from "../../hooks/use-outside-close.js";
+import { usePopoverTransition as Er } from "../../hooks/use-popover-transition.js";
+import { mergeMenuItemProps as Sr } from "../../utils/menuItemProps.js";
+import { mergeClassNames as Ir } from "../../utils/props.js";
+import { toKebab as Tr } from "../../utils/string.js";
+import a from "./Combobox.module.scss.js";
+const Re = 280, Lr = {
+  small: "small",
+  medium: "medium",
+  large: "large"
+}, Fr = {
+  small: "12",
+  medium: "16",
+  large: "16"
+};
+function zr(n) {
+  return typeof n == "string" ? `${n} selections` : "Selected";
+}
+function Cr(n) {
+  return `Create "${n}"`;
+}
+function se(n) {
+  return n.kind === "option" && n.option.disabled === !0;
+}
+function Hr(n, b) {
+  return b ? n.label.toLowerCase().includes(b.toLowerCase()) : !0;
+}
+function $r(n) {
+  return n == null ? null : Array.isArray(n) ? n[0] ?? null : n === "" ? null : n;
+}
+function Or(n) {
+  return n == null ? [] : Array.isArray(n) ? n : n === "" ? [] : [n];
+}
+function jr(n) {
+  if (n.leadingVisual != null) return n.leadingVisual;
+  if (n.leadingAvatar != null)
+    return /* @__PURE__ */ l(
+      Mr,
+      {
+        src: n.leadingAvatar.src,
+        alt: n.leadingAvatar.alt,
+        size: "24"
+      }
+    );
+  if (n.leadingTeamAvatar != null)
+    return /* @__PURE__ */ l(
+      Nr,
+      {
+        src: n.leadingTeamAvatar.src,
+        initials: n.leadingTeamAvatar.initials ?? (n.leadingTeamAvatar.src ? void 0 : Array.from(n.label).slice(0, 2).join("")),
+        alt: n.leadingTeamAvatar.alt,
+        size: "24",
+        variant: "menu"
+      }
+    );
+}
+const cn = vr(function({
+  options: b,
+  menuItemProps: Ee,
+  multiple: o = !1,
+  value: ie,
+  defaultValue: ce,
+  onChange: H,
+  inputValue: Z,
+  defaultInputValue: Se = "",
+  onInputChange: u,
+  label: D,
+  placeholder: Ie,
+  leadingIcon: q,
+  size: P = "medium",
+  invalid: ue = !1,
+  disabled: g = !1,
+  filter: $ = !0,
+  emptyMessage: Te = "No results",
+  loading: fe = !1,
+  loadingMessage: Le = "Loading…",
+  selectedOptions: k,
+  creatable: E = !1,
+  onCreateOption: W,
+  formatCreateLabel: Fe = Cr,
+  clearable: ze = !1,
+  clearLabel: Ce = "Clear",
+  clearButtonProps: y,
+  selectionsLabel: He,
+  listboxLabel: $e = "Options",
+  className: Oe = "",
+  id: je,
+  "aria-label": de,
+  portalContainer: Ue = null,
+  zIndex: Ke
+}, S) {
+  const Ge = hr(), Y = je ?? Ge, I = `${Y}-listbox`, B = X(null), me = X(null), w = X(null), Qe = d(
+    (e) => {
+      w.current = e, typeof S == "function" ? S(e) : S && (S.current = e);
+    },
+    [S]
+  ), J = ie !== void 0, [Xe, Ze] = V(() => ce !== void 0 ? ce : o ? [] : null), ee = J ? ie : Xe, v = o ? null : $r(ee), s = R(
+    () => o ? Or(ee) : [],
+    [o, ee]
+  ), m = Z !== void 0, [re, T] = V(Se), [c, be] = V(!1), [qe, ve] = V(!1), [h, A] = V(-1), O = X(!1), he = d(
+    (e) => {
+      e !== h && (O.current = !0, A(e));
+    },
+    [h]
+  ), [j, L] = V(null), U = d(
+    (e) => b.find((r) => r.value === e) ?? (k == null ? void 0 : k.find((r) => r.value === e)) ?? (E ? { value: e, label: e } : void 0),
+    [b, k, E]
+  ), K = R(
+    () => v == null ? void 0 : U(v),
+    [U, v]
+  ), ne = m ? Z : o ? re : j !== null ? j : (K == null ? void 0 : K.label) ?? re, oe = m ? Z : o ? re : j !== null ? j : "", F = d(
+    (e) => {
+      m || (T(e), o || L(e)), u == null || u(e);
+    },
+    [m, o, u]
+  ), x = d(
+    (e) => {
+      J || Ze(e), H == null || H(e);
+    },
+    [J, H]
+  ), xe = R(() => {
+    if ($ === !1) return b;
+    const e = typeof $ == "function" ? $ : Hr;
+    return b.filter((r) => e(r, oe));
+  }, [b, $, oe]), z = E ? oe.trim() : "", _e = R(() => {
+    if (z === "") return !1;
+    const e = z.toLowerCase(), r = (f) => f.toLowerCase() === e;
+    return [...b, ...k ?? []].some((f) => r(f.label) || r(f.value)) ? !1 : !(o ? s : v != null ? [v] : []).some(r);
+  }, [
+    z,
+    b,
+    k,
+    o,
+    s,
+    v
+  ]), i = R(
+    () => [
+      ...xe.map((e) => ({ kind: "option", option: e })),
+      ..._e ? [{ kind: "create", inputValue: z }] : []
+    ],
+    [xe, _e, z]
+  ), N = d(
+    (e) => e.kind === "option" ? `${I}-option-${e.option.value}` : `${I}-create`,
+    [I]
+  ), { mounted: ge, visible: Pe } = Er(c), {
+    placement: We,
+    maxHeight: Ye,
+    style: Be,
+    portalRef: ye,
+    renderPortal: Je
+  } = Vr(me, ge, {
+    preferredHeight: Re,
+    maxHeightCap: Re,
+    portalContainer: Ue,
+    zIndex: Ke
+  }), p = d(() => {
+    be(!1), A(-1), !o && !m && (L(null), T(""));
+  }, [o, m]), C = d(() => {
+    g || be(!0);
+  }, [g]);
+  Rr(B, c, p, ye), Me(() => {
+    c && A((e) => {
+      if (i.length === 0) return -1;
+      if (e >= 0 && e < i.length) return e;
+      const r = i.findIndex(
+        (t) => t.kind === "option" && (o ? s.includes(t.option.value) : t.option.value === v)
+      );
+      return r >= 0 ? r : 0;
+    });
+  }, [c, i, o, s, v]);
+  const er = d(
+    (e) => o ? s.includes(e) : v === e,
+    [o, s, v]
+  ), te = d(
+    (e) => {
+      var r;
+      if (!e.disabled) {
+        if (o) {
+          const t = s.includes(e.value) ? s.filter((_) => _ !== e.value) : [...s, e.value];
+          x(t), F(""), p(), (r = w.current) == null || r.focus();
+          return;
+        }
+        x(e.value), m ? u == null || u(e.label) : (T(""), L(null)), p();
+      }
+    },
+    [
+      o,
+      s,
+      x,
+      F,
+      m,
+      u,
+      p
+    ]
+  ), le = d(
+    (e) => {
+      var r;
+      if (W ? W(e) : x(o ? [...s, e] : e), o) {
+        F(""), p(), (r = w.current) == null || r.focus();
+        return;
+      }
+      m ? u == null || u(e) : (T(""), L(null)), p();
+    },
+    [
+      W,
+      o,
+      s,
+      x,
+      F,
+      m,
+      u,
+      p
+    ]
+  ), rr = d(
+    (e) => {
+      e.kind === "create" ? le(e.inputValue) : te(e.option);
+    },
+    [le, te]
+  ), nr = d(() => {
+    var e;
+    x(null), m ? u == null || u("") : (T(""), L(null)), (e = w.current) == null || e.focus();
+  }, [x, m, u]), pe = d(
+    (e) => {
+      o && x(s.filter((r) => r !== e));
+    },
+    [o, s, x]
+  ), ke = d(
+    (e) => {
+      O.current = !1;
+      const r = i.map((t, _) => ({ row: t, i: _ })).filter(({ row: t }) => !se(t));
+      if (r.length === 0) {
+        A(-1);
+        return;
+      }
+      A((t) => {
+        const _ = r.findIndex(({ i: Q }) => Q === t), f = _ < 0 ? e > 0 ? 0 : r.length - 1 : (_ + e + r.length) % r.length;
+        return r[f].i;
+      });
+    },
+    [i]
+  );
+  Me(() => {
+    var r, t;
+    if (!c || h < 0) return;
+    if (O.current) {
+      O.current = !1;
+      return;
+    }
+    const e = i[h];
+    e && ((t = (r = document.getElementById(N(e))) == null ? void 0 : r.scrollIntoView) == null || t.call(r, { block: "nearest" }));
+  }, [c, h, i, N]);
+  const or = (e) => {
+    const r = e.target.value;
+    F(r), c || C(), A(0);
+  }, tr = () => {
+    ve(!0), C(), !o && !m && K && requestAnimationFrame(() => {
+      var e;
+      (e = w.current) == null || e.select();
+    });
+  }, Ae = (e) => {
+    var t;
+    const r = e.relatedTarget;
+    r && ((t = B.current) != null && t.contains(r)) || ve(!1);
+  }, lr = (e) => {
+    if (!g)
+      switch (e.key) {
+        case "ArrowDown":
+          e.preventDefault(), c ? ke(1) : C();
+          break;
+        case "ArrowUp":
+          e.preventDefault(), c ? ke(-1) : C();
+          break;
+        case "Home":
+          c && i.length > 0 && (e.preventDefault(), A(
+            Math.max(
+              0,
+              i.findIndex((r) => !se(r))
+            )
+          ));
+          break;
+        case "End":
+          if (c && i.length > 0) {
+            e.preventDefault();
+            for (let r = i.length - 1; r >= 0; r--)
+              if (!se(i[r])) {
+                A(r);
+                break;
+              }
+          }
+          break;
+        case "Enter":
+          c && h >= 0 && i[h] && (e.preventDefault(), rr(i[h]));
+          break;
+        case "Escape":
+          c && (e.preventDefault(), p());
+          break;
+        case "Backspace":
+          o && ne === "" && s.length > 0 && (e.preventDefault(), pe(s[s.length - 1]));
+          break;
+        case "Tab":
+          p();
+          break;
+      }
+  }, ar = (e) => {
+    var r;
+    g || e.target.closest("[data-chip], [data-combobox-clear]") || (e.target !== w.current && (e.preventDefault(), (r = w.current) == null || r.focus()), c || C());
+  }, we = o ? s.length > 0 : v != null && v !== "", sr = ne.length > 0, ir = ze && !o && we && !g, cr = qe || c || we || sr, De = h >= 0 ? i[h] : void 0, ur = De != null ? N(De) : void 0, G = R(() => {
+    if (!o) return [];
+    if (k == null) {
+      const e = b.filter((t) => s.includes(t.value));
+      if (!E) return e;
+      const r = new Set(e.map((t) => t.value));
+      return [
+        ...e,
+        ...s.filter((t) => !r.has(t)).map((t) => ({ value: t, label: t }))
+      ];
+    }
+    return s.map(U).filter((e) => e != null);
+  }, [
+    o,
+    k,
+    b,
+    s,
+    E,
+    U
+  ]), fr = a[`combobox--size-${Tr(P)}`], dr = o && G.length > 0, mr = [
+    a.combobox,
+    fr,
+    ue ? a["combobox--invalid"] : "",
+    D != null && cr ? a["combobox--label-floated"] : "",
+    q != null ? a["combobox--has-leading-icon"] : "",
+    dr ? a["combobox--has-chips"] : "",
+    c ? a["combobox--open"] : "",
+    g ? a["combobox--disabled"] : "",
+    Oe
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ M("div", { className: mr, ref: B, children: [
+    /* @__PURE__ */ M("div", { className: a.combobox__wrapper, ref: me, children: [
+      D != null && /* @__PURE__ */ l("label", { className: a.combobox__label, htmlFor: Y, children: D }),
+      /* @__PURE__ */ M(
+        "div",
+        {
+          className: a.combobox__inner,
+          onMouseDown: ar,
+          children: [
+            q != null && /* @__PURE__ */ l("span", { className: a["combobox__leading-icon"], "aria-hidden": !0, children: /* @__PURE__ */ l(kr.Provider, { value: { size: "16" }, children: q }) }),
+            /* @__PURE__ */ M("div", { className: a.combobox__value, children: [
+              o && G.length > 0 && /* @__PURE__ */ l(
+                pr,
+                {
+                  "aria-label": He ?? zr(D),
+                  disabled: g,
+                  children: G.map((e) => /* @__PURE__ */ l(
+                    yr,
+                    {
+                      size: Lr[P],
+                      leadingAvatar: e.leadingAvatar,
+                      leadingIcon: e.leadingAvatar == null ? e.leadingVisual : void 0,
+                      onRemove: g ? void 0 : (r) => {
+                        r.stopPropagation(), pe(e.value);
+                      },
+                      children: e.label
+                    },
+                    e.value
+                  ))
+                }
+              ),
+              /* @__PURE__ */ l(
+                "input",
+                {
+                  ref: Qe,
+                  id: Y,
+                  className: a.combobox__control,
+                  type: "text",
+                  role: "combobox",
+                  autoComplete: "off",
+                  spellCheck: !1,
+                  disabled: g,
+                  placeholder: o && G.length > 0 ? void 0 : Ie,
+                  value: ne,
+                  "aria-label": de,
+                  "aria-invalid": ue ? !0 : void 0,
+                  "aria-expanded": c,
+                  "aria-controls": I,
+                  "aria-autocomplete": "list",
+                  "aria-activedescendant": ur,
+                  "aria-busy": fe || void 0,
+                  onChange: or,
+                  onFocus: tr,
+                  onBlur: Ae,
+                  onKeyDown: lr
+                }
+              )
+            ] }),
+            ir && /* @__PURE__ */ l(
+              "button",
+              {
+                ...y,
+                type: "button",
+                className: Ir(
+                  a.combobox__clear,
+                  y == null ? void 0 : y.className
+                ),
+                "aria-label": Ce,
+                "data-combobox-clear": "",
+                onClick: nr,
+                onBlur: (e) => {
+                  var r;
+                  (r = y == null ? void 0 : y.onBlur) == null || r.call(y, e), Ae(e);
+                },
+                children: /* @__PURE__ */ l(ae, { size: Fr[P], glyph: /* @__PURE__ */ l(_r, {}) })
+              }
+            ),
+            /* @__PURE__ */ l("span", { className: a["combobox__trailing-icon"], "aria-hidden": !0, children: /* @__PURE__ */ l(ae, { size: "12", glyph: /* @__PURE__ */ l(xr, {}) }) })
+          ]
+        }
+      )
+    ] }),
+    ge && Je(
+      /* @__PURE__ */ l(
+        "div",
+        {
+          ref: ye,
+          className: [
+            a.combobox__popup,
+            We === "above" ? a["combobox__popup--above"] : "",
+            Pe ? a["combobox__popup--visible"] : ""
+          ].filter(Boolean).join(" "),
+          style: Be,
+          children: /* @__PURE__ */ l(Ar, { className: a.combobox__menu, children: /* @__PURE__ */ M(wr, { maxHeight: Ye, children: [
+            i.length > 0 && /* @__PURE__ */ l(
+              "ul",
+              {
+                id: I,
+                className: a.combobox__list,
+                role: "listbox",
+                "aria-multiselectable": o || void 0,
+                "aria-label": typeof D == "string" ? D : de ?? $e,
+                children: i.map((e, r) => {
+                  const t = r === h, _ = (br) => {
+                    br.preventDefault();
+                  };
+                  if (e.kind === "create")
+                    return /* @__PURE__ */ l(
+                      "li",
+                      {
+                        className: a.combobox__option,
+                        role: "presentation",
+                        children: /* @__PURE__ */ l(
+                          Ve,
+                          {
+                            id: N(e),
+                            role: "option",
+                            label: Fe(e.inputValue),
+                            leadingVisual: /* @__PURE__ */ l(ae, { glyph: /* @__PURE__ */ l(gr, {}) }),
+                            active: t,
+                            "aria-selected": !1,
+                            onMouseDown: _,
+                            onMouseEnter: () => he(r),
+                            onClick: () => le(e.inputValue)
+                          }
+                        )
+                      },
+                      N(e)
+                    );
+                  const { option: f } = e, Q = er(f.value), Ne = jr(f);
+                  return /* @__PURE__ */ l(
+                    "li",
+                    {
+                      className: a.combobox__option,
+                      role: "presentation",
+                      children: /* @__PURE__ */ l(
+                        Ve,
+                        {
+                          ...Sr(
+                            Ee,
+                            f.menuItemProps
+                          ),
+                          id: N(e),
+                          role: "option",
+                          label: f.label,
+                          secondaryLabel: f.secondaryLabel,
+                          leadingElement: Ne != null,
+                          leadingVisual: Ne,
+                          trailingElement: Q,
+                          active: t,
+                          disabled: f.disabled,
+                          "aria-selected": Q,
+                          onMouseDown: _,
+                          onMouseEnter: () => he(r),
+                          onClick: () => te(f)
+                        }
+                      )
+                    },
+                    f.value
+                  );
+                })
+              }
+            ),
+            fe ? /* @__PURE__ */ M("div", { className: a.combobox__loading, role: "status", children: [
+              /* @__PURE__ */ l(Dr, { size: "16", "aria-hidden": !0 }),
+              /* @__PURE__ */ l("span", { children: Le })
+            ] }) : i.length === 0 && /* @__PURE__ */ l("p", { className: a.combobox__empty, children: Te })
+          ] }) })
+        }
+      )
+    )
+  ] });
+});
+export {
+  cn as default
+};
+//# sourceMappingURL=Combobox.js.map

package/dist/components/combobox/Combobox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Combobox.js","sources":["../../../src/components/combobox/Combobox.tsx"],"sourcesContent":["import type {\n  ChangeEvent,\n  FocusEvent,\n  KeyboardEvent,\n  MouseEvent,\n  ReactNode,\n} from 'react';\nimport {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport ChevronDownIcon from '@mattermost/compass-icons/components/chevron-down';\nimport CloseCircleIcon from '@mattermost/compass-icons/components/close-circle';\nimport PlusIcon from '@mattermost/compass-icons/components/plus';\nimport Chip from '@/components/chip/Chip';\nimport ChipGroup from '@/components/chip/ChipGroup';\nimport type { ChipSize } from '@/components/chip/Chip';\nimport Icon from '@/components/icon/Icon';\nimport { IconSlotContext } from '@/components/icon/Icon';\nimport type { IconSize } from '@/components/icon/Icon';\nimport MenuItem from '@/components/menu-item/MenuItem';\nimport type {\n  MenuItemOwnedProps,\n  MenuItemPassthroughProps,\n} from '@/components/menu-item/MenuItem';\nimport PopoverMenu, {\n  PopoverMenuScroll,\n} from '@/components/popover-menu/PopoverMenu';\nimport Spinner from '@/components/spinner/Spinner';\nimport TeamAvatar from '@/components/team-avatar/TeamAvatar';\nimport UserAvatar from '@/components/user-avatar/UserAvatar';\nimport { useAnchoredPopupPortal } from '@/hooks/use-anchored-popup-portal';\nimport { useOutsideClose } from '@/hooks/use-outside-close';\nimport { usePopoverTransition } from '@/hooks/use-popover-transition';\nimport { mergeMenuItemProps } from '@/utils/menuItemProps';\nimport type { BuiltInButtonProps } from '@/utils/props';\nimport { mergeClassNames } from '@/utils/props';\nimport { toKebab } from '@/utils/string';\nimport styles from './Combobox.module.scss';\n\nexport type ComboboxSize = 'small' | 'medium' | 'large';\n\n// Combobox rows use `onClick`, so `onPointerUp` is left for callers.\ntype ComboboxMenuItemProps = MenuItemPassthroughProps<\n  Exclude<MenuItemOwnedProps, 'onPointerUp'>\n>;\n\nexport type ComboboxOption = {\n  value: string;\n  /** Kept as `string`: the default filter, create-row matching, and the single-select input text all read it. */\n  label: string;\n  disabled?: boolean;\n  /** Leading content for the list row (icon or avatar node). */\n  leadingVisual?: ReactNode;\n  /** Avatar for chips / list when a photo is preferred over `leadingVisual`. */\n  leadingAvatar?: { src: string; alt: string };\n  /**\n   * Team avatar for the list row — a non-interactive `TeamAvatar` (`variant=\"menu\"`, 24px) with an\n   * image or an initials fallback. The row's `label` names the team and `MenuItem` hides the\n   * leading visual from assistive tech, so `alt` is optional. List rows only; chips don't render\n   * it. With neither `src` nor `initials`, the fallback shows the first two letters of `label`.\n   * `leadingVisual` and `leadingAvatar` take precedence.\n   */\n  leadingTeamAvatar?: { src?: string; initials?: string; alt?: string };\n  /** Accepts translated nodes. */\n  secondaryLabel?: ReactNode;\n  /**\n   * Extra `MenuItem` props for this row (e.g. `secondaryLabelPosition`, `tag`,\n   * `trailingVisual`, `className`). Overrides the `menuItemProps` set on the\n   * Combobox; the props Combobox owns (ARIA, selection, handlers) can't be set.\n   */\n  menuItemProps?: ComboboxMenuItemProps;\n};\n\nexport interface ComboboxProps {\n  options: ComboboxOption[];\n  /**\n   * `MenuItem` props applied to every option row, e.g.\n   * `menuItemProps={{ secondaryLabelPosition: 'inline' }}`. A row's own\n   * `menuItemProps` wins. Not applied to the create row.\n   */\n  menuItemProps?: ComboboxMenuItemProps;\n  /** When true, selected values render as removable chips. Default: false. */\n  multiple?: boolean;\n  value?: string | string[] | null;\n  defaultValue?: string | string[] | null;\n  onChange?: (value: string | string[] | null) => void;\n  inputValue?: string;\n  defaultInputValue?: string;\n  onInputChange?: (value: string) => void;\n  label?: ReactNode;\n  placeholder?: string;\n  leadingIcon?: ReactNode;\n  size?: ComboboxSize;\n  invalid?: boolean;\n  disabled?: boolean;\n  /**\n   * Client-side filter. `true` (default) matches labels case-insensitively.\n   * `false` shows all options (caller filters via `inputValue` / `onInputChange`).\n   */\n  filter?: boolean | ((option: ComboboxOption, query: string) => boolean);\n  /** Shown when there are no rows to pick from. Default: \"No results\". */\n  emptyMessage?: ReactNode;\n  /**\n   * When true, the menu shows a loading row (with Spinner) in place of the\n   * empty message. Set while async results are in flight.\n   */\n  loading?: boolean;\n  /** Loading row text. Default: \"Loading…\". */\n  loadingMessage?: ReactNode;\n  /**\n   * Option objects for the current value(s), used for chips and the\n   * single-select label when a value is missing from `options` (e.g. an async\n   * search that no longer returns it, or values preselected on load). Values\n   * found in `options` resolve from there first.\n   */\n  selectedOptions?: ComboboxOption[];\n  /**\n   * When true, typed text that matches no option offers a create row. Created\n   * values not found in `options` or `selectedOptions` display their raw value\n   * as the label.\n   */\n  creatable?: boolean;\n  /**\n   * Called with the trimmed input when the create row is chosen. When set, the\n   * host owns adding the value (`onChange` is not called). When omitted, the\n   * input is committed as the value through `onChange`.\n   */\n  onCreateOption?: (inputValue: string) => void;\n  /** Create row label. Default: `Create \"{inputValue}\"`. */\n  formatCreateLabel?: (inputValue: string) => ReactNode;\n  /**\n   * Single mode: when a value is set, shows a clear button inside the control\n   * that calls `onChange(null)`. Ignored with `multiple` (chips have their own\n   * remove control). Default: false.\n   */\n  clearable?: boolean;\n  /** Accessible name for the clear button. Default: \"Clear\". */\n  clearLabel?: string;\n  /** Extra attributes for the clear button (e.g. `data-testid`). */\n  clearButtonProps?: BuiltInButtonProps;\n  /**\n   * Accessible name for the chip group in `multiple` mode. Default:\n   * `{label} selections` when `label` is a string, otherwise \"Selected\".\n   */\n  selectionsLabel?: string;\n  /**\n   * Accessible name for the options list when `label` isn't a string and no\n   * `aria-label` is set. Default: \"Options\".\n   */\n  listboxLabel?: string;\n  className?: string;\n  id?: string;\n  'aria-label'?: string;\n  /** Portal mount node for the menu; defaults to `document.body`. */\n  portalContainer?: HTMLElement | null;\n  /** Stacking order for the portaled menu. */\n  zIndex?: number;\n}\n\nconst POPUP_MAX_HEIGHT = 280;\n\nconst CHIP_SIZE_BY_COMBOBOX: Record<ComboboxSize, ChipSize> = {\n  small: 'small',\n  medium: 'medium',\n  large: 'large',\n};\n\nconst CLEAR_ICON_SIZE: Record<ComboboxSize, IconSize> = {\n  small: '12',\n  medium: '16',\n  large: '16',\n};\n\nfunction defaultSelectionsLabel(label: ReactNode): string {\n  return typeof label === 'string' ? `${label} selections` : 'Selected';\n}\n\ntype ComboboxRow =\n  | { kind: 'option'; option: ComboboxOption }\n  | { kind: 'create'; inputValue: string };\n\nfunction defaultFormatCreateLabel(inputValue: string): ReactNode {\n  return `Create \"${inputValue}\"`;\n}\n\nfunction isRowDisabled(row: ComboboxRow): boolean {\n  return row.kind === 'option' && row.option.disabled === true;\n}\n\nfunction defaultFilter(option: ComboboxOption, query: string): boolean {\n  if (!query) return true;\n  return option.label.toLowerCase().includes(query.toLowerCase());\n}\n\nfunction toSingleValue(\n  value: string | string[] | null | undefined,\n): string | null {\n  if (value == null) return null;\n  if (Array.isArray(value)) return value[0] ?? null;\n  return value === '' ? null : value;\n}\n\nfunction toMultiValue(value: string | string[] | null | undefined): string[] {\n  if (value == null) return [];\n  if (Array.isArray(value)) return value;\n  return value === '' ? [] : [value];\n}\n\nfunction optionLeadingVisual(option: ComboboxOption): ReactNode | undefined {\n  if (option.leadingVisual != null) return option.leadingVisual;\n  if (option.leadingAvatar != null) {\n    return (\n      <UserAvatar\n        src={option.leadingAvatar.src}\n        alt={option.leadingAvatar.alt}\n        size=\"24\"\n      />\n    );\n  }\n  if (option.leadingTeamAvatar != null) {\n    return (\n      <TeamAvatar\n        src={option.leadingTeamAvatar.src}\n        initials={\n          option.leadingTeamAvatar.initials ??\n          (option.leadingTeamAvatar.src\n            ? undefined\n            : Array.from(option.label).slice(0, 2).join(''))\n        }\n        alt={option.leadingTeamAvatar.alt}\n        size=\"24\"\n        variant=\"menu\"\n      />\n    );\n  }\n  return undefined;\n}\n\n/**\n * { value: 'town-square', label: 'Town Square' }, { value: 'off-topic', label: 'Off-Topic'\n * }, { value: 'design', label: 'Design' }, { value: 'engineering', label: 'Engineering' }, {\n * value: 'releases', label: 'Releases' }, ];\n */\nconst Combobox = forwardRef<HTMLInputElement, ComboboxProps>(function Combobox(\n  {\n    options,\n    menuItemProps,\n    multiple = false,\n    value: valueProp,\n    defaultValue,\n    onChange,\n    inputValue: inputValueProp,\n    defaultInputValue = '',\n    onInputChange,\n    label,\n    placeholder,\n    leadingIcon,\n    size = 'medium',\n    invalid = false,\n    disabled = false,\n    filter = true,\n    emptyMessage = 'No results',\n    loading = false,\n    loadingMessage = 'Loading…',\n    selectedOptions,\n    creatable = false,\n    onCreateOption,\n    formatCreateLabel = defaultFormatCreateLabel,\n    clearable = false,\n    clearLabel = 'Clear',\n    clearButtonProps,\n    selectionsLabel,\n    listboxLabel = 'Options',\n    className = '',\n    id: idProp,\n    'aria-label': ariaLabel,\n    portalContainer = null,\n    zIndex,\n  },\n  ref,\n) {\n  const generatedId = useId();\n  const id = idProp ?? generatedId;\n  const listboxId = `${id}-listbox`;\n\n  const rootRef = useRef<HTMLDivElement>(null);\n  const anchorRef = useRef<HTMLDivElement>(null);\n  const inputRef = useRef<HTMLInputElement | null>(null);\n\n  const setInputRef = useCallback(\n    (node: HTMLInputElement | null) => {\n      inputRef.current = node;\n      if (typeof ref === 'function') ref(node);\n      else if (ref) ref.current = node;\n    },\n    [ref],\n  );\n\n  const isValueControlled = valueProp !== undefined;\n  const [uncontrolledValue, setUncontrolledValue] = useState<\n    string | string[] | null\n  >(() => {\n    if (defaultValue !== undefined) return defaultValue;\n    return multiple ? [] : null;\n  });\n\n  const rawValue = isValueControlled ? valueProp! : uncontrolledValue;\n  const singleValue = multiple ? null : toSingleValue(rawValue);\n  const multiValue = useMemo(\n    () => (multiple ? toMultiValue(rawValue) : []),\n    [multiple, rawValue],\n  );\n\n  const isInputControlled = inputValueProp !== undefined;\n  const [uncontrolledInput, setUncontrolledInput] = useState(defaultInputValue);\n  const [isOpen, setIsOpen] = useState(false);\n  const [isFocused, setIsFocused] = useState(false);\n  const [activeIndex, setActiveIndex] = useState(-1);\n  // Hover moves the highlight without scrolling; only keyboard changes scroll the row into view.\n  const activatedByPointer = useRef(false);\n  const hoverRow = useCallback(\n    (index: number) => {\n      if (index === activeIndex) return;\n      activatedByPointer.current = true;\n      setActiveIndex(index);\n    },\n    [activeIndex],\n  );\n  const [queryOverride, setQueryOverride] = useState<string | null>(null);\n\n  const resolveOption = useCallback(\n    (optionValue: string): ComboboxOption | undefined =>\n      options.find((o) => o.value === optionValue) ??\n      selectedOptions?.find((o) => o.value === optionValue) ??\n      (creatable ? { value: optionValue, label: optionValue } : undefined),\n    [options, selectedOptions, creatable],\n  );\n\n  const selectedOption = useMemo(\n    () => (singleValue == null ? undefined : resolveOption(singleValue)),\n    [resolveOption, singleValue],\n  );\n\n  // Single-select: show the selected label until the user starts typing a filter.\n  // `queryOverride !== null` means the field is in filter-edit mode.\n  const displayInput = (() => {\n    if (isInputControlled) return inputValueProp!;\n    if (multiple) return uncontrolledInput;\n    if (queryOverride !== null) return queryOverride;\n    return selectedOption?.label ?? uncontrolledInput;\n  })();\n\n  const filterQuery = (() => {\n    if (isInputControlled) return inputValueProp!;\n    if (multiple) return uncontrolledInput;\n    if (queryOverride !== null) return queryOverride;\n    return '';\n  })();\n\n  const setInputDisplay = useCallback(\n    (next: string) => {\n      if (!isInputControlled) {\n        setUncontrolledInput(next);\n        if (!multiple) setQueryOverride(next);\n      }\n      onInputChange?.(next);\n    },\n    [isInputControlled, multiple, onInputChange],\n  );\n\n  const commitValue = useCallback(\n    (next: string | string[] | null) => {\n      if (!isValueControlled) setUncontrolledValue(next);\n      onChange?.(next);\n    },\n    [isValueControlled, onChange],\n  );\n\n  const filteredOptions = useMemo(() => {\n    if (filter === false) return options;\n    const fn = typeof filter === 'function' ? filter : defaultFilter;\n    return options.filter((o) => fn(o, filterQuery));\n  }, [options, filter, filterQuery]);\n\n  const createInput = creatable ? filterQuery.trim() : '';\n  const showCreateRow = useMemo(() => {\n    if (createInput === '') return false;\n    const needle = createInput.toLowerCase();\n    const matches = (text: string) => text.toLowerCase() === needle;\n    const knownOptions = [...options, ...(selectedOptions ?? [])];\n    if (knownOptions.some((o) => matches(o.label) || matches(o.value))) {\n      return false;\n    }\n    const current = multiple\n      ? multiValue\n      : singleValue != null\n        ? [singleValue]\n        : [];\n    return !current.some(matches);\n  }, [\n    createInput,\n    options,\n    selectedOptions,\n    multiple,\n    multiValue,\n    singleValue,\n  ]);\n\n  const rows = useMemo<ComboboxRow[]>(\n    () => [\n      ...filteredOptions.map((option) => ({ kind: 'option' as const, option })),\n      ...(showCreateRow\n        ? [{ kind: 'create' as const, inputValue: createInput }]\n        : []),\n    ],\n    [filteredOptions, showCreateRow, createInput],\n  );\n\n  const rowId = useCallback(\n    (row: ComboboxRow) =>\n      row.kind === 'option'\n        ? `${listboxId}-option-${row.option.value}`\n        : `${listboxId}-create`,\n    [listboxId],\n  );\n\n  const { mounted: popupMounted, visible: popupVisible } =\n    usePopoverTransition(isOpen);\n\n  const {\n    placement,\n    maxHeight,\n    style: popupStyle,\n    portalRef,\n    renderPortal,\n  } = useAnchoredPopupPortal(anchorRef, popupMounted, {\n    preferredHeight: POPUP_MAX_HEIGHT,\n    maxHeightCap: POPUP_MAX_HEIGHT,\n    portalContainer,\n    zIndex,\n  });\n\n  const close = useCallback(() => {\n    setIsOpen(false);\n    setActiveIndex(-1);\n    if (!multiple && !isInputControlled) {\n      setQueryOverride(null);\n      setUncontrolledInput('');\n    }\n  }, [multiple, isInputControlled]);\n\n  const open = useCallback(() => {\n    if (disabled) return;\n    setIsOpen(true);\n  }, [disabled]);\n\n  useOutsideClose(rootRef, isOpen, close, portalRef);\n\n  useEffect(() => {\n    if (!isOpen) return;\n    setActiveIndex((prev) => {\n      if (rows.length === 0) return -1;\n      if (prev >= 0 && prev < rows.length) return prev;\n      const selectedIdx = rows.findIndex(\n        (row) =>\n          row.kind === 'option' &&\n          (multiple\n            ? multiValue.includes(row.option.value)\n            : row.option.value === singleValue),\n      );\n      return selectedIdx >= 0 ? selectedIdx : 0;\n    });\n  }, [isOpen, rows, multiple, multiValue, singleValue]);\n\n  const isSelected = useCallback(\n    (optionValue: string) =>\n      multiple ? multiValue.includes(optionValue) : singleValue === optionValue,\n    [multiple, multiValue, singleValue],\n  );\n\n  const selectOption = useCallback(\n    (option: ComboboxOption) => {\n      if (option.disabled) return;\n\n      if (multiple) {\n        const next = multiValue.includes(option.value)\n          ? multiValue.filter((v) => v !== option.value)\n          : [...multiValue, option.value];\n        commitValue(next);\n        setInputDisplay('');\n        close();\n        inputRef.current?.focus();\n        return;\n      }\n\n      commitValue(option.value);\n      if (!isInputControlled) {\n        setUncontrolledInput('');\n        setQueryOverride(null);\n      } else {\n        onInputChange?.(option.label);\n      }\n      close();\n    },\n    [\n      multiple,\n      multiValue,\n      commitValue,\n      setInputDisplay,\n      isInputControlled,\n      onInputChange,\n      close,\n    ],\n  );\n\n  const createValue = useCallback(\n    (inputValue: string) => {\n      if (onCreateOption) {\n        onCreateOption(inputValue);\n      } else if (multiple) {\n        commitValue([...multiValue, inputValue]);\n      } else {\n        commitValue(inputValue);\n      }\n\n      if (multiple) {\n        setInputDisplay('');\n        close();\n        inputRef.current?.focus();\n        return;\n      }\n      if (!isInputControlled) {\n        setUncontrolledInput('');\n        setQueryOverride(null);\n      } else {\n        onInputChange?.(inputValue);\n      }\n      close();\n    },\n    [\n      onCreateOption,\n      multiple,\n      multiValue,\n      commitValue,\n      setInputDisplay,\n      isInputControlled,\n      onInputChange,\n      close,\n    ],\n  );\n\n  const selectRow = useCallback(\n    (row: ComboboxRow) => {\n      if (row.kind === 'create') createValue(row.inputValue);\n      else selectOption(row.option);\n    },\n    [createValue, selectOption],\n  );\n\n  const clearValue = useCallback(() => {\n    commitValue(null);\n    if (!isInputControlled) {\n      setUncontrolledInput('');\n      setQueryOverride(null);\n    } else {\n      onInputChange?.('');\n    }\n    inputRef.current?.focus();\n  }, [commitValue, isInputControlled, onInputChange]);\n\n  const removeValue = useCallback(\n    (optionValue: string) => {\n      if (!multiple) return;\n      commitValue(multiValue.filter((v) => v !== optionValue));\n    },\n    [multiple, multiValue, commitValue],\n  );\n\n  const moveActive = useCallback(\n    (delta: number) => {\n      activatedByPointer.current = false;\n      const enabled = rows\n        .map((row, i) => ({ row, i }))\n        .filter(({ row }) => !isRowDisabled(row));\n      if (enabled.length === 0) {\n        setActiveIndex(-1);\n        return;\n      }\n      setActiveIndex((prev) => {\n        const currentPos = enabled.findIndex(({ i }) => i === prev);\n        const nextPos =\n          currentPos < 0\n            ? delta > 0\n              ? 0\n              : enabled.length - 1\n            : (currentPos + delta + enabled.length) % enabled.length;\n        return enabled[nextPos].i;\n      });\n    },\n    [rows],\n  );\n\n  useEffect(() => {\n    if (!isOpen || activeIndex < 0) return;\n    if (activatedByPointer.current) {\n      activatedByPointer.current = false;\n      return;\n    }\n    const row = rows[activeIndex];\n    if (!row) return;\n    document.getElementById(rowId(row))?.scrollIntoView?.({ block: 'nearest' });\n  }, [isOpen, activeIndex, rows, rowId]);\n\n  const handleInputChange = (e: ChangeEvent<HTMLInputElement>) => {\n    const next = e.target.value;\n    setInputDisplay(next);\n    if (!isOpen) open();\n    setActiveIndex(0);\n  };\n\n  const handleFocus = () => {\n    setIsFocused(true);\n    open();\n    // Select-all so the next keystroke replaces the selected label (filter mode).\n    if (!multiple && !isInputControlled && selectedOption) {\n      requestAnimationFrame(() => {\n        inputRef.current?.select();\n      });\n    }\n  };\n\n  const handleBlur = (e: FocusEvent<HTMLElement>) => {\n    // Delay so option mousedown can run first\n    const related = e.relatedTarget as Node | null;\n    if (related && rootRef.current?.contains(related)) return;\n    setIsFocused(false);\n  };\n\n  const handleKeyDown = (e: KeyboardEvent<HTMLInputElement>) => {\n    if (disabled) return;\n\n    switch (e.key) {\n      case 'ArrowDown':\n        e.preventDefault();\n        if (!isOpen) open();\n        else moveActive(1);\n        break;\n      case 'ArrowUp':\n        e.preventDefault();\n        if (!isOpen) open();\n        else moveActive(-1);\n        break;\n      case 'Home':\n        if (isOpen && rows.length > 0) {\n          e.preventDefault();\n          setActiveIndex(\n            Math.max(\n              0,\n              rows.findIndex((row) => !isRowDisabled(row)),\n            ),\n          );\n        }\n        break;\n      case 'End':\n        if (isOpen && rows.length > 0) {\n          e.preventDefault();\n          for (let i = rows.length - 1; i >= 0; i--) {\n            if (!isRowDisabled(rows[i])) {\n              setActiveIndex(i);\n              break;\n            }\n          }\n        }\n        break;\n      case 'Enter':\n        if (isOpen && activeIndex >= 0 && rows[activeIndex]) {\n          e.preventDefault();\n          selectRow(rows[activeIndex]);\n        }\n        break;\n      case 'Escape':\n        if (isOpen) {\n          e.preventDefault();\n          close();\n        }\n        break;\n      case 'Backspace':\n        if (multiple && displayInput === '' && multiValue.length > 0) {\n          e.preventDefault();\n          removeValue(multiValue[multiValue.length - 1]);\n        }\n        break;\n      case 'Tab':\n        close();\n        break;\n      default:\n        break;\n    }\n  };\n\n  const handleWrapperMouseDown = (e: MouseEvent<HTMLDivElement>) => {\n    if (disabled) return;\n    // Don't steal focus from chips, their remove buttons, or the clear button\n    if ((e.target as HTMLElement).closest('[data-chip], [data-combobox-clear]'))\n      return;\n    if (e.target !== inputRef.current) {\n      e.preventDefault();\n      inputRef.current?.focus();\n    }\n    if (!isOpen) open();\n  };\n\n  const hasSelection = multiple\n    ? multiValue.length > 0\n    : singleValue != null && singleValue !== '';\n  const hasInputText = displayInput.length > 0;\n  const showClearButton = clearable && !multiple && hasSelection && !disabled;\n  const labelFloated = isFocused || isOpen || hasSelection || hasInputText;\n\n  const activeRow = activeIndex >= 0 ? rows[activeIndex] : undefined;\n  const activeDescendant = activeRow != null ? rowId(activeRow) : undefined;\n\n  // Without `selectedOptions`, values in `options` keep their list order (the\n  // original behavior); with it, chips follow value order so they don't jump\n  // around as async results change.\n  const chipOptions = useMemo<ComboboxOption[]>(() => {\n    if (!multiple) return [];\n    if (selectedOptions == null) {\n      const fromOptions = options.filter((o) => multiValue.includes(o.value));\n      if (!creatable) return fromOptions;\n      const listed = new Set(fromOptions.map((o) => o.value));\n      return [\n        ...fromOptions,\n        ...multiValue\n          .filter((v) => !listed.has(v))\n          .map((v) => ({ value: v, label: v })),\n      ];\n    }\n    return multiValue\n      .map(resolveOption)\n      .filter((o): o is ComboboxOption => o != null);\n  }, [\n    multiple,\n    selectedOptions,\n    options,\n    multiValue,\n    creatable,\n    resolveOption,\n  ]);\n\n  const sizeClass = styles[`combobox--size-${toKebab(size)}`];\n  const hasChips = multiple && chipOptions.length > 0;\n  const rootClass = [\n    styles.combobox,\n    sizeClass,\n    invalid ? styles['combobox--invalid'] : '',\n    label != null && labelFloated ? styles['combobox--label-floated'] : '',\n    leadingIcon != null ? styles['combobox--has-leading-icon'] : '',\n    hasChips ? styles['combobox--has-chips'] : '',\n    isOpen ? styles['combobox--open'] : '',\n    disabled ? styles['combobox--disabled'] : '',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <div className={rootClass} ref={rootRef}>\n      <div className={styles.combobox__wrapper} ref={anchorRef}>\n        {label != null && (\n          <label className={styles.combobox__label} htmlFor={id}>\n            {label}\n          </label>\n        )}\n        {/* eslint-disable-next-line jsx-a11y/no-static-element-interactions -- pointer convenience; the input owns keyboard interaction */}\n        <div\n          className={styles.combobox__inner}\n          onMouseDown={handleWrapperMouseDown}\n        >\n          {leadingIcon != null && (\n            <span className={styles['combobox__leading-icon']} aria-hidden>\n              <IconSlotContext.Provider value={{ size: '16' }}>\n                {leadingIcon}\n              </IconSlotContext.Provider>\n            </span>\n          )}\n          <div className={styles.combobox__value}>\n            {multiple && chipOptions.length > 0 && (\n              <ChipGroup\n                aria-label={selectionsLabel ?? defaultSelectionsLabel(label)}\n                disabled={disabled}\n              >\n                {chipOptions.map((option) => (\n                  <Chip\n                    key={option.value}\n                    size={CHIP_SIZE_BY_COMBOBOX[size]}\n                    leadingAvatar={option.leadingAvatar}\n                    leadingIcon={\n                      option.leadingAvatar == null\n                        ? option.leadingVisual\n                        : undefined\n                    }\n                    onRemove={\n                      disabled\n                        ? undefined\n                        : (ev) => {\n                            ev.stopPropagation();\n                            removeValue(option.value);\n                          }\n                    }\n                  >\n                    {option.label}\n                  </Chip>\n                ))}\n              </ChipGroup>\n            )}\n            <input\n              ref={setInputRef}\n              id={id}\n              className={styles.combobox__control}\n              type=\"text\"\n              role=\"combobox\"\n              autoComplete=\"off\"\n              spellCheck={false}\n              disabled={disabled}\n              placeholder={\n                multiple && chipOptions.length > 0 ? undefined : placeholder\n              }\n              value={displayInput}\n              aria-label={ariaLabel}\n              aria-invalid={invalid ? true : undefined}\n              aria-expanded={isOpen}\n              aria-controls={listboxId}\n              aria-autocomplete=\"list\"\n              aria-activedescendant={activeDescendant}\n              aria-busy={loading || undefined}\n              onChange={handleInputChange}\n              onFocus={handleFocus}\n              onBlur={handleBlur}\n              onKeyDown={handleKeyDown}\n            />\n          </div>\n          {showClearButton && (\n            <button\n              {...clearButtonProps}\n              type=\"button\"\n              className={mergeClassNames(\n                styles.combobox__clear,\n                clearButtonProps?.className,\n              )}\n              aria-label={clearLabel}\n              data-combobox-clear=\"\"\n              onClick={clearValue}\n              onBlur={(e) => {\n                clearButtonProps?.onBlur?.(e);\n                handleBlur(e);\n              }}\n            >\n              <Icon size={CLEAR_ICON_SIZE[size]} glyph={<CloseCircleIcon />} />\n            </button>\n          )}\n          <span className={styles['combobox__trailing-icon']} aria-hidden>\n            <Icon size=\"12\" glyph={<ChevronDownIcon />} />\n          </span>\n        </div>\n      </div>\n\n      {popupMounted &&\n        renderPortal(\n          <div\n            ref={portalRef}\n            className={[\n              styles.combobox__popup,\n              placement === 'above' ? styles['combobox__popup--above'] : '',\n              popupVisible ? styles['combobox__popup--visible'] : '',\n            ]\n              .filter(Boolean)\n              .join(' ')}\n            style={popupStyle}\n          >\n            <PopoverMenu className={styles.combobox__menu}>\n              <PopoverMenuScroll maxHeight={maxHeight}>\n                {rows.length > 0 && (\n                  <ul\n                    id={listboxId}\n                    className={styles.combobox__list}\n                    role=\"listbox\"\n                    aria-multiselectable={multiple || undefined}\n                    aria-label={\n                      typeof label === 'string'\n                        ? label\n                        : (ariaLabel ?? listboxLabel)\n                    }\n                  >\n                    {rows.map((row, index) => {\n                      const active = index === activeIndex;\n                      const preventBlur = (ev: MouseEvent) => {\n                        // Prevent input blur before click handler\n                        ev.preventDefault();\n                      };\n                      if (row.kind === 'create') {\n                        return (\n                          <li\n                            key={rowId(row)}\n                            className={styles.combobox__option}\n                            role=\"presentation\"\n                          >\n                            <MenuItem\n                              id={rowId(row)}\n                              role=\"option\"\n                              label={formatCreateLabel(row.inputValue)}\n                              leadingVisual={<Icon glyph={<PlusIcon />} />}\n                              active={active}\n                              aria-selected={false}\n                              onMouseDown={preventBlur}\n                              onMouseEnter={() => hoverRow(index)}\n                              onClick={() => createValue(row.inputValue)}\n                            />\n                          </li>\n                        );\n                      }\n                      const { option } = row;\n                      const selected = isSelected(option.value);\n                      const leading = optionLeadingVisual(option);\n                      return (\n                        <li\n                          key={option.value}\n                          className={styles.combobox__option}\n                          role=\"presentation\"\n                        >\n                          <MenuItem\n                            {...mergeMenuItemProps(\n                              menuItemProps,\n                              option.menuItemProps,\n                            )}\n                            id={rowId(row)}\n                            role=\"option\"\n                            label={option.label}\n                            secondaryLabel={option.secondaryLabel}\n                            leadingElement={leading != null}\n                            leadingVisual={leading}\n                            trailingElement={selected}\n                            active={active}\n                            disabled={option.disabled}\n                            aria-selected={selected}\n                            onMouseDown={preventBlur}\n                            onMouseEnter={() => hoverRow(index)}\n                            onClick={() => selectOption(option)}\n                          />\n                        </li>\n                      );\n                    })}\n                  </ul>\n                )}\n                {loading ? (\n                  <div className={styles.combobox__loading} role=\"status\">\n                    <Spinner size=\"16\" aria-hidden />\n                    <span>{loadingMessage}</span>\n                  </div>\n                ) : (\n                  rows.length === 0 && (\n                    <p className={styles.combobox__empty}>{emptyMessage}</p>\n                  )\n                )}\n              </PopoverMenuScroll>\n            </PopoverMenu>\n          </div>,\n        )}\n    </div>\n  );\n});\n\nexport default Combobox;\n"],"names":["POPUP_MAX_HEIGHT","CHIP_SIZE_BY_COMBOBOX","CLEAR_ICON_SIZE","defaultSelectionsLabel","label","defaultFormatCreateLabel","inputValue","isRowDisabled","row","defaultFilter","option","query","toSingleValue","value","toMultiValue","optionLeadingVisual","jsx","UserAvatar","TeamAvatar","Combobox","forwardRef","options","menuItemProps","multiple","valueProp","defaultValue","onChange","inputValueProp","defaultInputValue","onInputChange","placeholder","leadingIcon","size","invalid","disabled","filter","emptyMessage","loading","loadingMessage","selectedOptions","creatable","onCreateOption","formatCreateLabel","clearable","clearLabel","clearButtonProps","selectionsLabel","listboxLabel","className","idProp","ariaLabel","portalContainer","zIndex","ref","generatedId","useId","id","listboxId","rootRef","useRef","anchorRef","inputRef","setInputRef","useCallback","node","isValueControlled","uncontrolledValue","setUncontrolledValue","useState","rawValue","singleValue","multiValue","useMemo","isInputControlled","uncontrolledInput","setUncontrolledInput","isOpen","setIsOpen","isFocused","setIsFocused","activeIndex","setActiveIndex","activatedByPointer","hoverRow","index","queryOverride","setQueryOverride","resolveOption","optionValue","o","selectedOption","displayInput","filterQuery","setInputDisplay","next","commitValue","filteredOptions","fn","createInput","showCreateRow","needle","matches","text","rows","rowId","popupMounted","popupVisible","usePopoverTransition","placement","maxHeight","popupStyle","portalRef","renderPortal","useAnchoredPopupPortal","close","open","useOutsideClose","useEffect","prev","selectedIdx","isSelected","selectOption","v","_a","createValue","selectRow","clearValue","removeValue","moveActive","delta","enabled","i","currentPos","nextPos","_b","handleInputChange","handleFocus","handleBlur","related","handleKeyDown","handleWrapperMouseDown","hasSelection","hasInputText","showClearButton","labelFloated","activeRow","activeDescendant","chipOptions","fromOptions","listed","sizeClass","styles","toKebab","hasChips","rootClass","jsxs","IconSlotContext","ChipGroup","Chip","ev","mergeClassNames","Icon","CloseCircleIcon","ChevronDownIcon","PopoverMenu","PopoverMenuScroll","active","preventBlur","MenuItem","PlusIcon","selected","leading","mergeMenuItemProps","Spinner"],"mappings":"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"}

package/dist/components/combobox/Combobox.module.scss.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./Combobox.css');const o="_combobox_10ikn_2",_="_combobox__wrapper_10ikn_8",b="_combobox__label_10ikn_26",c="_combobox__inner_10ikn_56",m="_combobox__value_10ikn_72",n="_combobox__control_10ikn_82",i="_combobox__clear_10ikn_120",x="_combobox__popup_10ikn_143",e="_combobox__menu_10ikn_159",l="_combobox__empty_10ikn_164",a="_combobox__loading_10ikn_172",p="_combobox__list_10ikn_182",t="_combobox__option_10ikn_187",s={combobox:o,combobox__wrapper:_,"combobox--disabled":"_combobox--disabled_10ikn_16",combobox__label:b,"combobox--label-floated":"_combobox--label-floated_10ikn_47",combobox__inner:c,"combobox__leading-icon":"_combobox__leading-icon_10ikn_64",combobox__value:m,combobox__control:n,"combobox__trailing-icon":"_combobox__trailing-icon_10ikn_107","combobox--open":"_combobox--open_10ikn_117",combobox__clear:i,combobox__popup:x,"combobox__popup--above":"_combobox__popup--above_10ikn_150","combobox__popup--visible":"_combobox__popup--visible_10ikn_153",combobox__menu:e,combobox__empty:l,combobox__loading:a,combobox__list:p,combobox__option:t,"combobox--size-small":"_combobox--size-small_10ikn_191","combobox--has-chips":"_combobox--has-chips_10ikn_198","combobox--size-medium":"_combobox--size-medium_10ikn_215","combobox--size-large":"_combobox--size-large_10ikn_243","combobox--invalid":"_combobox--invalid_10ikn_272","combobox--has-leading-icon":"_combobox--has-leading-icon_10ikn_284"};exports.combobox=o;exports.combobox__clear=i;exports.combobox__control=n;exports.combobox__empty=l;exports.combobox__inner=c;exports.combobox__label=b;exports.combobox__list=p;exports.combobox__loading=a;exports.combobox__menu=e;exports.combobox__option=t;exports.combobox__popup=x;exports.combobox__value=m;exports.combobox__wrapper=_;exports.default=s;
+//# sourceMappingURL=Combobox.module.scss.cjs.map

package/dist/components/combobox/Combobox.module.scss.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Combobox.module.scss.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}