@sproutsocial/seeds-react-menu 1.11.1 → 1.11.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (28) hide show
  1. package/.turbo/turbo-build.log +10 -10
  2. package/CHANGELOG.md +12 -0
  3. package/dist/esm/v3/index.js +1413 -3
  4. package/dist/esm/v3/index.js.map +1 -1
  5. package/dist/v3/index.d.mts +16 -2
  6. package/dist/v3/index.d.ts +16 -2
  7. package/dist/v3/index.js +1418 -2
  8. package/dist/v3/index.js.map +1 -1
  9. package/package.json +1 -1
  10. package/src/v3/Common/ComboboxItem.tsx +4 -0
  11. package/src/v3/Common/ComboboxStyles.tsx +28 -0
  12. package/src/v3/Common/SelectItem.tsx +8 -1
  13. package/src/v3/Common/SelectStyles.tsx +5 -0
  14. package/src/v3/Common/types.ts +1 -0
  15. package/src/v3/ModalStories.stories.tsx +6 -6
  16. package/src/v3/MultiCombobox.stories.tsx +26 -2
  17. package/src/v3/MultiCombobox.tsx +6 -1
  18. package/src/v3/MultiSearchableSelect.stories.tsx +27 -2
  19. package/src/v3/MultiSearchableSelect.tsx +6 -1
  20. package/src/v3/MultiSelect.stories.tsx +63 -40
  21. package/src/v3/MultiSelect.tsx +5 -222
  22. package/src/v3/SingleCombobox.stories.tsx +26 -2
  23. package/src/v3/SingleCombobox.tsx +5 -1
  24. package/src/v3/SingleSearchableSelect.stories.tsx +47 -2
  25. package/src/v3/SingleSearchableSelect.tsx +31 -13
  26. package/src/v3/SingleSelect.stories.tsx +44 -2
  27. package/src/v3/SingleSelect.tsx +5 -2
  28. package/src/v3/storyData.tsx +5 -0
