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

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

@@ -1 +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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"}
+{"version":3,"file":"Combobox.js","sources":["../../../src/components/combobox/Combobox.tsx"],"sourcesContent":["import type {\n  ChangeEvent,\n  FocusEvent,\n  FocusEventHandler,\n  InputHTMLAttributes,\n  KeyboardEvent,\n  KeyboardEventHandler,\n  MouseEvent,\n  ReactNode,\n} from 'react';\nimport {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport ChevronDownIcon from '@mattermost/compass-icons/components/chevron-down';\nimport CloseCircleIcon from '@mattermost/compass-icons/components/close-circle';\nimport PlusIcon from '@mattermost/compass-icons/components/plus';\nimport Chip from '@/components/chip/Chip';\nimport ChipGroup from '@/components/chip/ChipGroup';\nimport type { ChipSize } from '@/components/chip/Chip';\nimport Icon from '@/components/icon/Icon';\nimport { IconSlotContext } from '@/components/icon/Icon';\nimport type { IconSize } from '@/components/icon/Icon';\nimport {\n  hasFieldMessage,\n  isFieldInvalid,\n  mergeFieldDescribedBy,\n} from '@/components/field/fieldDescribedBy';\nimport FieldMessage from '@/components/field-message/FieldMessage';\nimport type { FieldMessageTone } from '@/components/field-message/FieldMessage';\nimport MenuItem from '@/components/menu-item/MenuItem';\nimport type {\n  MenuItemOwnedProps,\n  MenuItemPassthroughProps,\n} from '@/components/menu-item/MenuItem';\nimport PopoverMenu, {\n  PopoverMenuScroll,\n} from '@/components/popover-menu/PopoverMenu';\nimport Spinner from '@/components/spinner/Spinner';\nimport TeamAvatar from '@/components/team-avatar/TeamAvatar';\nimport UserAvatar from '@/components/user-avatar/UserAvatar';\nimport { useAnchoredPopupPortal } from '@/hooks/use-anchored-popup-portal';\nimport { useOutsideClose } from '@/hooks/use-outside-close';\nimport { usePopoverTransition } from '@/hooks/use-popover-transition';\nimport { mergeMenuItemProps } from '@/utils/menuItemProps';\nimport type { BuiltInButtonProps, DataAttributes } from '@/utils/props';\nimport { mergeClassNames } from '@/utils/props';\nimport { toKebab } from '@/utils/string';\nimport styles from './Combobox.module.scss';\n\nexport type ComboboxSize = 'small' | 'medium' | 'large';\n\n// Combobox rows use `onClick`, so `onPointerUp` is left for callers.\ntype ComboboxMenuItemProps = MenuItemPassthroughProps<\n  Exclude<MenuItemOwnedProps, 'onPointerUp'>\n>;\n\nexport type ComboboxOption = {\n  value: string;\n  /** Kept as `string`: the default filter, create-row matching, and the single-select input text all read it. */\n  label: string;\n  disabled?: boolean;\n  /** Leading content for the list row (icon or avatar node). */\n  leadingVisual?: ReactNode;\n  /** Avatar for chips / list when a photo is preferred over `leadingVisual`. */\n  leadingAvatar?: { src: string; alt: string };\n  /**\n   * Team avatar for the list row — a non-interactive `TeamAvatar` (`variant=\"menu\"`, 24px) with an\n   * image or an initials fallback. The row's `label` names the team and `MenuItem` hides the\n   * leading visual from assistive tech, so `alt` is optional. List rows only; chips don't render\n   * it. With neither `src` nor `initials`, the fallback shows the first two letters of `label`.\n   * `leadingVisual` and `leadingAvatar` take precedence.\n   */\n  leadingTeamAvatar?: { src?: string; initials?: string; alt?: string };\n  /** Accepts translated nodes. */\n  secondaryLabel?: ReactNode;\n  /**\n   * Extra `MenuItem` props for this row (e.g. `secondaryLabelPosition`, `tag`,\n   * `trailingVisual`, `className`). Overrides the `menuItemProps` set on the\n   * Combobox; the props Combobox owns (ARIA, selection, handlers) can't be set.\n   */\n  menuItemProps?: ComboboxMenuItemProps;\n};\n\n/**\n * Native input attributes `Combobox` sets or can't honor, so they're left out\n * of `ComboboxProps`. The ones it renders (`role`, `type`, `autoComplete`,\n * `aria-expanded`, …) also win at runtime over anything spread onto the input.\n */\nexport type ComboboxOwnedInputProps =\n  // Value model: Combobox's own `value` / `defaultValue` / `onChange` / `multiple` / `size`.\n  | 'value'\n  | 'defaultValue'\n  | 'onChange'\n  | 'multiple'\n  | 'size'\n  | 'type'\n  | 'children'\n  | 'dangerouslySetInnerHTML'\n  // Combobox semantics.\n  | 'role'\n  | 'autoComplete'\n  | 'spellCheck'\n  | 'list'\n  | 'aria-expanded'\n  | 'aria-controls'\n  | 'aria-activedescendant'\n  | 'aria-autocomplete'\n  | 'aria-busy'\n  | 'aria-haspopup'\n  | 'aria-invalid'\n  | 'aria-required'\n  // First-class props with Combobox meaning (re-declared below).\n  | 'required'\n  // No form participation or constraint validation yet.\n  | 'name'\n  | 'form'\n  | 'formAction'\n  | 'formEncType'\n  | 'formMethod'\n  | 'formNoValidate'\n  | 'formTarget'\n  | 'readOnly'\n  | 'maxLength'\n  | 'minLength'\n  | 'pattern'\n  | 'min'\n  | 'max'\n  | 'step'\n  // Not meaningful for a text combobox.\n  | 'accept'\n  | 'alt'\n  | 'capture'\n  | 'checked'\n  | 'defaultChecked'\n  | 'height'\n  | 'width'\n  | 'src';\n\n/**\n * Extra native input attributes (`data-*`, `aria-describedby`,\n * `aria-errormessage`, `aria-labelledby`, `autoFocus`, `tabIndex`, `style`,\n * `onFocus`, …) go on the `<input role=\"combobox\">`, the element the ref\n * targets. `className` goes on the root. Attributes in\n * `ComboboxOwnedInputProps` can't be set.\n */\nexport interface ComboboxProps\n  extends\n    Omit<InputHTMLAttributes<HTMLInputElement>, ComboboxOwnedInputProps>,\n    DataAttributes {\n  options: ComboboxOption[];\n  /**\n   * `MenuItem` props applied to every option row, e.g.\n   * `menuItemProps={{ secondaryLabelPosition: 'inline' }}`. A row's own\n   * `menuItemProps` wins. Not applied to the create row.\n   */\n  menuItemProps?: ComboboxMenuItemProps;\n  /** When true, selected values render as removable chips. Default: false. */\n  multiple?: boolean;\n  value?: string | string[] | null;\n  defaultValue?: string | string[] | null;\n  onChange?: (value: string | string[] | null) => void;\n  inputValue?: string;\n  defaultInputValue?: string;\n  onInputChange?: (value: string) => void;\n  label?: ReactNode;\n  placeholder?: string;\n  leadingIcon?: ReactNode;\n  size?: ComboboxSize;\n  /** When true, shows invalid/error styling. */\n  invalid?: boolean;\n  /**\n   * Field message under the field. Accepts translated nodes (e.g. `<FormattedMessage/>`).\n   * Defaults to error tone (invalid chrome) when set without `messageTone`. It is linked to\n   * the input with `aria-describedby`.\n   */\n  message?: ReactNode;\n  /** Visual tone for `message`. Default: `error` when `message` is set. */\n  messageTone?: FieldMessageTone;\n  disabled?: boolean;\n  /**\n   * Marks the field required for assistive tech (`aria-required=\"true\"`).\n   * No native `required`, so the browser doesn't validate; the host does.\n   * Safe in `multiple` mode, where the input is empty once chips are picked.\n   * Default: false.\n   */\n  required?: boolean;\n  /**\n   * Client-side filter. `true` (default) matches labels case-insensitively.\n   * `false` shows all options (caller filters via `inputValue` / `onInputChange`).\n   */\n  filter?: boolean | ((option: ComboboxOption, query: string) => boolean);\n  /** Shown when there are no rows to pick from. Default: \"No results\". */\n  emptyMessage?: ReactNode;\n  /**\n   * When true, the menu shows a loading row (with Spinner) in place of the\n   * empty message. Set while async results are in flight.\n   */\n  loading?: boolean;\n  /** Loading row text. Default: \"Loading…\". */\n  loadingMessage?: ReactNode;\n  /**\n   * Option objects for the current value(s), used for chips and the\n   * single-select label when a value is missing from `options` (e.g. an async\n   * search that no longer returns it, or values preselected on load). Values\n   * found in `options` resolve from there first.\n   */\n  selectedOptions?: ComboboxOption[];\n  /**\n   * When true, typed text that matches no option offers a create row. Created\n   * values not found in `options` or `selectedOptions` display their raw value\n   * as the label.\n   */\n  creatable?: boolean;\n  /**\n   * Called with the trimmed input when the create row is chosen. When set, the\n   * host owns adding the value (`onChange` is not called). When omitted, the\n   * input is committed as the value through `onChange`.\n   */\n  onCreateOption?: (inputValue: string) => void;\n  /** Create row label. Default: `Create \"{inputValue}\"`. */\n  formatCreateLabel?: (inputValue: string) => ReactNode;\n  /**\n   * Single mode: when a value is set, shows a clear button inside the control\n   * that calls `onChange(null)`. Ignored with `multiple` (chips have their own\n   * remove control). Default: false.\n   */\n  clearable?: boolean;\n  /**\n   * Opens the menu when the input receives focus, including keyboard Tab focus,\n   * `autoFocus` and focus handed back by the clear button. Off by default:\n   * focus alone doesn't open the menu, which then opens on pointer press,\n   * typing, or ↓ / ↑. Turn it on only for hosts that need the old\n   * focus-to-open behavior.\n   */\n  openOnFocus?: boolean;\n  /**\n   * When false, Enter on the input with the menu closed is prevented and stops\n   * propagating, so it can't submit a surrounding form or reach host key\n   * listeners. Default: true (Enter with the menu closed behaves like Enter in a\n   * text input). Enter with the menu open is always handled by Combobox.\n   */\n  submitOnEnter?: boolean;\n  /** Accessible name for the clear button. Default: \"Clear\". */\n  clearLabel?: string;\n  /** Extra attributes for the clear button (e.g. `data-testid`). */\n  clearButtonProps?: BuiltInButtonProps;\n  /**\n   * Accessible name for the chip group in `multiple` mode. Default:\n   * `{label} selections` when `label` is a string, otherwise \"Selected\".\n   */\n  selectionsLabel?: string;\n  /**\n   * Accessible name for the options list when `label` isn't a string and no\n   * `aria-label` is set. Default: \"Options\".\n   */\n  listboxLabel?: string;\n  className?: string;\n  id?: string;\n  'aria-label'?: string;\n  /**\n   * Runs after Combobox's own focus handling. Focus alone doesn't open the\n   * menu. Also runs when the clear button hands focus back to the input.\n   */\n  onFocus?: FocusEventHandler<HTMLInputElement>;\n  /**\n   * Runs after Combobox's own blur handling, on every input blur — including\n   * when focus moves to the clear button or a chip's remove button. Not called\n   * when those buttons blur.\n   */\n  onBlur?: FocusEventHandler<HTMLInputElement>;\n  /**\n   * Runs after Combobox's own key handling. `event.defaultPrevented` is true\n   * when Combobox handled the key (arrows, Home / End while open, Enter while\n   * the menu is open (picking the highlighted row, if any), Enter with the menu\n   * closed when `submitOnEnter` is false, Escape while open, Backspace removing\n   * a chip); those Enter and Escape presses also stop propagating. Calling\n   * `preventDefault()` here doesn't stop Combobox's handling. Any `onChange`\n   * the key caused has already been called, but host state read here is\n   * still from before that change.\n   */\n  onKeyDown?: KeyboardEventHandler<HTMLInputElement>;\n  /** Portal mount node for the menu; defaults to `document.body`. */\n  portalContainer?: HTMLElement | null;\n  /** Stacking order for the portaled menu. */\n  zIndex?: number;\n}\n\nconst POPUP_MAX_HEIGHT = 280;\n\nconst CHIP_SIZE_BY_COMBOBOX: Record<ComboboxSize, ChipSize> = {\n  small: 'small',\n  medium: 'medium',\n  large: 'large',\n};\n\nconst CLEAR_ICON_SIZE: Record<ComboboxSize, IconSize> = {\n  small: '12',\n  medium: '16',\n  large: '16',\n};\n\nfunction defaultSelectionsLabel(label: ReactNode): string {\n  return typeof label === 'string' ? `${label} selections` : 'Selected';\n}\n\ntype ComboboxRow =\n  | { kind: 'option'; option: ComboboxOption }\n  | { kind: 'create'; inputValue: string };\n\nfunction defaultFormatCreateLabel(inputValue: string): ReactNode {\n  return `Create \"${inputValue}\"`;\n}\n\nfunction isRowDisabled(row: ComboboxRow): boolean {\n  return row.kind === 'option' && row.option.disabled === true;\n}\n\nfunction defaultFilter(option: ComboboxOption, query: string): boolean {\n  if (!query) return true;\n  return option.label.toLowerCase().includes(query.toLowerCase());\n}\n\nfunction toSingleValue(\n  value: string | string[] | null | undefined,\n): string | null {\n  if (value == null) return null;\n  if (Array.isArray(value)) return value[0] ?? null;\n  return value === '' ? null : value;\n}\n\nfunction toMultiValue(value: string | string[] | null | undefined): string[] {\n  if (value == null) return [];\n  if (Array.isArray(value)) return value;\n  return value === '' ? [] : [value];\n}\n\nfunction optionLeadingVisual(option: ComboboxOption): ReactNode | undefined {\n  if (option.leadingVisual != null) return option.leadingVisual;\n  if (option.leadingAvatar != null) {\n    return (\n      <UserAvatar\n        src={option.leadingAvatar.src}\n        alt={option.leadingAvatar.alt}\n        size=\"24\"\n      />\n    );\n  }\n  if (option.leadingTeamAvatar != null) {\n    return (\n      <TeamAvatar\n        src={option.leadingTeamAvatar.src}\n        initials={\n          option.leadingTeamAvatar.initials ??\n          (option.leadingTeamAvatar.src\n            ? undefined\n            : Array.from(option.label).slice(0, 2).join(''))\n        }\n        alt={option.leadingTeamAvatar.alt}\n        size=\"24\"\n        variant=\"menu\"\n      />\n    );\n  }\n  return undefined;\n}\n\n/**\n * { value: 'town-square', label: 'Town Square' }, { value: 'off-topic', label: 'Off-Topic'\n * }, { value: 'design', label: 'Design' }, { value: 'engineering', label: 'Engineering' }, {\n * value: 'releases', label: 'Releases' }, ];\n */\nconst Combobox = forwardRef<HTMLInputElement, ComboboxProps>(function Combobox(\n  {\n    options,\n    menuItemProps,\n    multiple = false,\n    value: valueProp,\n    defaultValue,\n    onChange,\n    inputValue: inputValueProp,\n    defaultInputValue = '',\n    onInputChange,\n    label,\n    placeholder,\n    leadingIcon,\n    size = 'medium',\n    invalid = false,\n    message,\n    messageTone,\n    disabled = false,\n    filter = true,\n    emptyMessage = 'No results',\n    loading = false,\n    loadingMessage = 'Loading…',\n    selectedOptions,\n    creatable = false,\n    onCreateOption,\n    formatCreateLabel = defaultFormatCreateLabel,\n    clearable = false,\n    openOnFocus = false,\n    submitOnEnter = true,\n    clearLabel = 'Clear',\n    clearButtonProps,\n    selectionsLabel,\n    listboxLabel = 'Options',\n    className = '',\n    id: idProp,\n    'aria-label': ariaLabel,\n    'aria-describedby': describedBy,\n    required = false,\n    onFocus,\n    onBlur,\n    onKeyDown,\n    portalContainer = null,\n    zIndex,\n    ...rest\n  },\n  ref,\n) {\n  const generatedId = useId();\n  const id = idProp ?? generatedId;\n  const listboxId = `${id}-listbox`;\n\n  const rootRef = useRef<HTMLDivElement>(null);\n  const anchorRef = useRef<HTMLDivElement>(null);\n  const inputRef = useRef<HTMLInputElement | null>(null);\n\n  const setInputRef = useCallback(\n    (node: HTMLInputElement | null) => {\n      inputRef.current = node;\n      if (typeof ref === 'function') ref(node);\n      else if (ref) ref.current = node;\n    },\n    [ref],\n  );\n\n  const isValueControlled = valueProp !== undefined;\n  const [uncontrolledValue, setUncontrolledValue] = useState<\n    string | string[] | null\n  >(() => {\n    if (defaultValue !== undefined) return defaultValue;\n    return multiple ? [] : null;\n  });\n\n  const rawValue = isValueControlled ? valueProp! : uncontrolledValue;\n  const singleValue = multiple ? null : toSingleValue(rawValue);\n  const multiValue = useMemo(\n    () => (multiple ? toMultiValue(rawValue) : []),\n    [multiple, rawValue],\n  );\n\n  const isInputControlled = inputValueProp !== undefined;\n  const [uncontrolledInput, setUncontrolledInput] = useState(defaultInputValue);\n  const [isOpen, setIsOpen] = useState(false);\n  const [isFocused, setIsFocused] = useState(false);\n  const [activeIndex, setActiveIndex] = useState(-1);\n  // Hover moves the highlight without scrolling; only keyboard changes scroll the row into view.\n  const activatedByPointer = useRef(false);\n  const selectAllFrame = useRef<number | null>(null);\n  const hoverRow = useCallback(\n    (index: number) => {\n      if (index === activeIndex) return;\n      activatedByPointer.current = true;\n      setActiveIndex(index);\n    },\n    [activeIndex],\n  );\n  const [queryOverride, setQueryOverride] = useState<string | null>(null);\n\n  const resolveOption = useCallback(\n    (optionValue: string): ComboboxOption | undefined =>\n      options.find((o) => o.value === optionValue) ??\n      selectedOptions?.find((o) => o.value === optionValue) ??\n      (creatable ? { value: optionValue, label: optionValue } : undefined),\n    [options, selectedOptions, creatable],\n  );\n\n  const selectedOption = useMemo(\n    () => (singleValue == null ? undefined : resolveOption(singleValue)),\n    [resolveOption, singleValue],\n  );\n\n  // Single-select: show the selected label until the user starts typing a filter.\n  // `queryOverride !== null` means the field is in filter-edit mode.\n  const displayInput = (() => {\n    if (isInputControlled) return inputValueProp!;\n    if (multiple) return uncontrolledInput;\n    if (queryOverride !== null) return queryOverride;\n    return selectedOption?.label ?? uncontrolledInput;\n  })();\n\n  const filterQuery = (() => {\n    if (isInputControlled) return inputValueProp!;\n    if (multiple) return uncontrolledInput;\n    if (queryOverride !== null) return queryOverride;\n    return '';\n  })();\n\n  const setInputDisplay = useCallback(\n    (next: string) => {\n      if (!isInputControlled) {\n        setUncontrolledInput(next);\n        if (!multiple) setQueryOverride(next);\n      }\n      onInputChange?.(next);\n    },\n    [isInputControlled, multiple, onInputChange],\n  );\n\n  const commitValue = useCallback(\n    (next: string | string[] | null) => {\n      if (!isValueControlled) setUncontrolledValue(next);\n      onChange?.(next);\n    },\n    [isValueControlled, onChange],\n  );\n\n  const filteredOptions = useMemo(() => {\n    if (filter === false) return options;\n    const fn = typeof filter === 'function' ? filter : defaultFilter;\n    return options.filter((o) => fn(o, filterQuery));\n  }, [options, filter, filterQuery]);\n\n  const createInput = creatable ? filterQuery.trim() : '';\n  const showCreateRow = useMemo(() => {\n    if (createInput === '') return false;\n    const needle = createInput.toLowerCase();\n    const matches = (text: string) => text.toLowerCase() === needle;\n    const knownOptions = [...options, ...(selectedOptions ?? [])];\n    if (knownOptions.some((o) => matches(o.label) || matches(o.value))) {\n      return false;\n    }\n    const current = multiple\n      ? multiValue\n      : singleValue != null\n        ? [singleValue]\n        : [];\n    return !current.some(matches);\n  }, [\n    createInput,\n    options,\n    selectedOptions,\n    multiple,\n    multiValue,\n    singleValue,\n  ]);\n\n  const rows = useMemo<ComboboxRow[]>(\n    () => [\n      ...filteredOptions.map((option) => ({ kind: 'option' as const, option })),\n      ...(showCreateRow\n        ? [{ kind: 'create' as const, inputValue: createInput }]\n        : []),\n    ],\n    [filteredOptions, showCreateRow, createInput],\n  );\n\n  const rowId = useCallback(\n    (row: ComboboxRow) =>\n      row.kind === 'option'\n        ? `${listboxId}-option-${row.option.value}`\n        : `${listboxId}-create`,\n    [listboxId],\n  );\n\n  const { mounted: popupMounted, visible: popupVisible } =\n    usePopoverTransition(isOpen);\n\n  const {\n    placement,\n    maxHeight,\n    style: popupStyle,\n    portalRef,\n    renderPortal,\n  } = useAnchoredPopupPortal(anchorRef, popupMounted, {\n    preferredHeight: POPUP_MAX_HEIGHT,\n    maxHeightCap: POPUP_MAX_HEIGHT,\n    portalContainer,\n    zIndex,\n  });\n\n  const close = useCallback(() => {\n    setIsOpen(false);\n    setActiveIndex(-1);\n    if (!multiple && !isInputControlled) {\n      setQueryOverride(null);\n      setUncontrolledInput('');\n    }\n  }, [multiple, isInputControlled]);\n\n  const open = useCallback(() => {\n    if (disabled) return;\n    setIsOpen(true);\n  }, [disabled]);\n\n  useOutsideClose(rootRef, isOpen, close, portalRef);\n\n  useEffect(() => {\n    if (!isOpen) return;\n    setActiveIndex((prev) => {\n      if (rows.length === 0) return -1;\n      if (prev >= 0 && prev < rows.length) return prev;\n      const selectedIdx = rows.findIndex(\n        (row) =>\n          row.kind === 'option' &&\n          (multiple\n            ? multiValue.includes(row.option.value)\n            : row.option.value === singleValue),\n      );\n      return selectedIdx >= 0 ? selectedIdx : 0;\n    });\n  }, [isOpen, rows, multiple, multiValue, singleValue]);\n\n  const isSelected = useCallback(\n    (optionValue: string) =>\n      multiple ? multiValue.includes(optionValue) : singleValue === optionValue,\n    [multiple, multiValue, singleValue],\n  );\n\n  const selectOption = useCallback(\n    (option: ComboboxOption) => {\n      if (option.disabled) return;\n\n      if (multiple) {\n        const next = multiValue.includes(option.value)\n          ? multiValue.filter((v) => v !== option.value)\n          : [...multiValue, option.value];\n        commitValue(next);\n        setInputDisplay('');\n        close();\n        inputRef.current?.focus();\n        return;\n      }\n\n      commitValue(option.value);\n      if (!isInputControlled) {\n        setUncontrolledInput('');\n        setQueryOverride(null);\n      } else {\n        onInputChange?.(option.label);\n      }\n      close();\n    },\n    [\n      multiple,\n      multiValue,\n      commitValue,\n      setInputDisplay,\n      isInputControlled,\n      onInputChange,\n      close,\n    ],\n  );\n\n  const createValue = useCallback(\n    (inputValue: string) => {\n      if (onCreateOption) {\n        onCreateOption(inputValue);\n      } else if (multiple) {\n        commitValue([...multiValue, inputValue]);\n      } else {\n        commitValue(inputValue);\n      }\n\n      if (multiple) {\n        setInputDisplay('');\n        close();\n        inputRef.current?.focus();\n        return;\n      }\n      if (!isInputControlled) {\n        setUncontrolledInput('');\n        setQueryOverride(null);\n      } else {\n        onInputChange?.(inputValue);\n      }\n      close();\n    },\n    [\n      onCreateOption,\n      multiple,\n      multiValue,\n      commitValue,\n      setInputDisplay,\n      isInputControlled,\n      onInputChange,\n      close,\n    ],\n  );\n\n  const selectRow = useCallback(\n    (row: ComboboxRow) => {\n      if (row.kind === 'create') createValue(row.inputValue);\n      else selectOption(row.option);\n    },\n    [createValue, selectOption],\n  );\n\n  const clearValue = useCallback(() => {\n    commitValue(null);\n    if (!isInputControlled) {\n      setUncontrolledInput('');\n      setQueryOverride(null);\n    } else {\n      onInputChange?.('');\n    }\n    inputRef.current?.focus();\n  }, [commitValue, isInputControlled, onInputChange]);\n\n  const removeValue = useCallback(\n    (optionValue: string) => {\n      if (!multiple) return;\n      commitValue(multiValue.filter((v) => v !== optionValue));\n    },\n    [multiple, multiValue, commitValue],\n  );\n\n  const moveActive = useCallback(\n    (delta: number) => {\n      activatedByPointer.current = false;\n      const enabled = rows\n        .map((row, i) => ({ row, i }))\n        .filter(({ row }) => !isRowDisabled(row));\n      if (enabled.length === 0) {\n        setActiveIndex(-1);\n        return;\n      }\n      setActiveIndex((prev) => {\n        const currentPos = enabled.findIndex(({ i }) => i === prev);\n        const nextPos =\n          currentPos < 0\n            ? delta > 0\n              ? 0\n              : enabled.length - 1\n            : (currentPos + delta + enabled.length) % enabled.length;\n        return enabled[nextPos].i;\n      });\n    },\n    [rows],\n  );\n\n  useEffect(() => {\n    if (!isOpen || activeIndex < 0) return;\n    if (activatedByPointer.current) {\n      activatedByPointer.current = false;\n      return;\n    }\n    const row = rows[activeIndex];\n    if (!row) return;\n    document.getElementById(rowId(row))?.scrollIntoView?.({ block: 'nearest' });\n  }, [isOpen, activeIndex, rows, rowId]);\n\n  const handleInputChange = (e: ChangeEvent<HTMLInputElement>) => {\n    cancelSelectAll();\n    const next = e.target.value;\n    setInputDisplay(next);\n    if (!isOpen) open();\n    setActiveIndex(0);\n  };\n\n  const cancelSelectAll = () => {\n    if (selectAllFrame.current === null) return;\n    cancelAnimationFrame(selectAllFrame.current);\n    selectAllFrame.current = null;\n  };\n\n  useEffect(() => cancelSelectAll, []);\n\n  const handleFocus = () => {\n    setIsFocused(true);\n    if (openOnFocus) open();\n    // Select-all so the next keystroke replaces the selected label (filter mode).\n    // Cancelled if the user types, navigates or leaves before the frame runs.\n    if (!multiple && !isInputControlled && selectedOption) {\n      cancelSelectAll();\n      selectAllFrame.current = requestAnimationFrame(() => {\n        selectAllFrame.current = null;\n        inputRef.current?.select();\n      });\n    }\n  };\n\n  const handleBlur = (e: FocusEvent<HTMLElement>) => {\n    // Delay so option mousedown can run first\n    const related = e.relatedTarget as Node | null;\n    if (related && rootRef.current?.contains(related)) return;\n    cancelSelectAll();\n    setIsFocused(false);\n  };\n\n  const handleKeyDown = (e: KeyboardEvent<HTMLInputElement>) => {\n    if (disabled) return;\n    cancelSelectAll();\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) {\n          // APG: opening with ArrowUp puts the highlight on the last option.\n          for (let i = rows.length - 1; i >= 0; i--) {\n            if (!isRowDisabled(rows[i])) {\n              setActiveIndex(i);\n              break;\n            }\n          }\n          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        // keyCode 229 covers older Safari, which doesn't set isComposing\n        if (e.nativeEvent.isComposing || e.keyCode === 229) break;\n        if (isOpen || !submitOnEnter) {\n          e.preventDefault();\n          e.stopPropagation();\n        }\n        if (isOpen && activeIndex >= 0 && rows[activeIndex]) {\n          selectRow(rows[activeIndex]);\n        }\n        break;\n      case 'Escape':\n        if (isOpen) {\n          e.preventDefault();\n          e.stopPropagation();\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 handleInputFocus = (e: FocusEvent<HTMLInputElement>) => {\n    handleFocus();\n    onFocus?.(e);\n  };\n\n  const handleInputBlur = (e: FocusEvent<HTMLInputElement>) => {\n    handleBlur(e);\n    onBlur?.(e);\n  };\n\n  const handleInputKeyDown = (e: KeyboardEvent<HTMLInputElement>) => {\n    handleKeyDown(e);\n    onKeyDown?.(e);\n  };\n\n  const handleWrapperMouseDown = (e: MouseEvent<HTMLDivElement>) => {\n    if (disabled) return;\n    // Don't steal focus from chips, their remove buttons, or the clear button\n    if ((e.target as HTMLElement).closest('[data-chip], [data-combobox-clear]'))\n      return;\n    if (e.target !== inputRef.current) {\n      e.preventDefault();\n      inputRef.current?.focus();\n    }\n    if (!isOpen) open();\n  };\n\n  const handlePopupMouseDown = (e: MouseEvent<HTMLDivElement>) => {\n    // Text fields in a custom empty or loading message still need to take focus\n    if (\n      (e.target as HTMLElement).closest(\n        'input, textarea, select, [contenteditable=\"true\"]',\n      )\n    )\n      return;\n    e.preventDefault();\n  };\n\n  const hasSelection = multiple\n    ? multiValue.length > 0\n    : singleValue != null && singleValue !== '';\n  const hasInputText = displayInput.length > 0;\n  const showClearButton = clearable && !multiple && hasSelection && !disabled;\n  const labelFloated = isFocused || isOpen || hasSelection || hasInputText;\n\n  const activeRow = activeIndex >= 0 ? rows[activeIndex] : undefined;\n  const activeDescendant = activeRow != null ? rowId(activeRow) : undefined;\n\n  // Without `selectedOptions`, values in `options` keep their list order (the\n  // original behavior); with it, chips follow value order so they don't jump\n  // around as async results change.\n  const chipOptions = useMemo<ComboboxOption[]>(() => {\n    if (!multiple) return [];\n    if (selectedOptions == null) {\n      const fromOptions = options.filter((o) => multiValue.includes(o.value));\n      if (!creatable) return fromOptions;\n      const listed = new Set(fromOptions.map((o) => o.value));\n      return [\n        ...fromOptions,\n        ...multiValue\n          .filter((v) => !listed.has(v))\n          .map((v) => ({ value: v, label: v })),\n      ];\n    }\n    return multiValue\n      .map(resolveOption)\n      .filter((o): o is ComboboxOption => o != null);\n  }, [\n    multiple,\n    selectedOptions,\n    options,\n    multiValue,\n    creatable,\n    resolveOption,\n  ]);\n\n  const sizeClass = styles[`combobox--size-${toKebab(size)}`];\n  const hasChips = multiple && chipOptions.length > 0;\n  const showInvalid = isFieldInvalid(invalid, message, messageTone);\n  const showMessage = hasFieldMessage(message);\n  const messageId = showMessage ? `${id}-message` : undefined;\n  const rootClass = [\n    styles.combobox,\n    sizeClass,\n    showInvalid ? styles['combobox--invalid'] : '',\n    label != null && labelFloated ? styles['combobox--label-floated'] : '',\n    leadingIcon != null ? styles['combobox--has-leading-icon'] : '',\n    hasChips ? styles['combobox--has-chips'] : '',\n    isOpen ? styles['combobox--open'] : '',\n    disabled ? styles['combobox--disabled'] : '',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <div className={rootClass} ref={rootRef}>\n      <div className={styles.combobox__wrapper} ref={anchorRef}>\n        {label != null && (\n          <label className={styles.combobox__label} htmlFor={id}>\n            {label}\n          </label>\n        )}\n        {/* eslint-disable-next-line jsx-a11y/no-static-element-interactions -- pointer convenience; the input owns keyboard interaction */}\n        <div\n          className={styles.combobox__inner}\n          onMouseDown={handleWrapperMouseDown}\n        >\n          {leadingIcon != null && (\n            <span className={styles['combobox__leading-icon']} aria-hidden>\n              <IconSlotContext.Provider value={{ size: '16' }}>\n                {leadingIcon}\n              </IconSlotContext.Provider>\n            </span>\n          )}\n          <div className={styles.combobox__value}>\n            {multiple && chipOptions.length > 0 && (\n              <ChipGroup\n                aria-label={selectionsLabel ?? defaultSelectionsLabel(label)}\n                disabled={disabled}\n              >\n                {chipOptions.map((option) => (\n                  <Chip\n                    key={option.value}\n                    size={CHIP_SIZE_BY_COMBOBOX[size]}\n                    leadingAvatar={option.leadingAvatar}\n                    leadingIcon={\n                      option.leadingAvatar == null\n                        ? option.leadingVisual\n                        : undefined\n                    }\n                    onRemove={\n                      disabled\n                        ? undefined\n                        : (ev) => {\n                            ev.stopPropagation();\n                            removeValue(option.value);\n                          }\n                    }\n                  >\n                    {option.label}\n                  </Chip>\n                ))}\n              </ChipGroup>\n            )}\n            <input\n              {...rest}\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-describedby={mergeFieldDescribedBy(\n                describedBy,\n                messageId,\n                undefined,\n              )}\n              aria-required={required ? true : undefined}\n              aria-invalid={showInvalid ? 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={handleInputFocus}\n              onBlur={handleInputBlur}\n              onKeyDown={handleInputKeyDown}\n            />\n          </div>\n          {showClearButton && (\n            <button\n              {...clearButtonProps}\n              type=\"button\"\n              className={mergeClassNames(\n                styles.combobox__clear,\n                clearButtonProps?.className,\n              )}\n              aria-label={clearLabel}\n              data-combobox-clear=\"\"\n              onClick={clearValue}\n              onKeyDown={(e) => {\n                // preventDefault() cancels the native click, so clear here.\n                if (e.key === 'Enter') {\n                  e.preventDefault();\n                  e.stopPropagation();\n                  clearValue();\n                }\n                clearButtonProps?.onKeyDown?.(e);\n              }}\n              onBlur={(e) => {\n                clearButtonProps?.onBlur?.(e);\n                handleBlur(e);\n              }}\n            >\n              <Icon size={CLEAR_ICON_SIZE[size]} glyph={<CloseCircleIcon />} />\n            </button>\n          )}\n          <span className={styles['combobox__trailing-icon']} aria-hidden>\n            <Icon size=\"12\" glyph={<ChevronDownIcon />} />\n          </span>\n        </div>\n      </div>\n\n      {showMessage && (\n        <FieldMessage\n          id={messageId}\n          className={styles['combobox__message']}\n          message={message}\n          tone={messageTone ?? 'error'}\n        />\n      )}\n\n      {popupMounted &&\n        renderPortal(\n          // eslint-disable-next-line jsx-a11y/no-static-element-interactions -- keeps focus on the input for presses anywhere in the menu\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            onMouseDown={handlePopupMouseDown}\n          >\n            <PopoverMenu className={styles.combobox__menu}>\n              <PopoverMenuScroll maxHeight={maxHeight}>\n                {rows.length > 0 && (\n                  <ul\n                    id={listboxId}\n                    className={styles.combobox__list}\n                    role=\"listbox\"\n                    aria-multiselectable={multiple || undefined}\n                    aria-label={\n                      typeof label === 'string'\n                        ? label\n                        : (ariaLabel ?? listboxLabel)\n                    }\n                  >\n                    {rows.map((row, index) => {\n                      const active = index === activeIndex;\n                      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                              onMouseEnter={() => hoverRow(index)}\n                              onClick={() => createValue(row.inputValue)}\n                            />\n                          </li>\n                        );\n                      }\n                      const { option } = row;\n                      const selected = isSelected(option.value);\n                      const leading = optionLeadingVisual(option);\n                      return (\n                        <li\n                          key={option.value}\n                          className={styles.combobox__option}\n                          role=\"presentation\"\n                        >\n                          <MenuItem\n                            {...mergeMenuItemProps(\n                              menuItemProps,\n                              option.menuItemProps,\n                            )}\n                            id={rowId(row)}\n                            role=\"option\"\n                            label={option.label}\n                            secondaryLabel={option.secondaryLabel}\n                            leadingElement={leading != null}\n                            leadingVisual={leading}\n                            trailingElement={selected}\n                            active={active}\n                            disabled={option.disabled}\n                            aria-selected={selected}\n                            onMouseEnter={() => hoverRow(index)}\n                            onClick={() => selectOption(option)}\n                          />\n                        </li>\n                      );\n                    })}\n                  </ul>\n                )}\n                {loading ? (\n                  <div className={styles.combobox__loading} role=\"status\">\n                    <Spinner size=\"16\" aria-hidden />\n                    <span>{loadingMessage}</span>\n                  </div>\n                ) : (\n                  rows.length === 0 && (\n                    <p className={styles.combobox__empty}>{emptyMessage}</p>\n                  )\n                )}\n              </PopoverMenuScroll>\n            </PopoverMenu>\n          </div>,\n        )}\n    </div>\n  );\n});\n\nexport default Combobox;\n"],"names":["POPUP_MAX_HEIGHT","CHIP_SIZE_BY_COMBOBOX","CLEAR_ICON_SIZE","defaultSelectionsLabel","label","defaultFormatCreateLabel","inputValue","isRowDisabled","row","defaultFilter","option","query","toSingleValue","value","toMultiValue","optionLeadingVisual","jsx","UserAvatar","TeamAvatar","Combobox","forwardRef","options","menuItemProps","multiple","valueProp","defaultValue","onChange","inputValueProp","defaultInputValue","onInputChange","placeholder","leadingIcon","size","invalid","message","messageTone","disabled","filter","emptyMessage","loading","loadingMessage","selectedOptions","creatable","onCreateOption","formatCreateLabel","clearable","openOnFocus","submitOnEnter","clearLabel","clearButtonProps","selectionsLabel","listboxLabel","className","idProp","ariaLabel","describedBy","required","onFocus","onBlur","onKeyDown","portalContainer","zIndex","rest","ref","generatedId","useId","id","listboxId","rootRef","useRef","anchorRef","inputRef","setInputRef","useCallback","node","isValueControlled","uncontrolledValue","setUncontrolledValue","useState","rawValue","singleValue","multiValue","useMemo","isInputControlled","uncontrolledInput","setUncontrolledInput","isOpen","setIsOpen","isFocused","setIsFocused","activeIndex","setActiveIndex","activatedByPointer","selectAllFrame","hoverRow","index","queryOverride","setQueryOverride","resolveOption","optionValue","o","selectedOption","displayInput","filterQuery","setInputDisplay","next","commitValue","filteredOptions","fn","createInput","showCreateRow","needle","matches","text","rows","rowId","popupMounted","popupVisible","usePopoverTransition","placement","maxHeight","popupStyle","portalRef","renderPortal","useAnchoredPopupPortal","close","open","useOutsideClose","useEffect","prev","selectedIdx","isSelected","selectOption","v","_a","createValue","selectRow","clearValue","removeValue","moveActive","delta","enabled","i","currentPos","nextPos","_b","handleInputChange","cancelSelectAll","handleFocus","handleBlur","related","handleKeyDown","handleInputFocus","handleInputBlur","handleInputKeyDown","handleWrapperMouseDown","handlePopupMouseDown","hasSelection","hasInputText","showClearButton","labelFloated","activeRow","activeDescendant","chipOptions","fromOptions","listed","sizeClass","styles","toKebab","hasChips","showInvalid","isFieldInvalid","showMessage","hasFieldMessage","messageId","rootClass","jsxs","IconSlotContext","ChipGroup","Chip","ev","mergeFieldDescribedBy","mergeClassNames","Icon","CloseCircleIcon","ChevronDownIcon","FieldMessage","PopoverMenu","PopoverMenuScroll","active","MenuItem","PlusIcon","selected","leading","mergeMenuItemProps","Spinner"],"mappings":"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"}

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

