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

package/dist/components/combobox/Combobox.js

@@ -0,0 +1,352 @@
+import { jsxs as P, jsx as i } from "react/jsx-runtime";
+import { forwardRef as Te, useId as Ue, useRef as K, useCallback as m, useState as I, useMemo as Q, useEffect as ie } from "react";
+import __je from "@mattermost/compass-icons/components/chevron-down.js";const je=__je&&__je.default?__je.default:__je;
+import ze from "../chip/Chip.js";
+import Ke from "../icon/Icon.js";
+import Qe from "../menu-item/MenuItem.js";
+import Xe, { PopoverMenuScroll as qe } from "../popover-menu/PopoverMenu.js";
+import Ge from "../user-avatar/UserAvatar.js";
+import { useAnchoredPopupPortal as We } from "../../hooks/use-anchored-popup-portal.js";
+import { useOutsideClose as Ye } from "../../hooks/use-outside-close.js";
+import { usePopoverTransition as Ze } from "../../hooks/use-popover-transition.js";
+import { toKebab as Je } from "../../utils/string.js";
+import o from "./Combobox.module.scss.js";
+const ue = 280, er = {
+  small: "small",
+  medium: "medium",
+  large: "large"
+};
+function rr(l, u) {
+  return u ? l.label.toLowerCase().includes(u.toLowerCase()) : !0;
+}
+function nr(l) {
+  return l == null ? null : Array.isArray(l) ? l[0] ?? null : l === "" ? null : l;
+}
+function tr(l) {
+  return l == null ? [] : Array.isArray(l) ? l : l === "" ? [] : [l];
+}
+function or(l) {
+  if (l.leadingVisual != null) return l.leadingVisual;
+  if (l.leadingAvatar != null)
+    return /* @__PURE__ */ i(
+      Ge,
+      {
+        src: l.leadingAvatar.src,
+        alt: l.leadingAvatar.alt,
+        size: "24"
+      }
+    );
+}
+const pr = Te(function({
+  options: u,
+  multiple: t = !1,
+  value: X,
+  defaultValue: q,
+  onChange: N,
+  inputValue: B,
+  defaultInputValue: de = "",
+  onInputChange: v,
+  label: A,
+  placeholder: fe,
+  leadingIcon: R,
+  size: G = "medium",
+  invalid: W = !1,
+  disabled: p = !1,
+  filter: V = !0,
+  emptyMessage: be = "No results",
+  className: me = "",
+  id: ve,
+  "aria-label": Y,
+  portalContainer: xe = null,
+  zIndex: he
+}, D) {
+  const pe = Ue(), $ = ve ?? pe, g = `${$}-listbox`, F = K(null), Z = K(null), _ = K(null), ge = m(
+    (e) => {
+      _.current = e, typeof D == "function" ? D(e) : D && (D.current = e);
+    },
+    [D]
+  ), H = X !== void 0, [_e, ye] = I(() => q !== void 0 ? q : t ? [] : null), J = H ? X : _e, d = t ? null : nr(J), c = t ? tr(J) : [], f = B !== void 0, [S, C] = I(de), [a, ee] = I(!1), [Ie, re] = I(!1), [b, x] = I(-1), [O, L] = I(null), M = Q(
+    () => d == null ? void 0 : u.find((e) => e.value === d),
+    [u, d]
+  ), T = f ? B : t ? S : O !== null ? O : (M == null ? void 0 : M.label) ?? S, ne = f ? B : t ? S : O !== null ? O : "", U = m(
+    (e) => {
+      f || (C(e), t || L(e)), v == null || v(e);
+    },
+    [f, t, v]
+  ), w = m(
+    (e) => {
+      H || ye(e), N == null || N(e);
+    },
+    [H, N]
+  ), s = Q(() => {
+    if (V === !1) return u;
+    const e = typeof V == "function" ? V : rr;
+    return u.filter((r) => e(r, ne));
+  }, [u, V, ne]), { mounted: te, visible: Ae } = Ze(a), {
+    placement: De,
+    maxHeight: we,
+    style: ke,
+    portalRef: oe,
+    renderPortal: Ne
+  } = We(Z, te, {
+    preferredHeight: ue,
+    maxHeightCap: ue,
+    portalContainer: xe,
+    zIndex: he
+  }), y = m(() => {
+    ee(!1), x(-1), !t && !f && (L(null), C(""));
+  }, [t, f]), k = m(() => {
+    p || ee(!0);
+  }, [p]);
+  Ye(F, a, y, oe), ie(() => {
+    a && x((e) => {
+      if (s.length === 0) return -1;
+      if (e >= 0 && e < s.length) return e;
+      const r = t ? s.findIndex((n) => c.includes(n.value)) : s.findIndex((n) => n.value === d);
+      return r >= 0 ? r : 0;
+    });
+  }, [a, s, t, c, d]);
+  const Ve = m(
+    (e) => t ? c.includes(e) : d === e,
+    [t, c, d]
+  ), le = m(
+    (e) => {
+      var r;
+      if (!e.disabled) {
+        if (t) {
+          const n = c.includes(e.value) ? c.filter((h) => h !== e.value) : [...c, e.value];
+          w(n), U(""), y(), (r = _.current) == null || r.focus();
+          return;
+        }
+        w(e.value), f ? v == null || v(e.label) : (C(""), L(null)), y();
+      }
+    },
+    [
+      t,
+      c,
+      w,
+      U,
+      f,
+      v,
+      y
+    ]
+  ), se = m(
+    (e) => {
+      var r;
+      t && (w(c.filter((n) => n !== e)), (r = _.current) == null || r.focus());
+    },
+    [t, c, w]
+  ), ae = m(
+    (e) => {
+      const r = s.map((n, h) => ({ o: n, i: h })).filter(({ o: n }) => !n.disabled);
+      if (r.length === 0) {
+        x(-1);
+        return;
+      }
+      x((n) => {
+        const h = r.findIndex(({ i: z }) => z === n), E = h < 0 ? e > 0 ? 0 : r.length - 1 : (h + e + r.length) % r.length;
+        return r[E].i;
+      });
+    },
+    [s]
+  );
+  ie(() => {
+    if (!a || b < 0) return;
+    const e = s[b];
+    if (!e) return;
+    const r = document.getElementById(
+      `${g}-option-${e.value}`
+    );
+    r == null || r.scrollIntoView({ block: "nearest" });
+  }, [a, b, s, g]);
+  const Oe = (e) => {
+    const r = e.target.value;
+    U(r), a || k(), x(0);
+  }, Me = () => {
+    re(!0), k(), !t && !f && M && requestAnimationFrame(() => {
+      var e;
+      (e = _.current) == null || e.select();
+    });
+  }, Ee = (e) => {
+    var n;
+    const r = e.relatedTarget;
+    r && ((n = F.current) != null && n.contains(r)) || re(!1);
+  }, Pe = (e) => {
+    var r;
+    if (!p)
+      switch (e.key) {
+        case "ArrowDown":
+          e.preventDefault(), a ? ae(1) : k();
+          break;
+        case "ArrowUp":
+          e.preventDefault(), a ? ae(-1) : k();
+          break;
+        case "Home":
+          a && s.length > 0 && (e.preventDefault(), x(
+            s.findIndex((n) => !n.disabled) >= 0 ? s.findIndex((n) => !n.disabled) : 0
+          ));
+          break;
+        case "End":
+          if (a && s.length > 0) {
+            e.preventDefault();
+            for (let n = s.length - 1; n >= 0; n--)
+              if (!((r = s[n]) != null && r.disabled)) {
+                x(n);
+                break;
+              }
+          }
+          break;
+        case "Enter":
+          a && b >= 0 && s[b] && (e.preventDefault(), le(s[b]));
+          break;
+        case "Escape":
+          a && (e.preventDefault(), y());
+          break;
+        case "Backspace":
+          t && T === "" && c.length > 0 && (e.preventDefault(), se(c[c.length - 1]));
+          break;
+        case "Tab":
+          y();
+          break;
+      }
+  }, Be = (e) => {
+    var r;
+    p || e.target.closest("button") || (e.target !== _.current && (e.preventDefault(), (r = _.current) == null || r.focus()), a || k());
+  }, Re = t ? c.length > 0 : d != null && d !== "", $e = T.length > 0, Fe = Ie || a || Re || $e, ce = b >= 0 ? s[b] : void 0, He = ce != null ? `${g}-option-${ce.value}` : void 0, j = Q(
+    () => u.filter((e) => c.includes(e.value)),
+    [u, c]
+  ), Se = o[`combobox--size-${Je(G)}`], Ce = t && j.length > 0, Le = [
+    o.combobox,
+    Se,
+    W ? o["combobox--invalid"] : "",
+    A != null && Fe ? o["combobox--label-floated"] : "",
+    R != null ? o["combobox--has-leading-icon"] : "",
+    Ce ? o["combobox--has-chips"] : "",
+    a ? o["combobox--open"] : "",
+    p ? o["combobox--disabled"] : "",
+    me
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ P("div", { className: Le, ref: F, children: [
+    /* @__PURE__ */ P(
+      "div",
+      {
+        className: o.combobox__wrapper,
+        ref: Z,
+        children: [
+          A != null && /* @__PURE__ */ i("label", { className: o.combobox__label, htmlFor: $, children: A }),
+          /* @__PURE__ */ P(
+            "div",
+            {
+              className: o.combobox__inner,
+              onMouseDown: Be,
+              children: [
+                R != null && /* @__PURE__ */ i("span", { className: o.combobox__leadingIcon, "aria-hidden": !0, children: R }),
+                /* @__PURE__ */ P("div", { className: o.combobox__value, children: [
+                  t && j.map((e) => /* @__PURE__ */ i(
+                    ze,
+                    {
+                      size: er[G],
+                      leadingAvatar: e.leadingAvatar,
+                      leadingIcon: e.leadingAvatar == null ? e.leadingVisual : void 0,
+                      onRemove: p ? void 0 : (r) => {
+                        r.stopPropagation(), se(e.value);
+                      },
+                      removeLabel: `Remove ${e.label}`,
+                      children: e.label
+                    },
+                    e.value
+                  )),
+                  /* @__PURE__ */ i(
+                    "input",
+                    {
+                      ref: ge,
+                      id: $,
+                      className: o.combobox__control,
+                      type: "text",
+                      role: "combobox",
+                      autoComplete: "off",
+                      spellCheck: !1,
+                      disabled: p,
+                      placeholder: t && j.length > 0 ? void 0 : fe,
+                      value: T,
+                      "aria-label": Y,
+                      "aria-invalid": W ? !0 : void 0,
+                      "aria-expanded": a,
+                      "aria-controls": g,
+                      "aria-autocomplete": "list",
+                      "aria-activedescendant": He,
+                      onChange: Oe,
+                      onFocus: Me,
+                      onBlur: Ee,
+                      onKeyDown: Pe
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ i("span", { className: o.combobox__trailingIcon, "aria-hidden": !0, children: /* @__PURE__ */ i(Ke, { size: "12", glyph: /* @__PURE__ */ i(je, {}) }) })
+              ]
+            }
+          )
+        ]
+      }
+    ),
+    te && Ne(
+      /* @__PURE__ */ i(
+        "div",
+        {
+          ref: oe,
+          className: [
+            o.combobox__popup,
+            De === "above" ? o["combobox__popup--above"] : "",
+            Ae ? o["combobox__popup--visible"] : ""
+          ].filter(Boolean).join(" "),
+          style: ke,
+          children: /* @__PURE__ */ i(Xe, { className: o.combobox__menu, children: /* @__PURE__ */ i(qe, { maxHeight: we, children: s.length === 0 ? /* @__PURE__ */ i("p", { className: o.combobox__empty, children: be }) : /* @__PURE__ */ i(
+            "ul",
+            {
+              id: g,
+              className: o.combobox__list,
+              role: "listbox",
+              "aria-multiselectable": t || void 0,
+              "aria-label": typeof A == "string" ? A : Y ?? "Options",
+              children: s.map((e, r) => {
+                const n = Ve(e.value), h = r === b, E = or(e);
+                return /* @__PURE__ */ i(
+                  "li",
+                  {
+                    className: o.combobox__option,
+                    role: "presentation",
+                    children: /* @__PURE__ */ i(
+                      Qe,
+                      {
+                        id: `${g}-option-${e.value}`,
+                        role: "option",
+                        label: e.label,
+                        secondaryLabel: e.secondaryLabel,
+                        leadingElement: E != null,
+                        leadingVisual: E,
+                        trailingElement: n,
+                        active: h,
+                        disabled: e.disabled,
+                        "aria-selected": n,
+                        onMouseDown: (z) => {
+                          z.preventDefault();
+                        },
+                        onMouseEnter: () => x(r),
+                        onClick: () => le(e)
+                      }
+                    )
+                  },
+                  e.value
+                );
+              })
+            }
+          ) }) })
+        }
+      )
+    )
+  ] });
+});
+export {
+  pr 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 Chip from '@/components/chip/Chip';\nimport type { ChipSize } from '@/components/chip/Chip';\nimport Icon from '@/components/icon/Icon';\nimport MenuItem from '@/components/menu-item/MenuItem';\nimport PopoverMenu, {\n  PopoverMenuScroll,\n} from '@/components/popover-menu/PopoverMenu';\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  emptyMessage?: 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\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(\n  value: string | string[] | null | undefined,\n): 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    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 = multiple ? toMultiValue(rawValue) : [];\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 selectedOption = useMemo(\n    () =>\n      singleValue == null\n        ? undefined\n        : options.find((o) => o.value === singleValue),\n    [options, 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 { 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 (filteredOptions.length === 0) return -1;\n      if (prev >= 0 && prev < filteredOptions.length) return prev;\n      const selectedIdx = multiple\n        ? filteredOptions.findIndex((o) => multiValue.includes(o.value))\n        : filteredOptions.findIndex((o) => o.value === singleValue);\n      return selectedIdx >= 0 ? selectedIdx : 0;\n    });\n  }, [isOpen, filteredOptions, multiple, multiValue, singleValue]);\n\n  const isSelected = useCallback(\n    (optionValue: string) =>\n      multiple\n        ? multiValue.includes(optionValue)\n        : 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 removeValue = useCallback(\n    (optionValue: string) => {\n      if (!multiple) return;\n      commitValue(multiValue.filter((v) => v !== optionValue));\n      inputRef.current?.focus();\n    },\n    [multiple, multiValue, commitValue],\n  );\n\n  const moveActive = useCallback(\n    (delta: number) => {\n      const enabled = filteredOptions\n        .map((o, i) => ({ o, i }))\n        .filter(({ o }) => !o.disabled);\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    [filteredOptions],\n  );\n\n  useEffect(() => {\n    if (!isOpen || activeIndex < 0) return;\n    const option = filteredOptions[activeIndex];\n    if (!option) return;\n    const el = document.getElementById(\n      `${listboxId}-option-${option.value}`,\n    );\n    el?.scrollIntoView({ block: 'nearest' });\n  }, [isOpen, activeIndex, filteredOptions, listboxId]);\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 && filteredOptions.length > 0) {\n          e.preventDefault();\n          setActiveIndex(\n            filteredOptions.findIndex((o) => !o.disabled) >= 0\n              ? filteredOptions.findIndex((o) => !o.disabled)\n              : 0,\n          );\n        }\n        break;\n      case 'End':\n        if (isOpen && filteredOptions.length > 0) {\n          e.preventDefault();\n          for (let i = filteredOptions.length - 1; i >= 0; i--) {\n            if (!filteredOptions[i]?.disabled) {\n              setActiveIndex(i);\n              break;\n            }\n          }\n        }\n        break;\n      case 'Enter':\n        if (isOpen && activeIndex >= 0 && filteredOptions[activeIndex]) {\n          e.preventDefault();\n          selectOption(filteredOptions[activeIndex]);\n        }\n        break;\n      case 'Escape':\n        if (isOpen) {\n          e.preventDefault();\n          close();\n        }\n        break;\n      case 'Backspace':\n        if (\n          multiple &&\n          displayInput === '' &&\n          multiValue.length > 0\n        ) {\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 chip remove buttons\n    if ((e.target as HTMLElement).closest('button')) 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 activeOption =\n    activeIndex >= 0 ? filteredOptions[activeIndex] : undefined;\n  const activeDescendant =\n    activeOption != null ? `${listboxId}-option-${activeOption.value}` : undefined;\n\n  const selectedOptions = useMemo(\n    () => options.filter((o) => multiValue.includes(o.value)),\n    [options, multiValue],\n  );\n\n  const sizeClass = styles[`combobox--size-${toKebab(size)}`];\n  const hasChips = multiple && selectedOptions.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\n        className={styles.combobox__wrapper}\n        ref={anchorRef}\n      >\n        {label != null && (\n          <label className={styles.combobox__label} htmlFor={id}>\n            {label}\n          </label>\n        )}\n        <div\n          className={styles.combobox__inner}\n          onMouseDown={handleWrapperMouseDown}\n        >\n          {leadingIcon != null && (\n            <span className={styles.combobox__leadingIcon} aria-hidden>\n              {leadingIcon}\n            </span>\n          )}\n          <div className={styles.combobox__value}>\n            {multiple &&\n              selectedOptions.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                  removeLabel={`Remove ${option.label}`}\n                >\n                  {option.label}\n                </Chip>\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 && selectedOptions.length > 0\n                  ? undefined\n                  : 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              onChange={handleInputChange}\n              onFocus={handleFocus}\n              onBlur={handleBlur}\n              onKeyDown={handleKeyDown}\n            />\n          </div>\n          <span className={styles.combobox__trailingIcon} 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                {filteredOptions.length === 0 ? (\n                  <p className={styles.combobox__empty}>{emptyMessage}</p>\n                ) : (\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                    {filteredOptions.map((option, index) => {\n                      const selected = isSelected(option.value);\n                      const active = index === activeIndex;\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={`${listboxId}-option-${option.value}`}\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={(ev) => {\n                              // Prevent input blur before click handler\n                              ev.preventDefault();\n                            }}\n                            onMouseEnter={() => setActiveIndex(index)}\n                            onClick={() => selectOption(option)}\n                          />\n                        </li>\n                      );\n                    })}\n                  </ul>\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","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","className","idProp","ariaLabel","portalContainer","zIndex","ref","generatedId","useId","id","listboxId","rootRef","useRef","anchorRef","inputRef","setInputRef","useCallback","node","isValueControlled","uncontrolledValue","setUncontrolledValue","useState","rawValue","singleValue","multiValue","isInputControlled","uncontrolledInput","setUncontrolledInput","isOpen","setIsOpen","isFocused","setIsFocused","activeIndex","setActiveIndex","queryOverride","setQueryOverride","selectedOption","useMemo","o","displayInput","filterQuery","setInputDisplay","next","commitValue","filteredOptions","fn","popupMounted","popupVisible","usePopoverTransition","placement","maxHeight","popupStyle","portalRef","renderPortal","useAnchoredPopupPortal","close","open","useOutsideClose","useEffect","prev","selectedIdx","isSelected","optionValue","selectOption","v","_a","removeValue","moveActive","delta","enabled","i","currentPos","nextPos","el","handleInputChange","handleFocus","handleBlur","related","handleKeyDown","handleWrapperMouseDown","hasSelection","hasInputText","labelFloated","activeOption","activeDescendant","selectedOptions","sizeClass","styles","toKebab","hasChips","rootClass","jsxs","Chip","ev","Icon","ChevronDownIcon","PopoverMenu","PopoverMenuScroll","index","selected","active","leading","MenuItem"],"mappings":"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"}

package/dist/components/combobox/Combobox.module.css

@@ -0,0 +1 @@
+._combobox_1u0w0_2{position:relative;display:flex;flex-direction:column;width:100%}._combobox__wrapper_1u0w0_8{position:relative;background-color:var(--center-channel-bg);border-radius:var(--radius-s);box-shadow:inset 0 0 0 1px rgba(var(--center-channel-color-rgb),.16);transition:box-shadow var(--duration-quick) var(--ease-transition);cursor:text}._combobox_1u0w0_2:not(._combobox--disabled_1u0w0_16):hover:not(:focus-within) ._combobox__wrapper_1u0w0_8{box-shadow:inset 0 0 0 1px rgba(var(--center-channel-color-rgb),.24)}._combobox_1u0w0_2:focus-within ._combobox__wrapper_1u0w0_8{box-shadow:inset 0 0 0 1px var(--button-bg),0 0 0 1px var(--button-bg)}._combobox--disabled_1u0w0_16 ._combobox__wrapper_1u0w0_8{opacity:.56;cursor:not-allowed}._combobox__label_1u0w0_26{position:absolute;left:var(--spacing-xs);top:50%;z-index:1;padding:0 var(--spacing-xxxs);transform:translateY(-50%);margin:0;font-family:var(--font-family-body);font-size:var(--font-size-75);line-height:var(--line-height-75);font-weight:var(--font-weight-regular);color:rgba(var(--center-channel-color-rgb),.64);background-color:var(--center-channel-bg);pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 24px);transition:transform var(--duration-quick) var(--ease-transition),font-size var(--duration-quick) var(--ease-transition),top var(--duration-quick) var(--ease-transition),left var(--duration-quick) var(--ease-transition),color var(--duration-quick) var(--ease-transition)}._combobox--label-floated_1u0w0_47 ._combobox__label_1u0w0_26{top:0;transform:translateY(-50%);font-size:var(--font-size-25);line-height:14px}._combobox_1u0w0_2:focus-within ._combobox__label_1u0w0_26{color:var(--button-bg)}._combobox__inner_1u0w0_56{display:flex;align-items:center;position:relative;gap:var(--spacing-xs);width:100%;box-sizing:border-box}._combobox__leadingIcon_1u0w0_64{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:rgba(var(--center-channel-color-rgb),.64);pointer-events:none}._combobox__value_1u0w0_72{display:flex;flex:1 1 0;flex-wrap:wrap;align-items:center;align-self:stretch;gap:var(--spacing-xxs);min-width:0;margin:-1px 0}._combobox__control_1u0w0_82{flex:1 1 0;width:100%;min-width:0;min-height:100%;margin:0;padding:0;border:0;background:transparent;font-family:var(--font-family-body);font-size:var(--font-size-75);line-height:var(--line-height-75);font-weight:var(--font-weight-regular);color:var(--center-channel-color)}._combobox__control_1u0w0_82::placeholder{color:rgba(var(--center-channel-color-rgb),.64)}._combobox__control_1u0w0_82:focus{outline:none}._combobox__control_1u0w0_82:disabled{cursor:not-allowed;color:rgba(var(--center-channel-color-rgb),.64)}._combobox__trailingIcon_1u0w0_107{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:rgba(var(--center-channel-color-rgb),.64);pointer-events:none;margin-right:var(--spacing-xxxs);transition:transform var(--duration-quick) var(--ease-transition)}._combobox--open_1u0w0_117 ._combobox__trailingIcon_1u0w0_107{transform:rotate(180deg)}._combobox__popup_1u0w0_120{opacity:0;transform:scale(.9);transform-origin:top center;transition:opacity var(--duration-quick) var(--ease-exit),transform var(--duration-quick) var(--ease-exit);pointer-events:none}._combobox__popup--above_1u0w0_127{transform-origin:bottom center}._combobox__popup--visible_1u0w0_130{opacity:1;transform:scale(1);pointer-events:auto;transition:opacity var(--duration-quick) var(--ease-entrance),transform var(--duration-quick) var(--ease-entrance)}._combobox__menu_1u0w0_136{width:100%;min-width:100%;max-width:none}._combobox__empty_1u0w0_141{margin:0;padding:var(--spacing-s) var(--spacing-l);font-family:var(--font-family-body);font-size:var(--font-size-75);line-height:var(--line-height-75);color:rgba(var(--center-channel-color-rgb),.64)}._combobox__list_1u0w0_149{margin:0;padding:0;list-style:none}._combobox__option_1u0w0_154{display:block;width:100%}._combobox--size-small_1u0w0_158 ._combobox__wrapper_1u0w0_8{min-height:32px}._combobox--size-small_1u0w0_158 ._combobox__inner_1u0w0_56{padding:var(--spacing-xs) var(--spacing-m);gap:var(--spacing-xs)}._combobox--size-small_1u0w0_158._combobox--has-chips_1u0w0_165 ._combobox__inner_1u0w0_56{padding-block:var(--spacing-xxs)}._combobox--size-small_1u0w0_158 ._combobox__control_1u0w0_82{font-size:var(--font-size-75);line-height:var(--line-height-75)}._combobox--size-small_1u0w0_158 ._combobox__trailingIcon_1u0w0_107 svg{width:var(--icon-size-12);height:var(--icon-size-12)}._combobox--size-small_1u0w0_158._combobox--label-floated_1u0w0_47 ._combobox__label_1u0w0_26{top:0;transform:translateY(-50%);font-size:var(--font-size-25);line-height:14px}._combobox--size-medium_1u0w0_182 ._combobox__wrapper_1u0w0_8{min-height:40px}._combobox--size-medium_1u0w0_182 ._combobox__inner_1u0w0_56{padding:var(--spacing-s) var(--spacing-l);gap:var(--spacing-s)}._combobox--size-medium_1u0w0_182._combobox--has-chips_1u0w0_165 ._combobox__inner_1u0w0_56{padding-block:var(--spacing-xs)}._combobox--size-medium_1u0w0_182 ._combobox__control_1u0w0_82{font-size:var(--font-size-100);line-height:var(--line-height-100)}._combobox--size-medium_1u0w0_182 ._combobox__label_1u0w0_26{font-size:var(--font-size-100);left:var(--spacing-m)}._combobox--size-medium_1u0w0_182 ._combobox__trailingIcon_1u0w0_107 svg{width:var(--icon-size-16);height:var(--icon-size-16)}._combobox--size-medium_1u0w0_182._combobox--label-floated_1u0w0_47 ._combobox__label_1u0w0_26{top:0;transform:translateY(-50%);font-size:var(--font-size-25);line-height:14px}._combobox--size-large_1u0w0_210 ._combobox__wrapper_1u0w0_8{min-height:48px}._combobox--size-large_1u0w0_210 ._combobox__inner_1u0w0_56{padding:var(--spacing-m) var(--spacing-l);gap:var(--spacing-s)}._combobox--size-large_1u0w0_210._combobox--has-chips_1u0w0_165 ._combobox__inner_1u0w0_56{padding-block:var(--spacing-xs)}._combobox--size-large_1u0w0_210 ._combobox__control_1u0w0_82{font-size:var(--font-size-200);line-height:var(--line-height-200)}._combobox--size-large_1u0w0_210 ._combobox__label_1u0w0_26{font-size:var(--font-size-200);line-height:var(--line-height-200);left:var(--spacing-m)}._combobox--size-large_1u0w0_210 ._combobox__trailingIcon_1u0w0_107 svg{width:var(--icon-size-16);height:var(--icon-size-16)}._combobox--size-large_1u0w0_210._combobox--label-floated_1u0w0_47 ._combobox__label_1u0w0_26{top:0;transform:translateY(-50%);font-size:var(--font-size-25);line-height:14px}._combobox--invalid_1u0w0_239 ._combobox__wrapper_1u0w0_8{box-shadow:inset 0 0 0 1px var(--error-text, var(--color-danger))}._combobox--invalid_1u0w0_239:focus-within ._combobox__wrapper_1u0w0_8{box-shadow:inset 0 0 0 1px var(--error-text, var(--color-danger)),0 0 0 1px var(--error-text, var(--color-danger))}._combobox--invalid_1u0w0_239 ._combobox__label_1u0w0_26{color:var(--error-text, var(--color-danger))}._combobox--invalid_1u0w0_239:focus-within ._combobox__label_1u0w0_26{color:var(--error-text, var(--color-danger))}._combobox--has-leading-icon_1u0w0_251 ._combobox__label_1u0w0_26{left:32px}._combobox--has-leading-icon_1u0w0_251._combobox--label-floated_1u0w0_47 ._combobox__label_1u0w0_26{left:var(--spacing-xs)}._combobox--has-leading-icon_1u0w0_251._combobox--size-medium_1u0w0_182 ._combobox__label_1u0w0_26,._combobox--has-leading-icon_1u0w0_251._combobox--size-large_1u0w0_210 ._combobox__label_1u0w0_26{left:38px}._combobox--has-leading-icon_1u0w0_251._combobox--size-medium_1u0w0_182._combobox--label-floated_1u0w0_47 ._combobox__label_1u0w0_26,._combobox--has-leading-icon_1u0w0_251._combobox--size-large_1u0w0_210._combobox--label-floated_1u0w0_47 ._combobox__label_1u0w0_26{left:var(--spacing-m)}._combobox_1u0w0_2:has(._combobox__label_1u0w0_26):not(._combobox--label-floated_1u0w0_47) ._combobox__control_1u0w0_82{color:transparent}._combobox_1u0w0_2:has(._combobox__label_1u0w0_26):not(._combobox--label-floated_1u0w0_47) ._combobox__control_1u0w0_82::placeholder{color:transparent}

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.module.css');const o="_combobox_1u0w0_2",_="_combobox__wrapper_1u0w0_8",b="_combobox__label_1u0w0_26",c="_combobox__inner_1u0w0_56",m="_combobox__leadingIcon_1u0w0_64",x="_combobox__value_1u0w0_72",e="_combobox__control_1u0w0_82",n="_combobox__trailingIcon_1u0w0_107",l="_combobox__popup_1u0w0_120",i="_combobox__menu_1u0w0_136",u="_combobox__empty_1u0w0_141",p="_combobox__list_1u0w0_149",t="_combobox__option_1u0w0_154",a={combobox:o,combobox__wrapper:_,"combobox--disabled":"_combobox--disabled_1u0w0_16",combobox__label:b,"combobox--label-floated":"_combobox--label-floated_1u0w0_47",combobox__inner:c,combobox__leadingIcon:m,combobox__value:x,combobox__control:e,combobox__trailingIcon:n,"combobox--open":"_combobox--open_1u0w0_117",combobox__popup:l,"combobox__popup--above":"_combobox__popup--above_1u0w0_127","combobox__popup--visible":"_combobox__popup--visible_1u0w0_130",combobox__menu:i,combobox__empty:u,combobox__list:p,combobox__option:t,"combobox--size-small":"_combobox--size-small_1u0w0_158","combobox--has-chips":"_combobox--has-chips_1u0w0_165","combobox--size-medium":"_combobox--size-medium_1u0w0_182","combobox--size-large":"_combobox--size-large_1u0w0_210","combobox--invalid":"_combobox--invalid_1u0w0_239","combobox--has-leading-icon":"_combobox--has-leading-icon_1u0w0_251"};exports.combobox=o;exports.combobox__control=e;exports.combobox__empty=u;exports.combobox__inner=c;exports.combobox__label=b;exports.combobox__leadingIcon=m;exports.combobox__list=p;exports.combobox__menu=i;exports.combobox__option=t;exports.combobox__popup=l;exports.combobox__trailingIcon=n;exports.combobox__value=x;exports.combobox__wrapper=_;exports.default=a;
+//# 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.module.css';const o = "_combobox_1u0w0_2", _ = "_combobox__wrapper_1u0w0_8", b = "_combobox__label_1u0w0_26", c = "_combobox__inner_1u0w0_56", m = "_combobox__leadingIcon_1u0w0_64", x = "_combobox__value_1u0w0_72", n = "_combobox__control_1u0w0_82", e = "_combobox__trailingIcon_1u0w0_107", l = "_combobox__popup_1u0w0_120", i = "_combobox__menu_1u0w0_136", u = "_combobox__empty_1u0w0_141", p = "_combobox__list_1u0w0_149", s = "_combobox__option_1u0w0_154", a = {
+  combobox: o,
+  combobox__wrapper: _,
+  "combobox--disabled": "_combobox--disabled_1u0w0_16",
+  combobox__label: b,
+  "combobox--label-floated": "_combobox--label-floated_1u0w0_47",
+  combobox__inner: c,
+  combobox__leadingIcon: m,
+  combobox__value: x,
+  combobox__control: n,
+  combobox__trailingIcon: e,
+  "combobox--open": "_combobox--open_1u0w0_117",
+  combobox__popup: l,
+  "combobox__popup--above": "_combobox__popup--above_1u0w0_127",
+  "combobox__popup--visible": "_combobox__popup--visible_1u0w0_130",
+  combobox__menu: i,
+  combobox__empty: u,
+  combobox__list: p,
+  combobox__option: s,
+  "combobox--size-small": "_combobox--size-small_1u0w0_158",
+  "combobox--has-chips": "_combobox--has-chips_1u0w0_165",
+  "combobox--size-medium": "_combobox--size-medium_1u0w0_182",
+  "combobox--size-large": "_combobox--size-large_1u0w0_210",
+  "combobox--invalid": "_combobox--invalid_1u0w0_239",
+  "combobox--has-leading-icon": "_combobox--has-leading-icon_1u0w0_251"
+};
+export {
+  o as combobox,
+  n as combobox__control,
+  u as combobox__empty,
+  c as combobox__inner,
+  b as combobox__label,
+  m as combobox__leadingIcon,
+  p as combobox__list,
+  i as combobox__menu,
+  s as combobox__option,
+  l as combobox__popup,
+  e as combobox__trailingIcon,
+  x as combobox__value,
+  _ as combobox__wrapper,
+  a 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.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,EACV,aAAa,EACb,YAAY,EACZ,cAAc,GACf,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":";"}

package/dist/components/date-range-picker/DateRangePicker.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react/jsx-runtime"),s=require("react"),Me=require("../button/Button.cjs"),M=require("../icon-button/IconButton.cjs"),C=require("../icon/Icon.cjs"),__oe=require("@mattermost/compass-icons/components/calendar-outline.js"),oe=__oe?.default??__oe,__Ae=require("@mattermost/compass-icons/components/chevron-down.js"),Ae=__Ae?.default??__Ae,__qe=require("@mattermost/compass-icons/components/chevron-left.js"),qe=__qe?.default??__qe,__Te=require("@mattermost/compass-icons/components/chevron-right.js"),Te=__Te?.default??__Te,Be=require("../../hooks/use-anchored-popup-portal.cjs"),Fe=require("../../hooks/use-outside-close.cjs"),Oe=require("../../hooks/use-popover-transition.cjs"),o=require("./DateRangePicker.module.scss.cjs"),$e=360,ze=["Su","Mo","Tu","We","Th","Fr","Sa"],le=["January","February","March","April","May","June","July","August","September","October","November","December"];function V(i){if(!i)return"";const[n,p,v]=i.split("-");return`${p}/${v}/${n}`}function W(i,n,p){return`${i}-${String(n+1).padStart(2,"0")}-${String(p).padStart(2,"0")}`}function J(i,n){return new Date(i,n+1,0).getDate()}function Le(i,n){return new Date(i,n,1).getDay()}function Z(i,n){return i===n}function Ye(i,n,p){if(!n||!p)return!1;const[v,b]=n<p?[n,p]:[p,n];return i>v&&i<b}function A(i,n,p){if(!i)return null;const[v,b,x]=i.split("-").map(Number);return v===n&&b===p+1?x:null}function Ke({className:i="",mode:n="date",value:p,startDate:v,endDate:b,onChange:x,onRangeChange:q,disabled:_,id:ce,portalContainer:ie=null,zIndex:ue}){const de=s.useId(),G=ce??de,Q=`${G}-popover`,T=s.useRef(null),B=s.useRef(null),F=s.useRef(null),P=new Date,O=W(P.getFullYear(),P.getMonth(),P.getDate()),[c,I]=s.useState(P.getFullYear()),[l,w]=s.useState(P.getMonth()),[u,$]=s.useState(!1),[z,D]=s.useState(1),[fe,pe]=s.useState(""),[ge,X]=s.useState(""),[he,ee]=s.useState(""),j=p??fe,d=v??ge,h=b??he,ke=n==="date"?!!j:!!d,{mounted:L,visible:Y}=Oe.usePopoverTransition(u),{placement:me,style:ye,portalRef:N,renderPortal:ve}=Be.useAnchoredPopupPortal(B,L,{preferredHeight:$e,portalContainer:ie,zIndex:ue,matchWidth:!1}),k=s.useCallback((e=!0)=>{var t;$(!1),e&&((t=B.current)==null||t.focus())},[]);Fe.useOutsideClose(T,u,()=>k(!0),N),s.useEffect(()=>{if(!u)return;function e(t){t.key==="Escape"&&(t.preventDefault(),k(!0))}return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)},[u,k]),s.useEffect(()=>{if(!u)return;function e(t){var f,g;const r=t.target;r&&((f=T.current)!=null&&f.contains(r)||(g=N.current)!=null&&g.contains(r)||k(!1))}return document.addEventListener("focusin",e),()=>document.removeEventListener("focusin",e)},[u,k,N]);const y=J(c,l),_e=s.useCallback(()=>{if(n==="date"){const t=A(j,c,l);if(t)return t}else{const t=A(h,c,l);if(t)return t;const r=A(d,c,l);if(r)return r}const e=A(O,c,l);return e||1},[n,j,d,h,c,l,O]);s.useEffect(()=>{if(!u||!Y)return;const e=_e();D(e);const t=requestAnimationFrame(()=>{var r,f;(f=(r=F.current)==null?void 0:r.querySelector(`[data-day="${e}"]`))==null||f.focus()});return()=>cancelAnimationFrame(t)},[u,Y]);const m=s.useCallback(e=>{D(e),requestAnimationFrame(()=>{var t,r;(r=(t=F.current)==null?void 0:t.querySelector(`[data-day="${e}"]`))==null||r.focus()})},[]),K=s.useCallback(()=>{_||$(e=>!e)},[_]),De=s.useCallback(()=>{w(e=>e===0?(I(t=>t-1),11):e-1)},[]),Re=s.useCallback(()=>{w(e=>e===11?(I(t=>t+1),0):e+1)},[]),R=s.useCallback((e,t)=>{const r=e===-1?l===0?11:l-1:l===11?0:l+1,f=e===-1?l===0?c-1:c:l===11?c+1:c,g=J(f,r);I(f),w(r),m(Math.min(t,g))},[l,c,m]),be=s.useCallback(()=>{const e=new Date;I(e.getFullYear()),w(e.getMonth()),m(e.getDate())},[m]),H=s.useCallback((e,t)=>{if(n==="date")x?x(e):pe(e),k(!0);else if(!d||d&&h)X(e),ee(""),D(t);else{const[r,f]=e>=d?[d,e]:[e,d];q?q(r,f):(X(r),ee(f)),k(!0)}},[n,d,h,x,q,k]),S=s.useCallback(e=>{const t=z+e;if(t>=1&&t<=y){m(t);return}t<1?R(-1,J(l===0?c-1:c,l===0?11:l-1)+t):R(1,t-y)},[z,y,l,c,m,R]),xe=s.useCallback((e,t)=>{switch(e.key){case"ArrowLeft":e.preventDefault(),S(-1);break;case"ArrowRight":e.preventDefault(),S(1);break;case"ArrowUp":e.preventDefault(),S(-7);break;case"ArrowDown":e.preventDefault(),S(7);break;case"Home":e.preventDefault(),m(1);break;case"End":e.preventDefault(),m(y);break;case"PageUp":e.preventDefault(),R(-1,t);break;case"PageDown":e.preventDefault(),R(1,t);break;case"Enter":case" ":e.preventDefault(),D(t),H(W(c,l,t),t);break}},[S,m,y,R,H,c,l]),Pe=s.useCallback(e=>{if(!_)switch(e.key){case"Enter":case" ":e.preventDefault(),K();break;case"ArrowDown":u||(e.preventDefault(),$(!0));break;case"Escape":u&&(e.preventDefault(),k(!0));break}},[_,K,u,k]);s.useEffect(()=>{u&&D(e=>Math.min(Math.max(1,e),y))},[u,y,l,c]);const je=Le(c,l),E=[...Array(je).fill(null),...Array.from({length:y},(e,t)=>t+1)];for(;E.length%7!==0;)E.push(null);const te=[];for(let e=0;e<E.length;e+=7)te.push(E.slice(e,e+7));const Se=n==="date"?V(j):d?`${V(d)}${h?` – ${V(h)}`:""}`:"",Ce=[o.default.dateRangePicker,u?o.default["dateRangePicker--open"]:"",_?o.default["dateRangePicker--disabled"]:"",i].filter(Boolean).join(" ");return a.jsxs("div",{ref:T,className:Ce,children:[a.jsxs("div",{ref:B,className:o.default.dateRangePicker__trigger,role:"button","aria-haspopup":"dialog","aria-expanded":u,"aria-controls":L?Q:void 0,"aria-disabled":_||void 0,tabIndex:_?-1:0,id:G,"data-has-value":ke?"":void 0,onClick:K,onKeyDown:Pe,children:[a.jsx("span",{className:o.default.dateRangePicker__calendarIcon,"aria-hidden":!0,children:a.jsx(C.default,{size:"16",glyph:a.jsx(oe,{})})}),a.jsx("span",{className:o.default.dateRangePicker__value,children:Se||"mm/dd/yyyy"}),a.jsx("span",{className:o.default.dateRangePicker__chevron,"aria-hidden":!0,children:a.jsx(C.default,{size:"16",glyph:a.jsx(Ae,{})})})]}),L&&ve(a.jsxs("div",{ref:N,id:Q,className:[o.default.dateRangePicker__popover,me==="above"?o.default["dateRangePicker__popover--above"]:"",Y?o.default["dateRangePicker__popover--visible"]:""].filter(Boolean).join(" "),style:ye,role:"dialog","aria-modal":"false","aria-label":"Date picker",children:[a.jsxs("div",{className:o.default.dateRangePicker__header,children:[a.jsxs("span",{className:o.default.dateRangePicker__monthLabel,"aria-live":"polite",children:[le[l]," ",c]}),a.jsxs("div",{className:o.default.dateRangePicker__headerActions,children:[a.jsx(Me.default,{emphasis:"quaternary",size:"small",leadingIcon:a.jsx(C.default,{size:"16",glyph:a.jsx(oe,{})}),onClick:be,children:"Today"}),a.jsxs("div",{className:o.default.dateRangePicker__navButtons,children:[a.jsx(M.default,{size:"medium",padding:"compact",icon:a.jsx(C.default,{size:M.ICON_BUTTON_ICON_SIZES.medium,glyph:a.jsx(qe,{})}),onClick:De,"aria-label":"Previous month"}),a.jsx(M.default,{size:"medium",padding:"compact",icon:a.jsx(C.default,{size:M.ICON_BUTTON_ICON_SIZES.medium,glyph:a.jsx(Te,{})}),onClick:Re,"aria-label":"Next month"})]})]})]}),a.jsx("div",{className:o.default.dateRangePicker__weekdays,"aria-hidden":!0,children:ze.map(e=>a.jsx("span",{className:o.default.dateRangePicker__weekday,children:e},e))}),a.jsx("div",{ref:F,className:o.default.dateRangePicker__grid,role:"grid","aria-label":`${le[l]} ${c}`,children:te.map((e,t)=>a.jsx("div",{className:o.default.dateRangePicker__week,role:"row",children:e.map((r,f)=>{if(r==null)return a.jsx("span",{className:o.default.dateRangePicker__dayEmpty,role:"gridcell"},f);const g=W(c,l,r),ae=g===O,ne=n==="range"&&Z(g,d),re=n==="range"&&!!h&&Z(g,h),U=n==="date"?Z(g,j):ne||re,Ie=n==="range"&&Ye(g,d,h),se=n==="range"&&!!d&&!!h&&d!==h,we=[o.default.dateRangePicker__dayCell,Ie?o.default["dateRangePicker__dayCell--in-range"]:"",se&&ne?o.default["dateRangePicker__dayCell--range-start"]:"",se&&re?o.default["dateRangePicker__dayCell--range-end"]:""].filter(Boolean).join(" "),Ne=[o.default.dateRangePicker__day,U?o.default["dateRangePicker__day--selected"]:"",ae&&!U?o.default["dateRangePicker__day--today"]:""].filter(Boolean).join(" ");return a.jsx("div",{className:we,role:"gridcell",children:a.jsx("button",{type:"button",className:Ne,"data-day":r,tabIndex:z===r?0:-1,onClick:()=>H(g,r),onFocus:()=>D(r),onKeyDown:Ee=>xe(Ee,r),"aria-label":g,"aria-pressed":U,"aria-current":ae?"date":void 0,children:r})},f)})},t))})]}))]})}exports.default=Ke;
+//# sourceMappingURL=DateRangePicker.cjs.map