package/dist/esm/v3/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/v3/SingleSelect.tsx","../../../src/v3/SeedsPortal.tsx","../../../src/v3/Common/SelectItem.tsx","../../../src/v3/Common/SelectStyles.tsx","../../../src/v3/Common/SelectIcons.tsx","../../../src/v3/MultiSelect.tsx","../../../src/v3/SingleCombobox.tsx","../../../src/v3/Common/ComboboxItem.tsx","../../../src/v3/Common/ComboboxStyles.tsx","../../../src/v3/Common/VirtualizedComboboxList.tsx","../../../src/v3/MultiCombobox.tsx","../../../src/v3/SingleSearchableSelect.tsx","../../../src/v3/MultiSearchableSelect.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Select } from \"@base-ui/react/select\";\nimport styled from \"styled-components\";\nimport { useSeedsPortalContainer } from \"./SeedsPortal\";\nimport SelectItem from \"./Common/SelectItem\";\nimport type { DataWithId } from \"./Common/types\";\nimport { groupItems } from \"./Common/groupItems\";\nimport {\n Field,\n SelectTrigger,\n SelectIcon,\n SelectGroup,\n SelectGroupLabel,\n SelectSeparator,\n SelectPositioner,\n SelectPopup,\n} from \"./Common/SelectStyles\";\nimport { StyledChevron, ChevronIcon } from \"./Common/SelectIcons\";\n\n// <Listbox(?!\\.|B)\n// ─── Styled components ────────────────────────────────────────────────────────\n\nconst StyledValue = styled(Select.Value)`\n flex: 1;\n text-align: left;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n\n &[data-placeholder] {\n color: ${({ theme }) => theme.colors.text.subtext};\n }\n`;\n\n// ─── Props ────────────────────────────────────────────────────────────────────\n\ninterface SingleSelectBaseProps {\n id?: string;\n placeholder?: string;\n includePlaceholderItem?: boolean;\n}\n\ninterface SingleSelectDataProps<T extends DataWithId>\n extends SingleSelectBaseProps {\n data: T[];\n itemToString: (item: T | null) => string;\n renderItem?: (item: T) => React.ReactNode;\n inputType?: \"icon\" | \"radio\";\n selectedItemId?: T[\"id\"] | null;\n defaultSelectedItemId?: T[\"id\"] | null;\n onSelectedItemIdChange?: (id: T[\"id\"] | null) => void;\n renderSelection?: (item: T) => React.ReactNode;\n groupBy?: (item: T) => string;\n renderGroupHeading?: (label: string) => React.ReactNode;\n children?: never;\n}\n\ninterface SingleSelectChildrenProps extends SingleSelectBaseProps {\n children: React.ReactNode;\n selectedItemId?: string | number | null;\n defaultSelectedItemId?: string | number | null;\n onSelectedItemIdChange?: (id: string | number | null) => void;\n data?: never;\n itemToString?: never;\n renderItem?: never;\n inputType?: never;\n renderSelection?: never;\n groupBy?: never;\n renderGroupHeading?: never;\n}\n\nexport type SingleSelectProps<T extends DataWithId> =\n | SingleSelectDataProps<T>\n | SingleSelectChildrenProps;\n\n// ─── Component ────────────────────────────────────────────────────────────────\n\nexport default function SingleSelect<T extends DataWithId>(\n props: SingleSelectProps<T>\n) {\n const { id, placeholder, includePlaceholderItem } = props;\n\n const isChildrenMode = \"children\" in props && props.children != null;\n\n const selectedItemId = props.selectedItemId;\n const defaultSelectedItemId = props.defaultSelectedItemId;\n const onSelectedItemIdChange = props.onSelectedItemIdChange;\n\n const data = isChildrenMode ? [] : (props as SingleSelectDataProps<T>).data;\n const itemToString = isChildrenMode\n ? () => \"\"\n : (props as SingleSelectDataProps<T>).itemToString;\n const renderItem = isChildrenMode\n ? undefined\n : (props as SingleSelectDataProps<T>).renderItem;\n const inputType = isChildrenMode\n ? \"icon\"\n : (props as SingleSelectDataProps<T>).inputType ?? \"icon\";\n const renderSelection = isChildrenMode\n ? undefined\n : (props as SingleSelectDataProps<T>).renderSelection;\n const groupBy = isChildrenMode\n ? undefined\n : (props as SingleSelectDataProps<T>).groupBy;\n const renderGroupHeading = isChildrenMode\n ? undefined\n : (props as SingleSelectDataProps<T>).renderGroupHeading;\n const children = isChildrenMode\n ? (props as SingleSelectChildrenProps).children\n : undefined;\n\n const { containerRef, portalContainer } = useSeedsPortalContainer();\n const items = React.useMemo(() => {\n const dataItems = data.map((item) => ({\n value: String(item.id),\n label: itemToString(item),\n }));\n if (includePlaceholderItem) {\n return [{ value: null, label: placeholder ?? \"\" }, ...dataItems];\n }\n return dataItems;\n }, [data, itemToString, includePlaceholderItem, placeholder]);\n\n const dataWithPlaceholder = includePlaceholderItem\n ? [{ id: null, value: null, label: placeholder ?? \"\" }, ...data]\n : data;\n\n const isControlled = selectedItemId !== undefined;\n const [internalValue, setInternalValue] = React.useState<string | null>(\n defaultSelectedItemId != null ? String(defaultSelectedItemId) : null\n );\n const value = isControlled\n ? selectedItemId != null\n ? String(selectedItemId)\n : null\n : internalValue;\n\n const selectedItem = React.useMemo(\n () =>\n value != null ? data.find((d) => String(d.id) === value) ?? null : null,\n [data, value]\n );\n\n function handleValueChange(newValue: string | null) {\n if (!isControlled) {\n setInternalValue(newValue);\n }\n if (onSelectedItemIdChange) {\n if (newValue == null) {\n onSelectedItemIdChange(null);\n } else {\n const item = data.find((d) => String(d.id) === newValue);\n onSelectedItemIdChange(item ? item.id : null);\n }\n }\n }\n\n return (\n <Field>\n <div ref={containerRef} style={{ position: \"relative\" }} />\n <Select.Root\n items={items}\n value={value}\n onValueChange={handleValueChange}\n id={id}\n >\n <SelectTrigger>\n <StyledValue placeholder={placeholder}>\n {renderSelection && selectedItem\n ? renderSelection(selectedItem)\n : undefined}\n </StyledValue>\n <SelectIcon>\n <StyledChevron data-chevron>\n <ChevronIcon />\n </StyledChevron>\n </SelectIcon>\n </SelectTrigger>\n <Select.Portal container={portalContainer}>\n <SelectPositioner sideOffset={8} alignItemWithTrigger={false}>\n <SelectPopup>\n <Select.ScrollUpArrow />\n <Select.List>\n {children ? (\n children\n ) : groupBy ? (\n groupItems(data, groupBy).map((group, index, arr) => (\n <React.Fragment key={group.value}>\n <SelectGroup>\n <SelectGroupLabel>\n {renderGroupHeading\n ? renderGroupHeading(group.value)\n : group.value}\n </SelectGroupLabel>\n {group.items.map((item) => (\n <SelectItem\n key={item.id}\n value={String(item.id)}\n label={itemToString(item)}\n inputType={inputType}\n renderItem={\n renderItem\n ? () => renderItem(item)\n : () => itemToString(item)\n }\n />\n ))}\n </SelectGroup>\n {index < arr.length - 1 && <SelectSeparator />}\n </React.Fragment>\n ))\n ) : (\n // TODO: need to add a placeholder item when includePlaceholderItem is true\n <>\n {includePlaceholderItem && (\n <SelectItem\n key={\"placeholder\"}\n value={null}\n label={placeholder ?? \"\"}\n />\n )}\n {data.map((item) => (\n <SelectItem\n key={item.id}\n value={String(item.id)}\n label={itemToString(item)}\n inputType={inputType}\n renderItem={\n renderItem\n ? () => renderItem(item)\n : () => itemToString(item)\n }\n />\n ))}\n </>\n )}\n </Select.List>\n <Select.ScrollDownArrow />\n </SelectPopup>\n </SelectPositioner>\n </Select.Portal>\n </Select.Root>\n </Field>\n );\n}\n","import * as React from \"react\";\nimport { DisablePortalToBodyContext } from \"@sproutsocial/seeds-react-portal\";\n\n/**\n * Returns the portal container to use for Base UI's Select.Portal /\n * Combobox.Portal. When inside a Modal V2 or Drawer (which set\n * DisablePortalToBodyContext=true), returns a ref'd div rendered inline so\n * the popup stays inside the Radix Dialog's focus/pointer boundary.\n * Otherwise returns undefined, letting Base UI portal to document.body.\n *\n * Usage:\n * const { containerRef, portalContainer } = useSeedsPortalContainer();\n * <div ref={containerRef} style={{ position: \"relative\" }} />\n * <Select.Portal container={portalContainer}>...</Select.Portal>\n */\nexport function useSeedsPortalContainer() {\n const disablePortalToBody = React.useContext(DisablePortalToBodyContext);\n const containerRef = React.useRef<HTMLDivElement>(null);\n const [portalContainer, setPortalContainer] = React.useState<\n HTMLElement | undefined\n >(undefined);\n\n React.useEffect(() => {\n if (disablePortalToBody && containerRef.current) {\n // Portal to the Radix Dialog content element so the popup escapes the\n // ModalBody scroll container while staying inside the Dialog boundary\n // (required for Radix focus/pointer-events containment).\n const dialogContent =\n containerRef.current.closest<HTMLElement>(\"[role='dialog']\");\n setPortalContainer(dialogContent ?? containerRef.current);\n }\n }, [disablePortalToBody]);\n\n return { containerRef, portalContainer, disablePortalToBody };\n}\n","import * as React from \"react\";\nimport { Select } from \"@base-ui/react/select\";\nimport styled from \"styled-components\";\nimport Radio from \"@sproutsocial/seeds-react-radio\";\nimport Checkbox from \"@sproutsocial/seeds-react-checkbox\";\nimport { Icon } from \"@sproutsocial/seeds-react-icon\";\n\n// ─── Styled components ────────────────────────────────────────────────────────\n\nexport const StyledItem = styled(Select.Item)`\n display: flex;\n align-items: center;\n gap: 8px;\n padding: 6px 8px;\n border-radius: ${({ theme }) => theme.radii[500]};\n font-size: 14px;\n color: ${({ theme }) => theme.colors.text.body};\n cursor: default;\n outline: none;\n\n &[data-highlighted] {\n background: ${({ theme }) => theme.colors.listItem.background.hover};\n }\n\n &[data-selected] {\n font-weight: ${({ theme }) => theme.fontWeights.semibold};\n }\n\n &[data-disabled] {\n opacity: 0.5;\n cursor: not-allowed;\n }\n`;\n\nexport const StyledItemIndicator = styled(Select.ItemIndicator)`\n display: flex;\n align-items: center;\n width: 16px;\n color: ${({ theme }) => theme.colors.text.body};\n visibility: hidden;\n\n &[data-selected] {\n visibility: visible;\n }\n`;\n\nexport const StyledItemText = styled(Select.ItemText)``;\n\n// ─── Icons ────────────────────────────────────────────────────────────────────\n\nfunction CheckIcon() {\n return <Icon name=\"check-outline\" fixedWidth aria-hidden />;\n}\n\n// ─── Component ────────────────────────────────────────────────────────────────\n\ninterface SelectItemProps {\n value: string | null;\n label: string;\n inputType?: \"icon\" | \"radio\" | \"checkbox\" | \"none\";\n renderItem?: () => React.ReactNode;\n hidden?: boolean;\n}\n\nexport default function SelectItem({\n value,\n label,\n inputType = \"icon\",\n renderItem,\n hidden,\n}: SelectItemProps) {\n return (\n <StyledItem value={value} style={hidden ? { display: \"none\" } : undefined}>\n {inputType === \"radio\" ? (\n <StyledItemIndicator\n keepMounted\n render={(_props, state) => (\n <Radio\n checked={state.selected}\n onChange={() => {}}\n tabIndex={-1}\n id={`radio-${value}`}\n name=\"select-item\"\n />\n )}\n />\n ) : inputType === \"checkbox\" ? (\n <StyledItemIndicator\n keepMounted\n render={(_props, state) => (\n <Checkbox\n checked={state.selected}\n onChange={() => {}}\n tabIndex={-1}\n id={`checkbox-${value}`}\n name=\"select-item\"\n />\n )}\n />\n ) : inputType === \"icon\" ? (\n <StyledItemIndicator keepMounted>\n <CheckIcon />\n </StyledItemIndicator>\n ) : null}\n <StyledItemText>{renderItem ? renderItem() : label}</StyledItemText>\n </StyledItem>\n );\n}\n","import { Select } from \"@base-ui/react/select\";\nimport styled from \"styled-components\";\nimport { focusRing } from \"@sproutsocial/seeds-react-mixins\";\n\nexport const Field = styled.div`\n display: flex;\n flex-direction: column;\n gap: ${({ theme }) => theme.space[200]};\n`;\n\nexport const SelectLabel = styled(Select.Label)`\n font-size: ${({ theme }) => theme.typography[200].fontSize};\n font-weight: ${({ theme }) => theme.fontWeights.semibold};\n color: ${({ theme }) => theme.colors.text.body};\n`;\n\nexport const SelectTrigger = styled(Select.Trigger)`\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: ${({ theme }) => theme.space[300]};\n padding: ${({ theme }) => `${theme.space[300]}`};\n min-width: 160px;\n border-radius: ${({ theme }) => theme.radii[500]};\n border: 1px solid ${({ theme }) => theme.colors.form.border.base};\n background: ${({ theme }) => theme.colors.form.background.base};\n font-size: ${({ theme }) => theme.typography[200].fontSize};\n color: ${({ theme }) => theme.colors.text.body};\n cursor: default;\n outline: none;\n transition: border-color ${({ theme }) => theme.duration.fast}\n ${({ theme }) => theme.easing.ease_in},\n box-shadow ${({ theme }) => theme.duration.fast}\n ${({ theme }) => theme.easing.ease_in};\n\n &:focus-visible {\n ${focusRing}\n }\n\n &[data-popup-open] {\n ${focusRing}\n }\n\n &[data-popup-open] [data-chevron] {\n transform: rotate(-180deg);\n }\n`;\n\nexport const SelectValue = styled(Select.Value)`\n min-width: 0;\n overflow: hidden;\n`;\n\nexport const SelectIcon = styled(Select.Icon)`\n display: flex;\n align-items: center;\n color: ${({ theme }) => theme.colors.icon.base};\n flex-shrink: 0;\n`;\n\nexport const SelectGroup = styled(Select.Group)`\n display: block;\n`;\n\nexport const SelectGroupLabel = styled(Select.GroupLabel)`\n padding: ${({ theme }) =>\n `${theme.space[300]} ${theme.space[300]} ${theme.space[200]}`};\n font-size: ${({ theme }) => theme.typography[100].fontSize};\n font-weight: ${({ theme }) => theme.fontWeights.semibold};\n text-transform: uppercase;\n letter-spacing: 0.05em;\n color: ${({ theme }) => theme.colors.text.subtext};\n`;\n\nexport const SelectSeparator = styled(Select.Separator)`\n height: 1px;\n margin: ${({ theme }) => `${theme.space[200]} ${theme.space[300]}`};\n background: ${({ theme }) => theme.colors.container.border.base};\n`;\n\nexport const SelectPositioner = styled(Select.Positioner)`\n width: var(--anchor-width);\n z-index: 7;\n`;\n\nexport const SelectPopup = styled(Select.Popup)`\n font-family: ${({ theme }) => theme.fontFamily};\n background: ${({ theme }) => theme.colors.container.background.base};\n border: 1px solid ${({ theme }) => theme.colors.container.border.base};\n border-radius: ${({ theme }) => theme.radii[500]};\n box-shadow: ${({ theme }) => theme.shadows.low};\n outline: none;\n max-height: min(var(--base-ui-available-height, 400px), 400px);\n overflow-y: auto;\n padding: ${({ theme }) => theme.space[200]};\n\n &[data-open] {\n animation: select-popup-in 120ms ease-out;\n }\n\n &[data-closed] {\n animation: select-popup-out 100ms ease-in;\n }\n\n @keyframes select-popup-in {\n from {\n opacity: 0;\n transform: scale(0.95);\n }\n to {\n opacity: 1;\n transform: scale(1);\n }\n }\n\n @keyframes select-popup-out {\n from {\n opacity: 1;\n transform: scale(1);\n }\n to {\n opacity: 0;\n transform: scale(0.95);\n }\n }\n`;\n","import * as React from \"react\";\nimport styled from \"styled-components\";\nimport { Icon } from \"@sproutsocial/seeds-react-icon\";\n\nexport interface StyledChevronProps {\n $isOpen?: boolean;\n}\n\nexport const StyledChevron = styled.div<StyledChevronProps>`\n display: flex;\n align-items: center;\n transition: transform 0.15s;\n ${({ $isOpen }) => $isOpen && \"transform: rotate(-180deg);\"}\n`;\n\nexport function ChevronIcon() {\n return <Icon name=\"chevron-down-outline\" fixedWidth aria-hidden />;\n}\n\nexport function ClearIcon() {\n return <Icon name=\"circle-x-outline\" fixedWidth aria-hidden size=\"mini\" />;\n}\n\nexport function CheckIcon() {\n return <Icon name=\"check-outline\" fixedWidth aria-hidden />;\n}\n","import * as React from \"react\";\nimport { Select } from \"@base-ui/react/select\";\nimport styled from \"styled-components\";\nimport { useSeedsPortalContainer } from \"./SeedsPortal\";\nimport SelectItem from \"./Common/SelectItem\";\nimport type { DataWithId } from \"./Common/types\";\nimport { groupItems } from \"./Common/groupItems\";\nimport {\n Field,\n SelectTrigger,\n SelectValue,\n SelectIcon,\n SelectGroup,\n SelectGroupLabel,\n SelectSeparator,\n SelectPositioner,\n SelectPopup,\n} from \"./Common/SelectStyles\";\nimport { StyledChevron, ChevronIcon } from \"./Common/SelectIcons\";\n\n// ─── Styled components ────────────────────────────────────────────────────────\n\nconst SelectionText = styled.span`\n flex: 1;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n`;\n\n// The styles in here need cleaned up, but in MultiSearchableSelect are correct\nconst Placeholder = styled.div`\n color: ${({ theme }) => theme.colors.text.subtext};\n font-size: ${({ theme }) => theme.typography[200].fontSize};\n line-height: 16px;\n padding-top: 2px;\n padding-bottom: 2px;\n margin: 2px 8px 0px 0px;\n`;\n\n// ─── Props ────────────────────────────────────────────────────────────────────\n\ninterface MultiSelectBaseProps {\n id?: string;\n placeholder?: string;\n}\n\ninterface MultiSelectDataProps<T extends DataWithId>\n extends MultiSelectBaseProps {\n data: T[];\n itemToString: (item: T) => string;\n renderItem?: (item: T) => React.ReactNode;\n customRenderSelections?: (item: T) => string;\n renderSelection?: (items: T[]) => React.ReactNode;\n inputType?: \"icon\" | \"radio\" | \"checkbox\" | \"none\";\n maxSelections?: number;\n selectedItemIds?: Array<T[\"id\"]>;\n defaultSelectedItemIds?: Array<T[\"id\"]>;\n onSelectedItemIdsChange?: (ids: Array<T[\"id\"]>) => void;\n groupBy?: (item: T) => string;\n renderGroupHeading?: (label: string) => React.ReactNode;\n removeSelectedItems?: boolean;\n children?: never;\n}\n\ninterface MultiSelectChildrenProps extends MultiSelectBaseProps {\n children: React.ReactNode;\n selectedItemIds?: Array<string | number>;\n defaultSelectedItemIds?: Array<string | number>;\n onSelectedItemIdsChange?: (ids: Array<string | number>) => void;\n data?: never;\n itemToString?: never;\n renderItem?: never;\n customRenderSelections?: never;\n renderSelection?: never;\n inputType?: never;\n maxSelections?: never;\n groupBy?: never;\n renderGroupHeading?: never;\n removeSelectedItems?: never;\n}\n\n/*\n'use client';\nimport * as React from 'react';\nimport { Combobox } from '@base-ui/react/combobox';\n\nexport default function ExampleAsyncMultipleCombobox() {\n const id = React.useId();\n\n const [searchResults, setSearchResults] = React.useState<DirectoryUser[]>([]);\n const [selectedValues, setSelectedValues] = React.useState<DirectoryUser[]>([]);\n const [searchValue, setSearchValue] = React.useState('');\n const [error, setError] = React.useState<string | null>(null);\n const [blockStartStatus, setBlockStartStatus] = React.useState(false);\n\n const [isPending, startTransition] = React.useTransition();\n\n const { contains } = Combobox.useFilter();\n\n const abortControllerRef = React.useRef<AbortController | null>(null);\n const selectedValuesRef = React.useRef<DirectoryUser[]>([]);\n\n const trimmedSearchValue = searchValue.trim();\n\n const items = React.useMemo(() => {\n if (selectedValues.length === 0) {\n return searchResults;\n }\n\n const merged = [...searchResults];\n\n selectedValues.forEach((user) => {\n if (!searchResults.some((result) => result.id === user.id)) {\n merged.push(user);\n }\n });\n\n return merged;\n }, [searchResults, selectedValues]);\n\n function getStatus() {\n if (isPending) {\n return (\n <React.Fragment>\n <span\n aria-hidden\n className=\"inline-block size-3 animate-[spin_0.75s_linear_infinite] rounded-full border border-current border-r-transparent rtl:border-r-current rtl:border-l-transparent\"\n />\n Searching…\n </React.Fragment>\n );\n }\n\n if (error) {\n return error;\n }\n\n if (trimmedSearchValue === '' && !blockStartStatus) {\n return selectedValues.length > 0 ? null : 'Start typing to search people…';\n }\n\n if (searchResults.length === 0 && !blockStartStatus) {\n return `No matches for \"${trimmedSearchValue}\".`;\n }\n\n return null;\n }\n\n function getEmptyMessage() {\n if (trimmedSearchValue === '' || isPending || searchResults.length > 0 || error) {\n return null;\n }\n\n return 'Try a different search term.';\n }\n\n const status = getStatus();\n const emptyMessage = getEmptyMessage();\n\n return (\n <Combobox.Root\n items={items}\n itemToStringLabel={(user: DirectoryUser) => user.name}\n multiple\n filter={null}\n onOpenChangeComplete={(open) => {\n if (!open) {\n setSearchResults(selectedValuesRef.current);\n setBlockStartStatus(false);\n }\n }}\n onValueChange={(nextSelectedValues) => {\n selectedValuesRef.current = nextSelectedValues;\n setSelectedValues(nextSelectedValues);\n setSearchValue('');\n setError(null);\n\n if (nextSelectedValues.length === 0) {\n setSearchResults([]);\n setBlockStartStatus(false);\n } else {\n setBlockStartStatus(true);\n }\n }}\n onInputValueChange={(nextSearchValue, { reason }) => {\n setSearchValue(nextSearchValue);\n\n const controller = new AbortController();\n abortControllerRef.current?.abort();\n abortControllerRef.current = controller;\n\n if (nextSearchValue === '') {\n setSearchResults(selectedValuesRef.current);\n setError(null);\n setBlockStartStatus(false);\n return;\n }\n\n if (reason === 'item-press') {\n return;\n }\n startTransition(async () => {\n setError(null);\n\n const result = await searchUsers(nextSearchValue, contains);\n\n if (controller.signal.aborted) {\n return;\n }\n\n startTransition(() => {\n setSearchResults(result.users);\n setError(result.error);\n });\n });\n }}\n >\n <div className=\"flex flex-col gap-1 text-sm text-gray-900\">\n <label className=\"inline-flex text-inherit font-bold\" htmlFor={id}>\n Assign reviewers\n </label>\n <Combobox.InputGroup className=\"relative flex min-h-10 w-[16rem] cursor-text rounded-md border border-gray-200 bg-[canvas] px-1.5 py-1 focus-within:outline-2 focus-within:-outline-offset-1 focus-within:outline-blue-800 md:w-[20rem]\">\n <Combobox.Chips className=\"flex w-full flex-wrap items-center gap-1\">\n <Combobox.Value>\n {(value: DirectoryUser[]) => (\n <React.Fragment>\n {value.map((user) => (\n <Combobox.Chip\n key={user.id}\n className=\"flex cursor-default items-center gap-1 rounded-md bg-gray-100 py-1 pl-2 pr-1 text-sm text-gray-900 outline-none focus-within:bg-blue-800 focus-within:text-gray-50 [@media(hover:hover)]:[&[data-highlighted]]:bg-blue-800 [@media(hover:hover)]:[&[data-highlighted]]:text-gray-50\"\n aria-label={user.name}\n >\n {user.name}\n <Combobox.ChipRemove\n className=\"inline-flex items-center justify-center rounded-md border-none bg-transparent p-[0.2rem] text-inherit hover:bg-gray-200\"\n aria-label={`Remove ${user.name}`}\n >\n <XIcon />\n </Combobox.ChipRemove>\n </Combobox.Chip>\n ))}\n <Combobox.Input\n id={id}\n placeholder={value.length > 0 ? '' : 'e.g. Michael'}\n className=\"h-8 min-w-24 flex-1 rounded-md border-0 bg-transparent pl-2 text-base font-normal text-gray-900 outline-none placeholder:font-normal\"\n />\n </React.Fragment>\n )}\n </Combobox.Value>\n </Combobox.Chips>\n </Combobox.InputGroup>\n </div>\n\n <Combobox.Portal>\n <Combobox.Positioner className=\"outline-none\" sideOffset={4}>\n <Combobox.Popup\n className=\"box-border w-[var(--anchor-width)] max-h-[min(var(--available-height),23rem)] max-w-[var(--available-width)] origin-[var(--transform-origin)] overflow-y-auto scroll-pb-2 scroll-pt-2 overscroll-contain rounded-md bg-[canvas] py-2 text-gray-900 shadow-[0_10px_15px_-3px_var(--color-gray-200),0_4px_6px_-4px_var(--color-gray-200)] outline outline-1 outline-gray-200 transition-[opacity,transform,scale] duration-100 data-[ending-style]:transition-none data-[starting-style]:scale-95 data-[starting-style]:opacity-0 dark:-outline-offset-1 dark:shadow-none dark:outline-gray-300\"\n aria-busy={isPending || undefined}\n >\n <Combobox.Status>\n {status ? (\n <div className=\"flex items-center gap-2 py-1 pl-4 pr-5 text-sm text-gray-600\">\n {status}\n </div>\n ) : null}\n </Combobox.Status>\n <Combobox.Empty>\n {emptyMessage ? (\n <div className=\"box-border px-4 py-2 text-sm leading-4 text-gray-600\">\n {emptyMessage}\n </div>\n ) : null}\n </Combobox.Empty>\n <Combobox.List>\n {(user: DirectoryUser) => (\n <Combobox.Item\n key={user.id}\n value={user}\n className=\"grid cursor-default select-none grid-cols-[0.75rem_1fr] items-start gap-2 py-2 pl-4 pr-5 text-base leading-[1.2rem] outline-none [@media(hover:hover)]:[&[data-highlighted]]:relative [@media(hover:hover)]:[&[data-highlighted]]:z-0 [@media(hover:hover)]:[&[data-highlighted]]:text-gray-900 [@media(hover:hover)]:[&[data-highlighted]]:before:absolute [@media(hover:hover)]:[&[data-highlighted]]:before:inset-y-0 [@media(hover:hover)]:[&[data-highlighted]]:before:inset-x-2 [@media(hover:hover)]:[&[data-highlighted]]:before:z-[-1] [@media(hover:hover)]:[&[data-highlighted]]:before:rounded [@media(hover:hover)]:[&[data-highlighted]]:before:bg-gray-100 [@media(hover:hover)]:[&[data-highlighted]]:before:content-['']\"\n >\n <Combobox.ItemIndicator className=\"col-start-1 mt-1\">\n <CheckIcon className=\"size-3\" />\n </Combobox.ItemIndicator>\n <span className=\"col-start-2 flex flex-col gap-1\">\n <span className=\"text-[0.95rem] font-bold\">{user.name}</span>\n <span className=\"flex flex-wrap gap-2 text-[0.8125rem] text-gray-600\">\n <span className=\"opacity-80\">@{user.username}</span>\n <span>{user.title}</span>\n </span>\n <span className=\"text-xs text-gray-500\">{user.email}</span>\n </span>\n </Combobox.Item>\n )}\n </Combobox.List>\n </Combobox.Popup>\n </Combobox.Positioner>\n </Combobox.Portal>\n </Combobox.Root>\n*/\n\nexport type MultiSelectProps<T extends DataWithId> =\n | MultiSelectDataProps<T>\n | MultiSelectChildrenProps;\n\n// ─── Component ────────────────────────────────────────────────────────────────\n\nexport default function MultiSelect<T extends DataWithId>(\n props: MultiSelectProps<T>\n) {\n const { id, placeholder = \"Select...\" } = props;\n\n const isChildrenMode = \"children\" in props && props.children != null;\n\n const data = isChildrenMode ? [] : (props as MultiSelectDataProps<T>).data;\n const itemToString = isChildrenMode\n ? () => \"\"\n : (props as MultiSelectDataProps<T>).itemToString;\n const renderItem = isChildrenMode\n ? undefined\n : (props as MultiSelectDataProps<T>).renderItem;\n const customRenderSelections = isChildrenMode\n ? undefined\n : (props as MultiSelectDataProps<T>).customRenderSelections;\n const maxSelections = isChildrenMode\n ? undefined\n : (props as MultiSelectDataProps<T>).maxSelections;\n const renderSelection = isChildrenMode\n ? undefined\n : (props as MultiSelectDataProps<T>).renderSelection;\n const removeSelectedItems = isChildrenMode\n ? false\n : (props as MultiSelectDataProps<T>).removeSelectedItems ?? false;\n const inputType = isChildrenMode\n ? \"checkbox\"\n : removeSelectedItems\n ? \"none\"\n : (props as MultiSelectDataProps<T>).inputType ?? \"checkbox\";\n const selectedItemIds = props.selectedItemIds;\n const defaultSelectedItemIds = props.defaultSelectedItemIds;\n const onSelectedItemIdsChange = props.onSelectedItemIdsChange;\n const groupBy = isChildrenMode\n ? undefined\n : (props as MultiSelectDataProps<T>).groupBy;\n const renderGroupHeading = isChildrenMode\n ? undefined\n : (props as MultiSelectDataProps<T>).renderGroupHeading;\n const children = isChildrenMode\n ? (props as MultiSelectChildrenProps).children\n : undefined;\n\n const { containerRef, portalContainer } = useSeedsPortalContainer();\n\n const isControlled = selectedItemIds !== undefined;\n\n const [internalValue, setInternalValue] = React.useState<string[]>(\n () => defaultSelectedItemIds?.map(String) ?? []\n );\n\n const value = isControlled ? selectedItemIds!.map(String) : internalValue;\n\n const items = React.useMemo(\n () =>\n data.map((item) => ({\n value: String(item.id),\n label: itemToString(item),\n })),\n [data, itemToString]\n );\n\n const selectedItems = React.useMemo(\n () =>\n value\n .map((v) => data.find((d) => String(d.id) === v))\n .filter((d): d is T => d != null),\n [data, value]\n );\n\n function handleValueChange(newValues: string[]) {\n if (!isControlled) {\n setInternalValue(newValues);\n }\n if (onSelectedItemIdsChange) {\n const ids = newValues.map((v) => {\n const item = data.find((d) => String(d.id) === v);\n return item ? item.id : v;\n });\n onSelectedItemIdsChange(ids as Array<T[\"id\"]>);\n }\n }\n\n return (\n <Field>\n <div ref={containerRef} style={{ position: \"relative\" }} />\n <Select.Root\n multiple\n items={items}\n value={value}\n onValueChange={handleValueChange}\n id={id}\n >\n <SelectTrigger>\n <SelectValue>\n {() => {\n if (renderSelection) return renderSelection(selectedItems);\n if (selectedItems.length === 0)\n return <Placeholder>{placeholder}</Placeholder>;\n\n const visibleItems =\n maxSelections != null\n ? selectedItems.slice(0, maxSelections)\n : selectedItems;\n const overflowCount =\n maxSelections != null && selectedItems.length > maxSelections\n ? selectedItems.length - maxSelections\n : 0;\n\n const text = visibleItems\n .map((item) =>\n customRenderSelections\n ? customRenderSelections(item)\n : itemToString(item)\n )\n .join(\", \");\n\n return (\n <SelectionText>\n {text}\n {overflowCount > 0 ? `, +${overflowCount}` : \"\"}\n </SelectionText>\n );\n }}\n </SelectValue>\n <SelectIcon>\n <StyledChevron data-chevron>\n <ChevronIcon />\n </StyledChevron>\n </SelectIcon>\n </SelectTrigger>\n <Select.Portal container={portalContainer}>\n <SelectPositioner sideOffset={8} alignItemWithTrigger={false}>\n <SelectPopup>\n <Select.ScrollUpArrow />\n <Select.List>\n {children\n ? children\n : groupBy\n ? groupItems(data, groupBy).map((group, index, arr) => (\n <React.Fragment key={group.value}>\n <SelectGroup>\n <SelectGroupLabel>\n {renderGroupHeading\n ? renderGroupHeading(group.value)\n : group.value}\n </SelectGroupLabel>\n {group.items.map((item) => (\n <SelectItem\n key={item.id}\n value={String(item.id)}\n label={itemToString(item)}\n inputType={inputType}\n hidden={\n removeSelectedItems &&\n value.includes(String(item.id))\n }\n renderItem={\n renderItem ? () => renderItem(item) : undefined\n }\n />\n ))}\n </SelectGroup>\n {index < arr.length - 1 && <SelectSeparator />}\n </React.Fragment>\n ))\n : data.map((item) => (\n <SelectItem\n key={item.id}\n value={String(item.id)}\n label={itemToString(item)}\n inputType={inputType}\n hidden={\n removeSelectedItems && value.includes(String(item.id))\n }\n renderItem={\n renderItem\n ? () => renderItem(item)\n : () => itemToString(item)\n }\n />\n ))}\n </Select.List>\n <Select.ScrollDownArrow />\n </SelectPopup>\n </SelectPositioner>\n </Select.Portal>\n </Select.Root>\n </Field>\n );\n}\n","import * as React from \"react\";\nimport { Combobox } from \"@base-ui/react/combobox\";\nimport { useVirtualizer } from \"@tanstack/react-virtual\";\nimport { useSeedsPortalContainer } from \"./SeedsPortal\";\nimport ComboboxItem from \"./Common/ComboboxItem\";\nimport VirtualizedComboboxList from \"./Common/VirtualizedComboboxList\";\nimport type { DataWithId } from \"./Common/types\";\nimport { groupItems } from \"./Common/groupItems\";\nimport { Field } from \"./Common/SelectStyles\";\nimport {\n ComboboxInputGroup,\n ComboboxInput,\n ComboboxActionButtons,\n ComboboxClear,\n ComboboxTrigger,\n ComboboxPositioner,\n ComboboxPopup,\n ComboboxList,\n ComboboxEmpty,\n ComboboxGroup,\n ComboboxGroupLabel,\n ComboboxSeparator,\n} from \"./Common/ComboboxStyles\";\nimport { ClearIcon, StyledChevron, ChevronIcon } from \"./Common/SelectIcons\";\n\n// ─── Props ────────────────────────────────────────────────────────────────────\n\ninterface SingleComboboxBaseProps {\n id?: string;\n placeholder?: string;\n emptyText?: string;\n}\n\ninterface SingleComboboxDataBaseProps<T extends DataWithId>\n extends SingleComboboxBaseProps {\n data: T[];\n itemToString: (item: T | null) => string;\n renderItem?: (item: T) => React.ReactNode;\n inputType?: \"icon\" | \"radio\" | \"checkbox\" | \"none\";\n selectedItemId?: T[\"id\"] | null;\n defaultSelectedItemId?: T[\"id\"] | null;\n onSelectedItemIdChange?: (id: T[\"id\"] | null) => void;\n children?: never;\n}\n\ninterface SingleComboboxDataProps<T extends DataWithId>\n extends SingleComboboxDataBaseProps<T> {\n isVirtualized?: false;\n groupBy?: (item: T) => string;\n renderGroupHeading?: (label: string) => React.ReactNode;\n}\n\ninterface SingleComboboxVirtualizedProps<T extends DataWithId>\n extends SingleComboboxDataBaseProps<T> {\n isVirtualized: true;\n groupBy?: never;\n renderGroupHeading?: never;\n}\n\ninterface SingleComboboxChildrenProps extends SingleComboboxBaseProps {\n children: React.ReactNode;\n selectedItemId?: string | number | null;\n defaultSelectedItemId?: string | number | null;\n onSelectedItemIdChange?: (id: string | number | null) => void;\n data?: never;\n itemToString?: never;\n renderItem?: never;\n inputType?: never;\n groupBy?: never;\n renderGroupHeading?: never;\n isVirtualized?: never;\n}\n\nexport type SingleComboboxProps<T extends DataWithId> =\n | SingleComboboxDataProps<T>\n | SingleComboboxVirtualizedProps<T>\n | SingleComboboxChildrenProps;\n\n// ─── Component ────────────────────────────────────────────────────────────────\n\nexport default function SingleCombobox<T extends DataWithId>(\n props: SingleComboboxProps<T>\n) {\n const {\n id,\n placeholder = \"Search...\",\n emptyText = \"No results found.\",\n } = props;\n\n const isChildrenMode = \"children\" in props && props.children != null;\n\n type DataProps =\n | SingleComboboxDataProps<T>\n | SingleComboboxVirtualizedProps<T>;\n\n const data = isChildrenMode ? ([] as T[]) : (props as DataProps).data;\n const itemToString = isChildrenMode\n ? (_item: T | null) => \"\"\n : (props as DataProps).itemToString;\n const renderItem = isChildrenMode\n ? undefined\n : (props as DataProps).renderItem;\n const inputType = isChildrenMode\n ? \"icon\"\n : (props as DataProps).inputType ?? \"icon\";\n const isVirtualized = isChildrenMode\n ? false\n : (props as DataProps).isVirtualized ?? false;\n const groupBy = isChildrenMode\n ? undefined\n : isVirtualized\n ? undefined\n : (props as SingleComboboxDataProps<T>).groupBy;\n const renderGroupHeading = isChildrenMode\n ? undefined\n : isVirtualized\n ? undefined\n : (props as SingleComboboxDataProps<T>).renderGroupHeading;\n const children = isChildrenMode\n ? (props as SingleComboboxChildrenProps).children\n : undefined;\n\n const selectedItemId = props.selectedItemId;\n const defaultSelectedItemId = props.defaultSelectedItemId;\n const onSelectedItemIdChange = props.onSelectedItemIdChange;\n\n const { containerRef, portalContainer } = useSeedsPortalContainer();\n const [open, setOpen] = React.useState(false);\n const virtualizerRef = React.useRef<ReturnType<\n typeof useVirtualizer<HTMLDivElement, Element>\n > | null>(null);\n\n const isControlled = selectedItemId !== undefined;\n\n const idToItem = React.useCallback(\n (id: T[\"id\"] | null | undefined): T | null => {\n if (id == null) return null;\n return data.find((d) => String(d.id) === String(id)) ?? null;\n },\n [data]\n );\n\n const [internalValue, setInternalValue] = React.useState<T | null>(() =>\n idToItem(defaultSelectedItemId as T[\"id\"] | null)\n );\n\n const value = isControlled\n ? idToItem(selectedItemId as T[\"id\"] | null)\n : internalValue;\n\n function handleValueChange(newItem: T | null) {\n if (!isControlled) {\n setInternalValue(newItem);\n }\n if (onSelectedItemIdChange) {\n onSelectedItemIdChange(newItem ? newItem.id : null);\n }\n }\n\n const groups = React.useMemo(\n () => (groupBy ? groupItems(data, groupBy) : null),\n [data, groupBy]\n );\n\n return (\n <Field>\n <div ref={containerRef} style={{ position: \"relative\" }} />\n <Combobox.Root\n id={id}\n value={value}\n onValueChange={handleValueChange}\n itemToStringLabel={itemToString}\n isItemEqualToValue={(a, b) => a != null && b != null && a.id === b.id}\n items={\n isVirtualized ? data : groups ?? (isChildrenMode ? undefined : data)\n }\n virtualized={isVirtualized}\n open={open}\n onOpenChange={setOpen}\n onItemHighlighted={\n isVirtualized\n ? (item, { reason, index }) => {\n const virt = virtualizerRef.current;\n if (!item || !virt) return;\n const isStart = index === 0;\n const isEnd = index === virt.options.count - 1;\n if (\n reason === \"none\" ||\n (reason === \"keyboard\" && (isStart || isEnd))\n ) {\n queueMicrotask(() => {\n virt.scrollToIndex(index, {\n align: isEnd ? \"start\" : \"end\",\n });\n });\n }\n }\n : undefined\n }\n >\n <ComboboxInputGroup>\n <ComboboxInput placeholder={placeholder} id={id} />\n <ComboboxActionButtons>\n <ComboboxClear aria-label=\"Clear selection\">\n <ClearIcon />\n </ComboboxClear>\n <ComboboxTrigger aria-label=\"Open popup\">\n <StyledChevron $isOpen={open}>\n <ChevronIcon />\n </StyledChevron>\n </ComboboxTrigger>\n </ComboboxActionButtons>\n </ComboboxInputGroup>\n\n <Combobox.Portal container={portalContainer}>\n <ComboboxPositioner sideOffset={4}>\n <ComboboxPopup\n style={\n isVirtualized\n ? { display: \"flex\", flexDirection: \"column\" }\n : undefined\n }\n >\n <ComboboxEmpty>{emptyText}</ComboboxEmpty>\n <ComboboxList\n style={\n isVirtualized\n ? {\n padding: 0,\n flex: 1,\n minHeight: 0,\n display: \"flex\",\n flexDirection: \"column\",\n }\n : undefined\n }\n >\n {isVirtualized ? (\n <VirtualizedComboboxList\n open={open}\n virtualizerRef={virtualizerRef}\n value={value}\n groups={groups}\n data={data}\n itemToString={itemToString}\n inputType={inputType}\n renderItem={renderItem}\n renderGroupHeading={renderGroupHeading}\n />\n ) : children ? (\n children\n ) : groups ? (\n (group: { value: string; items: T[] }, index: number) => (\n <React.Fragment key={group.value}>\n <ComboboxGroup items={group.items}>\n <ComboboxGroupLabel>\n {renderGroupHeading\n ? renderGroupHeading(group.value)\n : group.value}\n </ComboboxGroupLabel>\n <Combobox.Collection>\n {(item: T) => (\n <ComboboxItem\n key={item.id}\n value={item}\n itemId={String(item.id)}\n label={itemToString(item)}\n inputType={inputType}\n renderItem={\n renderItem\n ? () => renderItem(item)\n : () => itemToString(item)\n }\n />\n )}\n </Combobox.Collection>\n </ComboboxGroup>\n {index < groups.length - 1 && <ComboboxSeparator />}\n </React.Fragment>\n )\n ) : (\n (item: T) => (\n <ComboboxItem\n key={item.id}\n value={item}\n itemId={String(item.id)}\n label={itemToString(item)}\n inputType={inputType}\n renderItem={\n renderItem\n ? () => renderItem(item)\n : () => itemToString(item)\n }\n />\n )\n )}\n </ComboboxList>\n </ComboboxPopup>\n </ComboboxPositioner>\n </Combobox.Portal>\n </Combobox.Root>\n </Field>\n );\n}\n","import * as React from \"react\";\nimport Radio from \"@sproutsocial/seeds-react-radio\";\nimport Checkbox from \"@sproutsocial/seeds-react-checkbox\";\nimport {\n ComboboxItem as StyledItem,\n ComboboxItemIndicator,\n} from \"./ComboboxStyles\";\nimport { CheckIcon } from \"./SelectIcons\";\n\ninterface ComboboxItemProps<T> {\n value: T;\n itemId: string;\n label: string;\n inputType?: \"icon\" | \"radio\" | \"checkbox\" | \"none\";\n renderItem?: () => React.ReactNode;\n index?: number;\n \"data-index\"?: number;\n style?: React.CSSProperties;\n}\n\nfunction ComboboxItemInner<T>(\n {\n value,\n itemId,\n label,\n inputType = \"icon\",\n renderItem,\n index,\n \"data-index\": dataIndex,\n style,\n }: ComboboxItemProps<T>,\n ref: React.Ref<HTMLDivElement>\n) {\n return (\n <StyledItem\n value={value}\n index={index}\n data-index={dataIndex}\n style={style}\n ref={ref}\n >\n {inputType === \"radio\" ? (\n <ComboboxItemIndicator\n keepMounted\n render={(_props, state) => (\n <Radio\n checked={state.selected}\n onChange={() => {}}\n tabIndex={-1}\n id={`radio-${itemId}`}\n name=\"combobox-item\"\n />\n )}\n />\n ) : inputType === \"checkbox\" ? (\n <ComboboxItemIndicator\n keepMounted\n render={(_props, state) => (\n <Checkbox\n checked={state.selected}\n onChange={() => {}}\n tabIndex={-1}\n id={`checkbox-${itemId}`}\n name=\"combobox-item\"\n />\n )}\n />\n ) : inputType === \"icon\" ? (\n <ComboboxItemIndicator keepMounted>\n <CheckIcon />\n </ComboboxItemIndicator>\n ) : null}\n <span>{renderItem ? renderItem() : label}</span>\n </StyledItem>\n );\n}\n\nconst ComboboxItem = React.forwardRef(ComboboxItemInner) as <T>(\n props: ComboboxItemProps<T> & { ref?: React.Ref<HTMLDivElement> }\n) => React.ReactElement;\n\nexport default ComboboxItem;\n","import { Combobox } from \"@base-ui/react/combobox\";\nimport styled from \"styled-components\";\nimport { focusRing } from \"@sproutsocial/seeds-react-mixins\";\nimport Checkbox from \"@sproutsocial/seeds-react-checkbox\";\n\nexport const ComboboxLabel = styled.label`\n font-size: ${({ theme }) => theme.typography[200].fontSize};\n font-weight: ${({ theme }) => theme.fontWeights.semibold};\n color: ${({ theme }) => theme.colors.text.body};\n`;\n\nexport const ComboboxInputGroup = styled(Combobox.InputGroup)`\n display: flex;\n align-items: center;\n min-width: 160px;\n border-radius: ${({ theme }) => theme.radii[500]};\n border: 1px solid ${({ theme }) => theme.colors.form.border.base};\n background: ${({ theme }) => theme.colors.form.background.base};\n color: ${({ theme }) => theme.colors.text.body};\n transition: border-color ${({ theme }) => theme.duration.fast}\n ${({ theme }) => theme.easing.ease_in},\n box-shadow ${({ theme }) => theme.duration.fast}\n ${({ theme }) => theme.easing.ease_in};\n\n &:focus-within {\n ${focusRing}\n }\n`;\n\nexport const ComboboxInput = styled(Combobox.Input)`\n flex: 1;\n min-width: 30px;\n padding: ${({ theme }) => theme.space[300]};\n border: none;\n background: transparent;\n font-size: ${({ theme }) => theme.typography[200].fontSize};\n line-height: ${({ theme }) => theme.typography[200].lineHeight};\n color: ${({ theme }) => theme.colors.text.body};\n outline: none;\n\n &::placeholder {\n color: ${({ theme }) => theme.colors.text.subtext};\n }\n`;\n\nexport const ComboboxTokenInput = styled(Combobox.Input)`\n flex: 1;\n min-width: 60px;\n padding: ${({ theme }) => theme.space[200]} ${({ theme }) => theme.space[300]}\n ${({ theme }) => theme.space[200]} ${({ theme }) => theme.space[350]};\n border: none;\n background: transparent;\n font-size: ${({ theme }) => theme.typography[200].fontSize};\n line-height: ${({ theme }) => theme.typography[200].lineHeight};\n color: ${({ theme }) => theme.colors.text.body};\n outline: none;\n\n &::placeholder {\n color: ${({ theme }) => theme.colors.text.subtext};\n }\n`;\n\nexport const ComboboxActionButtons = styled.div`\n display: flex;\n align-items: center;\n flex-shrink: 0;\n margin-left: auto;\n gap: ${({ theme }) => theme.space[100]};\n`;\n\nexport const ComboboxClear = styled(Combobox.Clear)`\n display: flex;\n align-items: center;\n justify-content: center;\n width: 20px;\n height: 20px;\n border: none;\n background: transparent;\n color: ${({ theme }) => theme.colors.icon.base};\n cursor: pointer;\n border-radius: ${({ theme }) => theme.radii[300]};\n padding: 0;\n\n &:hover {\n color: ${({ theme }) => theme.colors.text.body};\n }\n\n &[data-empty] {\n display: none;\n }\n`;\n\nexport const ComboboxTrigger = styled(Combobox.Trigger)`\n display: flex;\n align-items: center;\n justify-content: center;\n width: 20px;\n height: 20px;\n border: none;\n background: transparent;\n color: ${({ theme }) => theme.colors.icon.base};\n cursor: default;\n padding: 0;\n\n &:hover {\n color: ${({ theme }) => theme.colors.text.body};\n }\n`;\n\nexport const ComboboxPositioner = styled(Combobox.Positioner)`\n width: var(--anchor-width);\n z-index: 7;\n`;\n\nexport const ComboboxPopup = styled(Combobox.Popup)`\n font-family: ${({ theme }) => theme.fontFamily};\n background: ${({ theme }) => theme.colors.container.background.base};\n border: 1px solid ${({ theme }) => theme.colors.container.border.base};\n border-radius: ${({ theme }) => theme.radii[500]};\n box-shadow: ${({ theme }) => theme.shadows.medium};\n outline: none;\n width: 100%;\n max-height: min(var(--base-ui-available-height, 400px), 400px);\n overflow-y: auto;\n padding: 0;\n\n &[data-open] {\n animation: combobox-popup-in 120ms ease-out;\n }\n\n &[data-closed] {\n animation: combobox-popup-out 100ms ease-in;\n }\n\n @keyframes combobox-popup-in {\n from {\n opacity: 0;\n transform: scale(0.95);\n }\n to {\n opacity: 1;\n transform: scale(1);\n }\n }\n\n @keyframes combobox-popup-out {\n from {\n opacity: 1;\n transform: scale(1);\n }\n to {\n opacity: 0;\n transform: scale(0.95);\n }\n }\n`;\n\nexport const ComboboxList = styled(Combobox.List)`\n padding: ${({ theme }) => theme.space[200]};\n\n &:empty {\n padding: 0;\n }\n`;\n\nexport const ComboboxStatus = styled(Combobox.Status)`\n padding: ${({ theme }) => `${theme.space[300]} ${theme.space[350]}`};\n font-size: ${({ theme }) => theme.typography[200].fontSize};\n color: ${({ theme }) => theme.colors.text.subtext};\n\n &:empty {\n padding: 0;\n }\n`;\n\nexport const ComboboxEmpty = styled(Combobox.Empty)`\n padding: ${({ theme }) => `${theme.space[300]} ${theme.space[350]}`};\n font-size: ${({ theme }) => theme.typography[200].fontSize};\n color: ${({ theme }) => theme.colors.text.subtext};\n\n &:empty {\n padding: 0;\n }\n`;\n\nexport const ComboboxItem = styled(Combobox.Item)`\n display: flex;\n align-items: center;\n gap: ${({ theme }) => theme.space[300]};\n padding: ${({ theme }) => `${theme.space[300]} ${theme.space[300]}`};\n border-radius: ${({ theme }) => theme.radii[500]};\n font-size: ${({ theme }) => theme.typography[200].fontSize};\n color: ${({ theme }) => theme.colors.text.body};\n cursor: default;\n outline: none;\n\n &[data-highlighted] {\n background: ${({ theme }) => theme.colors.listItem.background.hover};\n }\n\n &[data-selected] {\n font-weight: ${({ theme }) => theme.fontWeights.semibold};\n }\n\n &[data-disabled] {\n opacity: 0.5;\n cursor: not-allowed;\n }\n`;\n\nexport const ComboboxItemIndicator = styled(Combobox.ItemIndicator)`\n display: flex;\n align-items: center;\n width: ${({ theme }) => theme.space[400]};\n color: ${({ theme }) => theme.colors.text.body};\n visibility: hidden;\n\n &[data-selected] {\n visibility: visible;\n }\n`;\n\nexport const ComboboxGroup = styled(Combobox.Group)`\n display: block;\n`;\n\nexport const ComboboxGroupLabel = styled(Combobox.GroupLabel)`\n padding: ${({ theme }) =>\n `${theme.space[300]} ${theme.space[300]} ${theme.space[200]}`};\n font-size: ${({ theme }) => theme.typography[100].fontSize};\n font-weight: ${({ theme }) => theme.fontWeights.semibold};\n text-transform: uppercase;\n letter-spacing: 0.05em;\n color: ${({ theme }) => theme.colors.text.subtext};\n`;\n\nexport const ComboboxSeparator = styled.div`\n height: 1px;\n margin: ${({ theme }) => `${theme.space[200]} ${theme.space[300]}`};\n background: ${({ theme }) => theme.colors.container.border.base};\n`;\n\nexport const ComboboxGroupHeaderItem = styled(Combobox.Item)`\n display: flex;\n align-items: center;\n gap: ${({ theme }) => theme.space[300]};\n padding: ${({ theme }) => `${theme.space[300]} ${theme.space[300]}`};\n border-radius: ${({ theme }) => theme.radii[500]};\n font-size: ${({ theme }) => theme.typography[100].fontSize};\n font-weight: ${({ theme }) => theme.fontWeights.semibold};\n text-transform: uppercase;\n letter-spacing: 0.05em;\n color: ${({ theme }) => theme.colors.text.subtext};\n cursor: default;\n outline: none;\n\n &[data-highlighted] {\n background: ${({ theme }) => theme.colors.listItem.background.hover};\n color: ${({ theme }) => theme.colors.text.body};\n }\n`;\n\nexport const ComboboxSelectAllItem = styled(Combobox.Item)`\n display: flex;\n align-items: center;\n gap: ${({ theme }) => theme.space[300]};\n padding: ${({ theme }) => `${theme.space[300]} ${theme.space[300]}`};\n border-radius: ${({ theme }) => theme.radii[500]};\n font-size: ${({ theme }) => theme.typography[200].fontSize};\n font-weight: ${({ theme }) => theme.fontWeights.semibold};\n color: ${({ theme }) => theme.colors.text.body};\n cursor: default;\n outline: none;\n border-bottom: 1px solid ${({ theme }) => theme.colors.container.border.base};\n margin-bottom: ${({ theme }) => theme.space[200]};\n\n &[data-highlighted] {\n background: ${({ theme }) => theme.colors.listItem.background.hover};\n }\n`;\n\nexport function ComboboxGroupHeaderCheckbox({\n $state,\n id,\n}: {\n $state: \"none\" | \"partial\" | \"all\";\n id: string;\n}) {\n return (\n <Checkbox\n id={id}\n checked={$state === \"all\"}\n indeterminate={$state === \"partial\"}\n onChange={() => {}}\n tabIndex={-1}\n />\n );\n}\n\n// Multi-select Token components\nexport const ComboboxToken = styled(Combobox.Chips)`\n display: flex;\n width: 100%;\n flex-wrap: wrap;\n`;\n\nexport const ComboboxTokenInputGroup = styled(Combobox.InputGroup)`\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n border-radius: ${({ theme }) => theme.radii[500]};\n border: 1px solid ${({ theme }) => theme.colors.form.border.base};\n background: ${({ theme }) => theme.colors.form.background.base};\n color: ${({ theme }) => theme.colors.text.body};\n padding: ${({ theme }) =>\n `${theme.space[200]} ${theme.space[300]} ${theme.space[200]} ${theme.space[200]}`};\n gap: ${({ theme }) => theme.space[200]};\n transition: border-color ${({ theme }) => theme.duration.fast}\n ${({ theme }) => theme.easing.ease_in},\n box-shadow ${({ theme }) => theme.duration.fast}\n ${({ theme }) => theme.easing.ease_in};\n\n &:focus-within {\n ${focusRing}\n }\n`;\n\nexport const Token = styled.span`\n display: inline-flex;\n align-items: center;\n gap: ${({ theme }) => theme.space[200]};\n padding: ${({ theme }) => `${theme.space[200]} ${theme.space[300]}`};\n border-radius: ${({ theme }) => theme.radii[500]};\n border: 1px solid ${({ theme }) => theme.colors.container.border.base};\n background: ${({ theme }) => theme.colors.container.background.base};\n color: ${({ theme }) => theme.colors.text.body};\n font-size: ${({ theme }) => theme.typography[200].fontSize};\n font-weight: ${({ theme }) => theme.fontWeights.normal};\n line-height: 1;\n white-space: nowrap;\n transition: all ${({ theme }) => theme.duration.fast}\n ${({ theme }) => theme.easing.ease_inout};\n\n &:hover {\n box-shadow: ${({ theme }) => theme.shadows.low};\n border-color: ${({ theme }) => theme.colors.container.border.base};\n }\n`;\n\nexport const TokenRemove = styled.button`\n display: flex;\n align-items: center;\n justify-content: center;\n border: none;\n background: transparent;\n color: inherit;\n cursor: pointer;\n padding: 0;\n line-height: 1;\n`;\n\n// Searchable select components\n\nexport const SearchableSelectTrigger = styled(Combobox.Trigger)`\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: ${({ theme }) => theme.space[300]};\n padding: ${({ theme }) => theme.space[200]} ${({ theme }) => theme.space[350]};\n min-width: 160px;\n border-radius: ${({ theme }) => theme.radii[500]};\n border: 1px solid ${({ theme }) => theme.colors.form.border.base};\n background: ${({ theme }) => theme.colors.form.background.base};\n font-size: ${({ theme }) => theme.typography[200].fontSize};\n color: ${({ theme }) => theme.colors.text.body};\n cursor: default;\n outline: none;\n user-select: none;\n transition: border-color ${({ theme }) => theme.duration.fast}\n ${({ theme }) => theme.easing.ease_in},\n box-shadow ${({ theme }) => theme.duration.fast}\n ${({ theme }) => theme.easing.ease_in};\n\n &:focus-visible {\n ${focusRing}\n }\n\n &[data-popup-open] [data-chevron] {\n transform: rotate(-180deg);\n }\n`;\n\nexport const SearchableSelectTriggerIcon = styled(Combobox.Icon)`\n display: flex;\n align-items: center;\n color: ${({ theme }) => theme.colors.icon.base};\n flex-shrink: 0;\n`;\n\nexport const SearchableSelectPlaceholder = styled.span`\n color: ${({ theme }) => theme.colors.text.subtext};\n padding: ${({ theme }) => theme.space[200]} 0;\n`;\n\nexport const SearchableSelectPopup = ComboboxPopup;\n\nexport const SearchableSelectSearchContainer = styled.div`\n padding: ${({ theme }) => theme.space[300]};\n border-bottom: 1px solid ${({ theme }) => theme.colors.container.border.base};\n flex-shrink: 0;\n`;\n\nexport const SearchableSelectInput = styled(Combobox.Input)`\n width: 100%;\n height: ${({ theme }) => theme.space[500]};\n padding: 0 ${({ theme }) => theme.space[300]};\n border-radius: ${({ theme }) => theme.radii[500]};\n border: 1px solid ${({ theme }) => theme.colors.container.border.base};\n background: ${({ theme }) => theme.colors.container.background.base};\n font-size: ${({ theme }) => theme.typography[200].fontSize};\n color: ${({ theme }) => theme.colors.text.body};\n outline: none;\n box-sizing: border-box;\n\n &:focus {\n ${focusRing}\n }\n\n &::placeholder {\n color: ${({ theme }) => theme.colors.text.subtext};\n }\n`;\n\nexport const SearchableSelectList = styled(Combobox.List)`\n overflow-y: auto;\n padding: ${({ theme }) => theme.space[200]};\n flex: 1;\n min-height: 0;\n &:empty {\n padding: 0;\n }\n`;\n\nexport const SearchableSelectTokenTrigger = styled(Combobox.Trigger)`\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n min-width: 160px;\n border-radius: ${({ theme }) => theme.radii[500]};\n border: 1px solid ${({ theme }) => theme.colors.form.border.base};\n background: ${({ theme }) => theme.colors.form.background.base};\n color: ${({ theme }) => theme.colors.text.body};\n padding: ${({ theme }) => theme.space[200]} ${({ theme }) => theme.space[300]};\n gap: ${({ theme }) => theme.space[200]};\n cursor: default;\n text-align: left;\n outline: none;\n user-select: none;\n transition: border-color ${({ theme }) => theme.duration.fast}\n ${({ theme }) => theme.easing.ease_in},\n box-shadow ${({ theme }) => theme.duration.fast}\n ${({ theme }) => theme.easing.ease_in};\n\n &:focus-visible {\n ${focusRing}\n }\n\n &[data-popup-open] {\n border-color: ${({ theme }) => theme.colors.blue[600]};\n }\n\n &[data-popup-open] [data-chevron] {\n transform: rotate(-180deg);\n }\n`;\n","import * as React from \"react\";\nimport { Combobox } from \"@base-ui/react/combobox\";\nimport { useVirtualizer } from \"@tanstack/react-virtual\";\nimport ComboboxItem from \"./ComboboxItem\";\nimport {\n ComboboxGroupHeaderItem,\n ComboboxGroupHeaderCheckbox,\n ComboboxSelectAllItem,\n} from \"./ComboboxStyles\";\nimport type { DataWithId } from \"./types\";\n\nexport const ITEM_HEIGHT = 32;\n\ninterface GroupHeaderSentinel {\n __groupHeader: true;\n groupName: string;\n}\n\ninterface SelectAllSentinel {\n __selectAll: true;\n}\n\nexport function isGroupHeaderSentinel(v: unknown): v is GroupHeaderSentinel {\n return typeof v === \"object\" && v !== null && \"__groupHeader\" in v;\n}\n\nexport function isSelectAllSentinel(v: unknown): v is SelectAllSentinel {\n return typeof v === \"object\" && v !== null && \"__selectAll\" in v;\n}\n\nexport type FlatSentinelRow<T> = T | GroupHeaderSentinel | SelectAllSentinel;\n\ninterface VirtualizedComboboxListProps<T extends DataWithId> {\n open: boolean;\n virtualizerRef: React.RefObject<ReturnType<\n typeof useVirtualizer<HTMLDivElement, Element>\n > | null>;\n value: T | T[] | null;\n groups: Array<{ value: string; items: T[] }> | null;\n data: T[];\n itemToString: (item: T) => string;\n inputType: \"icon\" | \"radio\" | \"checkbox\" | \"none\";\n renderItem?: (item: T) => React.ReactNode;\n renderGroupHeading?: (label: string) => React.ReactNode;\n}\n\nexport default function VirtualizedComboboxList<T extends DataWithId>({\n open,\n virtualizerRef,\n value,\n groups,\n data,\n itemToString,\n inputType,\n renderItem,\n renderGroupHeading,\n}: VirtualizedComboboxListProps<T>) {\n type Row = FlatSentinelRow<T>;\n\n const filteredItems = Combobox.useFilteredItems<Row>();\n const scrollElementRef = React.useRef<HTMLDivElement | null>(null);\n\n const virtualizer = useVirtualizer({\n enabled: open,\n count: filteredItems.length,\n getScrollElement: () => scrollElementRef.current,\n estimateSize: () => ITEM_HEIGHT,\n overscan: 20,\n paddingStart: 4,\n paddingEnd: 4,\n scrollPaddingStart: 4,\n scrollPaddingEnd: 4,\n });\n\n React.useImperativeHandle(virtualizerRef, () => virtualizer);\n\n const handleScrollRef = React.useCallback(\n (el: HTMLDivElement | null) => {\n scrollElementRef.current = el;\n if (el) virtualizer.measure();\n },\n [virtualizer]\n );\n\n if (!filteredItems.length) return null;\n\n const selectedArray = Array.isArray(value)\n ? value\n : value != null\n ? [value]\n : [];\n\n const totalSize = virtualizer.getTotalSize();\n\n return (\n <div\n role=\"presentation\"\n ref={handleScrollRef}\n style={{\n flex: 1,\n minHeight: 0,\n overflowY: \"auto\",\n overscrollBehavior: \"contain\",\n }}\n >\n <div\n role=\"presentation\"\n style={{ position: \"relative\", width: \"100%\", height: totalSize }}\n >\n {virtualizer.getVirtualItems().map((virtualItem) => {\n const row = filteredItems[virtualItem.index];\n if (!row) return null;\n\n const baseStyle: React.CSSProperties = {\n position: \"absolute\",\n top: 0,\n left: 0,\n width: \"100%\",\n transform: `translateY(${virtualItem.start}px)`,\n boxSizing: \"border-box\",\n };\n\n if (isSelectAllSentinel(row)) {\n const selectedCount = selectedArray.length;\n const totalCount = data.length;\n const state =\n selectedCount === 0\n ? \"none\"\n : selectedCount === totalCount\n ? \"all\"\n : \"partial\";\n return (\n <ComboboxSelectAllItem\n key={virtualItem.key}\n index={virtualItem.index}\n data-index={virtualItem.index}\n value={row}\n style={baseStyle}\n ref={virtualizer.measureElement}\n >\n <ComboboxGroupHeaderCheckbox $state={state} id=\"__selectAll\" />\n Select all\n </ComboboxSelectAllItem>\n );\n }\n\n if (isGroupHeaderSentinel(row)) {\n const group = groups?.find((g) => g.value === row.groupName);\n const groupItems = group?.items ?? [];\n const selectedCount = groupItems.filter((item) =>\n selectedArray.some((s) => s.id === item.id)\n ).length;\n const state =\n selectedCount === 0\n ? \"none\"\n : selectedCount === groupItems.length\n ? \"all\"\n : \"partial\";\n return (\n <ComboboxGroupHeaderItem\n key={virtualItem.key}\n index={virtualItem.index}\n data-index={virtualItem.index}\n value={row}\n style={baseStyle}\n ref={virtualizer.measureElement}\n >\n <ComboboxGroupHeaderCheckbox\n $state={state}\n id={`__header-${row.groupName}`}\n />\n {renderGroupHeading\n ? renderGroupHeading(row.groupName)\n : row.groupName}\n </ComboboxGroupHeaderItem>\n );\n }\n\n const item = row as T;\n return (\n <ComboboxItem\n key={virtualItem.key}\n index={virtualItem.index}\n data-index={virtualItem.index}\n value={item}\n itemId={String(item.id)}\n label={itemToString(item)}\n inputType={inputType}\n renderItem={\n renderItem ? () => renderItem(item) : () => itemToString(item)\n }\n style={baseStyle}\n ref={virtualizer.measureElement}\n />\n );\n })}\n </div>\n </div>\n );\n}\n","import * as React from \"react\";\nimport { Combobox } from \"@base-ui/react/combobox\";\nimport { useVirtualizer } from \"@tanstack/react-virtual\";\nimport VirtualizedComboboxList from \"./Common/VirtualizedComboboxList\";\nimport { useSeedsPortalContainer } from \"./SeedsPortal\";\nimport ComboboxItem from \"./Common/ComboboxItem\";\nimport type { DataWithId } from \"./Common/types\";\nimport { groupItems } from \"./Common/groupItems\";\nimport { Field } from \"./Common/SelectStyles\";\nimport {\n ComboboxTokenInputGroup,\n ComboboxTokenInput,\n ComboboxToken,\n ComboboxActionButtons,\n ComboboxClear,\n ComboboxTrigger,\n ComboboxPositioner,\n ComboboxPopup,\n ComboboxList,\n ComboboxEmpty,\n ComboboxStatus,\n ComboboxGroup,\n ComboboxGroupLabel,\n ComboboxSeparator,\n Token,\n TokenRemove,\n ComboboxGroupHeaderItem,\n ComboboxGroupHeaderCheckbox,\n ComboboxSelectAllItem,\n} from \"./Common/ComboboxStyles\";\nimport { ClearIcon, StyledChevron, ChevronIcon } from \"./Common/SelectIcons\";\nimport Icon from \"@sproutsocial/seeds-react-icon\";\n\n// ─── Sentinels ────────────────────────────────────────────────────────────────\n\ninterface GroupHeaderSentinel {\n __groupHeader: true;\n groupName: string;\n}\n\nfunction makeGroupHeaderSentinel(groupName: string): GroupHeaderSentinel {\n return { __groupHeader: true, groupName };\n}\n\nfunction isGroupHeaderSentinel(v: unknown): v is GroupHeaderSentinel {\n return typeof v === \"object\" && v !== null && \"__groupHeader\" in v;\n}\n\ninterface SelectAllSentinel {\n __selectAll: true;\n}\n\nconst SELECT_ALL_SENTINEL: SelectAllSentinel = { __selectAll: true };\n\nfunction isSelectAllSentinel(v: unknown): v is SelectAllSentinel {\n return typeof v === \"object\" && v !== null && \"__selectAll\" in v;\n}\n\n// ─── Props ────────────────────────────────────────────────────────────────────\n\ninterface MultiComboboxBaseProps {\n id?: string;\n placeholder?: string;\n emptyText?: string;\n isLoading?: boolean;\n loadingText?: string;\n}\n\ninterface MultiComboboxDataProps<T extends DataWithId>\n extends MultiComboboxBaseProps {\n data: T[];\n itemToString: (item: T) => string;\n renderItem?: (item: T) => React.ReactNode;\n renderToken?: (item: T) => React.ReactNode;\n renderSelection?: (items: T[]) => React.ReactNode;\n inputType?: \"icon\" | \"checkbox\" | \"none\";\n selectedItemIds?: Array<T[\"id\"]>;\n defaultSelectedItemIds?: Array<T[\"id\"]>;\n onSelectedItemIdsChange?: (ids: Array<T[\"id\"]>) => void;\n groupBy?: (item: T) => string;\n renderGroupHeading?: (label: string) => React.ReactNode;\n selectHeadings?: boolean;\n selectAll?: boolean;\n isVirtualized?: boolean;\n removeSelectedItems?: boolean;\n maxTokens?: number;\n children?: never;\n}\n\ninterface MultiComboboxChildrenProps extends MultiComboboxBaseProps {\n children: React.ReactNode;\n selectedItemIds?: Array<string | number>;\n defaultSelectedItemIds?: Array<string | number>;\n onSelectedItemIdsChange?: (ids: Array<string | number>) => void;\n data?: never;\n itemToString?: never;\n renderItem?: never;\n renderToken?: never;\n renderSelection?: never;\n inputType?: never;\n groupBy?: never;\n renderGroupHeading?: never;\n selectHeadings?: never;\n selectAll?: never;\n removeSelectedItems?: never;\n}\n\nexport type MultiComboboxProps<T extends DataWithId> =\n | MultiComboboxDataProps<T>\n | MultiComboboxChildrenProps;\n\n// ─── Component ────────────────────────────────────────────────────────────────\n\n// ─── Virtualized list ─────────────────────────────────────────────────────────\n\n// ─── Component ────────────────────────────────────────────────────────────────\n\nexport default function MultiCombobox<T extends DataWithId>(\n props: MultiComboboxProps<T>\n) {\n const {\n id,\n placeholder = \"Search...\",\n emptyText = \"No results found.\",\n isLoading = false,\n loadingText = \"Loading...\",\n } = props;\n\n const isChildrenMode = \"children\" in props && props.children != null;\n\n const data = isChildrenMode\n ? ([] as T[])\n : (props as MultiComboboxDataProps<T>).data;\n const itemToString = isChildrenMode\n ? (_item: T) => \"\"\n : (props as MultiComboboxDataProps<T>).itemToString;\n const renderItem = isChildrenMode\n ? undefined\n : (props as MultiComboboxDataProps<T>).renderItem;\n const renderToken = isChildrenMode\n ? undefined\n : (props as MultiComboboxDataProps<T>).renderToken;\n const renderSelection = isChildrenMode\n ? undefined\n : (props as MultiComboboxDataProps<T>).renderSelection;\n const maxTokens = isChildrenMode\n ? undefined\n : (props as MultiComboboxDataProps<T>).maxTokens;\n const removeSelectedItems = isChildrenMode\n ? false\n : (props as MultiComboboxDataProps<T>).removeSelectedItems ?? false;\n const inputType = isChildrenMode\n ? \"checkbox\"\n : removeSelectedItems\n ? \"none\"\n : (props as MultiComboboxDataProps<T>).inputType ?? \"checkbox\";\n const groupBy = isChildrenMode\n ? undefined\n : (props as MultiComboboxDataProps<T>).groupBy;\n const renderGroupHeading = isChildrenMode\n ? undefined\n : (props as MultiComboboxDataProps<T>).renderGroupHeading;\n const selectHeadings = isChildrenMode\n ? false\n : (props as MultiComboboxDataProps<T>).selectHeadings ?? false;\n const selectAll = isChildrenMode\n ? false\n : (props as MultiComboboxDataProps<T>).selectAll ?? false;\n const isVirtualized = isChildrenMode\n ? false\n : (props as MultiComboboxDataProps<T>).isVirtualized ?? false;\n const children = isChildrenMode\n ? (props as MultiComboboxChildrenProps).children\n : undefined;\n\n const selectedItemIds = props.selectedItemIds;\n const defaultSelectedItemIds = props.defaultSelectedItemIds;\n const onSelectedItemIdsChange = props.onSelectedItemIdsChange;\n\n const { containerRef, portalContainer } = useSeedsPortalContainer();\n const [open, setOpen] = React.useState(false);\n const virtualizerRef = React.useRef<ReturnType<\n typeof useVirtualizer<HTMLDivElement, Element>\n > | null>(null);\n\n const isControlled = selectedItemIds !== undefined;\n\n const idsToItems = React.useCallback(\n (ids: Array<T[\"id\"]>): T[] =>\n ids\n .map((id) => data.find((d) => d.id === id))\n .filter((d): d is T => d != null),\n [data]\n );\n\n const [internalValue, setInternalValue] = React.useState<T[]>(() =>\n defaultSelectedItemIds\n ? idsToItems(defaultSelectedItemIds as Array<T[\"id\"]>)\n : []\n );\n\n const value = isControlled\n ? idsToItems(selectedItemIds as Array<T[\"id\"]>)\n : internalValue;\n\n const visibleData = React.useMemo(\n () =>\n removeSelectedItems\n ? data.filter((item) => !value.some((v) => v.id === item.id))\n : data,\n [data, value, removeSelectedItems]\n );\n\n const groups = React.useMemo(\n () => (groupBy ? groupItems(visibleData, groupBy) : null),\n [visibleData, groupBy]\n );\n\n // ─── Sentinel flat list ───────────────────────────────────────────────────\n // Used when selectHeadings or selectAll. selectAll implies selectHeadings —\n // group headers are always selectable when the list is flattened.\n\n type FlatRow = T | GroupHeaderSentinel | SelectAllSentinel;\n\n const flatItems = React.useMemo<FlatRow[] | null>(() => {\n if (!groups || (!selectHeadings && !selectAll)) return null;\n const rows: FlatRow[] = [];\n if (selectAll) rows.push(SELECT_ALL_SENTINEL);\n for (const group of groups) {\n rows.push(makeGroupHeaderSentinel(group.value));\n rows.push(...group.items);\n }\n return rows;\n }, [groups, selectHeadings, selectAll]);\n\n function setSelectedItems(items: T[]) {\n if (!isControlled) setInternalValue(items);\n if (onSelectedItemIdsChange)\n onSelectedItemIdsChange(items.map((item) => item.id));\n }\n\n function handleValueChange(next: FlatRow[]) {\n const selectAllClicked = next.filter(isSelectAllSentinel);\n const groupSentinels = next.filter(isGroupHeaderSentinel);\n const realItems = next.filter(\n (v): v is T => !isGroupHeaderSentinel(v) && !isSelectAllSentinel(v)\n );\n\n if (selectAllClicked.length > 0) {\n const allSelected = data.every((d) =>\n realItems.some((s) => s.id === d.id)\n );\n setSelectedItems(allSelected ? [] : [...data]);\n return;\n }\n\n if (groupSentinels.length === 0) {\n setSelectedItems(realItems);\n return;\n }\n\n let updated = [...realItems];\n for (const sentinel of groupSentinels) {\n const group = groups?.find((g) => g.value === sentinel.groupName);\n if (!group) continue;\n const allSelected = group.items.every((item) =>\n updated.some((s) => s.id === item.id)\n );\n if (allSelected) {\n updated = updated.filter(\n (s) => !group.items.some((item) => item.id === s.id)\n );\n } else {\n const missing = group.items.filter(\n (item) => !updated.some((s) => s.id === item.id)\n );\n updated = [...updated, ...missing];\n }\n }\n setSelectedItems(updated);\n }\n\n function handleSimpleValueChange(newItems: T[]) {\n setSelectedItems(newItems);\n }\n\n function removeItem(item: T, e: React.MouseEvent) {\n e.preventDefault();\n e.stopPropagation();\n setSelectedItems(value.filter((v) => v.id !== item.id));\n }\n\n // ─── Render sentinel item ─────────────────────────────────────────────────\n\n function renderSentinelRow(row: FlatRow) {\n if (isSelectAllSentinel(row)) {\n const totalCount = data.length;\n const selectedCount = value.length;\n const state: \"none\" | \"partial\" | \"all\" =\n selectedCount === 0\n ? \"none\"\n : selectedCount === totalCount\n ? \"all\"\n : \"partial\";\n return (\n <ComboboxSelectAllItem key=\"__selectAll\" value={row}>\n <ComboboxGroupHeaderCheckbox $state={state} id=\"__selectAll\" />\n Select all\n </ComboboxSelectAllItem>\n );\n }\n\n if (isGroupHeaderSentinel(row)) {\n const group = groups?.find((g) => g.value === row.groupName);\n const groupItemsList = group?.items ?? [];\n const selectedCount = groupItemsList.filter((item) =>\n value.some((s) => s.id === item.id)\n ).length;\n const state: \"none\" | \"partial\" | \"all\" =\n selectedCount === 0\n ? \"none\"\n : selectedCount === groupItemsList.length\n ? \"all\"\n : \"partial\";\n return (\n <ComboboxGroupHeaderItem key={`__header-${row.groupName}`} value={row}>\n <ComboboxGroupHeaderCheckbox\n $state={state}\n id={`__header-${row.groupName}`}\n />\n {renderGroupHeading\n ? renderGroupHeading(row.groupName)\n : row.groupName}\n </ComboboxGroupHeaderItem>\n );\n }\n\n const item = row as T;\n return (\n <ComboboxItem\n key={item.id}\n value={item}\n itemId={String(item.id)}\n label={itemToString(item)}\n inputType={inputType}\n renderItem={\n renderItem ? () => renderItem(item) : () => itemToString(item)\n }\n />\n );\n }\n\n // ─── Items passed to Combobox.Root ────────────────────────────────────────\n // When selectHeadings: flatItems (flat array of group header sentinels + items).\n // When selectAll only: prepend SELECT_ALL_SENTINEL to data so Base UI tracks\n // it, while Combobox.List still uses the normal grouped render.\n // The sentinel is never in flatItems — it is always rendered manually above\n // Combobox.List, so we must not prepend it when flatItems is used.\n\n const rootItems =\n flatItems ?? groups ?? (isChildrenMode ? undefined : visibleData);\n\n const hasSentinels = selectAll || selectHeadings;\n\n const rootValue = hasSentinels\n ? ([...value] as FlatRow[])\n : (value as unknown as T[]);\n\n return (\n <Field>\n <div ref={containerRef} style={{ position: \"relative\" }} />\n <Combobox.Root\n multiple\n id={id}\n virtualized={isVirtualized}\n open={open}\n onOpenChange={setOpen}\n onItemHighlighted={\n isVirtualized\n ? (item, { reason, index }) => {\n const virt = virtualizerRef.current;\n if (!item || !virt) return;\n const isStart = index === 0;\n const isEnd = index === virt.options.count - 1;\n if (\n reason === \"none\" ||\n (reason === \"keyboard\" && (isStart || isEnd))\n ) {\n queueMicrotask(() => {\n virt.scrollToIndex(index, {\n align: isEnd ? \"start\" : \"end\",\n });\n });\n }\n }\n : undefined\n }\n value={rootValue}\n onValueChange={\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n (hasSentinels ? handleValueChange : handleSimpleValueChange) as any\n }\n itemToStringLabel={(item: FlatRow | null) => {\n if (!item || isGroupHeaderSentinel(item) || isSelectAllSentinel(item))\n return \"\";\n return itemToString(item as T);\n }}\n isItemEqualToValue={(a: FlatRow, b: FlatRow) => {\n if (isGroupHeaderSentinel(a) && isGroupHeaderSentinel(b))\n return a.groupName === b.groupName;\n if (isSelectAllSentinel(a) && isSelectAllSentinel(b)) return true;\n if (\n !isGroupHeaderSentinel(a) &&\n !isSelectAllSentinel(a) &&\n !isGroupHeaderSentinel(b) &&\n !isSelectAllSentinel(b)\n )\n return (a as T).id === (b as T).id;\n return false;\n }}\n items={rootItems}\n >\n <ComboboxTokenInputGroup>\n <ComboboxToken>\n {renderSelection\n ? renderSelection(value)\n : (() => {\n const visibleTokens =\n maxTokens != null ? value.slice(0, maxTokens) : value;\n const overflow =\n maxTokens != null ? value.length - maxTokens : 0;\n return (\n <>\n {visibleTokens.map((item) => (\n <Token key={item.id}>\n {renderToken ? renderToken(item) : itemToString(item)}\n <TokenRemove\n aria-label={`Remove ${itemToString(item)}`}\n onPointerDown={(e) => e.preventDefault()}\n onClick={(e) => removeItem(item, e)}\n >\n <Icon name=\"x-outline\" size=\"mini\" />\n </TokenRemove>\n </Token>\n ))}\n {overflow > 0 && (\n <Token key=\"__overflow\">+{overflow}</Token>\n )}\n </>\n );\n })()}\n <ComboboxTokenInput\n id={id}\n placeholder={value.length > 0 ? \"\" : placeholder}\n />\n <ComboboxActionButtons>\n <ComboboxClear aria-label=\"Clear all\">\n <ClearIcon />\n </ComboboxClear>\n <ComboboxTrigger aria-label=\"Open popup\">\n <StyledChevron $isOpen={open}>\n <ChevronIcon />\n </StyledChevron>\n </ComboboxTrigger>\n </ComboboxActionButtons>\n </ComboboxToken>\n </ComboboxTokenInputGroup>\n\n <Combobox.Portal container={portalContainer}>\n <ComboboxPositioner sideOffset={4}>\n <ComboboxPopup\n aria-busy={isLoading || undefined}\n style={\n isVirtualized\n ? { display: \"flex\", flexDirection: \"column\" }\n : undefined\n }\n >\n <ComboboxStatus>{isLoading ? loadingText : null}</ComboboxStatus>\n <ComboboxEmpty>{isLoading ? null : emptyText}</ComboboxEmpty>\n <ComboboxList\n style={\n isVirtualized\n ? {\n padding: 0,\n flex: 1,\n minHeight: 0,\n display: \"flex\",\n flexDirection: \"column\",\n }\n : undefined\n }\n >\n {isVirtualized ? (\n <VirtualizedComboboxList\n open={open}\n virtualizerRef={virtualizerRef}\n value={value}\n groups={groups}\n data={visibleData}\n itemToString={itemToString}\n inputType={inputType}\n renderItem={renderItem}\n renderGroupHeading={renderGroupHeading}\n />\n ) : children ? (\n children\n ) : flatItems ? (\n (row: FlatRow) => renderSentinelRow(row)\n ) : groups ? (\n (group: { value: string; items: T[] }, index: number) => (\n <React.Fragment key={group.value}>\n <ComboboxGroup items={group.items}>\n <ComboboxGroupLabel>\n {renderGroupHeading\n ? renderGroupHeading(group.value)\n : group.value}\n </ComboboxGroupLabel>\n <Combobox.Collection>\n {(item: T) => (\n <ComboboxItem\n key={item.id}\n value={item}\n itemId={String(item.id)}\n label={itemToString(item)}\n inputType={inputType}\n renderItem={\n renderItem\n ? () => renderItem(item)\n : () => itemToString(item)\n }\n />\n )}\n </Combobox.Collection>\n </ComboboxGroup>\n {index < groups.length - 1 && <ComboboxSeparator />}\n </React.Fragment>\n )\n ) : (\n (item: T) => (\n <ComboboxItem\n key={item.id}\n value={item}\n itemId={String(item.id)}\n label={itemToString(item)}\n inputType={inputType}\n renderItem={\n renderItem\n ? () => renderItem(item)\n : () => itemToString(item)\n }\n />\n )\n )}\n </ComboboxList>\n </ComboboxPopup>\n </ComboboxPositioner>\n </Combobox.Portal>\n </Combobox.Root>\n </Field>\n );\n}\n","import * as React from \"react\";\nimport { Combobox } from \"@base-ui/react/combobox\";\nimport { useVirtualizer } from \"@tanstack/react-virtual\";\nimport { useSeedsPortalContainer } from \"./SeedsPortal\";\nimport ComboboxItem from \"./Common/ComboboxItem\";\nimport VirtualizedComboboxList from \"./Common/VirtualizedComboboxList\";\nimport type { DataWithId } from \"./Common/types\";\nimport { groupItems } from \"./Common/groupItems\";\nimport { Field } from \"./Common/SelectStyles\";\nimport {\n ComboboxGroup,\n ComboboxGroupLabel,\n ComboboxSeparator,\n ComboboxPositioner,\n ComboboxEmpty,\n ComboboxStatus,\n SearchableSelectTrigger,\n SearchableSelectTriggerIcon,\n SearchableSelectPlaceholder,\n SearchableSelectPopup,\n SearchableSelectSearchContainer,\n SearchableSelectInput,\n SearchableSelectList,\n} from \"./Common/ComboboxStyles\";\nimport { StyledChevron, ChevronIcon } from \"./Common/SelectIcons\";\n\n// ─── Props ────────────────────────────────────────────────────────────────────\n\ninterface SingleSearchableSelectBaseProps {\n id?: string;\n placeholder?: string;\n searchPlaceholder?: string;\n emptyText?: string;\n isLoading?: boolean;\n loadingText?: string;\n}\n\ninterface SingleSearchableSelectDataBaseProps<T extends DataWithId>\n extends SingleSearchableSelectBaseProps {\n data: T[];\n itemToString: (item: T | null) => string;\n renderItem?: (item: T) => React.ReactNode;\n renderSelection?: (item: T) => React.ReactNode;\n inputType?: \"icon\" | \"radio\" | \"checkbox\" | \"none\";\n selectedItemId?: T[\"id\"] | null;\n defaultSelectedItemId?: T[\"id\"] | null;\n onSelectedItemIdChange?: (id: T[\"id\"] | null) => void;\n children?: never;\n}\n\ninterface SingleSearchableSelectDataProps<T extends DataWithId>\n extends SingleSearchableSelectDataBaseProps<T> {\n isVirtualized?: false;\n groupBy?: (item: T) => string;\n renderGroupHeading?: (label: string) => React.ReactNode;\n}\n\ninterface SingleSearchableSelectVirtualizedProps<T extends DataWithId>\n extends SingleSearchableSelectDataBaseProps<T> {\n isVirtualized: true;\n groupBy?: never;\n renderGroupHeading?: never;\n}\n\ninterface SingleSearchableSelectChildrenProps\n extends SingleSearchableSelectBaseProps {\n children: React.ReactNode;\n selectedItemId?: string | number | null;\n defaultSelectedItemId?: string | number | null;\n onSelectedItemIdChange?: (id: string | number | null) => void;\n data?: never;\n itemToString?: never;\n renderItem?: never;\n renderSelection?: never;\n inputType?: never;\n groupBy?: never;\n renderGroupHeading?: never;\n isVirtualized?: never;\n}\n\nexport type SingleSearchableSelectProps<T extends DataWithId> =\n | SingleSearchableSelectDataProps<T>\n | SingleSearchableSelectVirtualizedProps<T>\n | SingleSearchableSelectChildrenProps;\n\n// ─── Component ────────────────────────────────────────────────────────────────\n\nexport default function SingleSearchableSelect<T extends DataWithId>(\n props: SingleSearchableSelectProps<T>\n) {\n const {\n id,\n placeholder = \"Select...\",\n searchPlaceholder = \"Search...\",\n emptyText = \"No results found.\",\n isLoading = false,\n loadingText = \"Loading...\",\n } = props;\n\n const isChildrenMode = \"children\" in props && props.children != null;\n\n type DataProps =\n | SingleSearchableSelectDataProps<T>\n | SingleSearchableSelectVirtualizedProps<T>;\n\n const data = isChildrenMode ? ([] as T[]) : (props as DataProps).data;\n const itemToString = isChildrenMode\n ? (_item: T | null) => \"\"\n : (props as DataProps).itemToString;\n const renderItem = isChildrenMode\n ? undefined\n : (props as DataProps).renderItem;\n const renderSelection = isChildrenMode\n ? undefined\n : (props as DataProps).renderSelection;\n const inputType = isChildrenMode\n ? \"icon\"\n : (props as DataProps).inputType ?? \"icon\";\n const isVirtualized = isChildrenMode\n ? false\n : (props as DataProps).isVirtualized ?? false;\n const groupBy = isChildrenMode\n ? undefined\n : isVirtualized\n ? undefined\n : (props as SingleSearchableSelectDataProps<T>).groupBy;\n const renderGroupHeading = isChildrenMode\n ? undefined\n : isVirtualized\n ? undefined\n : (props as SingleSearchableSelectDataProps<T>).renderGroupHeading;\n const children = isChildrenMode\n ? (props as SingleSearchableSelectChildrenProps).children\n : undefined;\n\n const selectedItemId = props.selectedItemId;\n const defaultSelectedItemId = props.defaultSelectedItemId;\n const onSelectedItemIdChange = props.onSelectedItemIdChange;\n\n const { containerRef, portalContainer } = useSeedsPortalContainer();\n const [open, setOpen] = React.useState(false);\n const virtualizerRef = React.useRef<ReturnType<\n typeof useVirtualizer<HTMLDivElement, Element>\n > | null>(null);\n\n const isControlled = selectedItemId !== undefined;\n\n const idToItem = React.useCallback(\n (id: T[\"id\"] | null | undefined): T | null => {\n if (id == null) return null;\n return data.find((d) => String(d.id) === String(id)) ?? null;\n },\n [data]\n );\n\n const [internalValue, setInternalValue] = React.useState<T | null>(() =>\n idToItem(defaultSelectedItemId as T[\"id\"] | null)\n );\n\n const value = isControlled\n ? idToItem(selectedItemId as T[\"id\"] | null)\n : internalValue;\n\n function handleValueChange(newItem: T | null) {\n if (!isControlled) setInternalValue(newItem);\n if (onSelectedItemIdChange) {\n onSelectedItemIdChange(newItem ? newItem.id : null);\n }\n }\n\n const groups = React.useMemo(\n () => (groupBy ? groupItems(data, groupBy) : null),\n [data, groupBy]\n );\n\n return (\n <Field>\n <div ref={containerRef} style={{ position: \"relative\" }} />\n <Combobox.Root\n id={id}\n value={value}\n onValueChange={handleValueChange}\n itemToStringLabel={itemToString}\n isItemEqualToValue={(a, b) => a != null && b != null && a.id === b.id}\n items={\n isVirtualized ? data : groups ?? (isChildrenMode ? undefined : data)\n }\n virtualized={isVirtualized}\n open={open}\n onOpenChange={setOpen}\n onItemHighlighted={\n isVirtualized\n ? (item, { reason, index }) => {\n const virt = virtualizerRef.current;\n if (!item || !virt) return;\n const isStart = index === 0;\n const isEnd = index === virt.options.count - 1;\n if (\n reason === \"none\" ||\n (reason === \"keyboard\" && (isStart || isEnd))\n ) {\n queueMicrotask(() => {\n virt.scrollToIndex(index, {\n align: isEnd ? \"start\" : \"end\",\n });\n });\n }\n }\n : undefined\n }\n >\n <SearchableSelectTrigger id={id}>\n <SearchableSelectPlaceholder>\n <Combobox.Value placeholder={placeholder}>\n {value\n ? renderSelection\n ? renderSelection(value)\n : itemToString(value)\n : null}\n </Combobox.Value>\n </SearchableSelectPlaceholder>\n <SearchableSelectTriggerIcon>\n <StyledChevron data-chevron>\n <ChevronIcon />\n </StyledChevron>\n </SearchableSelectTriggerIcon>\n </SearchableSelectTrigger>\n\n <Combobox.Portal container={portalContainer}>\n <ComboboxPositioner sideOffset={4}>\n <SearchableSelectPopup\n aria-busy={isLoading || undefined}\n style={{ display: \"flex\", flexDirection: \"column\" }}\n >\n <SearchableSelectSearchContainer>\n <SearchableSelectInput\n placeholder={searchPlaceholder}\n autoFocus\n />\n </SearchableSelectSearchContainer>\n <ComboboxStatus>{isLoading ? loadingText : null}</ComboboxStatus>\n <ComboboxEmpty>{isLoading ? null : emptyText}</ComboboxEmpty>\n <SearchableSelectList\n style={\n isVirtualized\n ? {\n padding: 0,\n flex: 1,\n minHeight: 0,\n display: \"flex\",\n flexDirection: \"column\",\n }\n : undefined\n }\n >\n {isVirtualized ? (\n <VirtualizedComboboxList\n open={open}\n virtualizerRef={virtualizerRef}\n value={value}\n groups={null}\n data={data}\n itemToString={itemToString}\n inputType={inputType}\n renderItem={renderItem}\n />\n ) : children ? (\n children\n ) : groups ? (\n (group: { value: string; items: T[] }, index: number) => (\n <React.Fragment key={group.value}>\n <ComboboxGroup items={group.items}>\n <ComboboxGroupLabel>\n {renderGroupHeading\n ? renderGroupHeading(group.value)\n : group.value}\n </ComboboxGroupLabel>\n <Combobox.Collection>\n {(item: T) => (\n <ComboboxItem\n key={item.id}\n value={item}\n itemId={String(item.id)}\n label={itemToString(item)}\n inputType={inputType}\n renderItem={\n renderItem\n ? () => renderItem(item)\n : () => itemToString(item)\n }\n />\n )}\n </Combobox.Collection>\n </ComboboxGroup>\n {index < groups.length - 1 && <ComboboxSeparator />}\n </React.Fragment>\n )\n ) : (\n (item: T) => (\n <ComboboxItem\n key={item.id}\n value={item}\n itemId={String(item.id)}\n label={itemToString(item)}\n inputType={inputType}\n renderItem={\n renderItem ? () => renderItem(item) : undefined\n }\n />\n )\n )}\n </SearchableSelectList>\n </SearchableSelectPopup>\n </ComboboxPositioner>\n </Combobox.Portal>\n </Combobox.Root>\n </Field>\n );\n}\n","import * as React from \"react\";\nimport { Combobox } from \"@base-ui/react/combobox\";\nimport { useVirtualizer } from \"@tanstack/react-virtual\";\nimport VirtualizedComboboxList from \"./Common/VirtualizedComboboxList\";\nimport { useSeedsPortalContainer } from \"./SeedsPortal\";\nimport ComboboxItem from \"./Common/ComboboxItem\";\nimport type { DataWithId } from \"./Common/types\";\nimport { groupItems } from \"./Common/groupItems\";\nimport { Field } from \"./Common/SelectStyles\";\nimport {\n ComboboxGroup,\n ComboboxGroupLabel,\n ComboboxSeparator,\n ComboboxPositioner,\n ComboboxEmpty,\n ComboboxStatus,\n ComboboxGroupHeaderItem,\n ComboboxGroupHeaderCheckbox,\n ComboboxSelectAllItem,\n SearchableSelectTokenTrigger,\n SearchableSelectPlaceholder,\n SearchableSelectTriggerIcon,\n SearchableSelectPopup,\n SearchableSelectSearchContainer,\n SearchableSelectInput,\n SearchableSelectList,\n} from \"./Common/ComboboxStyles\";\nimport { ClearIcon, StyledChevron, ChevronIcon } from \"./Common/SelectIcons\";\nimport styled from \"styled-components\";\n\n// ─── Styled components ────────────────────────────────────────────────────────\n\nconst SelectionText = styled.span`\n flex: 1;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n`;\n\n// ─── Sentinels ────────────────────────────────────────────────────────────────\n\ninterface GroupHeaderSentinel {\n __groupHeader: true;\n groupName: string;\n}\n\nfunction makeGroupHeaderSentinel(groupName: string): GroupHeaderSentinel {\n return { __groupHeader: true, groupName };\n}\n\nfunction isGroupHeaderSentinel(v: unknown): v is GroupHeaderSentinel {\n return typeof v === \"object\" && v !== null && \"__groupHeader\" in v;\n}\n\ninterface SelectAllSentinel {\n __selectAll: true;\n}\n\nconst SELECT_ALL_SENTINEL: SelectAllSentinel = { __selectAll: true };\n\nfunction isSelectAllSentinel(v: unknown): v is SelectAllSentinel {\n return typeof v === \"object\" && v !== null && \"__selectAll\" in v;\n}\n\n// ─── Props ────────────────────────────────────────────────────────────────────\n\ninterface MultiSearchableSelectBaseProps {\n id?: string;\n placeholder?: string;\n searchPlaceholder?: string;\n emptyText?: string;\n isLoading?: boolean;\n loadingText?: string;\n}\n\ninterface MultiSearchableSelectDataProps<T extends DataWithId>\n extends MultiSearchableSelectBaseProps {\n data: T[];\n itemToString: (item: T) => string;\n renderItem?: (item: T) => React.ReactNode;\n customRenderSelections?: (item: T) => string;\n renderSelection?: (items: T[]) => React.ReactNode;\n inputType?: \"icon\" | \"checkbox\" | \"none\";\n maxSelections?: number;\n selectedItemIds?: Array<T[\"id\"]>;\n defaultSelectedItemIds?: Array<T[\"id\"]>;\n onSelectedItemIdsChange?: (ids: Array<T[\"id\"]>) => void;\n groupBy?: (item: T) => string;\n renderGroupHeading?: (label: string) => React.ReactNode;\n selectHeadings?: boolean;\n selectAll?: boolean;\n isVirtualized?: boolean;\n removeSelectedItems?: boolean;\n children?: never;\n}\n\ninterface MultiSearchableSelectChildrenProps\n extends MultiSearchableSelectBaseProps {\n children: React.ReactNode;\n selectedItemIds?: Array<string | number>;\n defaultSelectedItemIds?: Array<string | number>;\n onSelectedItemIdsChange?: (ids: Array<string | number>) => void;\n data?: never;\n itemToString?: never;\n renderItem?: never;\n customRenderSelections?: never;\n renderSelection?: never;\n inputType?: never;\n maxSelections?: never;\n groupBy?: never;\n renderGroupHeading?: never;\n selectHeadings?: never;\n selectAll?: never;\n isVirtualized?: never;\n removeSelectedItems?: never;\n}\n\nexport type MultiSearchableSelectProps<T extends DataWithId> =\n | MultiSearchableSelectDataProps<T>\n | MultiSearchableSelectChildrenProps;\n\n// ─── Component ────────────────────────────────────────────────────────────────\n\nexport default function MultiSearchableSelect<T extends DataWithId>(\n props: MultiSearchableSelectProps<T>\n) {\n const {\n id,\n placeholder = \"Select...\",\n searchPlaceholder = \"Search...\",\n emptyText = \"No results found.\",\n isLoading = false,\n loadingText = \"Loading...\",\n } = props;\n\n const isChildrenMode = \"children\" in props && props.children != null;\n\n const data = isChildrenMode\n ? ([] as T[])\n : (props as MultiSearchableSelectDataProps<T>).data;\n const itemToString = isChildrenMode\n ? (_item: T) => \"\"\n : (props as MultiSearchableSelectDataProps<T>).itemToString;\n const renderItem = isChildrenMode\n ? undefined\n : (props as MultiSearchableSelectDataProps<T>).renderItem;\n const customRenderSelections = isChildrenMode\n ? undefined\n : (props as MultiSearchableSelectDataProps<T>).customRenderSelections;\n const maxSelections = isChildrenMode\n ? undefined\n : (props as MultiSearchableSelectDataProps<T>).maxSelections;\n const renderSelection = isChildrenMode\n ? undefined\n : (props as MultiSearchableSelectDataProps<T>).renderSelection;\n const removeSelectedItems = isChildrenMode\n ? false\n : (props as MultiSearchableSelectDataProps<T>).removeSelectedItems ?? false;\n const inputType = isChildrenMode\n ? \"checkbox\"\n : removeSelectedItems\n ? \"none\"\n : (props as MultiSearchableSelectDataProps<T>).inputType ?? \"checkbox\";\n const groupBy = isChildrenMode\n ? undefined\n : (props as MultiSearchableSelectDataProps<T>).groupBy;\n const renderGroupHeading = isChildrenMode\n ? undefined\n : (props as MultiSearchableSelectDataProps<T>).renderGroupHeading;\n const selectHeadings = isChildrenMode\n ? false\n : (props as MultiSearchableSelectDataProps<T>).selectHeadings ?? false;\n const selectAll = isChildrenMode\n ? false\n : (props as MultiSearchableSelectDataProps<T>).selectAll ?? false;\n const isVirtualized = isChildrenMode\n ? false\n : (props as MultiSearchableSelectDataProps<T>).isVirtualized ?? false;\n const children = isChildrenMode\n ? (props as MultiSearchableSelectChildrenProps).children\n : undefined;\n\n const selectedItemIds = props.selectedItemIds;\n const defaultSelectedItemIds = props.defaultSelectedItemIds;\n const onSelectedItemIdsChange = props.onSelectedItemIdsChange;\n\n const { containerRef, portalContainer } = useSeedsPortalContainer();\n const [open, setOpen] = React.useState(false);\n const virtualizerRef = React.useRef<ReturnType<\n typeof useVirtualizer<HTMLDivElement, Element>\n > | null>(null);\n\n const isControlled = selectedItemIds !== undefined;\n\n const idsToItems = React.useCallback(\n (ids: Array<T[\"id\"]>): T[] =>\n ids\n .map((id) => data.find((d) => d.id === id))\n .filter((d): d is T => d != null),\n [data]\n );\n\n const [internalValue, setInternalValue] = React.useState<T[]>(() =>\n defaultSelectedItemIds\n ? idsToItems(defaultSelectedItemIds as Array<T[\"id\"]>)\n : []\n );\n\n const value = isControlled\n ? idsToItems(selectedItemIds as Array<T[\"id\"]>)\n : internalValue;\n\n const visibleData = React.useMemo(\n () =>\n removeSelectedItems\n ? data.filter((item) => !value.some((v) => v.id === item.id))\n : data,\n [data, value, removeSelectedItems]\n );\n\n const groups = React.useMemo(\n () => (groupBy ? groupItems(visibleData, groupBy) : null),\n [visibleData, groupBy]\n );\n\n // ─── Sentinel flat list ───────────────────────────────────────────────────\n\n type FlatRow = T | GroupHeaderSentinel | SelectAllSentinel;\n\n const flatItems = React.useMemo<FlatRow[] | null>(() => {\n if (!groups || (!selectHeadings && !selectAll)) return null;\n const rows: FlatRow[] = [];\n if (selectAll) rows.push(SELECT_ALL_SENTINEL);\n for (const group of groups) {\n rows.push(makeGroupHeaderSentinel(group.value));\n rows.push(...group.items);\n }\n return rows;\n }, [groups, selectHeadings, selectAll]);\n\n function setSelectedItems(items: T[]) {\n if (!isControlled) setInternalValue(items);\n if (onSelectedItemIdsChange)\n onSelectedItemIdsChange(items.map((item) => item.id));\n }\n\n function handleValueChange(next: FlatRow[]) {\n const selectAllClicked = next.filter(isSelectAllSentinel);\n const groupSentinels = next.filter(isGroupHeaderSentinel);\n const realItems = next.filter(\n (v): v is T => !isGroupHeaderSentinel(v) && !isSelectAllSentinel(v)\n );\n\n if (selectAllClicked.length > 0) {\n const allSelected = data.every((d) =>\n realItems.some((s) => s.id === d.id)\n );\n setSelectedItems(allSelected ? [] : [...data]);\n return;\n }\n\n if (groupSentinels.length === 0) {\n setSelectedItems(realItems);\n return;\n }\n\n let updated = [...realItems];\n for (const sentinel of groupSentinels) {\n const group = groups?.find((g) => g.value === sentinel.groupName);\n if (!group) continue;\n const allSelected = group.items.every((item) =>\n updated.some((s) => s.id === item.id)\n );\n if (allSelected) {\n updated = updated.filter(\n (s) => !group.items.some((item) => item.id === s.id)\n );\n } else {\n const missing = group.items.filter(\n (item) => !updated.some((s) => s.id === item.id)\n );\n updated = [...updated, ...missing];\n }\n }\n setSelectedItems(updated);\n }\n\n function handleSimpleValueChange(newItems: T[]) {\n setSelectedItems(newItems);\n }\n\n // ─── Render sentinel row ──────────────────────────────────────────────────\n\n function renderSentinelRow(row: FlatRow) {\n if (isSelectAllSentinel(row)) {\n const totalCount = data.length;\n const selectedCount = value.length;\n const state: \"none\" | \"partial\" | \"all\" =\n selectedCount === 0\n ? \"none\"\n : selectedCount === totalCount\n ? \"all\"\n : \"partial\";\n return (\n <ComboboxSelectAllItem key=\"__selectAll\" value={row}>\n <ComboboxGroupHeaderCheckbox $state={state} id=\"__selectAll\" />\n Select all\n </ComboboxSelectAllItem>\n );\n }\n\n if (isGroupHeaderSentinel(row)) {\n const group = groups?.find((g) => g.value === row.groupName);\n const groupItemsList = group?.items ?? [];\n const selectedCount = groupItemsList.filter((item) =>\n value.some((s) => s.id === item.id)\n ).length;\n const state: \"none\" | \"partial\" | \"all\" =\n selectedCount === 0\n ? \"none\"\n : selectedCount === groupItemsList.length\n ? \"all\"\n : \"partial\";\n return (\n <ComboboxGroupHeaderItem key={`__header-${row.groupName}`} value={row}>\n <ComboboxGroupHeaderCheckbox\n $state={state}\n id={`__header-${row.groupName}`}\n />\n {renderGroupHeading\n ? renderGroupHeading(row.groupName)\n : row.groupName}\n </ComboboxGroupHeaderItem>\n );\n }\n\n const item = row as T;\n return (\n <ComboboxItem\n key={item.id}\n value={item}\n itemId={String(item.id)}\n label={itemToString(item)}\n inputType={inputType}\n renderItem={\n renderItem ? () => renderItem(item) : () => itemToString(item)\n }\n />\n );\n }\n\n const rootItems =\n flatItems ?? groups ?? (isChildrenMode ? undefined : visibleData);\n const hasSentinels = selectAll || selectHeadings;\n const rootValue = hasSentinels\n ? ([...value] as FlatRow[])\n : (value as unknown as T[]);\n\n return (\n <Field>\n <div ref={containerRef} style={{ position: \"relative\" }} />\n <Combobox.Root\n multiple\n id={id}\n virtualized={isVirtualized}\n open={open}\n onOpenChange={setOpen}\n onItemHighlighted={\n isVirtualized\n ? (item, { reason, index }) => {\n const virt = virtualizerRef.current;\n if (!item || !virt) return;\n const isStart = index === 0;\n const isEnd = index === virt.options.count - 1;\n if (\n reason === \"none\" ||\n (reason === \"keyboard\" && (isStart || isEnd))\n ) {\n queueMicrotask(() => {\n virt.scrollToIndex(index, {\n align: isEnd ? \"start\" : \"end\",\n });\n });\n }\n }\n : undefined\n }\n value={rootValue}\n onValueChange={\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n (hasSentinels ? handleValueChange : handleSimpleValueChange) as any\n }\n itemToStringLabel={(item: FlatRow | null) => {\n if (!item || isGroupHeaderSentinel(item) || isSelectAllSentinel(item))\n return \"\";\n return itemToString(item as T);\n }}\n isItemEqualToValue={(a: FlatRow, b: FlatRow) => {\n if (isGroupHeaderSentinel(a) && isGroupHeaderSentinel(b))\n return a.groupName === b.groupName;\n if (isSelectAllSentinel(a) && isSelectAllSentinel(b)) return true;\n if (\n !isGroupHeaderSentinel(a) &&\n !isSelectAllSentinel(a) &&\n !isGroupHeaderSentinel(b) &&\n !isSelectAllSentinel(b)\n )\n return (a as T).id === (b as T).id;\n return false;\n }}\n items={rootItems}\n >\n <SearchableSelectTokenTrigger id={id}>\n {renderSelection ? (\n renderSelection(value)\n ) : value.length > 0 ? (\n (() => {\n const visibleItems =\n maxSelections != null ? value.slice(0, maxSelections) : value;\n const overflowCount =\n maxSelections != null && value.length > maxSelections\n ? value.length - maxSelections\n : 0;\n const text = visibleItems\n .map((item) =>\n customRenderSelections\n ? customRenderSelections(item)\n : itemToString(item)\n )\n .join(\", \");\n return (\n <SelectionText>\n {text}\n {overflowCount > 0 ? `, +${overflowCount}` : \"\"}\n </SelectionText>\n );\n })()\n ) : (\n <SearchableSelectPlaceholder>\n {placeholder}\n </SearchableSelectPlaceholder>\n )}\n <SearchableSelectTriggerIcon style={{ marginLeft: \"auto\" }}>\n <StyledChevron data-chevron>\n <ChevronIcon />\n </StyledChevron>\n </SearchableSelectTriggerIcon>\n </SearchableSelectTokenTrigger>\n\n <Combobox.Portal container={portalContainer}>\n <ComboboxPositioner sideOffset={4}>\n <SearchableSelectPopup\n aria-busy={isLoading || undefined}\n style={{ display: \"flex\", flexDirection: \"column\" }}\n >\n <SearchableSelectSearchContainer>\n <SearchableSelectInput\n placeholder={searchPlaceholder}\n autoFocus\n />\n </SearchableSelectSearchContainer>\n <ComboboxStatus>{isLoading ? loadingText : null}</ComboboxStatus>\n <ComboboxEmpty>{isLoading ? null : emptyText}</ComboboxEmpty>\n <SearchableSelectList\n style={\n isVirtualized\n ? {\n padding: 0,\n flex: 1,\n minHeight: 0,\n display: \"flex\",\n flexDirection: \"column\",\n }\n : undefined\n }\n >\n {isVirtualized ? (\n <VirtualizedComboboxList\n open={open}\n virtualizerRef={virtualizerRef}\n value={value}\n groups={groups}\n data={visibleData}\n itemToString={itemToString}\n inputType={inputType}\n renderItem={renderItem}\n renderGroupHeading={renderGroupHeading}\n />\n ) : children ? (\n children\n ) : flatItems ? (\n (row: FlatRow) => renderSentinelRow(row)\n ) : groups ? (\n (group: { value: string; items: T[] }, index: number) => (\n <React.Fragment key={group.value}>\n <ComboboxGroup items={group.items}>\n <ComboboxGroupLabel>\n {renderGroupHeading\n ? renderGroupHeading(group.value)\n : group.value}\n </ComboboxGroupLabel>\n <Combobox.Collection>\n {(item: T) => (\n <ComboboxItem\n key={item.id}\n value={item}\n itemId={String(item.id)}\n label={itemToString(item)}\n inputType={inputType}\n renderItem={\n renderItem\n ? () => renderItem(item)\n : () => itemToString(item)\n }\n />\n )}\n </Combobox.Collection>\n </ComboboxGroup>\n {index < groups.length - 1 && <ComboboxSeparator />}\n </React.Fragment>\n )\n ) : (\n (item: T) => (\n <ComboboxItem\n key={item.id}\n value={item}\n itemId={String(item.id)}\n label={itemToString(item)}\n inputType={inputType}\n renderItem={\n renderItem\n ? () => renderItem(item)\n : () => itemToString(item)\n }\n />\n )\n )}\n </SearchableSelectList>\n </SearchableSelectPopup>\n </ComboboxPositioner>\n </Combobox.Portal>\n </Combobox.Root>\n </Field>\n );\n}\n"],"mappings":"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","names":["React","Select","styled","Select","styled","styled","Icon","jsx","jsx","Icon","Fragment","jsx","jsxs","styled","Select","React","Select","styled","jsx","jsxs","styled","React","Combobox","React","Radio","Checkbox","styled","focusRing","Checkbox","jsx","jsx","jsxs","Radio","Checkbox","ComboboxItem","React","Combobox","jsx","jsxs","jsx","jsxs","React","Combobox","Icon","Fragment","jsx","jsxs","React","Combobox","jsx","jsxs","React","Combobox","styled","jsx","jsxs","SelectionText"]}
1
+ {"version":3,"sources":["../../../src/v3/SingleSelect.tsx","../../../src/v3/SeedsPortal.tsx","../../../src/v3/Common/SelectItem.tsx","../../../src/v3/Common/groupItems.ts","../../../src/v3/Common/SelectStyles.tsx","../../../src/v3/Common/SelectIcons.tsx","../../../src/v3/MultiSelect.tsx","../../../src/v3/SingleCombobox.tsx","../../../src/v3/Common/ComboboxItem.tsx","../../../src/v3/Common/ComboboxStyles.tsx","../../../src/v3/Common/VirtualizedComboboxList.tsx","../../../src/v3/MultiCombobox.tsx","../../../src/v3/SingleSearchableSelect.tsx","../../../src/v3/MultiSearchableSelect.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Select } from \"@base-ui/react/select\";\nimport styled from \"styled-components\";\nimport { useSeedsPortalContainer } from \"./SeedsPortal\";\nimport SelectItem from \"./Common/SelectItem\";\nimport type { DataWithId } from \"./Common/types\";\nimport { groupItems } from \"./Common/groupItems\";\nimport {\n Field,\n SelectTrigger,\n SelectIcon,\n SelectGroup,\n SelectGroupLabel,\n SelectSeparator,\n SelectPositioner,\n SelectPopup,\n} from \"./Common/SelectStyles\";\nimport { StyledChevron, ChevronIcon } from \"./Common/SelectIcons\";\n\n// <Listbox(?!\\.|B)\n// ─── Styled components ────────────────────────────────────────────────────────\n\nconst StyledValue = styled(Select.Value)`\n flex: 1;\n text-align: left;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n\n &[data-placeholder] {\n color: ${({ theme }) => theme.colors.text.subtext};\n }\n`;\n\n// ─── Props ────────────────────────────────────────────────────────────────────\n\ninterface SingleSelectBaseProps {\n id?: string;\n placeholder?: string;\n includePlaceholderItem?: boolean;\n disabled?: boolean;\n}\n\ninterface SingleSelectDataProps<T extends DataWithId>\n extends SingleSelectBaseProps {\n data: T[];\n itemToString: (item: T | null) => string;\n renderItem?: (item: T) => React.ReactNode;\n inputType?: \"icon\" | \"radio\";\n selectedItemId?: T[\"id\"] | null;\n defaultSelectedItemId?: T[\"id\"] | null;\n onSelectedItemIdChange?: (id: T[\"id\"] | null) => void;\n renderSelection?: (item: T) => React.ReactNode;\n groupBy?: (item: T) => string;\n renderGroupHeading?: (label: string) => React.ReactNode;\n children?: never;\n}\n\ninterface SingleSelectChildrenProps extends SingleSelectBaseProps {\n children: React.ReactNode;\n selectedItemId?: string | number | null;\n defaultSelectedItemId?: string | number | null;\n onSelectedItemIdChange?: (id: string | number | null) => void;\n data?: never;\n itemToString?: never;\n renderItem?: never;\n inputType?: never;\n renderSelection?: never;\n groupBy?: never;\n renderGroupHeading?: never;\n}\n\nexport type SingleSelectProps<T extends DataWithId> =\n | SingleSelectDataProps<T>\n | SingleSelectChildrenProps;\n\n// ─── Component ────────────────────────────────────────────────────────────────\n\nexport function SingleSelect<T extends DataWithId>(\n props: SingleSelectProps<T>\n) {\n const { id, placeholder, includePlaceholderItem } = props;\n\n const isChildrenMode = \"children\" in props && props.children != null;\n\n const selectedItemId = props.selectedItemId;\n const defaultSelectedItemId = props.defaultSelectedItemId;\n const onSelectedItemIdChange = props.onSelectedItemIdChange;\n\n const data = isChildrenMode ? [] : (props as SingleSelectDataProps<T>).data;\n const itemToString = isChildrenMode\n ? () => \"\"\n : (props as SingleSelectDataProps<T>).itemToString;\n const renderItem = isChildrenMode\n ? undefined\n : (props as SingleSelectDataProps<T>).renderItem;\n const inputType = isChildrenMode\n ? \"icon\"\n : (props as SingleSelectDataProps<T>).inputType ?? \"icon\";\n const renderSelection = isChildrenMode\n ? undefined\n : (props as SingleSelectDataProps<T>).renderSelection;\n const groupBy = isChildrenMode\n ? undefined\n : (props as SingleSelectDataProps<T>).groupBy;\n const renderGroupHeading = isChildrenMode\n ? undefined\n : (props as SingleSelectDataProps<T>).renderGroupHeading;\n const children = isChildrenMode\n ? (props as SingleSelectChildrenProps).children\n : undefined;\n\n const { containerRef, portalContainer } = useSeedsPortalContainer();\n const items = React.useMemo(() => {\n const dataItems = data.map((item) => ({\n value: String(item.id),\n label: itemToString(item),\n }));\n if (includePlaceholderItem) {\n return [{ value: null, label: placeholder ?? \"\" }, ...dataItems];\n }\n return dataItems;\n }, [data, itemToString, includePlaceholderItem, placeholder]);\n\n const dataWithPlaceholder = includePlaceholderItem\n ? [{ id: null, value: null, label: placeholder ?? \"\" }, ...data]\n : data;\n\n const isControlled = selectedItemId !== undefined;\n const [internalValue, setInternalValue] = React.useState<string | null>(\n defaultSelectedItemId != null ? String(defaultSelectedItemId) : null\n );\n const value = isControlled\n ? selectedItemId != null\n ? String(selectedItemId)\n : null\n : internalValue;\n\n const selectedItem = React.useMemo(\n () =>\n value != null ? data.find((d) => String(d.id) === value) ?? null : null,\n [data, value]\n );\n\n function handleValueChange(newValue: string | null) {\n if (!isControlled) {\n setInternalValue(newValue);\n }\n if (onSelectedItemIdChange) {\n if (newValue == null) {\n onSelectedItemIdChange(null);\n } else {\n const item = data.find((d) => String(d.id) === newValue);\n onSelectedItemIdChange(item ? item.id : null);\n }\n }\n }\n\n return (\n <Field>\n <div ref={containerRef} style={{ position: \"relative\" }} />\n <Select.Root\n items={items}\n value={value}\n disabled={props.disabled}\n onValueChange={handleValueChange}\n id={id}\n >\n <SelectTrigger>\n <StyledValue placeholder={placeholder}>\n {renderSelection && selectedItem\n ? renderSelection(selectedItem)\n : undefined}\n </StyledValue>\n <SelectIcon>\n <StyledChevron data-chevron>\n <ChevronIcon />\n </StyledChevron>\n </SelectIcon>\n </SelectTrigger>\n <Select.Portal container={portalContainer}>\n <SelectPositioner sideOffset={8} alignItemWithTrigger={false}>\n <SelectPopup>\n <Select.ScrollUpArrow />\n <Select.List>\n {children ? (\n children\n ) : groupBy ? (\n groupItems(data, groupBy).map((group, index, arr) => (\n <React.Fragment key={group.value}>\n <SelectGroup>\n <SelectGroupLabel>\n {renderGroupHeading\n ? renderGroupHeading(group.value)\n : group.value}\n </SelectGroupLabel>\n {group.items.map((item) => (\n <SelectItem\n key={item.id}\n value={String(item.id)}\n label={itemToString(item)}\n disabled={item.disabled}\n inputType={inputType}\n renderItem={\n renderItem\n ? () => renderItem(item)\n : () => itemToString(item)\n }\n />\n ))}\n </SelectGroup>\n {index < arr.length - 1 && <SelectSeparator />}\n </React.Fragment>\n ))\n ) : (\n <>\n {includePlaceholderItem && (\n <SelectItem\n key={\"placeholder\"}\n value={null}\n label={placeholder ?? \"\"}\n />\n )}\n {data.map((item) => (\n <SelectItem\n key={item.id}\n value={String(item.id)}\n label={itemToString(item)}\n disabled={item.disabled}\n inputType={inputType}\n renderItem={\n renderItem\n ? () => renderItem(item)\n : () => itemToString(item)\n }\n />\n ))}\n </>\n )}\n </Select.List>\n <Select.ScrollDownArrow />\n </SelectPopup>\n </SelectPositioner>\n </Select.Portal>\n </Select.Root>\n </Field>\n );\n}\n","import * as React from \"react\";\nimport { DisablePortalToBodyContext } from \"@sproutsocial/seeds-react-portal\";\n\n/**\n * Returns the portal container to use for Base UI's Select.Portal /\n * Combobox.Portal. When inside a Modal V2 or Drawer (which set\n * DisablePortalToBodyContext=true), returns a ref'd div rendered inline so\n * the popup stays inside the Radix Dialog's focus/pointer boundary.\n * Otherwise returns undefined, letting Base UI portal to document.body.\n *\n * Usage:\n * const { containerRef, portalContainer } = useSeedsPortalContainer();\n * <div ref={containerRef} style={{ position: \"relative\" }} />\n * <Select.Portal container={portalContainer}>...</Select.Portal>\n */\nexport function useSeedsPortalContainer() {\n const disablePortalToBody = React.useContext(DisablePortalToBodyContext);\n const containerRef = React.useRef<HTMLDivElement>(null);\n const [portalContainer, setPortalContainer] = React.useState<\n HTMLElement | undefined\n >(undefined);\n\n React.useEffect(() => {\n if (disablePortalToBody && containerRef.current) {\n // Portal to the Radix Dialog content element so the popup escapes the\n // ModalBody scroll container while staying inside the Dialog boundary\n // (required for Radix focus/pointer-events containment).\n const dialogContent =\n containerRef.current.closest<HTMLElement>(\"[role='dialog']\");\n setPortalContainer(dialogContent ?? containerRef.current);\n }\n }, [disablePortalToBody]);\n\n return { containerRef, portalContainer, disablePortalToBody };\n}\n","import * as React from \"react\";\nimport { Select } from \"@base-ui/react/select\";\nimport styled from \"styled-components\";\nimport Radio from \"@sproutsocial/seeds-react-radio\";\nimport Checkbox from \"@sproutsocial/seeds-react-checkbox\";\nimport { Icon } from \"@sproutsocial/seeds-react-icon\";\n\n// ─── Styled components ────────────────────────────────────────────────────────\n\nexport const StyledItem = styled(Select.Item)`\n display: flex;\n align-items: center;\n gap: 8px;\n padding: 6px 8px;\n border-radius: ${({ theme }) => theme.radii[500]};\n font-size: 14px;\n color: ${({ theme }) => theme.colors.text.body};\n cursor: default;\n outline: none;\n\n &[data-highlighted] {\n background: ${({ theme }) => theme.colors.listItem.background.hover};\n }\n\n &[data-selected] {\n font-weight: ${({ theme }) => theme.fontWeights.semibold};\n }\n\n &[data-disabled] {\n opacity: 0.5;\n cursor: not-allowed;\n }\n`;\n\nexport const StyledItemIndicator = styled(Select.ItemIndicator)`\n display: flex;\n align-items: center;\n width: 16px;\n color: ${({ theme }) => theme.colors.text.body};\n visibility: hidden;\n\n &[data-selected] {\n visibility: visible;\n }\n`;\n\nexport const StyledItemText = styled(Select.ItemText)``;\n\n// ─── Icons ────────────────────────────────────────────────────────────────────\n\nfunction CheckIcon() {\n return <Icon name=\"check-outline\" fixedWidth aria-hidden />;\n}\n\n// ─── Component ────────────────────────────────────────────────────────────────\n\ninterface SelectItemProps {\n value: string | null;\n label: string;\n disabled?: boolean;\n inputType?: \"icon\" | \"radio\" | \"checkbox\" | \"none\";\n renderItem?: () => React.ReactNode;\n hidden?: boolean;\n}\n\nexport default function SelectItem({\n value,\n label,\n disabled,\n inputType = \"icon\",\n renderItem,\n hidden,\n}: SelectItemProps) {\n return (\n <StyledItem\n value={value}\n disabled={disabled}\n style={hidden ? { display: \"none\" } : undefined}\n data-qa-menu-item={label}\n >\n {inputType === \"radio\" ? (\n <StyledItemIndicator\n keepMounted\n render={(_props, state) => (\n <Radio\n checked={state.selected}\n onChange={() => {}}\n tabIndex={-1}\n id={`radio-${value}`}\n name=\"select-item\"\n />\n )}\n />\n ) : inputType === \"checkbox\" ? (\n <StyledItemIndicator\n keepMounted\n render={(_props, state) => (\n <Checkbox\n checked={state.selected}\n onChange={() => {}}\n tabIndex={-1}\n id={`checkbox-${value}`}\n name=\"select-item\"\n />\n )}\n />\n ) : inputType === \"icon\" ? (\n <StyledItemIndicator keepMounted>\n <CheckIcon />\n </StyledItemIndicator>\n ) : null}\n <StyledItemText>{renderItem ? renderItem() : label}</StyledItemText>\n </StyledItem>\n );\n}\n","export function groupItems<T>(\n data: T[],\n groupBy: (item: T) => string\n): Array<{ value: string; items: T[] }> {\n const map = new Map<string, T[]>();\n for (const item of data) {\n const key = groupBy(item);\n if (!map.has(key)) map.set(key, []);\n map.get(key)!.push(item);\n }\n return Array.from(map.entries()).map(([value, items]) => ({ value, items }));\n}\n","import { Select } from \"@base-ui/react/select\";\nimport styled from \"styled-components\";\nimport { focusRing } from \"@sproutsocial/seeds-react-mixins\";\n\nexport const Field = styled.div`\n display: flex;\n flex-direction: column;\n gap: ${({ theme }) => theme.space[200]};\n`;\n\nexport const SelectLabel = styled(Select.Label)`\n font-size: ${({ theme }) => theme.typography[200].fontSize};\n font-weight: ${({ theme }) => theme.fontWeights.semibold};\n color: ${({ theme }) => theme.colors.text.body};\n`;\n\nexport const SelectTrigger = styled(Select.Trigger)`\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: ${({ theme }) => theme.space[300]};\n padding: ${({ theme }) => `${theme.space[300]}`};\n min-width: 160px;\n border-radius: ${({ theme }) => theme.radii[500]};\n border: 1px solid ${({ theme }) => theme.colors.form.border.base};\n background: ${({ theme }) => theme.colors.form.background.base};\n font-size: ${({ theme }) => theme.typography[200].fontSize};\n color: ${({ theme }) => theme.colors.text.body};\n cursor: default;\n outline: none;\n transition: border-color ${({ theme }) => theme.duration.fast}\n ${({ theme }) => theme.easing.ease_in},\n box-shadow ${({ theme }) => theme.duration.fast}\n ${({ theme }) => theme.easing.ease_in};\n\n &:focus-visible {\n ${focusRing}\n }\n\n &[data-popup-open] {\n ${focusRing}\n }\n\n &[data-popup-open] [data-chevron] {\n transform: rotate(-180deg);\n }\n\n &[data-disabled] {\n opacity: 0.4;\n cursor: not-allowed;\n }\n`;\n\nexport const SelectValue = styled(Select.Value)`\n min-width: 0;\n overflow: hidden;\n`;\n\nexport const SelectIcon = styled(Select.Icon)`\n display: flex;\n align-items: center;\n color: ${({ theme }) => theme.colors.icon.base};\n flex-shrink: 0;\n`;\n\nexport const SelectGroup = styled(Select.Group)`\n display: block;\n`;\n\nexport const SelectGroupLabel = styled(Select.GroupLabel)`\n padding: ${({ theme }) =>\n `${theme.space[300]} ${theme.space[300]} ${theme.space[200]}`};\n font-size: ${({ theme }) => theme.typography[100].fontSize};\n font-weight: ${({ theme }) => theme.fontWeights.semibold};\n text-transform: uppercase;\n letter-spacing: 0.05em;\n color: ${({ theme }) => theme.colors.text.subtext};\n`;\n\nexport const SelectSeparator = styled(Select.Separator)`\n height: 1px;\n margin: ${({ theme }) => `${theme.space[200]} ${theme.space[300]}`};\n background: ${({ theme }) => theme.colors.container.border.base};\n`;\n\nexport const SelectPositioner = styled(Select.Positioner)`\n width: var(--anchor-width);\n z-index: 7;\n`;\n\nexport const SelectPopup = styled(Select.Popup)`\n font-family: ${({ theme }) => theme.fontFamily};\n background: ${({ theme }) => theme.colors.container.background.base};\n border: 1px solid ${({ theme }) => theme.colors.container.border.base};\n border-radius: ${({ theme }) => theme.radii[500]};\n box-shadow: ${({ theme }) => theme.shadows.low};\n outline: none;\n max-height: min(var(--base-ui-available-height, 400px), 400px);\n overflow-y: auto;\n padding: ${({ theme }) => theme.space[200]};\n\n &[data-open] {\n animation: select-popup-in 120ms ease-out;\n }\n\n &[data-closed] {\n animation: select-popup-out 100ms ease-in;\n }\n\n @keyframes select-popup-in {\n from {\n opacity: 0;\n transform: scale(0.95);\n }\n to {\n opacity: 1;\n transform: scale(1);\n }\n }\n\n @keyframes select-popup-out {\n from {\n opacity: 1;\n transform: scale(1);\n }\n to {\n opacity: 0;\n transform: scale(0.95);\n }\n }\n`;\n","import * as React from \"react\";\nimport styled from \"styled-components\";\nimport { Icon } from \"@sproutsocial/seeds-react-icon\";\n\nexport interface StyledChevronProps {\n $isOpen?: boolean;\n}\n\nexport const StyledChevron = styled.div<StyledChevronProps>`\n display: flex;\n align-items: center;\n transition: transform 0.15s;\n ${({ $isOpen }) => $isOpen && \"transform: rotate(-180deg);\"}\n`;\n\nexport function ChevronIcon() {\n return <Icon name=\"chevron-down-outline\" fixedWidth aria-hidden />;\n}\n\nexport function ClearIcon() {\n return <Icon name=\"circle-x-outline\" fixedWidth aria-hidden size=\"mini\" />;\n}\n\nexport function CheckIcon() {\n return <Icon name=\"check-outline\" fixedWidth aria-hidden />;\n}\n","import * as React from \"react\";\nimport { Select } from \"@base-ui/react/select\";\nimport styled from \"styled-components\";\nimport { useSeedsPortalContainer } from \"./SeedsPortal\";\nimport SelectItem from \"./Common/SelectItem\";\nimport type { DataWithId } from \"./Common/types\";\nimport { groupItems } from \"./Common/groupItems\";\nimport {\n Field,\n SelectTrigger,\n SelectValue,\n SelectIcon,\n SelectGroup,\n SelectGroupLabel,\n SelectSeparator,\n SelectPositioner,\n SelectPopup,\n} from \"./Common/SelectStyles\";\nimport { StyledChevron, ChevronIcon } from \"./Common/SelectIcons\";\n\n// ─── Styled components ────────────────────────────────────────────────────────\n\nconst SelectionText = styled.span`\n flex: 1;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n`;\n\n// The styles in here need cleaned up, but in MultiSearchableSelect are correct\nconst Placeholder = styled.div`\n color: ${({ theme }) => theme.colors.text.subtext};\n font-size: ${({ theme }) => theme.typography[200].fontSize};\n line-height: 16px;\n padding-top: 2px;\n padding-bottom: 2px;\n margin: 2px 8px 0px 0px;\n`;\n\n// ─── Props ────────────────────────────────────────────────────────────────────\n\ninterface MultiSelectBaseProps {\n id?: string;\n placeholder?: string;\n disabled?: boolean;\n}\n\ninterface MultiSelectDataProps<T extends DataWithId>\n extends MultiSelectBaseProps {\n data: T[];\n itemToString: (item: T) => string;\n renderItem?: (item: T) => React.ReactNode;\n customRenderSelections?: (item: T) => string;\n renderSelection?: (items: T[]) => React.ReactNode;\n inputType?: \"icon\" | \"radio\" | \"checkbox\" | \"none\";\n maxSelections?: number;\n selectedItemIds?: Array<T[\"id\"]>;\n defaultSelectedItemIds?: Array<T[\"id\"]>;\n onSelectedItemIdsChange?: (ids: Array<T[\"id\"]>) => void;\n groupBy?: (item: T) => string;\n renderGroupHeading?: (label: string) => React.ReactNode;\n removeSelectedItems?: boolean;\n children?: never;\n}\n\ninterface MultiSelectChildrenProps extends MultiSelectBaseProps {\n children: React.ReactNode;\n selectedItemIds?: Array<string | number>;\n defaultSelectedItemIds?: Array<string | number>;\n onSelectedItemIdsChange?: (ids: Array<string | number>) => void;\n data?: never;\n itemToString?: never;\n renderItem?: never;\n customRenderSelections?: never;\n renderSelection?: never;\n inputType?: never;\n maxSelections?: never;\n groupBy?: never;\n renderGroupHeading?: never;\n removeSelectedItems?: never;\n}\n\nexport type MultiSelectProps<T extends DataWithId> =\n | MultiSelectDataProps<T>\n | MultiSelectChildrenProps;\n\n// ─── Component ────────────────────────────────────────────────────────────────\n\nexport function MultiSelect<T extends DataWithId>(props: MultiSelectProps<T>) {\n const { id, placeholder = \"Select...\" } = props;\n\n const isChildrenMode = \"children\" in props && props.children != null;\n\n const data = isChildrenMode ? [] : (props as MultiSelectDataProps<T>).data;\n const itemToString = isChildrenMode\n ? () => \"\"\n : (props as MultiSelectDataProps<T>).itemToString;\n const renderItem = isChildrenMode\n ? undefined\n : (props as MultiSelectDataProps<T>).renderItem;\n const customRenderSelections = isChildrenMode\n ? undefined\n : (props as MultiSelectDataProps<T>).customRenderSelections;\n const maxSelections = isChildrenMode\n ? undefined\n : (props as MultiSelectDataProps<T>).maxSelections;\n const renderSelection = isChildrenMode\n ? undefined\n : (props as MultiSelectDataProps<T>).renderSelection;\n const removeSelectedItems = isChildrenMode\n ? false\n : (props as MultiSelectDataProps<T>).removeSelectedItems ?? false;\n const inputType = isChildrenMode\n ? \"checkbox\"\n : removeSelectedItems\n ? \"none\"\n : (props as MultiSelectDataProps<T>).inputType ?? \"checkbox\";\n const selectedItemIds = props.selectedItemIds;\n const defaultSelectedItemIds = props.defaultSelectedItemIds;\n const onSelectedItemIdsChange = props.onSelectedItemIdsChange;\n const groupBy = isChildrenMode\n ? undefined\n : (props as MultiSelectDataProps<T>).groupBy;\n const renderGroupHeading = isChildrenMode\n ? undefined\n : (props as MultiSelectDataProps<T>).renderGroupHeading;\n const children = isChildrenMode\n ? (props as MultiSelectChildrenProps).children\n : undefined;\n\n const { containerRef, portalContainer } = useSeedsPortalContainer();\n\n const isControlled = selectedItemIds !== undefined;\n\n const [internalValue, setInternalValue] = React.useState<string[]>(\n () => defaultSelectedItemIds?.map(String) ?? []\n );\n\n const value = isControlled ? selectedItemIds!.map(String) : internalValue;\n\n const items = React.useMemo(\n () =>\n data.map((item) => ({\n value: String(item.id),\n label: itemToString(item),\n })),\n [data, itemToString]\n );\n\n const selectedItems = React.useMemo(\n () =>\n value\n .map((v) => data.find((d) => String(d.id) === v))\n .filter((d): d is T => d != null),\n [data, value]\n );\n\n function handleValueChange(newValues: string[]) {\n if (!isControlled) {\n setInternalValue(newValues);\n }\n if (onSelectedItemIdsChange) {\n const ids = newValues.map((v) => {\n const item = data.find((d) => String(d.id) === v);\n return item ? item.id : v;\n });\n onSelectedItemIdsChange(ids as Array<T[\"id\"]>);\n }\n }\n\n return (\n <Field>\n <div ref={containerRef} style={{ position: \"relative\" }} />\n <Select.Root\n multiple\n items={items}\n value={value}\n onValueChange={handleValueChange}\n disabled={props.disabled}\n id={id}\n >\n <SelectTrigger>\n <SelectValue>\n {() => {\n if (renderSelection) return renderSelection(selectedItems);\n if (selectedItems.length === 0)\n return <Placeholder>{placeholder}</Placeholder>;\n\n const visibleItems =\n maxSelections != null\n ? selectedItems.slice(0, maxSelections)\n : selectedItems;\n const overflowCount =\n maxSelections != null && selectedItems.length > maxSelections\n ? selectedItems.length - maxSelections\n : 0;\n\n const text = visibleItems\n .map((item) =>\n customRenderSelections\n ? customRenderSelections(item)\n : itemToString(item)\n )\n .join(\", \");\n\n return (\n <SelectionText>\n {text}\n {overflowCount > 0 ? `, +${overflowCount}` : \"\"}\n </SelectionText>\n );\n }}\n </SelectValue>\n <SelectIcon>\n <StyledChevron data-chevron>\n <ChevronIcon />\n </StyledChevron>\n </SelectIcon>\n </SelectTrigger>\n <Select.Portal container={portalContainer}>\n <SelectPositioner sideOffset={8} alignItemWithTrigger={false}>\n <SelectPopup>\n <Select.ScrollUpArrow />\n <Select.List>\n {children\n ? children\n : groupBy\n ? groupItems(data, groupBy).map((group, index, arr) => (\n <React.Fragment key={group.value}>\n <SelectGroup>\n <SelectGroupLabel>\n {renderGroupHeading\n ? renderGroupHeading(group.value)\n : group.value}\n </SelectGroupLabel>\n {group.items.map((item) => (\n <SelectItem\n key={item.id}\n value={String(item.id)}\n label={itemToString(item)}\n disabled={item.disabled}\n inputType={inputType}\n hidden={\n removeSelectedItems &&\n value.includes(String(item.id))\n }\n renderItem={\n renderItem ? () => renderItem(item) : undefined\n }\n />\n ))}\n </SelectGroup>\n {index < arr.length - 1 && <SelectSeparator />}\n </React.Fragment>\n ))\n : data.map((item) => (\n <SelectItem\n key={item.id}\n value={String(item.id)}\n label={itemToString(item)}\n disabled={item.disabled}\n inputType={inputType}\n hidden={\n removeSelectedItems && value.includes(String(item.id))\n }\n renderItem={\n renderItem\n ? () => renderItem(item)\n : () => itemToString(item)\n }\n />\n ))}\n </Select.List>\n <Select.ScrollDownArrow />\n </SelectPopup>\n </SelectPositioner>\n </Select.Portal>\n </Select.Root>\n </Field>\n );\n}\n","import * as React from \"react\";\nimport { Combobox } from \"@base-ui/react/combobox\";\nimport { useVirtualizer } from \"@tanstack/react-virtual\";\nimport { useSeedsPortalContainer } from \"./SeedsPortal\";\nimport ComboboxItem from \"./Common/ComboboxItem\";\nimport VirtualizedComboboxList from \"./Common/VirtualizedComboboxList\";\nimport type { DataWithId } from \"./Common/types\";\nimport { groupItems } from \"./Common/groupItems\";\nimport { Field } from \"./Common/SelectStyles\";\nimport {\n ComboboxInputGroup,\n ComboboxInput,\n ComboboxActionButtons,\n ComboboxClear,\n ComboboxTrigger,\n ComboboxPositioner,\n ComboboxPopup,\n ComboboxList,\n ComboboxEmpty,\n ComboboxGroup,\n ComboboxGroupLabel,\n ComboboxSeparator,\n} from \"./Common/ComboboxStyles\";\nimport { ClearIcon, StyledChevron, ChevronIcon } from \"./Common/SelectIcons\";\n\n// ─── Props ────────────────────────────────────────────────────────────────────\n\ninterface SingleComboboxBaseProps {\n id?: string;\n placeholder?: string;\n emptyText?: string;\n disabled?: boolean;\n}\n\ninterface SingleComboboxDataBaseProps<T extends DataWithId>\n extends SingleComboboxBaseProps {\n data: T[];\n itemToString: (item: T | null) => string;\n renderItem?: (item: T) => React.ReactNode;\n inputType?: \"icon\" | \"radio\" | \"checkbox\" | \"none\";\n selectedItemId?: T[\"id\"] | null;\n defaultSelectedItemId?: T[\"id\"] | null;\n onSelectedItemIdChange?: (id: T[\"id\"] | null) => void;\n children?: never;\n}\n\ninterface SingleComboboxDataProps<T extends DataWithId>\n extends SingleComboboxDataBaseProps<T> {\n isVirtualized?: false;\n groupBy?: (item: T) => string;\n renderGroupHeading?: (label: string) => React.ReactNode;\n}\n\ninterface SingleComboboxVirtualizedProps<T extends DataWithId>\n extends SingleComboboxDataBaseProps<T> {\n isVirtualized: true;\n groupBy?: never;\n renderGroupHeading?: never;\n}\n\ninterface SingleComboboxChildrenProps extends SingleComboboxBaseProps {\n children: React.ReactNode;\n selectedItemId?: string | number | null;\n defaultSelectedItemId?: string | number | null;\n onSelectedItemIdChange?: (id: string | number | null) => void;\n data?: never;\n itemToString?: never;\n renderItem?: never;\n inputType?: never;\n groupBy?: never;\n renderGroupHeading?: never;\n isVirtualized?: never;\n}\n\nexport type SingleComboboxProps<T extends DataWithId> =\n | SingleComboboxDataProps<T>\n | SingleComboboxVirtualizedProps<T>\n | SingleComboboxChildrenProps;\n\n// ─── Component ────────────────────────────────────────────────────────────────\n\nexport function SingleCombobox<T extends DataWithId>(\n props: SingleComboboxProps<T>\n) {\n const {\n id,\n placeholder = \"Search...\",\n emptyText = \"No results found.\",\n } = props;\n\n const isChildrenMode = \"children\" in props && props.children != null;\n\n type DataProps =\n | SingleComboboxDataProps<T>\n | SingleComboboxVirtualizedProps<T>;\n\n const data = isChildrenMode ? ([] as T[]) : (props as DataProps).data;\n const itemToString = isChildrenMode\n ? (_item: T | null) => \"\"\n : (props as DataProps).itemToString;\n const renderItem = isChildrenMode\n ? undefined\n : (props as DataProps).renderItem;\n const inputType = isChildrenMode\n ? \"icon\"\n : (props as DataProps).inputType ?? \"icon\";\n const isVirtualized = isChildrenMode\n ? false\n : (props as DataProps).isVirtualized ?? false;\n const groupBy = isChildrenMode\n ? undefined\n : isVirtualized\n ? undefined\n : (props as SingleComboboxDataProps<T>).groupBy;\n const renderGroupHeading = isChildrenMode\n ? undefined\n : isVirtualized\n ? undefined\n : (props as SingleComboboxDataProps<T>).renderGroupHeading;\n const children = isChildrenMode\n ? (props as SingleComboboxChildrenProps).children\n : undefined;\n\n const selectedItemId = props.selectedItemId;\n const defaultSelectedItemId = props.defaultSelectedItemId;\n const onSelectedItemIdChange = props.onSelectedItemIdChange;\n\n const { containerRef, portalContainer } = useSeedsPortalContainer();\n const [open, setOpen] = React.useState(false);\n const virtualizerRef = React.useRef<ReturnType<\n typeof useVirtualizer<HTMLDivElement, Element>\n > | null>(null);\n\n const isControlled = selectedItemId !== undefined;\n\n const idToItem = React.useCallback(\n (id: T[\"id\"] | null | undefined): T | null => {\n if (id == null) return null;\n return data.find((d) => String(d.id) === String(id)) ?? null;\n },\n [data]\n );\n\n const [internalValue, setInternalValue] = React.useState<T | null>(() =>\n idToItem(defaultSelectedItemId as T[\"id\"] | null)\n );\n\n const value = isControlled\n ? idToItem(selectedItemId as T[\"id\"] | null)\n : internalValue;\n\n function handleValueChange(newItem: T | null) {\n if (!isControlled) {\n setInternalValue(newItem);\n }\n if (onSelectedItemIdChange) {\n onSelectedItemIdChange(newItem ? newItem.id : null);\n }\n }\n\n const groups = React.useMemo(\n () => (groupBy ? groupItems(data, groupBy) : null),\n [data, groupBy]\n );\n\n return (\n <Field>\n <div ref={containerRef} style={{ position: \"relative\" }} />\n <Combobox.Root\n id={id}\n value={value}\n onValueChange={handleValueChange}\n itemToStringLabel={itemToString}\n isItemEqualToValue={(a, b) => a != null && b != null && a.id === b.id}\n items={\n isVirtualized ? data : groups ?? (isChildrenMode ? undefined : data)\n }\n virtualized={isVirtualized}\n disabled={props.disabled}\n open={open}\n onOpenChange={setOpen}\n onItemHighlighted={\n isVirtualized\n ? (item, { reason, index }) => {\n const virt = virtualizerRef.current;\n if (!item || !virt) return;\n const isStart = index === 0;\n const isEnd = index === virt.options.count - 1;\n if (\n reason === \"none\" ||\n (reason === \"keyboard\" && (isStart || isEnd))\n ) {\n queueMicrotask(() => {\n virt.scrollToIndex(index, {\n align: isEnd ? \"start\" : \"end\",\n });\n });\n }\n }\n : undefined\n }\n >\n <ComboboxInputGroup>\n <ComboboxInput placeholder={placeholder} id={id} />\n <ComboboxActionButtons>\n <ComboboxClear aria-label=\"Clear selection\">\n <ClearIcon />\n </ComboboxClear>\n <ComboboxTrigger aria-label=\"Open popup\">\n <StyledChevron $isOpen={open}>\n <ChevronIcon />\n </StyledChevron>\n </ComboboxTrigger>\n </ComboboxActionButtons>\n </ComboboxInputGroup>\n\n <Combobox.Portal container={portalContainer}>\n <ComboboxPositioner sideOffset={4}>\n <ComboboxPopup\n style={\n isVirtualized\n ? { display: \"flex\", flexDirection: \"column\" }\n : undefined\n }\n >\n <ComboboxEmpty>{emptyText}</ComboboxEmpty>\n <ComboboxList\n style={\n isVirtualized\n ? {\n padding: 0,\n flex: 1,\n minHeight: 0,\n display: \"flex\",\n flexDirection: \"column\",\n }\n : undefined\n }\n >\n {isVirtualized ? (\n <VirtualizedComboboxList\n open={open}\n virtualizerRef={virtualizerRef}\n value={value}\n groups={groups}\n data={data}\n itemToString={itemToString}\n inputType={inputType}\n renderItem={renderItem}\n renderGroupHeading={renderGroupHeading}\n />\n ) : children ? (\n children\n ) : groups ? (\n (group: { value: string; items: T[] }, index: number) => (\n <React.Fragment key={group.value}>\n <ComboboxGroup items={group.items}>\n <ComboboxGroupLabel>\n {renderGroupHeading\n ? renderGroupHeading(group.value)\n : group.value}\n </ComboboxGroupLabel>\n <Combobox.Collection>\n {(item: T) => (\n <ComboboxItem\n key={item.id}\n value={item}\n itemId={String(item.id)}\n label={itemToString(item)}\n disabled={item.disabled}\n inputType={inputType}\n renderItem={\n renderItem\n ? () => renderItem(item)\n : () => itemToString(item)\n }\n />\n )}\n </Combobox.Collection>\n </ComboboxGroup>\n {index < groups.length - 1 && <ComboboxSeparator />}\n </React.Fragment>\n )\n ) : (\n (item: T) => (\n <ComboboxItem\n key={item.id}\n value={item}\n itemId={String(item.id)}\n label={itemToString(item)}\n disabled={item.disabled}\n inputType={inputType}\n renderItem={\n renderItem\n ? () => renderItem(item)\n : () => itemToString(item)\n }\n />\n )\n )}\n </ComboboxList>\n </ComboboxPopup>\n </ComboboxPositioner>\n </Combobox.Portal>\n </Combobox.Root>\n </Field>\n );\n}\n","import * as React from \"react\";\nimport Radio from \"@sproutsocial/seeds-react-radio\";\nimport Checkbox from \"@sproutsocial/seeds-react-checkbox\";\nimport {\n ComboboxItem as StyledItem,\n ComboboxItemIndicator,\n} from \"./ComboboxStyles\";\nimport { CheckIcon } from \"./SelectIcons\";\n\ninterface ComboboxItemProps<T> {\n value: T;\n itemId: string;\n label: string;\n disabled?: boolean;\n inputType?: \"icon\" | \"radio\" | \"checkbox\" | \"none\";\n renderItem?: () => React.ReactNode;\n index?: number;\n \"data-index\"?: number;\n style?: React.CSSProperties;\n}\n\nfunction ComboboxItemInner<T>(\n {\n value,\n itemId,\n label,\n disabled,\n inputType = \"icon\",\n renderItem,\n index,\n \"data-index\": dataIndex,\n style,\n }: ComboboxItemProps<T>,\n ref: React.Ref<HTMLDivElement>\n) {\n return (\n <StyledItem\n value={value}\n index={index}\n data-index={dataIndex}\n style={style}\n ref={ref}\n disabled={disabled}\n data-qa-menu-item={label}\n >\n {inputType === \"radio\" ? (\n <ComboboxItemIndicator\n keepMounted\n render={(_props, state) => (\n <Radio\n checked={state.selected}\n onChange={() => {}}\n tabIndex={-1}\n id={`radio-${itemId}`}\n name=\"combobox-item\"\n />\n )}\n />\n ) : inputType === \"checkbox\" ? (\n <ComboboxItemIndicator\n keepMounted\n render={(_props, state) => (\n <Checkbox\n checked={state.selected}\n onChange={() => {}}\n tabIndex={-1}\n id={`checkbox-${itemId}`}\n name=\"combobox-item\"\n />\n )}\n />\n ) : inputType === \"icon\" ? (\n <ComboboxItemIndicator keepMounted>\n <CheckIcon />\n </ComboboxItemIndicator>\n ) : null}\n <span>{renderItem ? renderItem() : label}</span>\n </StyledItem>\n );\n}\n\nconst ComboboxItem = React.forwardRef(ComboboxItemInner) as <T>(\n props: ComboboxItemProps<T> & { ref?: React.Ref<HTMLDivElement> }\n) => React.ReactElement;\n\nexport default ComboboxItem;\n","import { Combobox } from \"@base-ui/react/combobox\";\nimport styled from \"styled-components\";\nimport { focusRing } from \"@sproutsocial/seeds-react-mixins\";\nimport Checkbox from \"@sproutsocial/seeds-react-checkbox\";\n\nexport const ComboboxLabel = styled.label`\n font-size: ${({ theme }) => theme.typography[200].fontSize};\n font-weight: ${({ theme }) => theme.fontWeights.semibold};\n color: ${({ theme }) => theme.colors.text.body};\n`;\n\nexport const ComboboxInputGroup = styled(Combobox.InputGroup)`\n display: flex;\n align-items: center;\n min-width: 160px;\n border-radius: ${({ theme }) => theme.radii[500]};\n border: 1px solid ${({ theme }) => theme.colors.form.border.base};\n background: ${({ theme }) => theme.colors.form.background.base};\n color: ${({ theme }) => theme.colors.text.body};\n transition: border-color ${({ theme }) => theme.duration.fast}\n ${({ theme }) => theme.easing.ease_in},\n box-shadow ${({ theme }) => theme.duration.fast}\n ${({ theme }) => theme.easing.ease_in};\n\n &:focus-within {\n ${focusRing}\n }\n\n &[data-disabled] {\n opacity: 0.4;\n cursor: not-allowed;\n }\n`;\n\nexport const ComboboxInput = styled(Combobox.Input)`\n flex: 1;\n min-width: 30px;\n padding: ${({ theme }) => theme.space[300]};\n border: none;\n background: transparent;\n font-size: ${({ theme }) => theme.typography[200].fontSize};\n line-height: ${({ theme }) => theme.typography[200].lineHeight};\n color: ${({ theme }) => theme.colors.text.body};\n outline: none;\n\n &::placeholder {\n color: ${({ theme }) => theme.colors.text.subtext};\n }\n\n &:disabled {\n cursor: not-allowed;\n }\n`;\n\nexport const ComboboxTokenInput = styled(Combobox.Input)`\n flex: 1;\n min-width: 60px;\n padding: ${({ theme }) => theme.space[200]} ${({ theme }) => theme.space[300]}\n ${({ theme }) => theme.space[200]} ${({ theme }) => theme.space[350]};\n border: none;\n background: transparent;\n font-size: ${({ theme }) => theme.typography[200].fontSize};\n line-height: ${({ theme }) => theme.typography[200].lineHeight};\n color: ${({ theme }) => theme.colors.text.body};\n outline: none;\n\n &::placeholder {\n color: ${({ theme }) => theme.colors.text.subtext};\n }\n\n &:disabled {\n cursor: not-allowed;\n }\n`;\n\nexport const ComboboxActionButtons = styled.div`\n display: flex;\n align-items: center;\n flex-shrink: 0;\n margin-left: auto;\n gap: ${({ theme }) => theme.space[100]};\n`;\n\nexport const ComboboxClear = styled(Combobox.Clear)`\n display: flex;\n align-items: center;\n justify-content: center;\n width: 20px;\n height: 20px;\n border: none;\n background: transparent;\n color: ${({ theme }) => theme.colors.icon.base};\n cursor: pointer;\n border-radius: ${({ theme }) => theme.radii[300]};\n padding: 0;\n\n &:hover {\n color: ${({ theme }) => theme.colors.text.body};\n }\n\n &[data-empty] {\n display: none;\n }\n`;\n\nexport const ComboboxTrigger = styled(Combobox.Trigger)`\n display: flex;\n align-items: center;\n justify-content: center;\n width: 20px;\n height: 20px;\n border: none;\n background: transparent;\n color: ${({ theme }) => theme.colors.icon.base};\n cursor: default;\n padding: 0;\n\n &:hover {\n color: ${({ theme }) => theme.colors.text.body};\n }\n`;\n\nexport const ComboboxPositioner = styled(Combobox.Positioner)`\n width: var(--anchor-width);\n z-index: 7;\n`;\n\nexport const ComboboxPopup = styled(Combobox.Popup)`\n font-family: ${({ theme }) => theme.fontFamily};\n background: ${({ theme }) => theme.colors.container.background.base};\n border: 1px solid ${({ theme }) => theme.colors.container.border.base};\n border-radius: ${({ theme }) => theme.radii[500]};\n box-shadow: ${({ theme }) => theme.shadows.medium};\n outline: none;\n width: 100%;\n max-height: min(var(--base-ui-available-height, 400px), 400px);\n overflow-y: auto;\n padding: 0;\n\n &[data-open] {\n animation: combobox-popup-in 120ms ease-out;\n }\n\n &[data-closed] {\n animation: combobox-popup-out 100ms ease-in;\n }\n\n @keyframes combobox-popup-in {\n from {\n opacity: 0;\n transform: scale(0.95);\n }\n to {\n opacity: 1;\n transform: scale(1);\n }\n }\n\n @keyframes combobox-popup-out {\n from {\n opacity: 1;\n transform: scale(1);\n }\n to {\n opacity: 0;\n transform: scale(0.95);\n }\n }\n`;\n\nexport const ComboboxList = styled(Combobox.List)`\n padding: ${({ theme }) => theme.space[200]};\n\n &:empty {\n padding: 0;\n }\n`;\n\nexport const ComboboxStatus = styled(Combobox.Status)`\n padding: ${({ theme }) => `${theme.space[300]} ${theme.space[350]}`};\n font-size: ${({ theme }) => theme.typography[200].fontSize};\n color: ${({ theme }) => theme.colors.text.subtext};\n\n &:empty {\n padding: 0;\n }\n`;\n\nexport const ComboboxEmpty = styled(Combobox.Empty)`\n padding: ${({ theme }) => `${theme.space[300]} ${theme.space[350]}`};\n font-size: ${({ theme }) => theme.typography[200].fontSize};\n color: ${({ theme }) => theme.colors.text.subtext};\n\n &:empty {\n padding: 0;\n }\n`;\n\nexport const ComboboxItem = styled(Combobox.Item)`\n display: flex;\n align-items: center;\n gap: ${({ theme }) => theme.space[300]};\n padding: ${({ theme }) => `${theme.space[300]} ${theme.space[300]}`};\n border-radius: ${({ theme }) => theme.radii[500]};\n font-size: ${({ theme }) => theme.typography[200].fontSize};\n color: ${({ theme }) => theme.colors.text.body};\n cursor: default;\n outline: none;\n\n &[data-highlighted] {\n background: ${({ theme }) => theme.colors.listItem.background.hover};\n }\n\n &[data-selected] {\n font-weight: ${({ theme }) => theme.fontWeights.semibold};\n }\n\n &[data-disabled] {\n opacity: 0.5;\n cursor: not-allowed;\n }\n`;\n\nexport const ComboboxItemIndicator = styled(Combobox.ItemIndicator)`\n display: flex;\n align-items: center;\n width: ${({ theme }) => theme.space[400]};\n color: ${({ theme }) => theme.colors.text.body};\n visibility: hidden;\n\n &[data-selected] {\n visibility: visible;\n }\n`;\n\nexport const ComboboxGroup = styled(Combobox.Group)`\n display: block;\n`;\n\nexport const ComboboxGroupLabel = styled(Combobox.GroupLabel)`\n padding: ${({ theme }) =>\n `${theme.space[300]} ${theme.space[300]} ${theme.space[200]}`};\n font-size: ${({ theme }) => theme.typography[100].fontSize};\n font-weight: ${({ theme }) => theme.fontWeights.semibold};\n text-transform: uppercase;\n letter-spacing: 0.05em;\n color: ${({ theme }) => theme.colors.text.subtext};\n`;\n\nexport const ComboboxSeparator = styled.div`\n height: 1px;\n margin: ${({ theme }) => `${theme.space[200]} ${theme.space[300]}`};\n background: ${({ theme }) => theme.colors.container.border.base};\n`;\n\nexport const ComboboxGroupHeaderItem = styled(Combobox.Item)`\n display: flex;\n align-items: center;\n gap: ${({ theme }) => theme.space[300]};\n padding: ${({ theme }) => `${theme.space[300]} ${theme.space[300]}`};\n border-radius: ${({ theme }) => theme.radii[500]};\n font-size: ${({ theme }) => theme.typography[100].fontSize};\n font-weight: ${({ theme }) => theme.fontWeights.semibold};\n text-transform: uppercase;\n letter-spacing: 0.05em;\n color: ${({ theme }) => theme.colors.text.subtext};\n cursor: default;\n outline: none;\n\n &[data-highlighted] {\n background: ${({ theme }) => theme.colors.listItem.background.hover};\n color: ${({ theme }) => theme.colors.text.body};\n }\n`;\n\nexport const ComboboxSelectAllItem = styled(Combobox.Item)`\n display: flex;\n align-items: center;\n gap: ${({ theme }) => theme.space[300]};\n padding: ${({ theme }) => `${theme.space[300]} ${theme.space[300]}`};\n border-radius: ${({ theme }) => theme.radii[500]};\n font-size: ${({ theme }) => theme.typography[200].fontSize};\n font-weight: ${({ theme }) => theme.fontWeights.semibold};\n color: ${({ theme }) => theme.colors.text.body};\n cursor: default;\n outline: none;\n border-bottom: 1px solid ${({ theme }) => theme.colors.container.border.base};\n margin-bottom: ${({ theme }) => theme.space[200]};\n\n &[data-highlighted] {\n background: ${({ theme }) => theme.colors.listItem.background.hover};\n }\n`;\n\nexport function ComboboxGroupHeaderCheckbox({\n $state,\n id,\n}: {\n $state: \"none\" | \"partial\" | \"all\";\n id: string;\n}) {\n return (\n <Checkbox\n id={id}\n checked={$state === \"all\"}\n indeterminate={$state === \"partial\"}\n onChange={() => {}}\n tabIndex={-1}\n />\n );\n}\n\n// Multi-select Token components\nexport const ComboboxToken = styled(Combobox.Chips)`\n display: flex;\n width: 100%;\n flex-wrap: wrap;\n`;\n\nexport const ComboboxTokenInputGroup = styled(Combobox.InputGroup)`\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n border-radius: ${({ theme }) => theme.radii[500]};\n border: 1px solid ${({ theme }) => theme.colors.form.border.base};\n background: ${({ theme }) => theme.colors.form.background.base};\n color: ${({ theme }) => theme.colors.text.body};\n padding: ${({ theme }) =>\n `${theme.space[200]} ${theme.space[300]} ${theme.space[200]} ${theme.space[200]}`};\n gap: ${({ theme }) => theme.space[200]};\n transition: border-color ${({ theme }) => theme.duration.fast}\n ${({ theme }) => theme.easing.ease_in},\n box-shadow ${({ theme }) => theme.duration.fast}\n ${({ theme }) => theme.easing.ease_in};\n\n &:focus-within {\n ${focusRing}\n }\n\n &[data-disabled] {\n opacity: 0.4;\n cursor: not-allowed;\n }\n`;\n\nexport const Token = styled.span`\n display: inline-flex;\n align-items: center;\n gap: ${({ theme }) => theme.space[200]};\n padding: ${({ theme }) => `${theme.space[200]} ${theme.space[300]}`};\n border-radius: ${({ theme }) => theme.radii[500]};\n border: 1px solid ${({ theme }) => theme.colors.container.border.base};\n background: ${({ theme }) => theme.colors.container.background.base};\n color: ${({ theme }) => theme.colors.text.body};\n font-size: ${({ theme }) => theme.typography[200].fontSize};\n font-weight: ${({ theme }) => theme.fontWeights.normal};\n line-height: 1;\n white-space: nowrap;\n transition: all ${({ theme }) => theme.duration.fast}\n ${({ theme }) => theme.easing.ease_inout};\n\n &:hover {\n box-shadow: ${({ theme }) => theme.shadows.low};\n border-color: ${({ theme }) => theme.colors.container.border.base};\n }\n`;\n\nexport const TokenRemove = styled.button`\n display: flex;\n align-items: center;\n justify-content: center;\n border: none;\n background: transparent;\n color: inherit;\n cursor: pointer;\n padding: 0;\n line-height: 1;\n`;\n\n// Searchable select components\n\nexport const SearchableSelectTrigger = styled(Combobox.Trigger)`\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: ${({ theme }) => theme.space[300]};\n padding: ${({ theme }) => theme.space[200]} ${({ theme }) => theme.space[350]};\n min-width: 160px;\n border-radius: ${({ theme }) => theme.radii[500]};\n border: 1px solid ${({ theme }) => theme.colors.form.border.base};\n background: ${({ theme }) => theme.colors.form.background.base};\n font-size: ${({ theme }) => theme.typography[200].fontSize};\n color: ${({ theme }) => theme.colors.text.body};\n cursor: default;\n outline: none;\n user-select: none;\n transition: border-color ${({ theme }) => theme.duration.fast}\n ${({ theme }) => theme.easing.ease_in},\n box-shadow ${({ theme }) => theme.duration.fast}\n ${({ theme }) => theme.easing.ease_in};\n\n &:focus-visible {\n ${focusRing}\n }\n\n &[data-popup-open] [data-chevron] {\n transform: rotate(-180deg);\n }\n\n &[data-disabled] {\n opacity: 0.4;\n cursor: not-allowed;\n }\n`;\n\nexport const SearchableSelectTriggerIcon = styled(Combobox.Icon)`\n display: flex;\n align-items: center;\n color: ${({ theme }) => theme.colors.icon.base};\n flex-shrink: 0;\n`;\n\nexport const SearchableSelectPlaceholder = styled.span`\n color: ${({ theme }) => theme.colors.text.subtext};\n padding: ${({ theme }) => theme.space[200]} 0;\n`;\n\nexport const SearchableSelectPopup = ComboboxPopup;\n\nexport const SearchableSelectSearchContainer = styled.div`\n padding: ${({ theme }) => theme.space[300]};\n border-bottom: 1px solid ${({ theme }) => theme.colors.container.border.base};\n flex-shrink: 0;\n`;\n\nexport const SearchableSelectInput = styled(Combobox.Input)`\n width: 100%;\n height: ${({ theme }) => theme.space[500]};\n padding: 0 ${({ theme }) => theme.space[300]};\n border-radius: ${({ theme }) => theme.radii[500]};\n border: 1px solid ${({ theme }) => theme.colors.container.border.base};\n background: ${({ theme }) => theme.colors.container.background.base};\n font-size: ${({ theme }) => theme.typography[200].fontSize};\n color: ${({ theme }) => theme.colors.text.body};\n outline: none;\n box-sizing: border-box;\n\n &:focus {\n ${focusRing}\n }\n\n &::placeholder {\n color: ${({ theme }) => theme.colors.text.subtext};\n }\n`;\n\nexport const SearchableSelectList = styled(Combobox.List)`\n overflow-y: auto;\n padding: ${({ theme }) => theme.space[200]};\n flex: 1;\n min-height: 0;\n &:empty {\n padding: 0;\n }\n`;\n\nexport const SearchableSelectTokenTrigger = styled(Combobox.Trigger)`\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n min-width: 160px;\n border-radius: ${({ theme }) => theme.radii[500]};\n border: 1px solid ${({ theme }) => theme.colors.form.border.base};\n background: ${({ theme }) => theme.colors.form.background.base};\n color: ${({ theme }) => theme.colors.text.body};\n padding: ${({ theme }) => theme.space[200]} ${({ theme }) => theme.space[300]};\n gap: ${({ theme }) => theme.space[200]};\n cursor: default;\n text-align: left;\n outline: none;\n user-select: none;\n transition: border-color ${({ theme }) => theme.duration.fast}\n ${({ theme }) => theme.easing.ease_in},\n box-shadow ${({ theme }) => theme.duration.fast}\n ${({ theme }) => theme.easing.ease_in};\n\n &:focus-visible {\n ${focusRing}\n }\n\n &[data-popup-open] {\n border-color: ${({ theme }) => theme.colors.blue[600]};\n }\n\n &[data-popup-open] [data-chevron] {\n transform: rotate(-180deg);\n }\n\n &[data-disabled] {\n opacity: 0.4;\n cursor: not-allowed;\n }\n`;\n","import * as React from \"react\";\nimport { Combobox } from \"@base-ui/react/combobox\";\nimport { useVirtualizer } from \"@tanstack/react-virtual\";\nimport ComboboxItem from \"./ComboboxItem\";\nimport {\n ComboboxGroupHeaderItem,\n ComboboxGroupHeaderCheckbox,\n ComboboxSelectAllItem,\n} from \"./ComboboxStyles\";\nimport type { DataWithId } from \"./types\";\n\nexport const ITEM_HEIGHT = 32;\n\ninterface GroupHeaderSentinel {\n __groupHeader: true;\n groupName: string;\n}\n\ninterface SelectAllSentinel {\n __selectAll: true;\n}\n\nexport function isGroupHeaderSentinel(v: unknown): v is GroupHeaderSentinel {\n return typeof v === \"object\" && v !== null && \"__groupHeader\" in v;\n}\n\nexport function isSelectAllSentinel(v: unknown): v is SelectAllSentinel {\n return typeof v === \"object\" && v !== null && \"__selectAll\" in v;\n}\n\nexport type FlatSentinelRow<T> = T | GroupHeaderSentinel | SelectAllSentinel;\n\ninterface VirtualizedComboboxListProps<T extends DataWithId> {\n open: boolean;\n virtualizerRef: React.RefObject<ReturnType<\n typeof useVirtualizer<HTMLDivElement, Element>\n > | null>;\n value: T | T[] | null;\n groups: Array<{ value: string; items: T[] }> | null;\n data: T[];\n itemToString: (item: T) => string;\n inputType: \"icon\" | \"radio\" | \"checkbox\" | \"none\";\n renderItem?: (item: T) => React.ReactNode;\n renderGroupHeading?: (label: string) => React.ReactNode;\n}\n\nexport default function VirtualizedComboboxList<T extends DataWithId>({\n open,\n virtualizerRef,\n value,\n groups,\n data,\n itemToString,\n inputType,\n renderItem,\n renderGroupHeading,\n}: VirtualizedComboboxListProps<T>) {\n type Row = FlatSentinelRow<T>;\n\n const filteredItems = Combobox.useFilteredItems<Row>();\n const scrollElementRef = React.useRef<HTMLDivElement | null>(null);\n\n const virtualizer = useVirtualizer({\n enabled: open,\n count: filteredItems.length,\n getScrollElement: () => scrollElementRef.current,\n estimateSize: () => ITEM_HEIGHT,\n overscan: 20,\n paddingStart: 4,\n paddingEnd: 4,\n scrollPaddingStart: 4,\n scrollPaddingEnd: 4,\n });\n\n React.useImperativeHandle(virtualizerRef, () => virtualizer);\n\n const handleScrollRef = React.useCallback(\n (el: HTMLDivElement | null) => {\n scrollElementRef.current = el;\n if (el) virtualizer.measure();\n },\n [virtualizer]\n );\n\n if (!filteredItems.length) return null;\n\n const selectedArray = Array.isArray(value)\n ? value\n : value != null\n ? [value]\n : [];\n\n const totalSize = virtualizer.getTotalSize();\n\n return (\n <div\n role=\"presentation\"\n ref={handleScrollRef}\n style={{\n flex: 1,\n minHeight: 0,\n overflowY: \"auto\",\n overscrollBehavior: \"contain\",\n }}\n >\n <div\n role=\"presentation\"\n style={{ position: \"relative\", width: \"100%\", height: totalSize }}\n >\n {virtualizer.getVirtualItems().map((virtualItem) => {\n const row = filteredItems[virtualItem.index];\n if (!row) return null;\n\n const baseStyle: React.CSSProperties = {\n position: \"absolute\",\n top: 0,\n left: 0,\n width: \"100%\",\n transform: `translateY(${virtualItem.start}px)`,\n boxSizing: \"border-box\",\n };\n\n if (isSelectAllSentinel(row)) {\n const selectedCount = selectedArray.length;\n const totalCount = data.length;\n const state =\n selectedCount === 0\n ? \"none\"\n : selectedCount === totalCount\n ? \"all\"\n : \"partial\";\n return (\n <ComboboxSelectAllItem\n key={virtualItem.key}\n index={virtualItem.index}\n data-index={virtualItem.index}\n value={row}\n style={baseStyle}\n ref={virtualizer.measureElement}\n >\n <ComboboxGroupHeaderCheckbox $state={state} id=\"__selectAll\" />\n Select all\n </ComboboxSelectAllItem>\n );\n }\n\n if (isGroupHeaderSentinel(row)) {\n const group = groups?.find((g) => g.value === row.groupName);\n const groupItems = group?.items ?? [];\n const selectedCount = groupItems.filter((item) =>\n selectedArray.some((s) => s.id === item.id)\n ).length;\n const state =\n selectedCount === 0\n ? \"none\"\n : selectedCount === groupItems.length\n ? \"all\"\n : \"partial\";\n return (\n <ComboboxGroupHeaderItem\n key={virtualItem.key}\n index={virtualItem.index}\n data-index={virtualItem.index}\n value={row}\n style={baseStyle}\n ref={virtualizer.measureElement}\n >\n <ComboboxGroupHeaderCheckbox\n $state={state}\n id={`__header-${row.groupName}`}\n />\n {renderGroupHeading\n ? renderGroupHeading(row.groupName)\n : row.groupName}\n </ComboboxGroupHeaderItem>\n );\n }\n\n const item = row as T;\n return (\n <ComboboxItem\n key={virtualItem.key}\n index={virtualItem.index}\n data-index={virtualItem.index}\n value={item}\n itemId={String(item.id)}\n label={itemToString(item)}\n inputType={inputType}\n renderItem={\n renderItem ? () => renderItem(item) : () => itemToString(item)\n }\n style={baseStyle}\n ref={virtualizer.measureElement}\n />\n );\n })}\n </div>\n </div>\n );\n}\n","import * as React from \"react\";\nimport { Combobox } from \"@base-ui/react/combobox\";\nimport { useVirtualizer } from \"@tanstack/react-virtual\";\nimport VirtualizedComboboxList from \"./Common/VirtualizedComboboxList\";\nimport { useSeedsPortalContainer } from \"./SeedsPortal\";\nimport ComboboxItem from \"./Common/ComboboxItem\";\nimport type { DataWithId } from \"./Common/types\";\nimport { groupItems } from \"./Common/groupItems\";\nimport { Field } from \"./Common/SelectStyles\";\nimport {\n ComboboxTokenInputGroup,\n ComboboxTokenInput,\n ComboboxToken,\n ComboboxActionButtons,\n ComboboxClear,\n ComboboxTrigger,\n ComboboxPositioner,\n ComboboxPopup,\n ComboboxList,\n ComboboxEmpty,\n ComboboxStatus,\n ComboboxGroup,\n ComboboxGroupLabel,\n ComboboxSeparator,\n Token,\n TokenRemove,\n ComboboxGroupHeaderItem,\n ComboboxGroupHeaderCheckbox,\n ComboboxSelectAllItem,\n} from \"./Common/ComboboxStyles\";\nimport { ClearIcon, StyledChevron, ChevronIcon } from \"./Common/SelectIcons\";\nimport Icon from \"@sproutsocial/seeds-react-icon\";\n\n// ─── Sentinels ────────────────────────────────────────────────────────────────\n\ninterface GroupHeaderSentinel {\n __groupHeader: true;\n groupName: string;\n}\n\nfunction makeGroupHeaderSentinel(groupName: string): GroupHeaderSentinel {\n return { __groupHeader: true, groupName };\n}\n\nfunction isGroupHeaderSentinel(v: unknown): v is GroupHeaderSentinel {\n return typeof v === \"object\" && v !== null && \"__groupHeader\" in v;\n}\n\ninterface SelectAllSentinel {\n __selectAll: true;\n}\n\nconst SELECT_ALL_SENTINEL: SelectAllSentinel = { __selectAll: true };\n\nfunction isSelectAllSentinel(v: unknown): v is SelectAllSentinel {\n return typeof v === \"object\" && v !== null && \"__selectAll\" in v;\n}\n\n// ─── Props ────────────────────────────────────────────────────────────────────\n\ninterface MultiComboboxBaseProps {\n id?: string;\n placeholder?: string;\n emptyText?: string;\n isLoading?: boolean;\n loadingText?: string;\n disabled?: boolean;\n}\n\ninterface MultiComboboxDataProps<T extends DataWithId>\n extends MultiComboboxBaseProps {\n data: T[];\n itemToString: (item: T) => string;\n renderItem?: (item: T) => React.ReactNode;\n renderToken?: (item: T) => React.ReactNode;\n renderSelection?: (items: T[]) => React.ReactNode;\n inputType?: \"icon\" | \"checkbox\" | \"none\";\n selectedItemIds?: Array<T[\"id\"]>;\n defaultSelectedItemIds?: Array<T[\"id\"]>;\n onSelectedItemIdsChange?: (ids: Array<T[\"id\"]>) => void;\n groupBy?: (item: T) => string;\n renderGroupHeading?: (label: string) => React.ReactNode;\n selectHeadings?: boolean;\n selectAll?: boolean;\n isVirtualized?: boolean;\n removeSelectedItems?: boolean;\n maxTokens?: number;\n children?: never;\n}\n\ninterface MultiComboboxChildrenProps extends MultiComboboxBaseProps {\n children: React.ReactNode;\n selectedItemIds?: Array<string | number>;\n defaultSelectedItemIds?: Array<string | number>;\n onSelectedItemIdsChange?: (ids: Array<string | number>) => void;\n data?: never;\n itemToString?: never;\n renderItem?: never;\n renderToken?: never;\n renderSelection?: never;\n inputType?: never;\n groupBy?: never;\n renderGroupHeading?: never;\n selectHeadings?: never;\n selectAll?: never;\n removeSelectedItems?: never;\n}\n\nexport type MultiComboboxProps<T extends DataWithId> =\n | MultiComboboxDataProps<T>\n | MultiComboboxChildrenProps;\n\n// ─── Component ────────────────────────────────────────────────────────────────\n\n// ─── Virtualized list ─────────────────────────────────────────────────────────\n\n// ─── Component ────────────────────────────────────────────────────────────────\n\nexport function MultiCombobox<T extends DataWithId>(\n props: MultiComboboxProps<T>\n) {\n const {\n id,\n placeholder = \"Search...\",\n emptyText = \"No results found.\",\n isLoading = false,\n loadingText = \"Loading...\",\n } = props;\n\n const isChildrenMode = \"children\" in props && props.children != null;\n\n const data = isChildrenMode\n ? ([] as T[])\n : (props as MultiComboboxDataProps<T>).data;\n const itemToString = isChildrenMode\n ? (_item: T) => \"\"\n : (props as MultiComboboxDataProps<T>).itemToString;\n const renderItem = isChildrenMode\n ? undefined\n : (props as MultiComboboxDataProps<T>).renderItem;\n const renderToken = isChildrenMode\n ? undefined\n : (props as MultiComboboxDataProps<T>).renderToken;\n const renderSelection = isChildrenMode\n ? undefined\n : (props as MultiComboboxDataProps<T>).renderSelection;\n const maxTokens = isChildrenMode\n ? undefined\n : (props as MultiComboboxDataProps<T>).maxTokens;\n const removeSelectedItems = isChildrenMode\n ? false\n : (props as MultiComboboxDataProps<T>).removeSelectedItems ?? false;\n const inputType = isChildrenMode\n ? \"checkbox\"\n : removeSelectedItems\n ? \"none\"\n : (props as MultiComboboxDataProps<T>).inputType ?? \"checkbox\";\n const groupBy = isChildrenMode\n ? undefined\n : (props as MultiComboboxDataProps<T>).groupBy;\n const renderGroupHeading = isChildrenMode\n ? undefined\n : (props as MultiComboboxDataProps<T>).renderGroupHeading;\n const selectHeadings = isChildrenMode\n ? false\n : (props as MultiComboboxDataProps<T>).selectHeadings ?? false;\n const selectAll = isChildrenMode\n ? false\n : (props as MultiComboboxDataProps<T>).selectAll ?? false;\n const isVirtualized = isChildrenMode\n ? false\n : (props as MultiComboboxDataProps<T>).isVirtualized ?? false;\n const children = isChildrenMode\n ? (props as MultiComboboxChildrenProps).children\n : undefined;\n\n const selectedItemIds = props.selectedItemIds;\n const defaultSelectedItemIds = props.defaultSelectedItemIds;\n const onSelectedItemIdsChange = props.onSelectedItemIdsChange;\n\n const { containerRef, portalContainer } = useSeedsPortalContainer();\n const [open, setOpen] = React.useState(false);\n const virtualizerRef = React.useRef<ReturnType<\n typeof useVirtualizer<HTMLDivElement, Element>\n > | null>(null);\n\n const isControlled = selectedItemIds !== undefined;\n\n const idsToItems = React.useCallback(\n (ids: Array<T[\"id\"]>): T[] =>\n ids\n .map((id) => data.find((d) => d.id === id))\n .filter((d): d is T => d != null),\n [data]\n );\n\n const [internalValue, setInternalValue] = React.useState<T[]>(() =>\n defaultSelectedItemIds\n ? idsToItems(defaultSelectedItemIds as Array<T[\"id\"]>)\n : []\n );\n\n const value = isControlled\n ? idsToItems(selectedItemIds as Array<T[\"id\"]>)\n : internalValue;\n\n const visibleData = React.useMemo(\n () =>\n removeSelectedItems\n ? data.filter((item) => !value.some((v) => v.id === item.id))\n : data,\n [data, value, removeSelectedItems]\n );\n\n const groups = React.useMemo(\n () => (groupBy ? groupItems(visibleData, groupBy) : null),\n [visibleData, groupBy]\n );\n\n // ─── Sentinel flat list ───────────────────────────────────────────────────\n // Used when selectHeadings or selectAll. selectAll implies selectHeadings —\n // group headers are always selectable when the list is flattened.\n\n type FlatRow = T | GroupHeaderSentinel | SelectAllSentinel;\n\n const flatItems = React.useMemo<FlatRow[] | null>(() => {\n if (!groups || (!selectHeadings && !selectAll)) return null;\n const rows: FlatRow[] = [];\n if (selectAll) rows.push(SELECT_ALL_SENTINEL);\n for (const group of groups) {\n rows.push(makeGroupHeaderSentinel(group.value));\n rows.push(...group.items);\n }\n return rows;\n }, [groups, selectHeadings, selectAll]);\n\n function setSelectedItems(items: T[]) {\n if (!isControlled) setInternalValue(items);\n if (onSelectedItemIdsChange)\n onSelectedItemIdsChange(items.map((item) => item.id));\n }\n\n function handleValueChange(next: FlatRow[]) {\n const selectAllClicked = next.filter(isSelectAllSentinel);\n const groupSentinels = next.filter(isGroupHeaderSentinel);\n const realItems = next.filter(\n (v): v is T => !isGroupHeaderSentinel(v) && !isSelectAllSentinel(v)\n );\n\n if (selectAllClicked.length > 0) {\n const allSelected = data.every((d) =>\n realItems.some((s) => s.id === d.id)\n );\n setSelectedItems(allSelected ? [] : [...data]);\n return;\n }\n\n if (groupSentinels.length === 0) {\n setSelectedItems(realItems);\n return;\n }\n\n let updated = [...realItems];\n for (const sentinel of groupSentinels) {\n const group = groups?.find((g) => g.value === sentinel.groupName);\n if (!group) continue;\n const allSelected = group.items.every((item) =>\n updated.some((s) => s.id === item.id)\n );\n if (allSelected) {\n updated = updated.filter(\n (s) => !group.items.some((item) => item.id === s.id)\n );\n } else {\n const missing = group.items.filter(\n (item) => !updated.some((s) => s.id === item.id)\n );\n updated = [...updated, ...missing];\n }\n }\n setSelectedItems(updated);\n }\n\n function handleSimpleValueChange(newItems: T[]) {\n setSelectedItems(newItems);\n }\n\n function removeItem(item: T, e: React.MouseEvent) {\n e.preventDefault();\n e.stopPropagation();\n setSelectedItems(value.filter((v) => v.id !== item.id));\n }\n\n // ─── Render sentinel item ─────────────────────────────────────────────────\n\n function renderSentinelRow(row: FlatRow) {\n if (isSelectAllSentinel(row)) {\n const totalCount = data.length;\n const selectedCount = value.length;\n const state: \"none\" | \"partial\" | \"all\" =\n selectedCount === 0\n ? \"none\"\n : selectedCount === totalCount\n ? \"all\"\n : \"partial\";\n return (\n <ComboboxSelectAllItem key=\"__selectAll\" value={row}>\n <ComboboxGroupHeaderCheckbox $state={state} id=\"__selectAll\" />\n Select all\n </ComboboxSelectAllItem>\n );\n }\n\n if (isGroupHeaderSentinel(row)) {\n const group = groups?.find((g) => g.value === row.groupName);\n const groupItemsList = group?.items ?? [];\n const selectedCount = groupItemsList.filter((item) =>\n value.some((s) => s.id === item.id)\n ).length;\n const state: \"none\" | \"partial\" | \"all\" =\n selectedCount === 0\n ? \"none\"\n : selectedCount === groupItemsList.length\n ? \"all\"\n : \"partial\";\n return (\n <ComboboxGroupHeaderItem key={`__header-${row.groupName}`} value={row}>\n <ComboboxGroupHeaderCheckbox\n $state={state}\n id={`__header-${row.groupName}`}\n />\n {renderGroupHeading\n ? renderGroupHeading(row.groupName)\n : row.groupName}\n </ComboboxGroupHeaderItem>\n );\n }\n\n const item = row as T;\n return (\n <ComboboxItem\n key={item.id}\n value={item}\n itemId={String(item.id)}\n label={itemToString(item)}\n disabled={item.disabled}\n inputType={inputType}\n renderItem={\n renderItem ? () => renderItem(item) : () => itemToString(item)\n }\n />\n );\n }\n\n // ─── Items passed to Combobox.Root ────────────────────────────────────────\n // When selectHeadings: flatItems (flat array of group header sentinels + items).\n // When selectAll only: prepend SELECT_ALL_SENTINEL to data so Base UI tracks\n // it, while Combobox.List still uses the normal grouped render.\n // The sentinel is never in flatItems — it is always rendered manually above\n // Combobox.List, so we must not prepend it when flatItems is used.\n\n const rootItems =\n flatItems ?? groups ?? (isChildrenMode ? undefined : visibleData);\n\n const hasSentinels = selectAll || selectHeadings;\n\n const rootValue = hasSentinels\n ? ([...value] as FlatRow[])\n : (value as unknown as T[]);\n\n return (\n <Field>\n <div ref={containerRef} style={{ position: \"relative\" }} />\n <Combobox.Root\n multiple\n id={id}\n virtualized={isVirtualized}\n open={open}\n disabled={props.disabled}\n onOpenChange={setOpen}\n onItemHighlighted={\n isVirtualized\n ? (item, { reason, index }) => {\n const virt = virtualizerRef.current;\n if (!item || !virt) return;\n const isStart = index === 0;\n const isEnd = index === virt.options.count - 1;\n if (\n reason === \"none\" ||\n (reason === \"keyboard\" && (isStart || isEnd))\n ) {\n queueMicrotask(() => {\n virt.scrollToIndex(index, {\n align: isEnd ? \"start\" : \"end\",\n });\n });\n }\n }\n : undefined\n }\n value={rootValue}\n onValueChange={\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n (hasSentinels ? handleValueChange : handleSimpleValueChange) as any\n }\n itemToStringLabel={(item: FlatRow | null) => {\n if (!item || isGroupHeaderSentinel(item) || isSelectAllSentinel(item))\n return \"\";\n return itemToString(item as T);\n }}\n isItemEqualToValue={(a: FlatRow, b: FlatRow) => {\n if (isGroupHeaderSentinel(a) && isGroupHeaderSentinel(b))\n return a.groupName === b.groupName;\n if (isSelectAllSentinel(a) && isSelectAllSentinel(b)) return true;\n if (\n !isGroupHeaderSentinel(a) &&\n !isSelectAllSentinel(a) &&\n !isGroupHeaderSentinel(b) &&\n !isSelectAllSentinel(b)\n )\n return (a as T).id === (b as T).id;\n return false;\n }}\n items={rootItems}\n >\n <ComboboxTokenInputGroup>\n <ComboboxToken>\n {renderSelection\n ? renderSelection(value)\n : (() => {\n const visibleTokens =\n maxTokens != null ? value.slice(0, maxTokens) : value;\n const overflow =\n maxTokens != null ? value.length - maxTokens : 0;\n return (\n <>\n {visibleTokens.map((item) => (\n <Token key={item.id}>\n {renderToken ? renderToken(item) : itemToString(item)}\n <TokenRemove\n aria-label={`Remove ${itemToString(item)}`}\n onPointerDown={(e) => e.preventDefault()}\n onClick={(e) => removeItem(item, e)}\n >\n <Icon name=\"x-outline\" size=\"mini\" />\n </TokenRemove>\n </Token>\n ))}\n {overflow > 0 && (\n <Token key=\"__overflow\">+{overflow}</Token>\n )}\n </>\n );\n })()}\n <ComboboxTokenInput\n id={id}\n placeholder={value.length > 0 ? \"\" : placeholder}\n />\n <ComboboxActionButtons>\n <ComboboxClear aria-label=\"Clear all\">\n <ClearIcon />\n </ComboboxClear>\n <ComboboxTrigger aria-label=\"Open popup\">\n <StyledChevron $isOpen={open}>\n <ChevronIcon />\n </StyledChevron>\n </ComboboxTrigger>\n </ComboboxActionButtons>\n </ComboboxToken>\n </ComboboxTokenInputGroup>\n\n <Combobox.Portal container={portalContainer}>\n <ComboboxPositioner sideOffset={4}>\n <ComboboxPopup\n aria-busy={isLoading || undefined}\n style={\n isVirtualized\n ? { display: \"flex\", flexDirection: \"column\" }\n : undefined\n }\n >\n <ComboboxStatus>{isLoading ? loadingText : null}</ComboboxStatus>\n <ComboboxEmpty>{isLoading ? null : emptyText}</ComboboxEmpty>\n <ComboboxList\n style={\n isVirtualized\n ? {\n padding: 0,\n flex: 1,\n minHeight: 0,\n display: \"flex\",\n flexDirection: \"column\",\n }\n : undefined\n }\n >\n {isVirtualized ? (\n <VirtualizedComboboxList\n open={open}\n virtualizerRef={virtualizerRef}\n value={value}\n groups={groups}\n data={visibleData}\n itemToString={itemToString}\n inputType={inputType}\n renderItem={renderItem}\n renderGroupHeading={renderGroupHeading}\n />\n ) : children ? (\n children\n ) : flatItems ? (\n (row: FlatRow) => renderSentinelRow(row)\n ) : groups ? (\n (group: { value: string; items: T[] }, index: number) => (\n <React.Fragment key={group.value}>\n <ComboboxGroup items={group.items}>\n <ComboboxGroupLabel>\n {renderGroupHeading\n ? renderGroupHeading(group.value)\n : group.value}\n </ComboboxGroupLabel>\n <Combobox.Collection>\n {(item: T) => (\n <ComboboxItem\n key={item.id}\n value={item}\n itemId={String(item.id)}\n label={itemToString(item)}\n disabled={item.disabled}\n inputType={inputType}\n renderItem={\n renderItem\n ? () => renderItem(item)\n : () => itemToString(item)\n }\n />\n )}\n </Combobox.Collection>\n </ComboboxGroup>\n {index < groups.length - 1 && <ComboboxSeparator />}\n </React.Fragment>\n )\n ) : (\n (item: T) => (\n <ComboboxItem\n key={item.id}\n value={item}\n itemId={String(item.id)}\n label={itemToString(item)}\n disabled={item.disabled}\n inputType={inputType}\n renderItem={\n renderItem\n ? () => renderItem(item)\n : () => itemToString(item)\n }\n />\n )\n )}\n </ComboboxList>\n </ComboboxPopup>\n </ComboboxPositioner>\n </Combobox.Portal>\n </Combobox.Root>\n </Field>\n );\n}\n","import * as React from \"react\";\nimport { Combobox } from \"@base-ui/react/combobox\";\nimport { useVirtualizer } from \"@tanstack/react-virtual\";\nimport { useSeedsPortalContainer } from \"./SeedsPortal\";\nimport ComboboxItem from \"./Common/ComboboxItem\";\nimport VirtualizedComboboxList from \"./Common/VirtualizedComboboxList\";\nimport type { DataWithId } from \"./Common/types\";\nimport { groupItems } from \"./Common/groupItems\";\nimport { Field } from \"./Common/SelectStyles\";\nimport {\n ComboboxGroup,\n ComboboxGroupLabel,\n ComboboxSeparator,\n ComboboxPositioner,\n ComboboxEmpty,\n ComboboxStatus,\n SearchableSelectTrigger,\n SearchableSelectTriggerIcon,\n SearchableSelectPlaceholder,\n SearchableSelectPopup,\n SearchableSelectSearchContainer,\n SearchableSelectInput,\n SearchableSelectList,\n} from \"./Common/ComboboxStyles\";\nimport { StyledChevron, ChevronIcon } from \"./Common/SelectIcons\";\n\n// ─── Props ────────────────────────────────────────────────────────────────────\n\ninterface SingleSearchableSelectBaseProps {\n id?: string;\n placeholder?: string;\n includePlaceholderItem?: boolean;\n searchPlaceholder?: string;\n emptyText?: string;\n isLoading?: boolean;\n loadingText?: string;\n disabled?: boolean;\n}\n\ninterface SingleSearchableSelectDataBaseProps<T extends DataWithId>\n extends SingleSearchableSelectBaseProps {\n data: T[];\n itemToString: (item: T | null) => string;\n renderItem?: (item: T) => React.ReactNode;\n renderSelection?: (item: T) => React.ReactNode;\n inputType?: \"icon\" | \"radio\" | \"checkbox\" | \"none\";\n selectedItemId?: T[\"id\"] | null;\n defaultSelectedItemId?: T[\"id\"] | null;\n onSelectedItemIdChange?: (id: T[\"id\"] | null) => void;\n children?: never;\n}\n\ninterface SingleSearchableSelectDataProps<T extends DataWithId>\n extends SingleSearchableSelectDataBaseProps<T> {\n isVirtualized?: false;\n groupBy?: (item: T) => string;\n renderGroupHeading?: (label: string) => React.ReactNode;\n}\n\ninterface SingleSearchableSelectVirtualizedProps<T extends DataWithId>\n extends SingleSearchableSelectDataBaseProps<T> {\n isVirtualized: true;\n groupBy?: never;\n renderGroupHeading?: never;\n}\n\ninterface SingleSearchableSelectChildrenProps\n extends SingleSearchableSelectBaseProps {\n children: React.ReactNode;\n selectedItemId?: string | number | null;\n defaultSelectedItemId?: string | number | null;\n onSelectedItemIdChange?: (id: string | number | null) => void;\n data?: never;\n itemToString?: never;\n renderItem?: never;\n renderSelection?: never;\n inputType?: never;\n groupBy?: never;\n renderGroupHeading?: never;\n isVirtualized?: never;\n}\n\nexport type SingleSearchableSelectProps<T extends DataWithId> =\n | SingleSearchableSelectDataProps<T>\n | SingleSearchableSelectVirtualizedProps<T>\n | SingleSearchableSelectChildrenProps;\n\n// ─── Component ────────────────────────────────────────────────────────────────\n\nexport function SingleSearchableSelect<T extends DataWithId>(\n props: SingleSearchableSelectProps<T>\n) {\n const {\n id,\n placeholder = \"Select...\",\n includePlaceholderItem,\n searchPlaceholder = \"Search...\",\n emptyText = \"No results found.\",\n isLoading = false,\n loadingText = \"Loading...\",\n } = props;\n\n const isChildrenMode = \"children\" in props && props.children != null;\n\n type DataProps =\n | SingleSearchableSelectDataProps<T>\n | SingleSearchableSelectVirtualizedProps<T>;\n\n const data = isChildrenMode ? ([] as T[]) : (props as DataProps).data;\n const itemToString = isChildrenMode\n ? (_item: T | null) => \"\"\n : (props as DataProps).itemToString;\n const renderItem = isChildrenMode\n ? undefined\n : (props as DataProps).renderItem;\n const renderSelection = isChildrenMode\n ? undefined\n : (props as DataProps).renderSelection;\n const inputType = isChildrenMode\n ? \"icon\"\n : (props as DataProps).inputType ?? \"icon\";\n const isVirtualized = isChildrenMode\n ? false\n : (props as DataProps).isVirtualized ?? false;\n const groupBy = isChildrenMode\n ? undefined\n : isVirtualized\n ? undefined\n : (props as SingleSearchableSelectDataProps<T>).groupBy;\n const renderGroupHeading = isChildrenMode\n ? undefined\n : isVirtualized\n ? undefined\n : (props as SingleSearchableSelectDataProps<T>).renderGroupHeading;\n const children = isChildrenMode\n ? (props as SingleSearchableSelectChildrenProps).children\n : undefined;\n\n const selectedItemId = props.selectedItemId;\n const defaultSelectedItemId = props.defaultSelectedItemId;\n const onSelectedItemIdChange = props.onSelectedItemIdChange;\n\n const { containerRef, portalContainer } = useSeedsPortalContainer();\n const [open, setOpen] = React.useState(false);\n const virtualizerRef = React.useRef<ReturnType<\n typeof useVirtualizer<HTMLDivElement, Element>\n > | null>(null);\n\n const isControlled = selectedItemId !== undefined;\n\n const idToItem = React.useCallback(\n (id: T[\"id\"] | null | undefined): T | null => {\n if (id == null) return null;\n return data.find((d) => String(d.id) === String(id)) ?? null;\n },\n [data]\n );\n\n const [internalValue, setInternalValue] = React.useState<T | null>(() =>\n idToItem(defaultSelectedItemId as T[\"id\"] | null)\n );\n\n const value = isControlled\n ? idToItem(selectedItemId as T[\"id\"] | null)\n : internalValue;\n\n function handleValueChange(newItem: T | null) {\n if (!isControlled) setInternalValue(newItem);\n if (onSelectedItemIdChange) {\n onSelectedItemIdChange(newItem ? newItem.id : null);\n }\n }\n\n const groups = React.useMemo(\n () => (groupBy ? groupItems(data, groupBy) : null),\n [data, groupBy]\n );\n\n return (\n <Field>\n <div ref={containerRef} style={{ position: \"relative\" }} />\n <Combobox.Root\n id={id}\n value={value}\n disabled={props.disabled}\n onValueChange={handleValueChange}\n itemToStringLabel={itemToString}\n isItemEqualToValue={(a, b) => a != null && b != null && a.id === b.id}\n items={\n isVirtualized ? data : groups ?? (isChildrenMode ? undefined : data)\n }\n virtualized={isVirtualized}\n open={open}\n onOpenChange={setOpen}\n onItemHighlighted={\n isVirtualized\n ? (item, { reason, index }) => {\n const virt = virtualizerRef.current;\n if (!item || !virt) return;\n const isStart = index === 0;\n const isEnd = index === virt.options.count - 1;\n if (\n reason === \"none\" ||\n (reason === \"keyboard\" && (isStart || isEnd))\n ) {\n queueMicrotask(() => {\n virt.scrollToIndex(index, {\n align: isEnd ? \"start\" : \"end\",\n });\n });\n }\n }\n : undefined\n }\n >\n <SearchableSelectTrigger id={id}>\n <SearchableSelectPlaceholder>\n <Combobox.Value placeholder={placeholder}>\n {value\n ? renderSelection\n ? renderSelection(value)\n : itemToString(value)\n : null}\n </Combobox.Value>\n </SearchableSelectPlaceholder>\n <SearchableSelectTriggerIcon>\n <StyledChevron data-chevron>\n <ChevronIcon />\n </StyledChevron>\n </SearchableSelectTriggerIcon>\n </SearchableSelectTrigger>\n\n <Combobox.Portal container={portalContainer}>\n <ComboboxPositioner sideOffset={4}>\n <SearchableSelectPopup\n aria-busy={isLoading || undefined}\n style={{ display: \"flex\", flexDirection: \"column\" }}\n >\n <SearchableSelectSearchContainer>\n <SearchableSelectInput\n placeholder={searchPlaceholder}\n autoFocus\n />\n </SearchableSelectSearchContainer>\n <ComboboxStatus>{isLoading ? loadingText : null}</ComboboxStatus>\n <ComboboxEmpty>{isLoading ? null : emptyText}</ComboboxEmpty>\n <SearchableSelectList\n style={\n isVirtualized\n ? {\n padding: 0,\n flex: 1,\n minHeight: 0,\n display: \"flex\",\n flexDirection: \"column\",\n }\n : undefined\n }\n >\n {isVirtualized ? (\n <VirtualizedComboboxList\n open={open}\n virtualizerRef={virtualizerRef}\n value={value}\n groups={null}\n data={data}\n itemToString={itemToString}\n inputType={inputType}\n renderItem={renderItem}\n />\n ) : children ? (\n children\n ) : groups ? (\n (group: { value: string; items: T[] }, index: number) => (\n <React.Fragment key={group.value}>\n <ComboboxGroup items={group.items}>\n <ComboboxGroupLabel>\n {renderGroupHeading\n ? renderGroupHeading(group.value)\n : group.value}\n </ComboboxGroupLabel>\n <Combobox.Collection>\n {(item: T) => (\n <ComboboxItem\n key={item.id}\n value={item}\n itemId={String(item.id)}\n label={itemToString(item)}\n disabled={item.disabled}\n inputType={inputType}\n renderItem={\n renderItem\n ? () => renderItem(item)\n : () => itemToString(item)\n }\n />\n )}\n </Combobox.Collection>\n </ComboboxGroup>\n {index < groups.length - 1 && <ComboboxSeparator />}\n </React.Fragment>\n )\n ) : (\n <>\n {includePlaceholderItem && (\n <ComboboxItem\n key=\"placeholder\"\n value={null as unknown as T}\n itemId=\"placeholder\"\n label={placeholder}\n />\n )}\n <Combobox.Collection>\n {(item: T) => (\n <ComboboxItem\n key={item.id}\n value={item}\n itemId={String(item.id)}\n label={itemToString(item)}\n disabled={item.disabled}\n inputType={inputType}\n renderItem={\n renderItem ? () => renderItem(item) : undefined\n }\n />\n )}\n </Combobox.Collection>\n </>\n )}\n </SearchableSelectList>\n </SearchableSelectPopup>\n </ComboboxPositioner>\n </Combobox.Portal>\n </Combobox.Root>\n </Field>\n );\n}\n","import * as React from \"react\";\nimport { Combobox } from \"@base-ui/react/combobox\";\nimport { useVirtualizer } from \"@tanstack/react-virtual\";\nimport VirtualizedComboboxList from \"./Common/VirtualizedComboboxList\";\nimport { useSeedsPortalContainer } from \"./SeedsPortal\";\nimport ComboboxItem from \"./Common/ComboboxItem\";\nimport type { DataWithId } from \"./Common/types\";\nimport { groupItems } from \"./Common/groupItems\";\nimport { Field } from \"./Common/SelectStyles\";\nimport {\n ComboboxGroup,\n ComboboxGroupLabel,\n ComboboxSeparator,\n ComboboxPositioner,\n ComboboxEmpty,\n ComboboxStatus,\n ComboboxGroupHeaderItem,\n ComboboxGroupHeaderCheckbox,\n ComboboxSelectAllItem,\n SearchableSelectTokenTrigger,\n SearchableSelectPlaceholder,\n SearchableSelectTriggerIcon,\n SearchableSelectPopup,\n SearchableSelectSearchContainer,\n SearchableSelectInput,\n SearchableSelectList,\n} from \"./Common/ComboboxStyles\";\nimport { ClearIcon, StyledChevron, ChevronIcon } from \"./Common/SelectIcons\";\nimport styled from \"styled-components\";\n\n// ─── Styled components ────────────────────────────────────────────────────────\n\nconst SelectionText = styled.span`\n flex: 1;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n`;\n\n// ─── Sentinels ────────────────────────────────────────────────────────────────\n\ninterface GroupHeaderSentinel {\n __groupHeader: true;\n groupName: string;\n}\n\nfunction makeGroupHeaderSentinel(groupName: string): GroupHeaderSentinel {\n return { __groupHeader: true, groupName };\n}\n\nfunction isGroupHeaderSentinel(v: unknown): v is GroupHeaderSentinel {\n return typeof v === \"object\" && v !== null && \"__groupHeader\" in v;\n}\n\ninterface SelectAllSentinel {\n __selectAll: true;\n}\n\nconst SELECT_ALL_SENTINEL: SelectAllSentinel = { __selectAll: true };\n\nfunction isSelectAllSentinel(v: unknown): v is SelectAllSentinel {\n return typeof v === \"object\" && v !== null && \"__selectAll\" in v;\n}\n\n// ─── Props ────────────────────────────────────────────────────────────────────\n\ninterface MultiSearchableSelectBaseProps {\n id?: string;\n placeholder?: string;\n searchPlaceholder?: string;\n emptyText?: string;\n isLoading?: boolean;\n loadingText?: string;\n disabled?: boolean;\n}\n\ninterface MultiSearchableSelectDataProps<T extends DataWithId>\n extends MultiSearchableSelectBaseProps {\n data: T[];\n itemToString: (item: T) => string;\n renderItem?: (item: T) => React.ReactNode;\n customRenderSelections?: (item: T) => string;\n renderSelection?: (items: T[]) => React.ReactNode;\n inputType?: \"icon\" | \"checkbox\" | \"none\";\n maxSelections?: number;\n selectedItemIds?: Array<T[\"id\"]>;\n defaultSelectedItemIds?: Array<T[\"id\"]>;\n onSelectedItemIdsChange?: (ids: Array<T[\"id\"]>) => void;\n groupBy?: (item: T) => string;\n renderGroupHeading?: (label: string) => React.ReactNode;\n selectHeadings?: boolean;\n selectAll?: boolean;\n isVirtualized?: boolean;\n removeSelectedItems?: boolean;\n children?: never;\n}\n\ninterface MultiSearchableSelectChildrenProps\n extends MultiSearchableSelectBaseProps {\n children: React.ReactNode;\n selectedItemIds?: Array<string | number>;\n defaultSelectedItemIds?: Array<string | number>;\n onSelectedItemIdsChange?: (ids: Array<string | number>) => void;\n data?: never;\n itemToString?: never;\n renderItem?: never;\n customRenderSelections?: never;\n renderSelection?: never;\n inputType?: never;\n maxSelections?: never;\n groupBy?: never;\n renderGroupHeading?: never;\n selectHeadings?: never;\n selectAll?: never;\n isVirtualized?: never;\n removeSelectedItems?: never;\n}\n\nexport type MultiSearchableSelectProps<T extends DataWithId> =\n | MultiSearchableSelectDataProps<T>\n | MultiSearchableSelectChildrenProps;\n\n// ─── Component ────────────────────────────────────────────────────────────────\n\nexport function MultiSearchableSelect<T extends DataWithId>(\n props: MultiSearchableSelectProps<T>\n) {\n const {\n id,\n placeholder = \"Select...\",\n searchPlaceholder = \"Search...\",\n emptyText = \"No results found.\",\n isLoading = false,\n loadingText = \"Loading...\",\n } = props;\n\n const isChildrenMode = \"children\" in props && props.children != null;\n\n const data = isChildrenMode\n ? ([] as T[])\n : (props as MultiSearchableSelectDataProps<T>).data;\n const itemToString = isChildrenMode\n ? (_item: T) => \"\"\n : (props as MultiSearchableSelectDataProps<T>).itemToString;\n const renderItem = isChildrenMode\n ? undefined\n : (props as MultiSearchableSelectDataProps<T>).renderItem;\n const customRenderSelections = isChildrenMode\n ? undefined\n : (props as MultiSearchableSelectDataProps<T>).customRenderSelections;\n const maxSelections = isChildrenMode\n ? undefined\n : (props as MultiSearchableSelectDataProps<T>).maxSelections;\n const renderSelection = isChildrenMode\n ? undefined\n : (props as MultiSearchableSelectDataProps<T>).renderSelection;\n const removeSelectedItems = isChildrenMode\n ? false\n : (props as MultiSearchableSelectDataProps<T>).removeSelectedItems ?? false;\n const inputType = isChildrenMode\n ? \"checkbox\"\n : removeSelectedItems\n ? \"none\"\n : (props as MultiSearchableSelectDataProps<T>).inputType ?? \"checkbox\";\n const groupBy = isChildrenMode\n ? undefined\n : (props as MultiSearchableSelectDataProps<T>).groupBy;\n const renderGroupHeading = isChildrenMode\n ? undefined\n : (props as MultiSearchableSelectDataProps<T>).renderGroupHeading;\n const selectHeadings = isChildrenMode\n ? false\n : (props as MultiSearchableSelectDataProps<T>).selectHeadings ?? false;\n const selectAll = isChildrenMode\n ? false\n : (props as MultiSearchableSelectDataProps<T>).selectAll ?? false;\n const isVirtualized = isChildrenMode\n ? false\n : (props as MultiSearchableSelectDataProps<T>).isVirtualized ?? false;\n const children = isChildrenMode\n ? (props as MultiSearchableSelectChildrenProps).children\n : undefined;\n\n const selectedItemIds = props.selectedItemIds;\n const defaultSelectedItemIds = props.defaultSelectedItemIds;\n const onSelectedItemIdsChange = props.onSelectedItemIdsChange;\n\n const { containerRef, portalContainer } = useSeedsPortalContainer();\n const [open, setOpen] = React.useState(false);\n const virtualizerRef = React.useRef<ReturnType<\n typeof useVirtualizer<HTMLDivElement, Element>\n > | null>(null);\n\n const isControlled = selectedItemIds !== undefined;\n\n const idsToItems = React.useCallback(\n (ids: Array<T[\"id\"]>): T[] =>\n ids\n .map((id) => data.find((d) => d.id === id))\n .filter((d): d is T => d != null),\n [data]\n );\n\n const [internalValue, setInternalValue] = React.useState<T[]>(() =>\n defaultSelectedItemIds\n ? idsToItems(defaultSelectedItemIds as Array<T[\"id\"]>)\n : []\n );\n\n const value = isControlled\n ? idsToItems(selectedItemIds as Array<T[\"id\"]>)\n : internalValue;\n\n const visibleData = React.useMemo(\n () =>\n removeSelectedItems\n ? data.filter((item) => !value.some((v) => v.id === item.id))\n : data,\n [data, value, removeSelectedItems]\n );\n\n const groups = React.useMemo(\n () => (groupBy ? groupItems(visibleData, groupBy) : null),\n [visibleData, groupBy]\n );\n\n // ─── Sentinel flat list ───────────────────────────────────────────────────\n\n type FlatRow = T | GroupHeaderSentinel | SelectAllSentinel;\n\n const flatItems = React.useMemo<FlatRow[] | null>(() => {\n if (!groups || (!selectHeadings && !selectAll)) return null;\n const rows: FlatRow[] = [];\n if (selectAll) rows.push(SELECT_ALL_SENTINEL);\n for (const group of groups) {\n rows.push(makeGroupHeaderSentinel(group.value));\n rows.push(...group.items);\n }\n return rows;\n }, [groups, selectHeadings, selectAll]);\n\n function setSelectedItems(items: T[]) {\n if (!isControlled) setInternalValue(items);\n if (onSelectedItemIdsChange)\n onSelectedItemIdsChange(items.map((item) => item.id));\n }\n\n function handleValueChange(next: FlatRow[]) {\n const selectAllClicked = next.filter(isSelectAllSentinel);\n const groupSentinels = next.filter(isGroupHeaderSentinel);\n const realItems = next.filter(\n (v): v is T => !isGroupHeaderSentinel(v) && !isSelectAllSentinel(v)\n );\n\n if (selectAllClicked.length > 0) {\n const allSelected = data.every((d) =>\n realItems.some((s) => s.id === d.id)\n );\n setSelectedItems(allSelected ? [] : [...data]);\n return;\n }\n\n if (groupSentinels.length === 0) {\n setSelectedItems(realItems);\n return;\n }\n\n let updated = [...realItems];\n for (const sentinel of groupSentinels) {\n const group = groups?.find((g) => g.value === sentinel.groupName);\n if (!group) continue;\n const allSelected = group.items.every((item) =>\n updated.some((s) => s.id === item.id)\n );\n if (allSelected) {\n updated = updated.filter(\n (s) => !group.items.some((item) => item.id === s.id)\n );\n } else {\n const missing = group.items.filter(\n (item) => !updated.some((s) => s.id === item.id)\n );\n updated = [...updated, ...missing];\n }\n }\n setSelectedItems(updated);\n }\n\n function handleSimpleValueChange(newItems: T[]) {\n setSelectedItems(newItems);\n }\n\n // ─── Render sentinel row ──────────────────────────────────────────────────\n\n function renderSentinelRow(row: FlatRow) {\n if (isSelectAllSentinel(row)) {\n const totalCount = data.length;\n const selectedCount = value.length;\n const state: \"none\" | \"partial\" | \"all\" =\n selectedCount === 0\n ? \"none\"\n : selectedCount === totalCount\n ? \"all\"\n : \"partial\";\n return (\n <ComboboxSelectAllItem key=\"__selectAll\" value={row}>\n <ComboboxGroupHeaderCheckbox $state={state} id=\"__selectAll\" />\n Select all\n </ComboboxSelectAllItem>\n );\n }\n\n if (isGroupHeaderSentinel(row)) {\n const group = groups?.find((g) => g.value === row.groupName);\n const groupItemsList = group?.items ?? [];\n const selectedCount = groupItemsList.filter((item) =>\n value.some((s) => s.id === item.id)\n ).length;\n const state: \"none\" | \"partial\" | \"all\" =\n selectedCount === 0\n ? \"none\"\n : selectedCount === groupItemsList.length\n ? \"all\"\n : \"partial\";\n return (\n <ComboboxGroupHeaderItem key={`__header-${row.groupName}`} value={row}>\n <ComboboxGroupHeaderCheckbox\n $state={state}\n id={`__header-${row.groupName}`}\n />\n {renderGroupHeading\n ? renderGroupHeading(row.groupName)\n : row.groupName}\n </ComboboxGroupHeaderItem>\n );\n }\n\n const item = row as T;\n return (\n <ComboboxItem\n key={item.id}\n value={item}\n itemId={String(item.id)}\n label={itemToString(item)}\n disabled={item.disabled}\n inputType={inputType}\n renderItem={\n renderItem ? () => renderItem(item) : () => itemToString(item)\n }\n />\n );\n }\n\n const rootItems =\n flatItems ?? groups ?? (isChildrenMode ? undefined : visibleData);\n const hasSentinels = selectAll || selectHeadings;\n const rootValue = hasSentinels\n ? ([...value] as FlatRow[])\n : (value as unknown as T[]);\n\n return (\n <Field>\n <div ref={containerRef} style={{ position: \"relative\" }} />\n <Combobox.Root\n multiple\n id={id}\n virtualized={isVirtualized}\n open={open}\n disabled={props.disabled}\n onOpenChange={setOpen}\n onItemHighlighted={\n isVirtualized\n ? (item, { reason, index }) => {\n const virt = virtualizerRef.current;\n if (!item || !virt) return;\n const isStart = index === 0;\n const isEnd = index === virt.options.count - 1;\n if (\n reason === \"none\" ||\n (reason === \"keyboard\" && (isStart || isEnd))\n ) {\n queueMicrotask(() => {\n virt.scrollToIndex(index, {\n align: isEnd ? \"start\" : \"end\",\n });\n });\n }\n }\n : undefined\n }\n value={rootValue}\n onValueChange={\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n (hasSentinels ? handleValueChange : handleSimpleValueChange) as any\n }\n itemToStringLabel={(item: FlatRow | null) => {\n if (!item || isGroupHeaderSentinel(item) || isSelectAllSentinel(item))\n return \"\";\n return itemToString(item as T);\n }}\n isItemEqualToValue={(a: FlatRow, b: FlatRow) => {\n if (isGroupHeaderSentinel(a) && isGroupHeaderSentinel(b))\n return a.groupName === b.groupName;\n if (isSelectAllSentinel(a) && isSelectAllSentinel(b)) return true;\n if (\n !isGroupHeaderSentinel(a) &&\n !isSelectAllSentinel(a) &&\n !isGroupHeaderSentinel(b) &&\n !isSelectAllSentinel(b)\n )\n return (a as T).id === (b as T).id;\n return false;\n }}\n items={rootItems}\n >\n <SearchableSelectTokenTrigger id={id}>\n {renderSelection ? (\n renderSelection(value)\n ) : value.length > 0 ? (\n (() => {\n const visibleItems =\n maxSelections != null ? value.slice(0, maxSelections) : value;\n const overflowCount =\n maxSelections != null && value.length > maxSelections\n ? value.length - maxSelections\n : 0;\n const text = visibleItems\n .map((item) =>\n customRenderSelections\n ? customRenderSelections(item)\n : itemToString(item)\n )\n .join(\", \");\n return (\n <SelectionText>\n {text}\n {overflowCount > 0 ? `, +${overflowCount}` : \"\"}\n </SelectionText>\n );\n })()\n ) : (\n <SearchableSelectPlaceholder>\n {placeholder}\n </SearchableSelectPlaceholder>\n )}\n <SearchableSelectTriggerIcon style={{ marginLeft: \"auto\" }}>\n <StyledChevron data-chevron>\n <ChevronIcon />\n </StyledChevron>\n </SearchableSelectTriggerIcon>\n </SearchableSelectTokenTrigger>\n\n <Combobox.Portal container={portalContainer}>\n <ComboboxPositioner sideOffset={4}>\n <SearchableSelectPopup\n aria-busy={isLoading || undefined}\n style={{ display: \"flex\", flexDirection: \"column\" }}\n >\n <SearchableSelectSearchContainer>\n <SearchableSelectInput\n placeholder={searchPlaceholder}\n autoFocus\n />\n </SearchableSelectSearchContainer>\n <ComboboxStatus>{isLoading ? loadingText : null}</ComboboxStatus>\n <ComboboxEmpty>{isLoading ? null : emptyText}</ComboboxEmpty>\n <SearchableSelectList\n style={\n isVirtualized\n ? {\n padding: 0,\n flex: 1,\n minHeight: 0,\n display: \"flex\",\n flexDirection: \"column\",\n }\n : undefined\n }\n >\n {isVirtualized ? (\n <VirtualizedComboboxList\n open={open}\n virtualizerRef={virtualizerRef}\n value={value}\n groups={groups}\n data={visibleData}\n itemToString={itemToString}\n inputType={inputType}\n renderItem={renderItem}\n renderGroupHeading={renderGroupHeading}\n />\n ) : children ? (\n children\n ) : flatItems ? (\n (row: FlatRow) => renderSentinelRow(row)\n ) : groups ? (\n (group: { value: string; items: T[] }, index: number) => (\n <React.Fragment key={group.value}>\n <ComboboxGroup items={group.items}>\n <ComboboxGroupLabel>\n {renderGroupHeading\n ? renderGroupHeading(group.value)\n : group.value}\n </ComboboxGroupLabel>\n <Combobox.Collection>\n {(item: T) => (\n <ComboboxItem\n key={item.id}\n value={item}\n itemId={String(item.id)}\n label={itemToString(item)}\n disabled={item.disabled}\n inputType={inputType}\n renderItem={\n renderItem\n ? () => renderItem(item)\n : () => itemToString(item)\n }\n />\n )}\n </Combobox.Collection>\n </ComboboxGroup>\n {index < groups.length - 1 && <ComboboxSeparator />}\n </React.Fragment>\n )\n ) : (\n (item: T) => (\n <ComboboxItem\n key={item.id}\n value={item}\n itemId={String(item.id)}\n label={itemToString(item)}\n disabled={item.disabled}\n inputType={inputType}\n renderItem={\n renderItem\n ? () => renderItem(item)\n : () => itemToString(item)\n }\n />\n )\n )}\n </SearchableSelectList>\n </SearchableSelectPopup>\n </ComboboxPositioner>\n </Combobox.Portal>\n </Combobox.Root>\n </Field>\n );\n}\n"],"mappings":"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","names":["React","Select","styled","Select","styled","styled","Icon","jsx","CheckIcon","Fragment","jsx","jsxs","styled","Select","React","Select","styled","jsx","jsxs","styled","Select","React","Combobox","React","Radio","Checkbox","styled","focusRing","Checkbox","jsx","jsx","jsxs","Radio","Checkbox","CheckIcon","ComboboxItem","React","Combobox","jsx","jsxs","Combobox","groupItems","item","jsx","jsxs","id","Combobox","React","Combobox","Icon","Fragment","jsx","jsxs","isGroupHeaderSentinel","isSelectAllSentinel","id","item","Combobox","React","Combobox","Fragment","jsx","jsxs","id","Combobox","React","Combobox","styled","jsx","jsxs","SelectionText","makeGroupHeaderSentinel","isGroupHeaderSentinel","SELECT_ALL_SENTINEL","isSelectAllSentinel","id","item","Combobox"]}