@@ -1,2 +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;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./Combobox.css');const o="_combobox_kv957_13",_="_combobox__wrapper_kv957_19",b="_combobox__label_kv957_37",c="_combobox__message_kv957_67",m="_combobox__inner_kv957_70",x="_combobox__value_kv957_86",e="_combobox__control_kv957_96",n="_combobox__clear_kv957_134",l="_combobox__popup_kv957_168",i="_combobox__menu_kv957_184",s="_combobox__empty_kv957_189",a="_combobox__loading_kv957_197",p="_combobox__list_kv957_207",t="_combobox__option_kv957_212",v={combobox:o,combobox__wrapper:_,"combobox--disabled":"_combobox--disabled_kv957_27",combobox__label:b,"combobox--label-floated":"_combobox--label-floated_kv957_58",combobox__message:c,combobox__inner:m,"combobox__leading-icon":"_combobox__leading-icon_kv957_78",combobox__value:x,combobox__control:e,"combobox__trailing-icon":"_combobox__trailing-icon_kv957_121","combobox--open":"_combobox--open_kv957_131",combobox__clear:n,"focus-ring-in":"_focus-ring-in_kv957_1",combobox__popup:l,"combobox__popup--above":"_combobox__popup--above_kv957_175","combobox__popup--visible":"_combobox__popup--visible_kv957_178",combobox__menu:i,combobox__empty:s,combobox__loading:a,combobox__list:p,combobox__option:t,"combobox--size-small":"_combobox--size-small_kv957_216","combobox--has-chips":"_combobox--has-chips_kv957_224","combobox--has-leading-icon":"_combobox--has-leading-icon_kv957_227","combobox--size-medium":"_combobox--size-medium_kv957_244","combobox--size-large":"_combobox--size-large_kv957_277","combobox--invalid":"_combobox--invalid_kv957_310"};exports.combobox=o;exports.combobox__clear=n;exports.combobox__control=e;exports.combobox__empty=s;exports.combobox__inner=m;exports.combobox__label=b;exports.combobox__list=p;exports.combobox__loading=a;exports.combobox__menu=i;exports.combobox__message=c;exports.combobox__option=t;exports.combobox__popup=l;exports.combobox__value=x;exports.combobox__wrapper=_;exports.default=v;
 //# sourceMappingURL=Combobox.module.scss.cjs.map

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

