@mattermost/compass-ui 0.1.0-alpha.1 → 0.1.0-alpha.11

package/dist/components/combobox/Combobox.js

@@ -0,0 +1,463 @@
+import { jsxs as N, jsx as a } from "react/jsx-runtime";
+import { forwardRef as lr, useId as sr, useRef as ne, useCallback as f, useState as M, useMemo as V, useEffect as ye } from "react";
+import __ar from "@mattermost/compass-icons/components/chevron-down.js";const ar=__ar&&__ar.default?__ar.default:__ar;
+import __ir from "@mattermost/compass-icons/components/plus.js";const ir=__ir&&__ir.default?__ir.default:__ir;
+import cr from "../chip/Chip.js";
+import ur from "../chip/ChipGroup.js";
+import ke, { IconSlotContext as fr } from "../icon/Icon.js";
+import De from "../menu-item/MenuItem.js";
+import dr, { PopoverMenuScroll as mr } from "../popover-menu/PopoverMenu.js";
+import br from "../spinner/Spinner.js";
+import vr from "../user-avatar/UserAvatar.js";
+import { useAnchoredPopupPortal as hr } from "../../hooks/use-anchored-popup-portal.js";
+import { useOutsideClose as pr } from "../../hooks/use-outside-close.js";
+import { usePopoverTransition as xr } from "../../hooks/use-popover-transition.js";
+import { toKebab as _r } from "../../utils/string.js";
+import l from "./Combobox.module.scss.js";
+const we = 280, gr = {
+  small: "small",
+  medium: "medium",
+  large: "large"
+};
+function yr(t) {
+  return `Create "${t}"`;
+}
+function oe(t) {
+  return t.kind === "option" && t.option.disabled === !0;
+}
+function kr(t, d) {
+  return d ? t.label.toLowerCase().includes(d.toLowerCase()) : !0;
+}
+function Dr(t) {
+  return t == null ? null : Array.isArray(t) ? t[0] ?? null : t === "" ? null : t;
+}
+function wr(t) {
+  return t == null ? [] : Array.isArray(t) ? t : t === "" ? [] : [t];
+}
+function Ar(t) {
+  if (t.leadingVisual != null) return t.leadingVisual;
+  if (t.leadingAvatar != null)
+    return /* @__PURE__ */ a(
+      vr,
+      {
+        src: t.leadingAvatar.src,
+        alt: t.leadingAvatar.alt,
+        size: "24"
+      }
+    );
+}
+const Tr = lr(function({
+  options: d,
+  multiple: n = !1,
+  value: te,
+  defaultValue: le,
+  onChange: F,
+  inputValue: j,
+  defaultInputValue: Ae = "",
+  onInputChange: m,
+  label: D,
+  placeholder: Ne,
+  leadingIcon: K,
+  size: se = "medium",
+  invalid: ae = !1,
+  disabled: g = !1,
+  filter: L = !0,
+  emptyMessage: Me = "No results",
+  loading: ie = !1,
+  loadingMessage: Ve = "Loading…",
+  selectedOptions: y,
+  creatable: I = !1,
+  onCreateOption: G,
+  formatCreateLabel: Ie = yr,
+  className: Pe = "",
+  id: Re,
+  "aria-label": ce,
+  portalContainer: Ee = null,
+  zIndex: Se
+}, P) {
+  const Be = sr(), Q = Re ?? Be, R = `${Q}-listbox`, X = ne(null), ue = ne(null), w = ne(null), Fe = f(
+    (e) => {
+      w.current = e, typeof P == "function" ? P(e) : P && (P.current = e);
+    },
+    [P]
+  ), q = te !== void 0, [Le, He] = M(() => le !== void 0 ? le : n ? [] : null), W = q ? te : Le, b = n ? null : Dr(W), s = V(
+    () => n ? wr(W) : [],
+    [n, W]
+  ), v = j !== void 0, [Y, H] = M(Ae), [c, fe] = M(!1), [$e, de] = M(!1), [p, x] = M(-1), [$, z] = M(null), C = f(
+    (e) => d.find((r) => r.value === e) ?? (y == null ? void 0 : y.find((r) => r.value === e)) ?? (I ? { value: e, label: e } : void 0),
+    [d, y, I]
+  ), O = V(
+    () => b == null ? void 0 : C(b),
+    [C, b]
+  ), Z = v ? j : n ? Y : $ !== null ? $ : (O == null ? void 0 : O.label) ?? Y, J = v ? j : n ? Y : $ !== null ? $ : "", E = f(
+    (e) => {
+      v || (H(e), n || z(e)), m == null || m(e);
+    },
+    [v, n, m]
+  ), k = f(
+    (e) => {
+      q || He(e), F == null || F(e);
+    },
+    [q, F]
+  ), me = V(() => {
+    if (L === !1) return d;
+    const e = typeof L == "function" ? L : kr;
+    return d.filter((r) => e(r, J));
+  }, [d, L, J]), S = I ? J.trim() : "", be = V(() => {
+    if (S === "") return !1;
+    const e = S.toLowerCase(), r = (u) => u.toLowerCase() === e;
+    return [...d, ...y ?? []].some((u) => r(u.label) || r(u.value)) ? !1 : !(n ? s : b != null ? [b] : []).some(r);
+  }, [
+    S,
+    d,
+    y,
+    n,
+    s,
+    b
+  ]), i = V(
+    () => [
+      ...me.map((e) => ({ kind: "option", option: e })),
+      ...be ? [{ kind: "create", inputValue: S }] : []
+    ],
+    [me, be, S]
+  ), A = f(
+    (e) => e.kind === "option" ? `${R}-option-${e.option.value}` : `${R}-create`,
+    [R]
+  ), { mounted: ve, visible: ze } = xr(c), {
+    placement: Ce,
+    maxHeight: Oe,
+    style: Te,
+    portalRef: he,
+    renderPortal: Ue
+  } = hr(ue, ve, {
+    preferredHeight: we,
+    maxHeightCap: we,
+    portalContainer: Ee,
+    zIndex: Se
+  }), _ = f(() => {
+    fe(!1), x(-1), !n && !v && (z(null), H(""));
+  }, [n, v]), B = f(() => {
+    g || fe(!0);
+  }, [g]);
+  pr(X, c, _, he), ye(() => {
+    c && x((e) => {
+      if (i.length === 0) return -1;
+      if (e >= 0 && e < i.length) return e;
+      const r = i.findIndex(
+        (o) => o.kind === "option" && (n ? s.includes(o.option.value) : o.option.value === b)
+      );
+      return r >= 0 ? r : 0;
+    });
+  }, [c, i, n, s, b]);
+  const je = f(
+    (e) => n ? s.includes(e) : b === e,
+    [n, s, b]
+  ), ee = f(
+    (e) => {
+      var r;
+      if (!e.disabled) {
+        if (n) {
+          const o = s.includes(e.value) ? s.filter((h) => h !== e.value) : [...s, e.value];
+          k(o), E(""), _(), (r = w.current) == null || r.focus();
+          return;
+        }
+        k(e.value), v ? m == null || m(e.label) : (H(""), z(null)), _();
+      }
+    },
+    [
+      n,
+      s,
+      k,
+      E,
+      v,
+      m,
+      _
+    ]
+  ), re = f(
+    (e) => {
+      var r;
+      if (G ? G(e) : k(n ? [...s, e] : e), n) {
+        E(""), _(), (r = w.current) == null || r.focus();
+        return;
+      }
+      v ? m == null || m(e) : (H(""), z(null)), _();
+    },
+    [
+      G,
+      n,
+      s,
+      k,
+      E,
+      v,
+      m,
+      _
+    ]
+  ), Ke = f(
+    (e) => {
+      e.kind === "create" ? re(e.inputValue) : ee(e.option);
+    },
+    [re, ee]
+  ), pe = f(
+    (e) => {
+      n && k(s.filter((r) => r !== e));
+    },
+    [n, s, k]
+  ), xe = f(
+    (e) => {
+      const r = i.map((o, h) => ({ row: o, i: h })).filter(({ row: o }) => !oe(o));
+      if (r.length === 0) {
+        x(-1);
+        return;
+      }
+      x((o) => {
+        const h = r.findIndex(({ i: U }) => U === o), u = h < 0 ? e > 0 ? 0 : r.length - 1 : (h + e + r.length) % r.length;
+        return r[u].i;
+      });
+    },
+    [i]
+  );
+  ye(() => {
+    var r;
+    if (!c || p < 0) return;
+    const e = i[p];
+    e && ((r = document.getElementById(A(e))) == null || r.scrollIntoView({ block: "nearest" }));
+  }, [c, p, i, A]);
+  const Ge = (e) => {
+    const r = e.target.value;
+    E(r), c || B(), x(0);
+  }, Qe = () => {
+    de(!0), B(), !n && !v && O && requestAnimationFrame(() => {
+      var e;
+      (e = w.current) == null || e.select();
+    });
+  }, Xe = (e) => {
+    var o;
+    const r = e.relatedTarget;
+    r && ((o = X.current) != null && o.contains(r)) || de(!1);
+  }, qe = (e) => {
+    if (!g)
+      switch (e.key) {
+        case "ArrowDown":
+          e.preventDefault(), c ? xe(1) : B();
+          break;
+        case "ArrowUp":
+          e.preventDefault(), c ? xe(-1) : B();
+          break;
+        case "Home":
+          c && i.length > 0 && (e.preventDefault(), x(
+            Math.max(
+              0,
+              i.findIndex((r) => !oe(r))
+            )
+          ));
+          break;
+        case "End":
+          if (c && i.length > 0) {
+            e.preventDefault();
+            for (let r = i.length - 1; r >= 0; r--)
+              if (!oe(i[r])) {
+                x(r);
+                break;
+              }
+          }
+          break;
+        case "Enter":
+          c && p >= 0 && i[p] && (e.preventDefault(), Ke(i[p]));
+          break;
+        case "Escape":
+          c && (e.preventDefault(), _());
+          break;
+        case "Backspace":
+          n && Z === "" && s.length > 0 && (e.preventDefault(), pe(s[s.length - 1]));
+          break;
+        case "Tab":
+          _();
+          break;
+      }
+  }, We = (e) => {
+    var r;
+    g || e.target.closest("[data-chip]") || (e.target !== w.current && (e.preventDefault(), (r = w.current) == null || r.focus()), c || B());
+  }, Ye = n ? s.length > 0 : b != null && b !== "", Ze = Z.length > 0, Je = $e || c || Ye || Ze, _e = p >= 0 ? i[p] : void 0, er = _e != null ? A(_e) : void 0, T = V(() => {
+    if (!n) return [];
+    if (y == null) {
+      const e = d.filter((o) => s.includes(o.value));
+      if (!I) return e;
+      const r = new Set(e.map((o) => o.value));
+      return [
+        ...e,
+        ...s.filter((o) => !r.has(o)).map((o) => ({ value: o, label: o }))
+      ];
+    }
+    return s.map(C).filter((e) => e != null);
+  }, [
+    n,
+    y,
+    d,
+    s,
+    I,
+    C
+  ]), rr = l[`combobox--size-${_r(se)}`], nr = n && T.length > 0, or = [
+    l.combobox,
+    rr,
+    ae ? l["combobox--invalid"] : "",
+    D != null && Je ? l["combobox--label-floated"] : "",
+    K != null ? l["combobox--has-leading-icon"] : "",
+    nr ? l["combobox--has-chips"] : "",
+    c ? l["combobox--open"] : "",
+    g ? l["combobox--disabled"] : "",
+    Pe
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ N("div", { className: or, ref: X, children: [
+    /* @__PURE__ */ N("div", { className: l.combobox__wrapper, ref: ue, children: [
+      D != null && /* @__PURE__ */ a("label", { className: l.combobox__label, htmlFor: Q, children: D }),
+      /* @__PURE__ */ N(
+        "div",
+        {
+          className: l.combobox__inner,
+          onMouseDown: We,
+          children: [
+            K != null && /* @__PURE__ */ a("span", { className: l["combobox__leading-icon"], "aria-hidden": !0, children: /* @__PURE__ */ a(fr.Provider, { value: { size: "16" }, children: K }) }),
+            /* @__PURE__ */ N("div", { className: l.combobox__value, children: [
+              n && T.length > 0 && /* @__PURE__ */ a(
+                ur,
+                {
+                  "aria-label": typeof D == "string" ? `${D} selections` : "Selected",
+                  disabled: g,
+                  children: T.map((e) => /* @__PURE__ */ a(
+                    cr,
+                    {
+                      size: gr[se],
+                      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__ */ a(
+                "input",
+                {
+                  ref: Fe,
+                  id: Q,
+                  className: l.combobox__control,
+                  type: "text",
+                  role: "combobox",
+                  autoComplete: "off",
+                  spellCheck: !1,
+                  disabled: g,
+                  placeholder: n && T.length > 0 ? void 0 : Ne,
+                  value: Z,
+                  "aria-label": ce,
+                  "aria-invalid": ae ? !0 : void 0,
+                  "aria-expanded": c,
+                  "aria-controls": R,
+                  "aria-autocomplete": "list",
+                  "aria-activedescendant": er,
+                  "aria-busy": ie || void 0,
+                  onChange: Ge,
+                  onFocus: Qe,
+                  onBlur: Xe,
+                  onKeyDown: qe
+                }
+              )
+            ] }),
+            /* @__PURE__ */ a("span", { className: l["combobox__trailing-icon"], "aria-hidden": !0, children: /* @__PURE__ */ a(ke, { size: "12", glyph: /* @__PURE__ */ a(ar, {}) }) })
+          ]
+        }
+      )
+    ] }),
+    ve && Ue(
+      /* @__PURE__ */ a(
+        "div",
+        {
+          ref: he,
+          className: [
+            l.combobox__popup,
+            Ce === "above" ? l["combobox__popup--above"] : "",
+            ze ? l["combobox__popup--visible"] : ""
+          ].filter(Boolean).join(" "),
+          style: Te,
+          children: /* @__PURE__ */ a(dr, { className: l.combobox__menu, children: /* @__PURE__ */ N(mr, { maxHeight: Oe, children: [
+            i.length > 0 && /* @__PURE__ */ a(
+              "ul",
+              {
+                id: R,
+                className: l.combobox__list,
+                role: "listbox",
+                "aria-multiselectable": n || void 0,
+                "aria-label": typeof D == "string" ? D : ce ?? "Options",
+                children: i.map((e, r) => {
+                  const o = r === p, h = (tr) => {
+                    tr.preventDefault();
+                  };
+                  if (e.kind === "create")
+                    return /* @__PURE__ */ a(
+                      "li",
+                      {
+                        className: l.combobox__option,
+                        role: "presentation",
+                        children: /* @__PURE__ */ a(
+                          De,
+                          {
+                            id: A(e),
+                            role: "option",
+                            label: Ie(e.inputValue),
+                            leadingVisual: /* @__PURE__ */ a(ke, { glyph: /* @__PURE__ */ a(ir, {}) }),
+                            active: o,
+                            "aria-selected": !1,
+                            onMouseDown: h,
+                            onMouseEnter: () => x(r),
+                            onClick: () => re(e.inputValue)
+                          }
+                        )
+                      },
+                      A(e)
+                    );
+                  const { option: u } = e, U = je(u.value), ge = Ar(u);
+                  return /* @__PURE__ */ a(
+                    "li",
+                    {
+                      className: l.combobox__option,
+                      role: "presentation",
+                      children: /* @__PURE__ */ a(
+                        De,
+                        {
+                          id: A(e),
+                          role: "option",
+                          label: u.label,
+                          secondaryLabel: u.secondaryLabel,
+                          leadingElement: ge != null,
+                          leadingVisual: ge,
+                          trailingElement: U,
+                          active: o,
+                          disabled: u.disabled,
+                          "aria-selected": U,
+                          onMouseDown: h,
+                          onMouseEnter: () => x(r),
+                          onClick: () => ee(u)
+                        }
+                      )
+                    },
+                    u.value
+                  );
+                })
+              }
+            ),
+            ie ? /* @__PURE__ */ N("div", { className: l.combobox__loading, role: "status", children: [
+              /* @__PURE__ */ a(br, { size: "16", "aria-hidden": !0 }),
+              /* @__PURE__ */ a("span", { children: Ve })
+            ] }) : i.length === 0 && /* @__PURE__ */ a("p", { className: l.combobox__empty, children: Me })
+          ] }) })
+        }
+      )
+    )
+  ] });
+});
+export {
+  Tr 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 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 MenuItem from '@/components/menu-item/MenuItem';\nimport PopoverMenu, {\n  PopoverMenuScroll,\n} from '@/components/popover-menu/PopoverMenu';\nimport Spinner from '@/components/spinner/Spinner';\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 { toKebab } from '@/utils/string';\nimport styles from './Combobox.module.scss';\n\nexport type ComboboxSize = 'small' | 'medium' | 'large';\n\nexport type ComboboxOption = {\n  value: string;\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  secondaryLabel?: string;\n};\n\nexport interface ComboboxProps {\n  options: ComboboxOption[];\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  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\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  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    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    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  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 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      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    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<HTMLInputElement>) => {\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 or their remove buttons\n    if ((e.target as HTMLElement).closest('[data-chip]')) 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 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={\n                  typeof label === 'string' ? `${label} selections` : 'Selected'\n                }\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          <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 ?? 'Options')\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={() => setActiveIndex(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                            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={() => setActiveIndex(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","defaultFormatCreateLabel","inputValue","isRowDisabled","row","defaultFilter","option","query","toSingleValue","value","toMultiValue","optionLeadingVisual","jsx","UserAvatar","Combobox","forwardRef","options","multiple","valueProp","defaultValue","onChange","inputValueProp","defaultInputValue","onInputChange","label","placeholder","leadingIcon","size","invalid","disabled","filter","emptyMessage","loading","loadingMessage","selectedOptions","creatable","onCreateOption","formatCreateLabel","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","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","removeValue","moveActive","delta","enabled","i","currentPos","nextPos","handleInputChange","handleFocus","handleBlur","related","handleKeyDown","handleWrapperMouseDown","hasSelection","hasInputText","labelFloated","activeRow","activeDescendant","chipOptions","fromOptions","listed","sizeClass","styles","toKebab","hasChips","rootClass","jsxs","IconSlotContext","ChipGroup","Chip","ev","Icon","ChevronDownIcon","PopoverMenu","PopoverMenuScroll","index","active","preventBlur","MenuItem","PlusIcon","selected","leading","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_14wpn_2",_="_combobox__wrapper_14wpn_8",b="_combobox__label_14wpn_26",c="_combobox__inner_14wpn_56",m="_combobox__value_14wpn_72",n="_combobox__control_14wpn_82",x="_combobox__popup_14wpn_120",p="_combobox__menu_14wpn_136",e="_combobox__empty_14wpn_141",l="_combobox__loading_14wpn_149",i="_combobox__list_14wpn_159",a="_combobox__option_14wpn_164",t={combobox:o,combobox__wrapper:_,"combobox--disabled":"_combobox--disabled_14wpn_16",combobox__label:b,"combobox--label-floated":"_combobox--label-floated_14wpn_47",combobox__inner:c,"combobox__leading-icon":"_combobox__leading-icon_14wpn_64",combobox__value:m,combobox__control:n,"combobox__trailing-icon":"_combobox__trailing-icon_14wpn_107","combobox--open":"_combobox--open_14wpn_117",combobox__popup:x,"combobox__popup--above":"_combobox__popup--above_14wpn_127","combobox__popup--visible":"_combobox__popup--visible_14wpn_130",combobox__menu:p,combobox__empty:e,combobox__loading:l,combobox__list:i,combobox__option:a,"combobox--size-small":"_combobox--size-small_14wpn_168","combobox--has-chips":"_combobox--has-chips_14wpn_175","combobox--size-medium":"_combobox--size-medium_14wpn_192","combobox--size-large":"_combobox--size-large_14wpn_220","combobox--invalid":"_combobox--invalid_14wpn_249","combobox--has-leading-icon":"_combobox--has-leading-icon_14wpn_261"};exports.combobox=o;exports.combobox__control=n;exports.combobox__empty=e;exports.combobox__inner=c;exports.combobox__label=b;exports.combobox__list=i;exports.combobox__loading=l;exports.combobox__menu=p;exports.combobox__option=a;exports.combobox__popup=x;exports.combobox__value=m;exports.combobox__wrapper=_;exports.default=t;
+//# 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":""}

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

@@ -0,0 +1,43 @@
+import './Combobox.css';const o = "_combobox_14wpn_2", _ = "_combobox__wrapper_14wpn_8", b = "_combobox__label_14wpn_26", c = "_combobox__inner_14wpn_56", m = "_combobox__value_14wpn_72", n = "_combobox__control_14wpn_82", p = "_combobox__popup_14wpn_120", x = "_combobox__menu_14wpn_136", e = "_combobox__empty_14wpn_141", i = "_combobox__loading_14wpn_149", l = "_combobox__list_14wpn_159", a = "_combobox__option_14wpn_164", s = {
+  combobox: o,
+  combobox__wrapper: _,
+  "combobox--disabled": "_combobox--disabled_14wpn_16",
+  combobox__label: b,
+  "combobox--label-floated": "_combobox--label-floated_14wpn_47",
+  combobox__inner: c,
+  "combobox__leading-icon": "_combobox__leading-icon_14wpn_64",
+  combobox__value: m,
+  combobox__control: n,
+  "combobox__trailing-icon": "_combobox__trailing-icon_14wpn_107",
+  "combobox--open": "_combobox--open_14wpn_117",
+  combobox__popup: p,
+  "combobox__popup--above": "_combobox__popup--above_14wpn_127",
+  "combobox__popup--visible": "_combobox__popup--visible_14wpn_130",
+  combobox__menu: x,
+  combobox__empty: e,
+  combobox__loading: i,
+  combobox__list: l,
+  combobox__option: a,
+  "combobox--size-small": "_combobox--size-small_14wpn_168",
+  "combobox--has-chips": "_combobox--has-chips_14wpn_175",
+  "combobox--size-medium": "_combobox--size-medium_14wpn_192",
+  "combobox--size-large": "_combobox--size-large_14wpn_220",
+  "combobox--invalid": "_combobox--invalid_14wpn_249",
+  "combobox--has-leading-icon": "_combobox--has-leading-icon_14wpn_261"
+};
+export {
+  o as combobox,
+  n as combobox__control,
+  e as combobox__empty,
+  c as combobox__inner,
+  b as combobox__label,
+  l as combobox__list,
+  i as combobox__loading,
+  x as combobox__menu,
+  a as combobox__option,
+  p as combobox__popup,
+  m as combobox__value,
+  _ as combobox__wrapper,
+  s as default
+};
+//# sourceMappingURL=Combobox.module.scss.js.map

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

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

package/dist/components/combobox/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./Combobox.cjs");exports.Combobox=o.default;
+//# sourceMappingURL=index.cjs.map

package/dist/components/combobox/index.cjs.map

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

package/dist/components/combobox/index.d.ts

@@ -0,0 +1,3 @@
+export { default as Combobox } from './Combobox';
+export type { ComboboxProps, ComboboxSize, ComboboxOption } from './Combobox';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/combobox/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/combobox/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,YAAY,EAAE,aAAa,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC"}

package/dist/components/combobox/index.js

@@ -0,0 +1,5 @@
+import { default as b } from "./Combobox.js";
+export {
+  b as Combobox
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}