@@ -1,43 +1,48 @@
-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 = {
+import './Combobox.css';const o = "_combobox_kv957_13", _ = "_combobox__wrapper_kv957_19", b = "_combobox__label_kv957_37", c = "_combobox__message_kv957_67", m = "_combobox__inner_kv957_70", x = "_combobox__value_kv957_86", e = "_combobox__control_kv957_96", n = "_combobox__clear_kv957_134", i = "_combobox__popup_kv957_168", l = "_combobox__menu_kv957_184", s = "_combobox__empty_kv957_189", a = "_combobox__loading_kv957_197", p = "_combobox__list_kv957_207", v = "_combobox__option_kv957_212", t = {
   combobox: o,
   combobox__wrapper: _,
-  "combobox--disabled": "_combobox--disabled_1u0w0_16",
+  "combobox--disabled": "_combobox--disabled_kv957_27",
   combobox__label: b,
-  "combobox--label-floated": "_combobox--label-floated_1u0w0_47",
-  combobox__inner: c,
-  combobox__leadingIcon: m,
+  "combobox--label-floated": "_combobox--label-floated_kv957_58",
+  combobox__message: c,
+  combobox__inner: m,
+  "combobox__leading-icon": "_combobox__leading-icon_kv957_78",
   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__control: e,
+  "combobox__trailing-icon": "_combobox__trailing-icon_kv957_121",
+  "combobox--open": "_combobox--open_kv957_131",
+  combobox__clear: n,
+  "focus-ring-in": "_focus-ring-in_kv957_1",
+  combobox__popup: i,
+  "combobox__popup--above": "_combobox__popup--above_kv957_175",
+  "combobox__popup--visible": "_combobox__popup--visible_kv957_178",
+  combobox__menu: l,
+  combobox__empty: s,
+  combobox__loading: a,
   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"
+  combobox__option: v,
+  "combobox--size-small": "_combobox--size-small_kv957_216",
+  "combobox--has-chips": "_combobox--has-chips_kv957_224",
+  "combobox--has-leading-icon": "_combobox--has-leading-icon_kv957_227",
+  "combobox--size-medium": "_combobox--size-medium_kv957_244",
+  "combobox--size-large": "_combobox--size-large_kv957_277",
+  "combobox--invalid": "_combobox--invalid_kv957_310"
 };
 export {
   o as combobox,
-  n as combobox__control,
-  u as combobox__empty,
-  c as combobox__inner,
+  n as combobox__clear,
+  e as combobox__control,
+  s as combobox__empty,
+  m 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,
+  a as combobox__loading,
+  l as combobox__menu,
+  c as combobox__message,
+  v as combobox__option,
+  i as combobox__popup,
   x as combobox__value,
   _ as combobox__wrapper,
-  a as default
+  t as default
 };
 //# sourceMappingURL=Combobox.module.scss.js.map

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

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

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

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

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

@@ -1 +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"}
+{"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,EACd,uBAAuB,GACxB,MAAM,YAAY,CAAC"}

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

@@ -1,2 +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;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),s=require("react"),Xe=require("../button/Button.cjs"),$=require("../icon-button/IconButton.cjs"),N=require("../icon/Icon.cjs"),__De=require("@mattermost/compass-icons/components/calendar-outline.js"),De=__De?.default??__De,__ea=require("@mattermost/compass-icons/components/chevron-down.js"),ea=__ea?.default??__ea,__aa=require("@mattermost/compass-icons/components/chevron-left.js"),aa=__aa?.default??__aa,__ta=require("@mattermost/compass-icons/components/chevron-right.js"),ta=__ta?.default??__ta,na=require("../../hooks/use-anchored-popup-portal.cjs"),ra=require("../../hooks/use-outside-close.cjs"),sa=require("../../hooks/use-popover-transition.cjs"),n=require("./DateRangePicker.module.scss.cjs"),la=360,oa=["Su","Mo","Tu","We","Th","Fr","Sa"],ne=["January","February","March","April","May","June","July","August","September","October","November","December"];function ca(i){if(!i)return"";const[r,p,m]=i.split("-");return`${p}/${m}/${r}`}function re(i,r,p){return`${i}-${String(r+1).padStart(2,"0")}-${String(p).padStart(2,"0")}`}function se(i,r){return new Date(i,r+1,0).getDate()}function ia(i,r){return new Date(i,r,1).getDay()}function le(i,r){return i===r}function ua(i,r,p){if(!r||!p)return!1;const[m,j]=r<p?[r,p]:[p,r];return i>m&&i<j}function F(i,r,p){if(!i)return null;const[m,j,S]=i.split("-").map(Number);return m===r&&j===p+1?S:null}function da({className:i="",mode:r="date",value:p,startDate:m,endDate:j,onChange:S,onRangeChange:O,disabled:_,required:xe,onFocus:P,onBlur:B,label:E,id:je,"aria-label":oe,"aria-labelledby":ce,"aria-describedby":Se,portalContainer:Ie=null,zIndex:we,placeholder:z="mm/dd/yyyy",formatDate:Y=ca,monthNames:K=ne,shortMonthNames:Ce=K===ne?ne.map(H=>H.slice(0,3)):K,weekdayNames:Ne=oa,dialogLabel:ie="Date picker",todayLabel:Ee="Today",previousMonthLabel:Me="Previous month",nextMonthLabel:qe="Next month"}){const H=s.useId(),M=je??H,ue=`${M}-popover`,de=`${M}-label`,fe=`${M}-value`,I=E!=null&&typeof E!="boolean"&&E!=="",L=s.useRef(null),U=s.useRef(null),V=s.useRef(null),w=new Date,W=re(w.getFullYear(),w.getMonth(),w.getDate()),[c,q]=s.useState(w.getFullYear()),[o,R]=s.useState(w.getMonth()),[u,J]=s.useState(!1),[Re,pe]=s.useState(!1),[Z,b]=s.useState(1),[Ae,Te]=s.useState(""),[$e,ge]=s.useState(""),[Fe,he]=s.useState(""),D=p??Ae,d=m??$e,h=j??Fe,ke=r==="date"?!!D:!!d,{mounted:G,visible:Q}=sa.usePopoverTransition(u),{placement:Oe,style:Pe,portalRef:A,renderPortal:Be}=na.useAnchoredPopupPortal(U,G,{preferredHeight:la,portalContainer:Ie,zIndex:we,matchWidth:!1}),k=s.useCallback((e=!0)=>{var a;J(!1),e&&((a=U.current)==null||a.focus())},[]);ra.useOutsideClose(L,u,()=>k(!0),A),s.useEffect(()=>{if(!u)return;function e(a){a.key==="Escape"&&(a.preventDefault(),k(!0))}return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)},[u,k]),s.useEffect(()=>{if(!u)return;function e(a){var f,g;const l=a.target;l&&((f=L.current)!=null&&f.contains(l)||(g=A.current)!=null&&g.contains(l)||k(!1))}return document.addEventListener("focusin",e),()=>document.removeEventListener("focusin",e)},[u,k,A]);const v=se(c,o),ze=s.useCallback(()=>{if(r==="date"){const a=F(D,c,o);if(a)return a}else{const a=F(h,c,o);if(a)return a;const l=F(d,c,o);if(l)return l}const e=F(W,c,o);return e||1},[r,D,d,h,c,o,W]);s.useEffect(()=>{if(!u||!Q)return;const e=ze();b(e);const a=requestAnimationFrame(()=>{var l,f;(f=(l=V.current)==null?void 0:l.querySelector(`[data-day="${e}"]`))==null||f.focus()});return()=>cancelAnimationFrame(a)},[u,Q]);const y=s.useCallback(e=>{b(e),requestAnimationFrame(()=>{var a,l;(l=(a=V.current)==null?void 0:a.querySelector(`[data-day="${e}"]`))==null||l.focus()})},[]),X=s.useCallback(()=>{_||J(e=>!e)},[_]),Ye=s.useCallback(()=>{R(e=>e===0?(q(a=>a-1),11):e-1)},[]),Ke=s.useCallback(()=>{R(e=>e===11?(q(a=>a+1),0):e+1)},[]),x=s.useCallback((e,a)=>{const l=e===-1?o===0?11:o-1:o===11?0:o+1,f=e===-1?o===0?c-1:c:o===11?c+1:c,g=se(f,l);q(f),R(l),y(Math.min(a,g))},[o,c,y]),He=s.useCallback(()=>{const e=new Date;q(e.getFullYear()),R(e.getMonth()),y(e.getDate())},[y]),ee=s.useCallback((e,a)=>{if(r==="date")S?S(e):Te(e),k(!0);else if(!d||d&&h)ge(e),he(""),b(a);else{const[l,f]=e>=d?[d,e]:[e,d];O?O(l,f):(ge(l),he(f)),k(!0)}},[r,d,h,S,O,k]),C=s.useCallback(e=>{const a=Z+e;if(a>=1&&a<=v){y(a);return}a<1?x(-1,se(o===0?c-1:c,o===0?11:o-1)+a):x(1,a-v)},[Z,v,o,c,y,x]),Le=s.useCallback((e,a)=>{switch(e.key){case"ArrowLeft":e.preventDefault(),C(-1);break;case"ArrowRight":e.preventDefault(),C(1);break;case"ArrowUp":e.preventDefault(),C(-7);break;case"ArrowDown":e.preventDefault(),C(7);break;case"Home":e.preventDefault(),y(1);break;case"End":e.preventDefault(),y(v);break;case"PageUp":e.preventDefault(),x(-1,a);break;case"PageDown":e.preventDefault(),x(1,a);break;case"Enter":case" ":e.preventDefault(),b(a),ee(re(c,o,a),a);break}},[C,y,v,x,ee,c,o]),Ue=s.useCallback(e=>{if(!_)switch(e.key){case"Enter":case" ":e.preventDefault(),X();break;case"ArrowDown":u||(e.preventDefault(),J(!0));break;case"Escape":u&&(e.preventDefault(),k(!0));break}},[_,X,u,k]);s.useEffect(()=>{u&&b(e=>Math.min(Math.max(1,e),v))},[u,v,o,c]);const Ve=ia(c,o),T=[...Array(Ve).fill(null),...Array.from({length:v},(e,a)=>a+1)];for(;T.length%7!==0;)T.push(null);const ye=[];for(let e=0;e<T.length;e+=7)ye.push(T.slice(e,e+7));const ae=r==="date"?D?Y(D):"":d?`${Y(d)}${h?` – ${Y(h)}`:""}`:"",We=[n.default["date-range-picker"],u?n.default["date-range-picker--open"]:"",_?n.default["date-range-picker--disabled"]:"",I?n.default["date-range-picker--has-label"]:"",I&&(u||Re||ke)?n.default["date-range-picker--label-floated"]:"",i].filter(Boolean).join(" ");return t.jsxs("div",{ref:L,className:We,children:[I&&t.jsx("span",{id:de,className:n.default["date-range-picker__label"],children:E}),t.jsxs("div",{ref:U,className:n.default["date-range-picker__trigger"],role:"combobox","aria-haspopup":"dialog","aria-expanded":u,"aria-controls":G?ue:void 0,"aria-disabled":_||void 0,"aria-required":xe||void 0,"aria-label":oe??(ce==null&&!I&&!ae&&!z?ie:void 0),"aria-labelledby":ce??(oe==null?I?de:ae||z?fe:void 0:void 0),"aria-describedby":Se,tabIndex:_?-1:0,id:M,"data-has-value":ke?"":void 0,onClick:X,onKeyDown:Ue,onFocus:e=>{pe(!0),P==null||P(e)},onBlur:e=>{pe(!1),B==null||B(e)},children:[t.jsx("span",{className:n.default["date-range-picker__calendar-icon"],"aria-hidden":!0,children:t.jsx(N.default,{size:"16",glyph:t.jsx(De,{})})}),t.jsx("span",{id:fe,className:n.default["date-range-picker__value"],children:ae||z}),t.jsx("span",{className:n.default["date-range-picker__chevron"],"aria-hidden":!0,children:t.jsx(N.default,{size:"12",glyph:t.jsx(ea,{})})})]}),G&&Be(t.jsxs("div",{ref:A,id:ue,className:[n.default["date-range-picker__popover"],Oe==="above"?n.default["date-range-picker__popover--above"]:"",Q?n.default["date-range-picker__popover--visible"]:""].filter(Boolean).join(" "),style:Pe,role:"dialog","aria-modal":"false","aria-label":ie,children:[t.jsxs("div",{className:n.default["date-range-picker__header"],children:[t.jsxs("span",{className:n.default["date-range-picker__month-label"],"aria-live":"polite",children:[Ce[o]," ",c]}),t.jsxs("div",{className:n.default["date-range-picker__header-actions"],children:[t.jsx(Xe.default,{emphasis:"quaternary",size:"small",compact:!0,leadingIcon:t.jsx(N.default,{size:"16",glyph:t.jsx(De,{})}),onClick:He,children:Ee}),t.jsxs("div",{className:n.default["date-range-picker__nav-buttons"],children:[t.jsx($.default,{size:"medium",padding:"compact",icon:t.jsx(N.default,{size:$.ICON_BUTTON_ICON_SIZES.medium,glyph:t.jsx(aa,{})}),onClick:Ye,"aria-label":Me}),t.jsx($.default,{size:"medium",padding:"compact",icon:t.jsx(N.default,{size:$.ICON_BUTTON_ICON_SIZES.medium,glyph:t.jsx(ta,{})}),onClick:Ke,"aria-label":qe})]})]})]}),t.jsx("div",{className:n.default["date-range-picker__weekdays"],"aria-hidden":!0,children:Ne.map((e,a)=>t.jsx("span",{className:n.default["date-range-picker__weekday"],children:e},a))}),t.jsx("div",{ref:V,className:n.default["date-range-picker__grid"],role:"grid","aria-label":`${K[o]} ${c}`,children:ye.map((e,a)=>t.jsx("div",{className:n.default["date-range-picker__week"],role:"row",children:e.map((l,f)=>{if(l==null)return t.jsx("span",{className:n.default["date-range-picker__day-empty"],role:"gridcell"},f);const g=re(c,o,l),ve=g===W,me=r==="range"&&le(g,d),_e=r==="range"&&!!h&&le(g,h),te=r==="date"?le(g,D):me||_e,Je=r==="range"&&ua(g,d,h),be=r==="range"&&!!d&&!!h&&d!==h,Ze=[n.default["date-range-picker__day-cell"],Je?n.default["date-range-picker__day-cell--in-range"]:"",be&&me?n.default["date-range-picker__day-cell--range-start"]:"",be&&_e?n.default["date-range-picker__day-cell--range-end"]:""].filter(Boolean).join(" "),Ge=[n.default["date-range-picker__day"],te?n.default["date-range-picker__day--selected"]:"",ve&&!te?n.default["date-range-picker__day--today"]:""].filter(Boolean).join(" ");return t.jsx("div",{className:Ze,role:"gridcell",children:t.jsx("button",{type:"button",className:Ge,"data-day":l,tabIndex:Z===l?0:-1,onClick:()=>ee(g,l),onFocus:()=>b(l),onKeyDown:Qe=>Le(Qe,l),"aria-label":g,"aria-pressed":te,"aria-current":ve?"date":void 0,children:l})},f)})},a))})]}))]})}exports.default=da;
 //# sourceMappingURL=DateRangePicker.cjs.map