@economic/taco 11.0.0 → 11.0.1-react-v19.0

package/dist/components/Select/useSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSelect.js","sources":["../../../src/components/Select/useSelect.tsx"],"sourcesContent":["import type { Popover as PopoverPrimitive } from '@base-ui/react/popover';\nimport cn from 'clsx';\nimport { nanoid } from 'nanoid';\nimport * as React from 'react';\n\nimport { useMergedRef } from '../../hooks/useMergedRef';\nimport { createCustomEvent } from '../../utils/input';\nimport type { ListboxProps } from '../Listbox/Listbox';\nimport type { ScrollableListItemValue } from '../Listbox/ScrollableList';\nimport { setInputValueByRef, findByValue, useFlattenedData, sanitizeItem } from '../Listbox/util';\nimport { useLocalization } from '../Provider/Localization';\n\nimport type { SelectProps } from './Select';\n\ntype InternalButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement>;\ntype InternalListboxProps = ListboxProps & { ref: React.ForwardedRef<HTMLInputElement> };\ntype InternalInputProps = React.InputHTMLAttributes<HTMLInputElement> & { ref: React.ForwardedRef<HTMLInputElement> };\n\ntype useSelect = React.HtmlHTMLAttributes<HTMLDivElement> & {\n    button: InternalButtonProps;\n    listbox: InternalListboxProps;\n    input: InternalInputProps;\n    popover: Pick<PopoverPrimitive.Root.Props, 'onOpenChange' | 'open'>;\n    text: string | JSX.Element;\n    more?: number;\n};\n\nexport const useSelect = (\n    {\n        'aria-label': ariaLabel,\n        'aria-labelledby': ariaLabelledBy,\n        data = [],\n        defaultValue,\n        disabled,\n        emptyValue,\n        id: nativeId,\n        multiselect,\n        onBlur,\n        onClick: _1,\n        onChange,\n        readOnly,\n        tabIndex,\n        value,\n        ...otherProps\n    }: SelectProps,\n    ref: React.Ref<HTMLInputElement>\n): useSelect => {\n    const { texts } = useLocalization();\n    const flattenedData = useFlattenedData(data);\n    const listboxInputRef = useMergedRef<HTMLInputElement>(ref);\n    const [open, setOpen] = React.useState(false);\n    const id = React.useMemo(() => nativeId || `select_${nanoid()}`, [nativeId]);\n    const inputRef = React.useRef<HTMLInputElement>(null);\n    const buttonId = `${id}-button`;\n    // support 'escape' resetting to the value that was set when the listbox opened\n    const [lastValue, setLastValue] = React.useState<ScrollableListItemValue | undefined>(value);\n\n    React.useEffect(() => {\n        setLastValue(value);\n    }, [open]);\n\n    React.useEffect(() => {\n        if (value === undefined) {\n            if (defaultValue !== undefined && findByValue(flattenedData, defaultValue)) {\n                setInputValueByRef(inputRef.current, defaultValue);\n            } else if (emptyValue !== undefined) {\n                setInputValueByRef(inputRef.current, emptyValue);\n            } else if (data.length > 0) {\n                setInputValueByRef(inputRef.current, data[0]?.value);\n            }\n        } else if (!multiselect && !findByValue(flattenedData, value)) {\n            if (emptyValue !== undefined) {\n                setInputValueByRef(inputRef.current, emptyValue);\n            } else if (data.length > 0) {\n                setInputValueByRef(inputRef.current, data[0]?.value);\n            }\n        }\n    }, []);\n\n    // event handlers\n    const handleButtonKeyDown = (event: React.KeyboardEvent<HTMLButtonElement>): void => {\n        if (event.key === 'ArrowUp' || event.key === 'ArrowDown') {\n            event.preventDefault();\n            setOpen(true);\n        }\n    };\n\n    const handleListboxKeyDown = (event: React.KeyboardEvent<HTMLElement>): void => {\n        switch (event.key) {\n            case 'Escape': {\n                event.preventDefault();\n                if (lastValue !== undefined) {\n                    setInputValueByRef(listboxInputRef.current, lastValue);\n                }\n\n                setOpen(false);\n                break;\n            }\n\n            case 'Tab':\n            case 'Enter': {\n                if (event.key !== 'Tab') {\n                    event.preventDefault();\n                }\n                setOpen(false);\n                break;\n            }\n\n            default:\n        }\n\n        if (otherProps.onKeyDown) {\n            otherProps.onKeyDown(event);\n        }\n    };\n\n    const handleListboxClick = (event: React.MouseEvent<HTMLLIElement>): void => {\n        event.preventDefault();\n        if (!multiselect) {\n            setOpen(false);\n            if (onBlur) {\n                onBlur(createCustomEvent('blur') as unknown as React.FocusEvent<HTMLElement, Element>);\n            }\n        }\n    };\n\n    let text: string | JSX.Element = '';\n    let more = 0;\n\n    if (value !== undefined) {\n        if (multiselect) {\n            const selectedValues = value?.toString().split(',') || [];\n\n            if (selectedValues.length === flattenedData.filter(item => !item.disabled).length) {\n                text = texts.select.allOptionsSelected;\n            } else {\n                text = findByValue(flattenedData, selectedValues[0])?.text ?? '';\n                more = selectedValues.length > 1 ? selectedValues.length - 1 : 0;\n            }\n        } else {\n            const item = findByValue(flattenedData, value);\n\n            if (item) {\n                text = item.icon ? (\n                    <>\n                        {React.cloneElement(item.icon, {\n                            className: cn(item.icon.props.className, '-mt-px mr-1'),\n                        })}\n                        {item.text}\n                    </>\n                ) : (\n                    item.text\n                );\n            }\n        }\n    }\n\n    const handleInputChange = (event: React.ChangeEvent<HTMLInputElement>): void => {\n        event.persist();\n\n        if (onChange) {\n            const item = findByValue(flattenedData, event.target.value);\n            (event as any).detail = sanitizeItem(item);\n\n            const indexes = item?.path?.split('.') ?? [];\n\n            if (indexes.length > 1) {\n                // we don't want to map the current item\n                indexes.pop();\n                // we need to rebuild the path as we map\n                let lastPath: string;\n\n                (event as any).detail.parents = indexes.map(i => {\n                    lastPath = lastPath ? [lastPath, i].join('.') : i;\n                    return sanitizeItem(flattenedData.find(i => i.path === lastPath));\n                });\n            }\n\n            onChange(event);\n        }\n    };\n\n    const handleButtonClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n        if (readOnly) {\n            event.preventDefault();\n        }\n    };\n\n    // select the value text if the select is readonly\n    const handleButtonFocus = (event: React.FocusEvent<HTMLButtonElement>) => {\n        if (readOnly) {\n            const value = event.currentTarget.querySelector(':first-child');\n\n            if (value) {\n                window.getSelection()?.selectAllChildren?.(value);\n            }\n        }\n    };\n\n    const button: InternalButtonProps = {\n        'aria-haspopup': 'listbox' as const,\n        'aria-label': ariaLabel ? `${ariaLabel} ${text}` : undefined,\n        'aria-labelledby': ariaLabelledBy ? `${ariaLabelledBy} ${buttonId}` : undefined,\n        'aria-readonly': readOnly ? 'true' : undefined,\n        disabled: disabled,\n        id: buttonId,\n        onClick: handleButtonClick,\n        onFocus: handleButtonFocus,\n        onKeyDown: !disabled && !readOnly ? handleButtonKeyDown : undefined,\n        tabIndex,\n        type: 'button',\n    };\n\n    const listbox: InternalListboxProps = {\n        ...otherProps,\n        'aria-label': ariaLabel,\n        'aria-labelledby': ariaLabelledBy,\n        data,\n        disabled,\n        emptyValue,\n        onBlur,\n        onClick: handleListboxClick,\n        onChange: event => {\n            setInputValueByRef(inputRef.current, event.target.value);\n        },\n        onKeyDown: handleListboxKeyDown,\n        ref: listboxInputRef,\n        value,\n    };\n\n    const input: InternalInputProps = {\n        onChange: handleInputChange,\n        ref: inputRef,\n        value: String(value ?? ''),\n    };\n\n    return {\n        button,\n        listbox,\n        input,\n        popover: {\n            open,\n            onOpenChange: setOpen,\n        },\n        text,\n        more,\n    };\n};\n"],"names":["i","value"],"mappings":"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"}
+{"version":3,"file":"useSelect.js","sources":["../../../src/components/Select/useSelect.tsx"],"sourcesContent":["import type { Popover as PopoverPrimitive } from '@base-ui/react/popover';\nimport cn from 'clsx';\nimport { nanoid } from 'nanoid';\nimport * as React from 'react';\n\nimport { useMergedRef } from '../../hooks/useMergedRef';\nimport { createCustomEvent } from '../../utils/input';\nimport type { ListboxProps } from '../Listbox/Listbox';\nimport type { ScrollableListItemValue } from '../Listbox/ScrollableList';\nimport { setInputValueByRef, findByValue, useFlattenedData, sanitizeItem } from '../Listbox/util';\nimport { useLocalization } from '../Provider/Localization';\n\nimport type { SelectProps } from './Select';\n\ntype InternalButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement>;\ntype InternalListboxProps = ListboxProps & { ref: React.ForwardedRef<HTMLInputElement> };\ntype InternalInputProps = React.InputHTMLAttributes<HTMLInputElement> & { ref: React.ForwardedRef<HTMLInputElement> };\n\ntype useSelect = Omit<React.HtmlHTMLAttributes<HTMLDivElement>, 'popover'> & {\n    button: InternalButtonProps;\n    listbox: InternalListboxProps;\n    input: InternalInputProps;\n    popover: Pick<PopoverPrimitive.Root.Props, 'onOpenChange' | 'open'>;\n    text: string | React.JSX.Element;\n    more?: number;\n};\n\nexport const useSelect = (\n    {\n        'aria-label': ariaLabel,\n        'aria-labelledby': ariaLabelledBy,\n        data = [],\n        defaultValue,\n        disabled,\n        emptyValue,\n        id: nativeId,\n        multiselect,\n        onBlur,\n        onClick: _1,\n        onChange,\n        readOnly,\n        tabIndex,\n        value,\n        ...otherProps\n    }: SelectProps,\n    ref: React.Ref<HTMLInputElement>\n): useSelect => {\n    const { texts } = useLocalization();\n    const flattenedData = useFlattenedData(data);\n    const listboxInputRef = useMergedRef<HTMLInputElement>(ref);\n    const [open, setOpen] = React.useState(false);\n    const id = React.useMemo(() => nativeId || `select_${nanoid()}`, [nativeId]);\n    const inputRef = React.useRef<HTMLInputElement>(null);\n    const buttonId = `${id}-button`;\n    // support 'escape' resetting to the value that was set when the listbox opened\n    const [lastValue, setLastValue] = React.useState<ScrollableListItemValue | undefined>(value);\n\n    React.useEffect(() => {\n        setLastValue(value);\n    }, [open]);\n\n    React.useEffect(() => {\n        if (value === undefined) {\n            if (defaultValue !== undefined && findByValue(flattenedData, defaultValue)) {\n                setInputValueByRef(inputRef.current, defaultValue);\n            } else if (emptyValue !== undefined) {\n                setInputValueByRef(inputRef.current, emptyValue);\n            } else if (data.length > 0) {\n                setInputValueByRef(inputRef.current, data[0]?.value);\n            }\n        } else if (!multiselect && !findByValue(flattenedData, value)) {\n            if (emptyValue !== undefined) {\n                setInputValueByRef(inputRef.current, emptyValue);\n            } else if (data.length > 0) {\n                setInputValueByRef(inputRef.current, data[0]?.value);\n            }\n        }\n    }, []);\n\n    // event handlers\n    const handleButtonKeyDown = (event: React.KeyboardEvent<HTMLButtonElement>): void => {\n        if (event.key === 'ArrowUp' || event.key === 'ArrowDown') {\n            event.preventDefault();\n            setOpen(true);\n        }\n    };\n\n    const handleListboxKeyDown = (event: React.KeyboardEvent<HTMLElement>): void => {\n        switch (event.key) {\n            case 'Escape': {\n                event.preventDefault();\n                if (lastValue !== undefined) {\n                    setInputValueByRef(listboxInputRef.current, lastValue);\n                }\n\n                setOpen(false);\n                break;\n            }\n\n            case 'Tab':\n            case 'Enter': {\n                if (event.key !== 'Tab') {\n                    event.preventDefault();\n                }\n                setOpen(false);\n                break;\n            }\n\n            default:\n        }\n\n        if (otherProps.onKeyDown) {\n            otherProps.onKeyDown(event);\n        }\n    };\n\n    const handleListboxClick = (event: React.MouseEvent<HTMLLIElement>): void => {\n        event.preventDefault();\n        if (!multiselect) {\n            setOpen(false);\n            if (onBlur) {\n                onBlur(createCustomEvent('blur') as unknown as React.FocusEvent<HTMLElement, Element>);\n            }\n        }\n    };\n\n    let text: string | React.JSX.Element = '';\n    let more = 0;\n\n    if (value !== undefined) {\n        if (multiselect) {\n            const selectedValues = value?.toString().split(',') || [];\n\n            if (selectedValues.length === flattenedData.filter(item => !item.disabled).length) {\n                text = texts.select.allOptionsSelected;\n            } else {\n                text = findByValue(flattenedData, selectedValues[0])?.text ?? '';\n                more = selectedValues.length > 1 ? selectedValues.length - 1 : 0;\n            }\n        } else {\n            const item = findByValue(flattenedData, value);\n\n            if (item) {\n                text = item.icon ? (\n                    <>\n                        {React.cloneElement(item.icon, {\n                            className: cn(item.icon.props.className, '-mt-px mr-1'),\n                        })}\n                        {item.text}\n                    </>\n                ) : (\n                    item.text\n                );\n            }\n        }\n    }\n\n    const handleInputChange = (event: React.ChangeEvent<HTMLInputElement>): void => {\n        event.persist();\n\n        if (onChange) {\n            const item = findByValue(flattenedData, event.target.value);\n            (event as any).detail = sanitizeItem(item);\n\n            const indexes = item?.path?.split('.') ?? [];\n\n            if (indexes.length > 1) {\n                // we don't want to map the current item\n                indexes.pop();\n                // we need to rebuild the path as we map\n                let lastPath: string;\n\n                (event as any).detail.parents = indexes.map(i => {\n                    lastPath = lastPath ? [lastPath, i].join('.') : i;\n                    return sanitizeItem(flattenedData.find(i => i.path === lastPath));\n                });\n            }\n\n            onChange(event);\n        }\n    };\n\n    const handleButtonClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n        if (readOnly) {\n            event.preventDefault();\n        }\n    };\n\n    // select the value text if the select is readonly\n    const handleButtonFocus = (event: React.FocusEvent<HTMLButtonElement>) => {\n        if (readOnly) {\n            const value = event.currentTarget.querySelector(':first-child');\n\n            if (value) {\n                window.getSelection()?.selectAllChildren?.(value);\n            }\n        }\n    };\n\n    const button: InternalButtonProps = {\n        'aria-haspopup': 'listbox' as const,\n        'aria-label': ariaLabel ? `${ariaLabel} ${text}` : undefined,\n        'aria-labelledby': ariaLabelledBy ? `${ariaLabelledBy} ${buttonId}` : undefined,\n        'aria-readonly': readOnly ? 'true' : undefined,\n        disabled: disabled,\n        id: buttonId,\n        onClick: handleButtonClick,\n        onFocus: handleButtonFocus,\n        onKeyDown: !disabled && !readOnly ? handleButtonKeyDown : undefined,\n        tabIndex,\n        type: 'button',\n    };\n\n    const listbox: InternalListboxProps = {\n        ...otherProps,\n        'aria-label': ariaLabel,\n        'aria-labelledby': ariaLabelledBy,\n        data,\n        disabled,\n        emptyValue,\n        onBlur,\n        onClick: handleListboxClick,\n        onChange: event => {\n            setInputValueByRef(inputRef.current, event.target.value);\n        },\n        onKeyDown: handleListboxKeyDown,\n        ref: listboxInputRef,\n        value,\n    };\n\n    const input: InternalInputProps = {\n        onChange: handleInputChange,\n        ref: inputRef,\n        value: String(value ?? ''),\n    };\n\n    return {\n        button,\n        listbox,\n        input,\n        popover: {\n            open,\n            onOpenChange: setOpen,\n        },\n        text,\n        more,\n    };\n};\n"],"names":["i","value"],"mappings":"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"}

package/dist/components/Select2/Select2.cjs

@@ -134,9 +134,7 @@ function _Select2Inner(props, ref) {
     if (!queryTimeoutRef.current) {
       return;
     }
-    const matchedValueIndex = visibleChildren.findIndex(
-      (child) => !useChildren.isGroup(child) && utilities.filterOption(child, queryTimeoutRef.current)
-    );
+    const matchedValueIndex = flattenedChildren.findIndex((child) => utilities.filterOption(child, queryTimeoutRef.current));
     if (matchedValueIndex > -1 && selectOptions[matchedValueIndex] !== void 0) {
       setValue(selectOptions[matchedValueIndex]);
     }

package/dist/components/Select2/Select2.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Select2.cjs","sources":["../../../src/components/Select2/Select2.tsx"],"sourcesContent":["import { Popover as PopoverPrimitive } from '@base-ui/react/popover';\nimport cn from 'clsx';\nimport React from 'react';\n\nimport { useBoundingClientRectListener } from '../../hooks/useBoundingClientRectListener';\nimport { useControlled } from '../../hooks/useControlled';\nimport { useIsFormControl } from '../../hooks/useIsFormControl';\nimport { useIsHoverStatePaused } from '../../hooks/useIsHoverStatePaused';\nimport { useMergedRef } from '../../hooks/useMergedRef';\nimport { BubbleSelect } from '../../primitives/BubbleSelect';\nimport type { CollectionRef } from '../../primitives/Collection/Collection';\nimport * as ListboxPrimitive from '../../primitives/Listbox2/Listbox2';\nimport type { FontSize } from '../../types';\nimport { fixedForwardRef, FontSizes } from '../../types';\nimport { isAriaDirectionKey } from '../../utils/aria';\nimport { debounce } from '../../utils/debounce';\nimport { getNextFocussableElement, isElementInsideTable3OrReport } from '../../utils/dom';\nimport { createCustomKeyboardEvent } from '../../utils/input';\nimport { LegacyButton } from '../LegacyComponents/Button/Button';\nimport { useLocalization } from '../Provider/Localization';\nimport { Spinner } from '../Spinner/Spinner';\n\nimport { Collection } from './components/Collection';\nimport { Select2Context } from './components/Context';\nimport { Create } from './components/Create';\nimport type { Select2GroupProps } from './components/Group';\nimport { Group } from './components/Group';\nimport type { Select2OptionProps } from './components/Option';\nimport { Option } from './components/Option';\nimport { Search } from './components/Search';\nimport type { Select2TitleProps } from './components/Title';\nimport { Title } from './components/Title';\nimport { Trigger } from './components/Trigger';\nimport { isGroup, useChildren } from './hooks/useChildren';\nimport type {\n    Select2Child,\n    Select2Children,\n    Select2CreateHandler,\n    Select2CreateDialogRenderer,\n    Select2DeleteHandler,\n    Select2EditHandler,\n    Select2OptionValue,\n    Select2Value,\n} from './types';\nimport { createCollectionClassName, filterOption, FONT_SIZE_CLASSNAME } from './utilities';\n\ntype Select2Texts = {\n    allSelect: string;\n    allDeselect: string;\n    cancel: string;\n    chooseColor: string;\n    create: string;\n    delete: string;\n    save: string;\n    search: string;\n    searchOrCreate: string;\n    selectAll: string;\n    selectAllResults: string;\n    deselectAll: string;\n    deselectAllResults: string;\n};\n\ntype Select2Props<T extends Select2Value = Select2Value> = Omit<\n    React.HTMLAttributes<HTMLButtonElement>,\n    'children' | 'defaultValue' | 'onChange' | 'value'\n> & {\n    /** Autofocus Select2 when loaded **/\n    autoFocus?: boolean;\n    /** Array of options in Select2 */\n    children: Select2Children;\n    /** Initial value of the input in Select2 */\n    defaultValue?: T;\n    /** Set what value should have an empty option in Select2 */\n    emptyValue?: Extract<T, Select2OptionValue>;\n    /** Whether the Select2 is in a disabled state **/\n    disabled?: boolean;\n    /** Font size of text in Select2 **/\n    fontSize?: FontSize;\n    /** Draws attention to the Select2 by changing its style and making it visually prominent */\n    highlighted?: boolean;\n    /** Whether the Select2 is in an invalid state **/\n    invalid?: boolean;\n    /** Whether the Select2 is loading the data **/\n    loading?: boolean;\n    /** Whether the Select2 allows selecting multiple values **/\n    multiple?: boolean;\n    /** Whether the Select2 is in an invalid state **/\n    name?: string;\n    /** Handler called when user chooses an option from the provided options **/\n    onChange?: (value: T) => void;\n    /** Handler called when user creates a new option **/\n    onCreate?: Select2CreateHandler;\n    /** Handler called when user deletes an option **/\n    onDelete?: Select2DeleteHandler;\n    /** Handler called when user edits an option **/\n    onEdit?: Select2EditHandler;\n    /** Placeholder showed when nothing is selected **/\n    placeholder?: string;\n    /** Whether the Select2 is in a readonly state **/\n    readOnly?: boolean;\n    required?: boolean;\n    /** Renders select options as tags **/\n    tags?: boolean;\n    /** Value of the input in select2 */\n    value?: T;\n    /** Create dialog component, if specified, then create button will become always visible in the bottom of options dropdown,\n     * when clicked, it will open create dialog and wait for 'onCreate' handler to be triggered from the dialog */\n    createDialog?: Select2CreateDialogRenderer;\n    /** Create button text */\n    createTriggerText?: string;\n};\n\n// generic overload is the public face; the wide implementation signature lets the internals\n// (which all operate on Select2Value) consume the props without assertions\nfunction _Select2Inner<T extends Select2Value = Select2Value>(\n    props: Select2Props<T>,\n    ref: React.Ref<HTMLButtonElement>\n): JSX.Element;\nfunction _Select2Inner(props: Select2Props, ref: React.Ref<HTMLButtonElement>): JSX.Element {\n    const {\n        children: initChildren,\n        defaultValue,\n        disabled = false,\n        emptyValue = undefined,\n        fontSize,\n        highlighted = false,\n        invalid = false,\n        loading,\n        multiple = false,\n        name,\n        onChange,\n        onCreate,\n        onDelete,\n        onEdit,\n        placeholder,\n        readOnly = false,\n        tags = false,\n        value: prop,\n        createDialog,\n        createTriggerText,\n        ...otherProps\n    } = props;\n\n    const emptyOption: React.ReactElement<Select2OptionProps> | undefined = React.useMemo(() => {\n        if (emptyValue !== undefined && !multiple) {\n            // Empty option has 0px height, because it's empty, so need to apply height manually\n            return <Option key=\"__empty\" children=\"\" value={emptyValue} className=\"h-8\" />;\n        }\n        return;\n    }, [emptyValue, multiple]);\n\n    const initialChildren = React.useMemo(() => {\n        // flatten nested arrays from maps and strip conditionals (false/null) so the internals see a flat list\n        const children = React.Children.toArray(initChildren).filter((child): child is Select2Child =>\n            React.isValidElement(child)\n        );\n\n        return emptyOption ? [emptyOption, ...children] : children;\n    }, [emptyOption, initChildren]);\n\n    // refs\n    const internalRef = useMergedRef<HTMLButtonElement>(ref);\n    const listboxRef = React.useRef<CollectionRef>(null);\n    const searchRef = React.useRef<HTMLInputElement>(null);\n    const { texts } = useLocalization();\n    // align the listbox min width with the width of the input - it should never be smaller\n    const dimensions = useBoundingClientRectListener(internalRef);\n\n    // state\n    const [open, setOpen] = React.useState(false);\n    const [value, _setValue] = useControlled<Select2Value>({\n        // uncontrolled\n        defaultValue,\n        // controlled\n        onChange,\n        value: prop,\n    });\n    const setValue = ListboxPrimitive.createListboxValueSetter(\n        multiple,\n        // the state can genuinely become undefined (form reset), but widening `useControlled` to\n        // `Select2Value | undefined` would require onChange to accept `undefined` — a breaking API change\n        _setValue as React.Dispatch<React.SetStateAction<Select2Value | undefined>>\n    );\n    const [validationError, setValidationError] = React.useState<Error | undefined>();\n    const [shouldPauseHoverState, setShouldPauseHoverState] = useIsHoverStatePaused();\n\n    const { flattenedChildren, filteredChildren, searchQuery, setSearchQuery } = useChildren({\n        children: initialChildren,\n        emptyValue,\n        multiple,\n        open,\n        setValue,\n        value,\n    });\n\n    // context\n    const context = {\n        disabled,\n        highlighted,\n        invalid,\n        listboxRef,\n        multiple,\n        onCreate,\n        onDelete,\n        onEdit,\n        open,\n        readOnly,\n        ref: internalRef,\n        searchQuery,\n        searchRef,\n        setOpen,\n        setSearchQuery,\n        setValidationError,\n        setValue,\n        shouldPauseHoverState,\n        setShouldPauseHoverState,\n        tags,\n        fontSize,\n        validationError,\n        value,\n        createDialog,\n        createTriggerText,\n    };\n\n    const hasInlineCreation = onCreate && !createDialog;\n    const hasSearch = flattenedChildren.length > 5 || hasInlineCreation;\n    const visibleChildren = searchQuery === '' ? initialChildren : filteredChildren;\n    const selectOptions =\n        searchQuery === ''\n            ? flattenedChildren.map(child => child.props.value)\n            : filteredChildren.flatMap(child => {\n                  if (isGroup(child)) {\n                      return Array.isArray(child.props.children)\n                          ? child.props.children.map(subChild => subChild.props.value)\n                          : [];\n                  }\n                  return child.props.value;\n              });\n\n    // support typeahead functionality when search isn't available\n    const queryTimeoutRef = React.useRef('');\n\n    const typeahead = debounce(function () {\n        if (!queryTimeoutRef.current) {\n            return;\n        }\n\n        const matchedValueIndex = visibleChildren.findIndex(\n            child => !isGroup(child) && filterOption(child, queryTimeoutRef.current)\n        );\n\n        if (matchedValueIndex > -1 && selectOptions[matchedValueIndex] !== undefined) {\n            setValue(selectOptions[matchedValueIndex]);\n        }\n\n        queryTimeoutRef.current = '';\n    }, 200);\n\n    const setValueIfMatched = (query: string) => {\n        queryTimeoutRef.current = queryTimeoutRef.current + query;\n        typeahead();\n    };\n\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLElement>) => {\n        if (open) {\n            event.preventDefault();\n        } else if (isElementInsideTable3OrReport(event.currentTarget) && isAriaDirectionKey(event)) {\n            return;\n        } else if (!event.ctrlKey && !event.metaKey && (event.key === 'ArrowDown' || /^[a-z0-9]$/i.test(event.key))) {\n            setOpen(true);\n\n            if (!hasSearch) {\n                setValueIfMatched(event.key);\n            }\n        }\n\n        // Collect the first character when opening with keyboard (when user starts typing while focused on a trigger)\n        if (hasSearch && /^[a-z0-9]$/i.test(event.key)) {\n            setSearchQuery(prev => prev + event.key);\n        }\n\n        // the focus should always remain on the input, so we forward events on to the listbox\n        listboxRef.current?.dispatchEvent(createCustomKeyboardEvent(event));\n    };\n\n    const shouldFocusNextRef = React.useRef<number | undefined>(undefined);\n\n    const handleHorizontalNavigation = (event: React.KeyboardEvent<HTMLDivElement>) => {\n        if (isElementInsideTable3OrReport(internalRef.current)) {\n            const isTriggeredFromPopover = event.target instanceof Node && event.currentTarget.contains?.(event.target);\n\n            if ((event.key === 'ArrowLeft' || event.key === 'ArrowRight') && isTriggeredFromPopover) {\n                event.preventDefault(); // prevents scrolling horizontally in the table on arrow left/right.\n                event.stopPropagation();\n\n                shouldFocusNextRef.current = event.key === 'ArrowLeft' ? -1 : +1;\n                setOpen(false);\n            }\n        }\n    };\n\n    const handleListboxKeyDown = (event: React.KeyboardEvent<HTMLElement>) => {\n        if (isAriaDirectionKey(event)) {\n            setShouldPauseHoverState(true);\n            return;\n        }\n\n        if (event.key === 'Tab') {\n            shouldFocusNextRef.current = event.shiftKey ? -1 : +1;\n            setOpen(false);\n            return;\n        }\n\n        // Handle Escape key to close the select without closing the parent dialog\n        if (!hasSearch && event.key === 'Escape') {\n            event.preventDefault();\n            event.stopPropagation();\n            setOpen(false);\n            return;\n        }\n\n        // support typeahead to set the value by typing its text\n        if (!hasSearch && /^[a-z0-9]$/i.test(event.key)) {\n            setValueIfMatched(event.key);\n            return;\n        }\n    };\n\n    const handleOpenChange = (open: boolean, details: { reason: string; event: Event }) => {\n        if (!open && (details.reason === 'outside-press' || details.reason === 'focus-out')) {\n            otherProps.onBlur?.(details.event as unknown as React.FocusEvent<HTMLButtonElement>);\n        }\n        setOpen(open);\n    };\n\n    const handleFinalFocus = (closeType: 'mouse' | 'touch' | 'keyboard' | 'pen' | '') => {\n        if (shouldFocusNextRef.current !== undefined) {\n            const el = getNextFocussableElement(internalRef.current, shouldFocusNextRef.current);\n            shouldFocusNextRef.current = undefined;\n            return el || false;\n        }\n        if (closeType === 'mouse' || closeType === 'touch') {\n            // Don't steal focus — the clicked element receives it naturally.\n            return false;\n        }\n        return true;\n    };\n    const areAllSelected = Array.isArray(value) && selectOptions.every(option => value.includes(option));\n\n    const selectAllText = React.useMemo(() => {\n        if (searchQuery === '') {\n            if (areAllSelected) {\n                return texts.select2.deselectAll;\n            }\n            return texts.select2.selectAll;\n        }\n\n        if (areAllSelected) {\n            return texts.select2.deselectAllResults;\n        }\n\n        return texts.select2.selectAllResults;\n    }, [areAllSelected, searchQuery]);\n\n    const selectAll = () => {\n        if (!Array.isArray(value) || value.length === 0) {\n            setValue(selectOptions);\n        } else {\n            // array of all available options which are not selected\n            const preselectedValues = selectOptions.filter(option => !value.includes(option));\n            setValue([...value, ...preselectedValues]);\n        }\n    };\n\n    const deselectAll = () => {\n        if (searchQuery === '') {\n            setValue([]);\n        } else {\n            const nextValue = Array.isArray(value) && value.filter(subValue => !selectOptions.includes(subValue));\n            setValue(nextValue);\n        }\n    };\n\n    const className = cn(\n        'rounded border border-gray-300 bg-white py-1.5 shadow-md',\n        {\n            'focus-within:yt-focus': !hasSearch,\n            'outline-none': hasSearch,\n        },\n        createCollectionClassName()\n    );\n\n    return (\n        <Select2Context.Provider value={context}>\n            <PopoverPrimitive.Root open={open} onOpenChange={handleOpenChange}>\n                <PopoverPrimitive.Trigger\n                    render={\n                        <Trigger\n                            {...otherProps}\n                            aria-haspopup=\"listbox\"\n                            aria-multiselectable={multiple}\n                            // oxlint-disable-next-line taco/data-taco-kebab-case -- established public selector API; renaming it is a breaking change\n                            data-taco=\"Select2\"\n                            emptyValue={emptyValue}\n                            onKeyDown={handleKeyDown}\n                            placeholder={placeholder}\n                            ref={internalRef}>\n                            {flattenedChildren}\n                        </Trigger>\n                    }\n                />\n                <PopoverPrimitive.Portal>\n                    <PopoverPrimitive.Positioner\n                        align=\"start\"\n                        sideOffset={4}\n                        collisionAvoidance={{\n                            side: 'flip',\n                            fallbackAxisSide: 'none',\n                        }}>\n                        <PopoverPrimitive.Popup\n                            className={className}\n                            style={{ minWidth: dimensions?.width ? `${dimensions.width}px` : undefined }}\n                            initialFocus={hasSearch ? searchRef : true}\n                            finalFocus={handleFinalFocus}\n                            onKeyDown={handleHorizontalNavigation}\n                            tabIndex={-1}>\n                            {hasSearch ? (\n                                <>\n                                    <Search\n                                        placeholder={hasInlineCreation ? texts.select2.searchOrCreate : texts.select2.search}\n                                        ref={searchRef}\n                                    />\n                                    {multiple && selectOptions.length > 1 && (\n                                        <>\n                                            <LegacyButton\n                                                className=\"!justify-start\"\n                                                appearance=\"discrete\"\n                                                onClick={areAllSelected ? deselectAll : selectAll}>\n                                                {selectAllText}\n                                            </LegacyButton>\n                                            <div className=\"mx-3 rounded border-t border-gray-200\" />\n                                        </>\n                                    )}\n                                </>\n                            ) : null}\n                            {loading ? (\n                                <span\n                                    className={cn(\n                                        'flex items-center italic text-gray-700',\n                                        fontSize && FONT_SIZE_CLASSNAME[fontSize]\n                                    )}>\n                                    <span>\n                                        <Spinner\n                                            delay={0}\n                                            className={cn('ml-3 mr-2 mt-1.5 h-5 w-5', {\n                                                '!mt-1 !h-3.5 !w-3.5': fontSize === FontSizes.small,\n                                                '!h-4 !w-4': fontSize === FontSizes.medium,\n                                                '!h-5 !w-5': fontSize === FontSizes.large,\n                                            })}\n                                        />\n                                    </span>\n                                    <span>{texts.listbox.loading}</span>\n                                </span>\n                            ) : flattenedChildren.length <= 0 && !onCreate ? (\n                                <div className=\"-mt-0.5 flex h-8 items-center px-2 text-gray-700\" role=\"presentation\">\n                                    {texts.listbox.empty}\n                                </div>\n                            ) : (\n                                <ListboxPrimitive.Root\n                                    className=\"flex flex-col gap-0.5 focus-visible:outline-none\"\n                                    customSelector=\":scope > button\"\n                                    disabled={disabled}\n                                    multiple={multiple}\n                                    onKeyDown={handleListboxKeyDown}\n                                    readOnly={readOnly}\n                                    ref={listboxRef}\n                                    setValue={setValue}\n                                    value={value}>\n                                    <Collection>{visibleChildren}</Collection>\n                                    {onCreate ? <Create onCreate={onCreate} options={flattenedChildren} /> : null}\n                                </ListboxPrimitive.Root>\n                            )}\n                        </PopoverPrimitive.Popup>\n                    </PopoverPrimitive.Positioner>\n                </PopoverPrimitive.Portal>\n                <ControlledHiddenField\n                    emptyValue={emptyValue}\n                    multiple={multiple || tags}\n                    name={name}\n                    options={flattenedChildren.map(child => child.props.value)}\n                    parentRef={internalRef}\n                    setValue={setValue}\n                    value={value}\n                />\n            </PopoverPrimitive.Root>\n        </Select2Context.Provider>\n    );\n}\n\nexport const Select2 = Object.assign(fixedForwardRef(_Select2Inner), {\n    Option,\n    Group,\n    Title,\n    displayName: 'Select2',\n});\n\ntype ControlledHiddenFieldProps = {\n    emptyValue: ListboxPrimitive.Listbox2OptionValue | undefined;\n    multiple: boolean;\n    name: string | undefined;\n    options: Select2OptionValue[];\n    parentRef: React.RefObject<HTMLButtonElement>;\n    setValue: (nextValue: Select2Value | undefined) => void;\n    value: Select2Value | undefined;\n};\n\nconst ControlledHiddenField = (props: ControlledHiddenFieldProps) => {\n    const { emptyValue, multiple, name, options, parentRef, value, setValue } = props;\n    const isFormControl = useIsFormControl(parentRef, () => setValue(multiple ? [] : undefined));\n\n    let bubbleValue;\n\n    if (isFormControl) {\n        if (value !== undefined) {\n            if (multiple) {\n                bubbleValue = Array.isArray(value) ? value.map(String) : [value === null ? '' : String(value)];\n            } else {\n                bubbleValue = value === null ? '' : String(value);\n            }\n        }\n\n        return (\n            <BubbleSelect aria-hidden key={String(bubbleValue)} multiple={multiple} name={name} tabIndex={-1} value={bubbleValue}>\n                {emptyValue === undefined ? null : <option value={emptyValue === null ? '' : String(emptyValue)} />}\n                {options.map(option => (\n                    <option key={String(option)} value={String(option)} />\n                ))}\n            </BubbleSelect>\n        );\n    }\n\n    return null;\n};\n\nexport type {\n    Select2Texts,\n    Select2Child,\n    Select2GroupProps,\n    Select2OptionProps,\n    Select2OptionValue,\n    Select2Value,\n    Select2Props,\n    Select2TitleProps,\n    Select2Children,\n};\n"],"names":["Option","useMergedRef","useLocalization","useBoundingClientRectListener","useControlled","ListboxPrimitive.createListboxValueSetter","useIsHoverStatePaused","useChildren","isGroup","debounce","filterOption","isElementInsideTable3OrReport","isAriaDirectionKey","createCustomKeyboardEvent","open","getNextFocussableElement","createCollectionClassName","Select2Context","PopoverPrimitive","Trigger","Search","LegacyButton","FONT_SIZE_CLASSNAME","Spinner","FontSizes","ListboxPrimitive.Root","Collection","Create","fixedForwardRef","Group","Title","useIsFormControl","BubbleSelect"],"mappings":"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"}
+{"version":3,"file":"Select2.cjs","sources":["../../../src/components/Select2/Select2.tsx"],"sourcesContent":["import { Popover as PopoverPrimitive } from '@base-ui/react/popover';\nimport cn from 'clsx';\nimport React from 'react';\n\nimport { useBoundingClientRectListener } from '../../hooks/useBoundingClientRectListener';\nimport { useControlled } from '../../hooks/useControlled';\nimport { useIsFormControl } from '../../hooks/useIsFormControl';\nimport { useIsHoverStatePaused } from '../../hooks/useIsHoverStatePaused';\nimport { useMergedRef } from '../../hooks/useMergedRef';\nimport { BubbleSelect } from '../../primitives/BubbleSelect';\nimport type { CollectionRef } from '../../primitives/Collection/Collection';\nimport * as ListboxPrimitive from '../../primitives/Listbox2/Listbox2';\nimport type { FontSize } from '../../types';\nimport { fixedForwardRef, FontSizes } from '../../types';\nimport { isAriaDirectionKey } from '../../utils/aria';\nimport { debounce } from '../../utils/debounce';\nimport { getNextFocussableElement, isElementInsideTable3OrReport } from '../../utils/dom';\nimport { createCustomKeyboardEvent } from '../../utils/input';\nimport { LegacyButton } from '../LegacyComponents/Button/Button';\nimport { useLocalization } from '../Provider/Localization';\nimport { Spinner } from '../Spinner/Spinner';\n\nimport { Collection } from './components/Collection';\nimport { Select2Context } from './components/Context';\nimport { Create } from './components/Create';\nimport type { Select2GroupProps } from './components/Group';\nimport { Group } from './components/Group';\nimport type { Select2OptionProps } from './components/Option';\nimport { Option } from './components/Option';\nimport { Search } from './components/Search';\nimport type { Select2TitleProps } from './components/Title';\nimport { Title } from './components/Title';\nimport { Trigger } from './components/Trigger';\nimport { isGroup, useChildren } from './hooks/useChildren';\nimport type {\n    Select2Child,\n    Select2Children,\n    Select2CreateHandler,\n    Select2CreateDialogRenderer,\n    Select2DeleteHandler,\n    Select2EditHandler,\n    Select2OptionValue,\n    Select2Value,\n} from './types';\nimport { createCollectionClassName, filterOption, FONT_SIZE_CLASSNAME } from './utilities';\n\ntype Select2Texts = {\n    allSelect: string;\n    allDeselect: string;\n    cancel: string;\n    chooseColor: string;\n    create: string;\n    delete: string;\n    save: string;\n    search: string;\n    searchOrCreate: string;\n    selectAll: string;\n    selectAllResults: string;\n    deselectAll: string;\n    deselectAllResults: string;\n};\n\ntype Select2Props<T extends Select2Value = Select2Value> = Omit<\n    React.HTMLAttributes<HTMLButtonElement>,\n    'children' | 'defaultValue' | 'onChange' | 'value'\n> & {\n    /** Autofocus Select2 when loaded **/\n    autoFocus?: boolean;\n    /** Array of options in Select2 */\n    children: Select2Children;\n    /** Initial value of the input in Select2 */\n    defaultValue?: T;\n    /** Set what value should have an empty option in Select2 */\n    emptyValue?: Extract<T, Select2OptionValue>;\n    /** Whether the Select2 is in a disabled state **/\n    disabled?: boolean;\n    /** Font size of text in Select2 **/\n    fontSize?: FontSize;\n    /** Draws attention to the Select2 by changing its style and making it visually prominent */\n    highlighted?: boolean;\n    /** Whether the Select2 is in an invalid state **/\n    invalid?: boolean;\n    /** Whether the Select2 is loading the data **/\n    loading?: boolean;\n    /** Whether the Select2 allows selecting multiple values **/\n    multiple?: boolean;\n    /** Whether the Select2 is in an invalid state **/\n    name?: string;\n    /** Handler called when user chooses an option from the provided options **/\n    onChange?: (value: T) => void;\n    /** Handler called when user creates a new option **/\n    onCreate?: Select2CreateHandler;\n    /** Handler called when user deletes an option **/\n    onDelete?: Select2DeleteHandler;\n    /** Handler called when user edits an option **/\n    onEdit?: Select2EditHandler;\n    /** Placeholder showed when nothing is selected **/\n    placeholder?: string;\n    /** Whether the Select2 is in a readonly state **/\n    readOnly?: boolean;\n    required?: boolean;\n    /** Renders select options as tags **/\n    tags?: boolean;\n    /** Value of the input in select2 */\n    value?: T;\n    /** Create dialog component, if specified, then create button will become always visible in the bottom of options dropdown,\n     * when clicked, it will open create dialog and wait for 'onCreate' handler to be triggered from the dialog */\n    createDialog?: Select2CreateDialogRenderer;\n    /** Create button text */\n    createTriggerText?: string;\n};\n\n// generic overload is the public face; the wide implementation signature lets the internals\n// (which all operate on Select2Value) consume the props without assertions\nfunction _Select2Inner<T extends Select2Value = Select2Value>(\n    props: Select2Props<T>,\n    ref: React.Ref<HTMLButtonElement>\n): React.JSX.Element;\nfunction _Select2Inner(props: Select2Props, ref: React.Ref<HTMLButtonElement>): React.JSX.Element {\n    const {\n        children: initChildren,\n        defaultValue,\n        disabled = false,\n        emptyValue = undefined,\n        fontSize,\n        highlighted = false,\n        invalid = false,\n        loading,\n        multiple = false,\n        name,\n        onChange,\n        onCreate,\n        onDelete,\n        onEdit,\n        placeholder,\n        readOnly = false,\n        tags = false,\n        value: prop,\n        createDialog,\n        createTriggerText,\n        ...otherProps\n    } = props;\n\n    const emptyOption: React.ReactElement<Select2OptionProps> | undefined = React.useMemo(() => {\n        if (emptyValue !== undefined && !multiple) {\n            // Empty option has 0px height, because it's empty, so need to apply height manually\n            return <Option key=\"__empty\" children=\"\" value={emptyValue} className=\"h-8\" />;\n        }\n        return;\n    }, [emptyValue, multiple]);\n\n    const initialChildren = React.useMemo(() => {\n        // flatten nested arrays from maps and strip conditionals (false/null) so the internals see a flat list\n        const children = React.Children.toArray(initChildren).filter((child): child is Select2Child =>\n            React.isValidElement(child)\n        );\n\n        return emptyOption ? [emptyOption, ...children] : children;\n    }, [emptyOption, initChildren]);\n\n    // refs\n    const internalRef = useMergedRef<HTMLButtonElement>(ref);\n    const listboxRef = React.useRef<CollectionRef>(null);\n    const searchRef = React.useRef<HTMLInputElement>(null);\n    const { texts } = useLocalization();\n    // align the listbox min width with the width of the input - it should never be smaller\n    const dimensions = useBoundingClientRectListener(internalRef);\n\n    // state\n    const [open, setOpen] = React.useState(false);\n    const [value, _setValue] = useControlled<Select2Value>({\n        // uncontrolled\n        defaultValue,\n        // controlled\n        onChange,\n        value: prop,\n    });\n    const setValue = ListboxPrimitive.createListboxValueSetter(\n        multiple,\n        // the state can genuinely become undefined (form reset), but widening `useControlled` to\n        // `Select2Value | undefined` would require onChange to accept `undefined` — a breaking API change\n        _setValue as React.Dispatch<React.SetStateAction<Select2Value | undefined>>\n    );\n    const [validationError, setValidationError] = React.useState<Error | undefined>();\n    const [shouldPauseHoverState, setShouldPauseHoverState] = useIsHoverStatePaused();\n\n    const { flattenedChildren, filteredChildren, searchQuery, setSearchQuery } = useChildren({\n        children: initialChildren,\n        emptyValue,\n        multiple,\n        open,\n        setValue,\n        value,\n    });\n\n    // context\n    const context = {\n        disabled,\n        highlighted,\n        invalid,\n        listboxRef,\n        multiple,\n        onCreate,\n        onDelete,\n        onEdit,\n        open,\n        readOnly,\n        ref: internalRef,\n        searchQuery,\n        searchRef,\n        setOpen,\n        setSearchQuery,\n        setValidationError,\n        setValue,\n        shouldPauseHoverState,\n        setShouldPauseHoverState,\n        tags,\n        fontSize,\n        validationError,\n        value,\n        createDialog,\n        createTriggerText,\n    };\n\n    const hasInlineCreation = onCreate && !createDialog;\n    const hasSearch = flattenedChildren.length > 5 || hasInlineCreation;\n    const visibleChildren = searchQuery === '' ? initialChildren : filteredChildren;\n    const selectOptions =\n        searchQuery === ''\n            ? flattenedChildren.map(child => child.props.value)\n            : filteredChildren.flatMap(child => {\n                  if (isGroup(child)) {\n                      return Array.isArray(child.props.children)\n                          ? child.props.children.map(subChild => subChild.props.value)\n                          : [];\n                  }\n                  return child.props.value;\n              });\n\n    // support typeahead functionality when search isn't available\n    const queryTimeoutRef = React.useRef('');\n\n    const typeahead = debounce(function () {\n        if (!queryTimeoutRef.current) {\n            return;\n        }\n\n        // match against the flattened list — selectOptions is flattened too, so indices\n        // stay aligned when groups are present, and group members can be matched\n        const matchedValueIndex = flattenedChildren.findIndex(child => filterOption(child, queryTimeoutRef.current));\n\n        if (matchedValueIndex > -1 && selectOptions[matchedValueIndex] !== undefined) {\n            setValue(selectOptions[matchedValueIndex]);\n        }\n\n        queryTimeoutRef.current = '';\n    }, 200);\n\n    const setValueIfMatched = (query: string) => {\n        queryTimeoutRef.current = queryTimeoutRef.current + query;\n        typeahead();\n    };\n\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLElement>) => {\n        if (open) {\n            event.preventDefault();\n        } else if (isElementInsideTable3OrReport(event.currentTarget) && isAriaDirectionKey(event)) {\n            return;\n        } else if (!event.ctrlKey && !event.metaKey && (event.key === 'ArrowDown' || /^[a-z0-9]$/i.test(event.key))) {\n            setOpen(true);\n\n            if (!hasSearch) {\n                setValueIfMatched(event.key);\n            }\n        }\n\n        // Collect the first character when opening with keyboard (when user starts typing while focused on a trigger)\n        if (hasSearch && /^[a-z0-9]$/i.test(event.key)) {\n            setSearchQuery(prev => prev + event.key);\n        }\n\n        // the focus should always remain on the input, so we forward events on to the listbox\n        listboxRef.current?.dispatchEvent(createCustomKeyboardEvent(event));\n    };\n\n    const shouldFocusNextRef = React.useRef<number | undefined>(undefined);\n\n    const handleHorizontalNavigation = (event: React.KeyboardEvent<HTMLDivElement>) => {\n        if (isElementInsideTable3OrReport(internalRef.current)) {\n            const isTriggeredFromPopover = event.target instanceof Node && event.currentTarget.contains?.(event.target);\n\n            if ((event.key === 'ArrowLeft' || event.key === 'ArrowRight') && isTriggeredFromPopover) {\n                event.preventDefault(); // prevents scrolling horizontally in the table on arrow left/right.\n                event.stopPropagation();\n\n                shouldFocusNextRef.current = event.key === 'ArrowLeft' ? -1 : +1;\n                setOpen(false);\n            }\n        }\n    };\n\n    const handleListboxKeyDown = (event: React.KeyboardEvent<HTMLElement>) => {\n        if (isAriaDirectionKey(event)) {\n            setShouldPauseHoverState(true);\n            return;\n        }\n\n        if (event.key === 'Tab') {\n            shouldFocusNextRef.current = event.shiftKey ? -1 : +1;\n            setOpen(false);\n            return;\n        }\n\n        // Handle Escape key to close the select without closing the parent dialog\n        if (!hasSearch && event.key === 'Escape') {\n            event.preventDefault();\n            event.stopPropagation();\n            setOpen(false);\n            return;\n        }\n\n        // support typeahead to set the value by typing its text\n        if (!hasSearch && /^[a-z0-9]$/i.test(event.key)) {\n            setValueIfMatched(event.key);\n            return;\n        }\n    };\n\n    const handleOpenChange = (open: boolean, details: { reason: string; event: Event }) => {\n        if (!open && (details.reason === 'outside-press' || details.reason === 'focus-out')) {\n            otherProps.onBlur?.(details.event as unknown as React.FocusEvent<HTMLButtonElement>);\n        }\n        setOpen(open);\n    };\n\n    const handleFinalFocus = (closeType: 'mouse' | 'touch' | 'keyboard' | 'pen' | '') => {\n        if (shouldFocusNextRef.current !== undefined) {\n            const el = getNextFocussableElement(internalRef.current, shouldFocusNextRef.current);\n            shouldFocusNextRef.current = undefined;\n            return el || false;\n        }\n        if (closeType === 'mouse' || closeType === 'touch') {\n            // Don't steal focus — the clicked element receives it naturally.\n            return false;\n        }\n        return true;\n    };\n    const areAllSelected = Array.isArray(value) && selectOptions.every(option => value.includes(option));\n\n    const selectAllText = React.useMemo(() => {\n        if (searchQuery === '') {\n            if (areAllSelected) {\n                return texts.select2.deselectAll;\n            }\n            return texts.select2.selectAll;\n        }\n\n        if (areAllSelected) {\n            return texts.select2.deselectAllResults;\n        }\n\n        return texts.select2.selectAllResults;\n    }, [areAllSelected, searchQuery]);\n\n    const selectAll = () => {\n        if (!Array.isArray(value) || value.length === 0) {\n            setValue(selectOptions);\n        } else {\n            // array of all available options which are not selected\n            const preselectedValues = selectOptions.filter(option => !value.includes(option));\n            setValue([...value, ...preselectedValues]);\n        }\n    };\n\n    const deselectAll = () => {\n        if (searchQuery === '') {\n            setValue([]);\n        } else {\n            const nextValue = Array.isArray(value) && value.filter(subValue => !selectOptions.includes(subValue));\n            setValue(nextValue);\n        }\n    };\n\n    const className = cn(\n        'rounded border border-gray-300 bg-white py-1.5 shadow-md',\n        {\n            'focus-within:yt-focus': !hasSearch,\n            'outline-none': hasSearch,\n        },\n        createCollectionClassName()\n    );\n\n    return (\n        <Select2Context.Provider value={context}>\n            <PopoverPrimitive.Root open={open} onOpenChange={handleOpenChange}>\n                <PopoverPrimitive.Trigger\n                    render={\n                        <Trigger\n                            {...otherProps}\n                            aria-haspopup=\"listbox\"\n                            aria-multiselectable={multiple}\n                            // oxlint-disable-next-line taco/data-taco-kebab-case -- established public selector API; renaming it is a breaking change\n                            data-taco=\"Select2\"\n                            emptyValue={emptyValue}\n                            onKeyDown={handleKeyDown}\n                            placeholder={placeholder}\n                            ref={internalRef}>\n                            {flattenedChildren}\n                        </Trigger>\n                    }\n                />\n                <PopoverPrimitive.Portal>\n                    <PopoverPrimitive.Positioner\n                        align=\"start\"\n                        sideOffset={4}\n                        collisionAvoidance={{\n                            side: 'flip',\n                            fallbackAxisSide: 'none',\n                        }}>\n                        <PopoverPrimitive.Popup\n                            className={className}\n                            style={{ minWidth: dimensions?.width ? `${dimensions.width}px` : undefined }}\n                            initialFocus={hasSearch ? searchRef : true}\n                            finalFocus={handleFinalFocus}\n                            onKeyDown={handleHorizontalNavigation}\n                            tabIndex={-1}>\n                            {hasSearch ? (\n                                <>\n                                    <Search\n                                        placeholder={hasInlineCreation ? texts.select2.searchOrCreate : texts.select2.search}\n                                        ref={searchRef}\n                                    />\n                                    {multiple && selectOptions.length > 1 && (\n                                        <>\n                                            <LegacyButton\n                                                className=\"!justify-start\"\n                                                appearance=\"discrete\"\n                                                onClick={areAllSelected ? deselectAll : selectAll}>\n                                                {selectAllText}\n                                            </LegacyButton>\n                                            <div className=\"mx-3 rounded border-t border-gray-200\" />\n                                        </>\n                                    )}\n                                </>\n                            ) : null}\n                            {loading ? (\n                                <span\n                                    className={cn(\n                                        'flex items-center italic text-gray-700',\n                                        fontSize && FONT_SIZE_CLASSNAME[fontSize]\n                                    )}>\n                                    <span>\n                                        <Spinner\n                                            delay={0}\n                                            className={cn('ml-3 mr-2 mt-1.5 h-5 w-5', {\n                                                '!mt-1 !h-3.5 !w-3.5': fontSize === FontSizes.small,\n                                                '!h-4 !w-4': fontSize === FontSizes.medium,\n                                                '!h-5 !w-5': fontSize === FontSizes.large,\n                                            })}\n                                        />\n                                    </span>\n                                    <span>{texts.listbox.loading}</span>\n                                </span>\n                            ) : flattenedChildren.length <= 0 && !onCreate ? (\n                                <div className=\"-mt-0.5 flex h-8 items-center px-2 text-gray-700\" role=\"presentation\">\n                                    {texts.listbox.empty}\n                                </div>\n                            ) : (\n                                <ListboxPrimitive.Root\n                                    className=\"flex flex-col gap-0.5 focus-visible:outline-none\"\n                                    customSelector=\":scope > button\"\n                                    disabled={disabled}\n                                    multiple={multiple}\n                                    onKeyDown={handleListboxKeyDown}\n                                    readOnly={readOnly}\n                                    ref={listboxRef}\n                                    setValue={setValue}\n                                    value={value}>\n                                    <Collection>{visibleChildren}</Collection>\n                                    {onCreate ? <Create onCreate={onCreate} options={flattenedChildren} /> : null}\n                                </ListboxPrimitive.Root>\n                            )}\n                        </PopoverPrimitive.Popup>\n                    </PopoverPrimitive.Positioner>\n                </PopoverPrimitive.Portal>\n                <ControlledHiddenField\n                    emptyValue={emptyValue}\n                    multiple={multiple || tags}\n                    name={name}\n                    options={flattenedChildren.map(child => child.props.value)}\n                    parentRef={internalRef}\n                    setValue={setValue}\n                    value={value}\n                />\n            </PopoverPrimitive.Root>\n        </Select2Context.Provider>\n    );\n}\n\nexport const Select2 = Object.assign(fixedForwardRef(_Select2Inner), {\n    Option,\n    Group,\n    Title,\n    displayName: 'Select2',\n});\n\ntype ControlledHiddenFieldProps = {\n    emptyValue: ListboxPrimitive.Listbox2OptionValue | undefined;\n    multiple: boolean;\n    name: string | undefined;\n    options: Select2OptionValue[];\n    parentRef: React.RefObject<HTMLButtonElement>;\n    setValue: (nextValue: Select2Value | undefined) => void;\n    value: Select2Value | undefined;\n};\n\nconst ControlledHiddenField = (props: ControlledHiddenFieldProps) => {\n    const { emptyValue, multiple, name, options, parentRef, value, setValue } = props;\n    const isFormControl = useIsFormControl(parentRef, () => setValue(multiple ? [] : undefined));\n\n    let bubbleValue;\n\n    if (isFormControl) {\n        if (value !== undefined) {\n            if (multiple) {\n                bubbleValue = Array.isArray(value) ? value.map(String) : [value === null ? '' : String(value)];\n            } else {\n                bubbleValue = value === null ? '' : String(value);\n            }\n        }\n\n        return (\n            <BubbleSelect aria-hidden key={String(bubbleValue)} multiple={multiple} name={name} tabIndex={-1} value={bubbleValue}>\n                {emptyValue === undefined ? null : <option value={emptyValue === null ? '' : String(emptyValue)} />}\n                {options.map(option => (\n                    <option key={String(option)} value={String(option)} />\n                ))}\n            </BubbleSelect>\n        );\n    }\n\n    return null;\n};\n\nexport type {\n    Select2Texts,\n    Select2Child,\n    Select2GroupProps,\n    Select2OptionProps,\n    Select2OptionValue,\n    Select2Value,\n    Select2Props,\n    Select2TitleProps,\n    Select2Children,\n};\n"],"names":["Option","useMergedRef","useLocalization","useBoundingClientRectListener","useControlled","ListboxPrimitive.createListboxValueSetter","useIsHoverStatePaused","useChildren","isGroup","debounce","filterOption","isElementInsideTable3OrReport","isAriaDirectionKey","createCustomKeyboardEvent","open","getNextFocussableElement","createCollectionClassName","Select2Context","PopoverPrimitive","Trigger","Search","LegacyButton","FONT_SIZE_CLASSNAME","Spinner","FontSizes","ListboxPrimitive.Root","Collection","Create","fixedForwardRef","Group","Title","useIsFormControl","BubbleSelect"],"mappings":"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"}

package/dist/components/Select2/Select2.d.ts

@@ -111,16 +111,16 @@ export declare const Select2: (<T extends Select2Value = Select2Value>(props: Om
     createDialog?: Select2CreateDialogRenderer;
     /** Create button text */
     createTriggerText?: string;
-} & React.RefAttributes<HTMLButtonElement>) => JSX.Element) & {
+} & React.RefAttributes<HTMLButtonElement>) => React.JSX.Element) & {
     Option: <T extends Select2OptionValue>(props: Omit<ListboxPrimitive.Listbox2OptionProps<T>, "children" | "prefix"> & {
-        children: string | JSX.Element;
+        children: string | React.JSX.Element;
         color?: import('../..').Color;
         description?: string;
         fontSize?: FontSize;
-        prefix?: import('..').IconName | JSX.Element;
-        postfix?: import('..').IconName | JSX.Element;
+        prefix?: import('..').IconName | React.JSX.Element;
+        postfix?: import('..').IconName | React.JSX.Element;
         textValue?: string;
-    } & React.RefAttributes<HTMLDivElement>) => JSX.Element;
+    } & React.RefAttributes<HTMLDivElement>) => React.JSX.Element;
     Group: React.ForwardRefExoticComponent<Omit<ListboxPrimitive.Listbox2GroupProps, "children"> & {
         children: React.ReactElement<Select2OptionProps>[];
         hasSeparator?: boolean;

package/dist/components/Select2/Select2.js

@@ -132,9 +132,7 @@ function _Select2Inner(props, ref) {
     if (!queryTimeoutRef.current) {
       return;
     }
-    const matchedValueIndex = visibleChildren.findIndex(
-      (child) => !isGroup(child) && filterOption(child, queryTimeoutRef.current)
-    );
+    const matchedValueIndex = flattenedChildren.findIndex((child) => filterOption(child, queryTimeoutRef.current));
     if (matchedValueIndex > -1 && selectOptions[matchedValueIndex] !== void 0) {
       setValue(selectOptions[matchedValueIndex]);
     }

package/dist/components/Select2/Select2.js.map

@@ -1 +1 @@
-{"version":3,"file":"Select2.js","sources":["../../../src/components/Select2/Select2.tsx"],"sourcesContent":["import { Popover as PopoverPrimitive } from '@base-ui/react/popover';\nimport cn from 'clsx';\nimport React from 'react';\n\nimport { useBoundingClientRectListener } from '../../hooks/useBoundingClientRectListener';\nimport { useControlled } from '../../hooks/useControlled';\nimport { useIsFormControl } from '../../hooks/useIsFormControl';\nimport { useIsHoverStatePaused } from '../../hooks/useIsHoverStatePaused';\nimport { useMergedRef } from '../../hooks/useMergedRef';\nimport { BubbleSelect } from '../../primitives/BubbleSelect';\nimport type { CollectionRef } from '../../primitives/Collection/Collection';\nimport * as ListboxPrimitive from '../../primitives/Listbox2/Listbox2';\nimport type { FontSize } from '../../types';\nimport { fixedForwardRef, FontSizes } from '../../types';\nimport { isAriaDirectionKey } from '../../utils/aria';\nimport { debounce } from '../../utils/debounce';\nimport { getNextFocussableElement, isElementInsideTable3OrReport } from '../../utils/dom';\nimport { createCustomKeyboardEvent } from '../../utils/input';\nimport { LegacyButton } from '../LegacyComponents/Button/Button';\nimport { useLocalization } from '../Provider/Localization';\nimport { Spinner } from '../Spinner/Spinner';\n\nimport { Collection } from './components/Collection';\nimport { Select2Context } from './components/Context';\nimport { Create } from './components/Create';\nimport type { Select2GroupProps } from './components/Group';\nimport { Group } from './components/Group';\nimport type { Select2OptionProps } from './components/Option';\nimport { Option } from './components/Option';\nimport { Search } from './components/Search';\nimport type { Select2TitleProps } from './components/Title';\nimport { Title } from './components/Title';\nimport { Trigger } from './components/Trigger';\nimport { isGroup, useChildren } from './hooks/useChildren';\nimport type {\n    Select2Child,\n    Select2Children,\n    Select2CreateHandler,\n    Select2CreateDialogRenderer,\n    Select2DeleteHandler,\n    Select2EditHandler,\n    Select2OptionValue,\n    Select2Value,\n} from './types';\nimport { createCollectionClassName, filterOption, FONT_SIZE_CLASSNAME } from './utilities';\n\ntype Select2Texts = {\n    allSelect: string;\n    allDeselect: string;\n    cancel: string;\n    chooseColor: string;\n    create: string;\n    delete: string;\n    save: string;\n    search: string;\n    searchOrCreate: string;\n    selectAll: string;\n    selectAllResults: string;\n    deselectAll: string;\n    deselectAllResults: string;\n};\n\ntype Select2Props<T extends Select2Value = Select2Value> = Omit<\n    React.HTMLAttributes<HTMLButtonElement>,\n    'children' | 'defaultValue' | 'onChange' | 'value'\n> & {\n    /** Autofocus Select2 when loaded **/\n    autoFocus?: boolean;\n    /** Array of options in Select2 */\n    children: Select2Children;\n    /** Initial value of the input in Select2 */\n    defaultValue?: T;\n    /** Set what value should have an empty option in Select2 */\n    emptyValue?: Extract<T, Select2OptionValue>;\n    /** Whether the Select2 is in a disabled state **/\n    disabled?: boolean;\n    /** Font size of text in Select2 **/\n    fontSize?: FontSize;\n    /** Draws attention to the Select2 by changing its style and making it visually prominent */\n    highlighted?: boolean;\n    /** Whether the Select2 is in an invalid state **/\n    invalid?: boolean;\n    /** Whether the Select2 is loading the data **/\n    loading?: boolean;\n    /** Whether the Select2 allows selecting multiple values **/\n    multiple?: boolean;\n    /** Whether the Select2 is in an invalid state **/\n    name?: string;\n    /** Handler called when user chooses an option from the provided options **/\n    onChange?: (value: T) => void;\n    /** Handler called when user creates a new option **/\n    onCreate?: Select2CreateHandler;\n    /** Handler called when user deletes an option **/\n    onDelete?: Select2DeleteHandler;\n    /** Handler called when user edits an option **/\n    onEdit?: Select2EditHandler;\n    /** Placeholder showed when nothing is selected **/\n    placeholder?: string;\n    /** Whether the Select2 is in a readonly state **/\n    readOnly?: boolean;\n    required?: boolean;\n    /** Renders select options as tags **/\n    tags?: boolean;\n    /** Value of the input in select2 */\n    value?: T;\n    /** Create dialog component, if specified, then create button will become always visible in the bottom of options dropdown,\n     * when clicked, it will open create dialog and wait for 'onCreate' handler to be triggered from the dialog */\n    createDialog?: Select2CreateDialogRenderer;\n    /** Create button text */\n    createTriggerText?: string;\n};\n\n// generic overload is the public face; the wide implementation signature lets the internals\n// (which all operate on Select2Value) consume the props without assertions\nfunction _Select2Inner<T extends Select2Value = Select2Value>(\n    props: Select2Props<T>,\n    ref: React.Ref<HTMLButtonElement>\n): JSX.Element;\nfunction _Select2Inner(props: Select2Props, ref: React.Ref<HTMLButtonElement>): JSX.Element {\n    const {\n        children: initChildren,\n        defaultValue,\n        disabled = false,\n        emptyValue = undefined,\n        fontSize,\n        highlighted = false,\n        invalid = false,\n        loading,\n        multiple = false,\n        name,\n        onChange,\n        onCreate,\n        onDelete,\n        onEdit,\n        placeholder,\n        readOnly = false,\n        tags = false,\n        value: prop,\n        createDialog,\n        createTriggerText,\n        ...otherProps\n    } = props;\n\n    const emptyOption: React.ReactElement<Select2OptionProps> | undefined = React.useMemo(() => {\n        if (emptyValue !== undefined && !multiple) {\n            // Empty option has 0px height, because it's empty, so need to apply height manually\n            return <Option key=\"__empty\" children=\"\" value={emptyValue} className=\"h-8\" />;\n        }\n        return;\n    }, [emptyValue, multiple]);\n\n    const initialChildren = React.useMemo(() => {\n        // flatten nested arrays from maps and strip conditionals (false/null) so the internals see a flat list\n        const children = React.Children.toArray(initChildren).filter((child): child is Select2Child =>\n            React.isValidElement(child)\n        );\n\n        return emptyOption ? [emptyOption, ...children] : children;\n    }, [emptyOption, initChildren]);\n\n    // refs\n    const internalRef = useMergedRef<HTMLButtonElement>(ref);\n    const listboxRef = React.useRef<CollectionRef>(null);\n    const searchRef = React.useRef<HTMLInputElement>(null);\n    const { texts } = useLocalization();\n    // align the listbox min width with the width of the input - it should never be smaller\n    const dimensions = useBoundingClientRectListener(internalRef);\n\n    // state\n    const [open, setOpen] = React.useState(false);\n    const [value, _setValue] = useControlled<Select2Value>({\n        // uncontrolled\n        defaultValue,\n        // controlled\n        onChange,\n        value: prop,\n    });\n    const setValue = ListboxPrimitive.createListboxValueSetter(\n        multiple,\n        // the state can genuinely become undefined (form reset), but widening `useControlled` to\n        // `Select2Value | undefined` would require onChange to accept `undefined` — a breaking API change\n        _setValue as React.Dispatch<React.SetStateAction<Select2Value | undefined>>\n    );\n    const [validationError, setValidationError] = React.useState<Error | undefined>();\n    const [shouldPauseHoverState, setShouldPauseHoverState] = useIsHoverStatePaused();\n\n    const { flattenedChildren, filteredChildren, searchQuery, setSearchQuery } = useChildren({\n        children: initialChildren,\n        emptyValue,\n        multiple,\n        open,\n        setValue,\n        value,\n    });\n\n    // context\n    const context = {\n        disabled,\n        highlighted,\n        invalid,\n        listboxRef,\n        multiple,\n        onCreate,\n        onDelete,\n        onEdit,\n        open,\n        readOnly,\n        ref: internalRef,\n        searchQuery,\n        searchRef,\n        setOpen,\n        setSearchQuery,\n        setValidationError,\n        setValue,\n        shouldPauseHoverState,\n        setShouldPauseHoverState,\n        tags,\n        fontSize,\n        validationError,\n        value,\n        createDialog,\n        createTriggerText,\n    };\n\n    const hasInlineCreation = onCreate && !createDialog;\n    const hasSearch = flattenedChildren.length > 5 || hasInlineCreation;\n    const visibleChildren = searchQuery === '' ? initialChildren : filteredChildren;\n    const selectOptions =\n        searchQuery === ''\n            ? flattenedChildren.map(child => child.props.value)\n            : filteredChildren.flatMap(child => {\n                  if (isGroup(child)) {\n                      return Array.isArray(child.props.children)\n                          ? child.props.children.map(subChild => subChild.props.value)\n                          : [];\n                  }\n                  return child.props.value;\n              });\n\n    // support typeahead functionality when search isn't available\n    const queryTimeoutRef = React.useRef('');\n\n    const typeahead = debounce(function () {\n        if (!queryTimeoutRef.current) {\n            return;\n        }\n\n        const matchedValueIndex = visibleChildren.findIndex(\n            child => !isGroup(child) && filterOption(child, queryTimeoutRef.current)\n        );\n\n        if (matchedValueIndex > -1 && selectOptions[matchedValueIndex] !== undefined) {\n            setValue(selectOptions[matchedValueIndex]);\n        }\n\n        queryTimeoutRef.current = '';\n    }, 200);\n\n    const setValueIfMatched = (query: string) => {\n        queryTimeoutRef.current = queryTimeoutRef.current + query;\n        typeahead();\n    };\n\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLElement>) => {\n        if (open) {\n            event.preventDefault();\n        } else if (isElementInsideTable3OrReport(event.currentTarget) && isAriaDirectionKey(event)) {\n            return;\n        } else if (!event.ctrlKey && !event.metaKey && (event.key === 'ArrowDown' || /^[a-z0-9]$/i.test(event.key))) {\n            setOpen(true);\n\n            if (!hasSearch) {\n                setValueIfMatched(event.key);\n            }\n        }\n\n        // Collect the first character when opening with keyboard (when user starts typing while focused on a trigger)\n        if (hasSearch && /^[a-z0-9]$/i.test(event.key)) {\n            setSearchQuery(prev => prev + event.key);\n        }\n\n        // the focus should always remain on the input, so we forward events on to the listbox\n        listboxRef.current?.dispatchEvent(createCustomKeyboardEvent(event));\n    };\n\n    const shouldFocusNextRef = React.useRef<number | undefined>(undefined);\n\n    const handleHorizontalNavigation = (event: React.KeyboardEvent<HTMLDivElement>) => {\n        if (isElementInsideTable3OrReport(internalRef.current)) {\n            const isTriggeredFromPopover = event.target instanceof Node && event.currentTarget.contains?.(event.target);\n\n            if ((event.key === 'ArrowLeft' || event.key === 'ArrowRight') && isTriggeredFromPopover) {\n                event.preventDefault(); // prevents scrolling horizontally in the table on arrow left/right.\n                event.stopPropagation();\n\n                shouldFocusNextRef.current = event.key === 'ArrowLeft' ? -1 : +1;\n                setOpen(false);\n            }\n        }\n    };\n\n    const handleListboxKeyDown = (event: React.KeyboardEvent<HTMLElement>) => {\n        if (isAriaDirectionKey(event)) {\n            setShouldPauseHoverState(true);\n            return;\n        }\n\n        if (event.key === 'Tab') {\n            shouldFocusNextRef.current = event.shiftKey ? -1 : +1;\n            setOpen(false);\n            return;\n        }\n\n        // Handle Escape key to close the select without closing the parent dialog\n        if (!hasSearch && event.key === 'Escape') {\n            event.preventDefault();\n            event.stopPropagation();\n            setOpen(false);\n            return;\n        }\n\n        // support typeahead to set the value by typing its text\n        if (!hasSearch && /^[a-z0-9]$/i.test(event.key)) {\n            setValueIfMatched(event.key);\n            return;\n        }\n    };\n\n    const handleOpenChange = (open: boolean, details: { reason: string; event: Event }) => {\n        if (!open && (details.reason === 'outside-press' || details.reason === 'focus-out')) {\n            otherProps.onBlur?.(details.event as unknown as React.FocusEvent<HTMLButtonElement>);\n        }\n        setOpen(open);\n    };\n\n    const handleFinalFocus = (closeType: 'mouse' | 'touch' | 'keyboard' | 'pen' | '') => {\n        if (shouldFocusNextRef.current !== undefined) {\n            const el = getNextFocussableElement(internalRef.current, shouldFocusNextRef.current);\n            shouldFocusNextRef.current = undefined;\n            return el || false;\n        }\n        if (closeType === 'mouse' || closeType === 'touch') {\n            // Don't steal focus — the clicked element receives it naturally.\n            return false;\n        }\n        return true;\n    };\n    const areAllSelected = Array.isArray(value) && selectOptions.every(option => value.includes(option));\n\n    const selectAllText = React.useMemo(() => {\n        if (searchQuery === '') {\n            if (areAllSelected) {\n                return texts.select2.deselectAll;\n            }\n            return texts.select2.selectAll;\n        }\n\n        if (areAllSelected) {\n            return texts.select2.deselectAllResults;\n        }\n\n        return texts.select2.selectAllResults;\n    }, [areAllSelected, searchQuery]);\n\n    const selectAll = () => {\n        if (!Array.isArray(value) || value.length === 0) {\n            setValue(selectOptions);\n        } else {\n            // array of all available options which are not selected\n            const preselectedValues = selectOptions.filter(option => !value.includes(option));\n            setValue([...value, ...preselectedValues]);\n        }\n    };\n\n    const deselectAll = () => {\n        if (searchQuery === '') {\n            setValue([]);\n        } else {\n            const nextValue = Array.isArray(value) && value.filter(subValue => !selectOptions.includes(subValue));\n            setValue(nextValue);\n        }\n    };\n\n    const className = cn(\n        'rounded border border-gray-300 bg-white py-1.5 shadow-md',\n        {\n            'focus-within:yt-focus': !hasSearch,\n            'outline-none': hasSearch,\n        },\n        createCollectionClassName()\n    );\n\n    return (\n        <Select2Context.Provider value={context}>\n            <PopoverPrimitive.Root open={open} onOpenChange={handleOpenChange}>\n                <PopoverPrimitive.Trigger\n                    render={\n                        <Trigger\n                            {...otherProps}\n                            aria-haspopup=\"listbox\"\n                            aria-multiselectable={multiple}\n                            // oxlint-disable-next-line taco/data-taco-kebab-case -- established public selector API; renaming it is a breaking change\n                            data-taco=\"Select2\"\n                            emptyValue={emptyValue}\n                            onKeyDown={handleKeyDown}\n                            placeholder={placeholder}\n                            ref={internalRef}>\n                            {flattenedChildren}\n                        </Trigger>\n                    }\n                />\n                <PopoverPrimitive.Portal>\n                    <PopoverPrimitive.Positioner\n                        align=\"start\"\n                        sideOffset={4}\n                        collisionAvoidance={{\n                            side: 'flip',\n                            fallbackAxisSide: 'none',\n                        }}>\n                        <PopoverPrimitive.Popup\n                            className={className}\n                            style={{ minWidth: dimensions?.width ? `${dimensions.width}px` : undefined }}\n                            initialFocus={hasSearch ? searchRef : true}\n                            finalFocus={handleFinalFocus}\n                            onKeyDown={handleHorizontalNavigation}\n                            tabIndex={-1}>\n                            {hasSearch ? (\n                                <>\n                                    <Search\n                                        placeholder={hasInlineCreation ? texts.select2.searchOrCreate : texts.select2.search}\n                                        ref={searchRef}\n                                    />\n                                    {multiple && selectOptions.length > 1 && (\n                                        <>\n                                            <LegacyButton\n                                                className=\"!justify-start\"\n                                                appearance=\"discrete\"\n                                                onClick={areAllSelected ? deselectAll : selectAll}>\n                                                {selectAllText}\n                                            </LegacyButton>\n                                            <div className=\"mx-3 rounded border-t border-gray-200\" />\n                                        </>\n                                    )}\n                                </>\n                            ) : null}\n                            {loading ? (\n                                <span\n                                    className={cn(\n                                        'flex items-center italic text-gray-700',\n                                        fontSize && FONT_SIZE_CLASSNAME[fontSize]\n                                    )}>\n                                    <span>\n                                        <Spinner\n                                            delay={0}\n                                            className={cn('ml-3 mr-2 mt-1.5 h-5 w-5', {\n                                                '!mt-1 !h-3.5 !w-3.5': fontSize === FontSizes.small,\n                                                '!h-4 !w-4': fontSize === FontSizes.medium,\n                                                '!h-5 !w-5': fontSize === FontSizes.large,\n                                            })}\n                                        />\n                                    </span>\n                                    <span>{texts.listbox.loading}</span>\n                                </span>\n                            ) : flattenedChildren.length <= 0 && !onCreate ? (\n                                <div className=\"-mt-0.5 flex h-8 items-center px-2 text-gray-700\" role=\"presentation\">\n                                    {texts.listbox.empty}\n                                </div>\n                            ) : (\n                                <ListboxPrimitive.Root\n                                    className=\"flex flex-col gap-0.5 focus-visible:outline-none\"\n                                    customSelector=\":scope > button\"\n                                    disabled={disabled}\n                                    multiple={multiple}\n                                    onKeyDown={handleListboxKeyDown}\n                                    readOnly={readOnly}\n                                    ref={listboxRef}\n                                    setValue={setValue}\n                                    value={value}>\n                                    <Collection>{visibleChildren}</Collection>\n                                    {onCreate ? <Create onCreate={onCreate} options={flattenedChildren} /> : null}\n                                </ListboxPrimitive.Root>\n                            )}\n                        </PopoverPrimitive.Popup>\n                    </PopoverPrimitive.Positioner>\n                </PopoverPrimitive.Portal>\n                <ControlledHiddenField\n                    emptyValue={emptyValue}\n                    multiple={multiple || tags}\n                    name={name}\n                    options={flattenedChildren.map(child => child.props.value)}\n                    parentRef={internalRef}\n                    setValue={setValue}\n                    value={value}\n                />\n            </PopoverPrimitive.Root>\n        </Select2Context.Provider>\n    );\n}\n\nexport const Select2 = Object.assign(fixedForwardRef(_Select2Inner), {\n    Option,\n    Group,\n    Title,\n    displayName: 'Select2',\n});\n\ntype ControlledHiddenFieldProps = {\n    emptyValue: ListboxPrimitive.Listbox2OptionValue | undefined;\n    multiple: boolean;\n    name: string | undefined;\n    options: Select2OptionValue[];\n    parentRef: React.RefObject<HTMLButtonElement>;\n    setValue: (nextValue: Select2Value | undefined) => void;\n    value: Select2Value | undefined;\n};\n\nconst ControlledHiddenField = (props: ControlledHiddenFieldProps) => {\n    const { emptyValue, multiple, name, options, parentRef, value, setValue } = props;\n    const isFormControl = useIsFormControl(parentRef, () => setValue(multiple ? [] : undefined));\n\n    let bubbleValue;\n\n    if (isFormControl) {\n        if (value !== undefined) {\n            if (multiple) {\n                bubbleValue = Array.isArray(value) ? value.map(String) : [value === null ? '' : String(value)];\n            } else {\n                bubbleValue = value === null ? '' : String(value);\n            }\n        }\n\n        return (\n            <BubbleSelect aria-hidden key={String(bubbleValue)} multiple={multiple} name={name} tabIndex={-1} value={bubbleValue}>\n                {emptyValue === undefined ? null : <option value={emptyValue === null ? '' : String(emptyValue)} />}\n                {options.map(option => (\n                    <option key={String(option)} value={String(option)} />\n                ))}\n            </BubbleSelect>\n        );\n    }\n\n    return null;\n};\n\nexport type {\n    Select2Texts,\n    Select2Child,\n    Select2GroupProps,\n    Select2OptionProps,\n    Select2OptionValue,\n    Select2Value,\n    Select2Props,\n    Select2TitleProps,\n    Select2Children,\n};\n"],"names":["React","ListboxPrimitive.createListboxValueSetter","open","PopoverPrimitive","ListboxPrimitive.Root"],"mappings":"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"}
+{"version":3,"file":"Select2.js","sources":["../../../src/components/Select2/Select2.tsx"],"sourcesContent":["import { Popover as PopoverPrimitive } from '@base-ui/react/popover';\nimport cn from 'clsx';\nimport React from 'react';\n\nimport { useBoundingClientRectListener } from '../../hooks/useBoundingClientRectListener';\nimport { useControlled } from '../../hooks/useControlled';\nimport { useIsFormControl } from '../../hooks/useIsFormControl';\nimport { useIsHoverStatePaused } from '../../hooks/useIsHoverStatePaused';\nimport { useMergedRef } from '../../hooks/useMergedRef';\nimport { BubbleSelect } from '../../primitives/BubbleSelect';\nimport type { CollectionRef } from '../../primitives/Collection/Collection';\nimport * as ListboxPrimitive from '../../primitives/Listbox2/Listbox2';\nimport type { FontSize } from '../../types';\nimport { fixedForwardRef, FontSizes } from '../../types';\nimport { isAriaDirectionKey } from '../../utils/aria';\nimport { debounce } from '../../utils/debounce';\nimport { getNextFocussableElement, isElementInsideTable3OrReport } from '../../utils/dom';\nimport { createCustomKeyboardEvent } from '../../utils/input';\nimport { LegacyButton } from '../LegacyComponents/Button/Button';\nimport { useLocalization } from '../Provider/Localization';\nimport { Spinner } from '../Spinner/Spinner';\n\nimport { Collection } from './components/Collection';\nimport { Select2Context } from './components/Context';\nimport { Create } from './components/Create';\nimport type { Select2GroupProps } from './components/Group';\nimport { Group } from './components/Group';\nimport type { Select2OptionProps } from './components/Option';\nimport { Option } from './components/Option';\nimport { Search } from './components/Search';\nimport type { Select2TitleProps } from './components/Title';\nimport { Title } from './components/Title';\nimport { Trigger } from './components/Trigger';\nimport { isGroup, useChildren } from './hooks/useChildren';\nimport type {\n    Select2Child,\n    Select2Children,\n    Select2CreateHandler,\n    Select2CreateDialogRenderer,\n    Select2DeleteHandler,\n    Select2EditHandler,\n    Select2OptionValue,\n    Select2Value,\n} from './types';\nimport { createCollectionClassName, filterOption, FONT_SIZE_CLASSNAME } from './utilities';\n\ntype Select2Texts = {\n    allSelect: string;\n    allDeselect: string;\n    cancel: string;\n    chooseColor: string;\n    create: string;\n    delete: string;\n    save: string;\n    search: string;\n    searchOrCreate: string;\n    selectAll: string;\n    selectAllResults: string;\n    deselectAll: string;\n    deselectAllResults: string;\n};\n\ntype Select2Props<T extends Select2Value = Select2Value> = Omit<\n    React.HTMLAttributes<HTMLButtonElement>,\n    'children' | 'defaultValue' | 'onChange' | 'value'\n> & {\n    /** Autofocus Select2 when loaded **/\n    autoFocus?: boolean;\n    /** Array of options in Select2 */\n    children: Select2Children;\n    /** Initial value of the input in Select2 */\n    defaultValue?: T;\n    /** Set what value should have an empty option in Select2 */\n    emptyValue?: Extract<T, Select2OptionValue>;\n    /** Whether the Select2 is in a disabled state **/\n    disabled?: boolean;\n    /** Font size of text in Select2 **/\n    fontSize?: FontSize;\n    /** Draws attention to the Select2 by changing its style and making it visually prominent */\n    highlighted?: boolean;\n    /** Whether the Select2 is in an invalid state **/\n    invalid?: boolean;\n    /** Whether the Select2 is loading the data **/\n    loading?: boolean;\n    /** Whether the Select2 allows selecting multiple values **/\n    multiple?: boolean;\n    /** Whether the Select2 is in an invalid state **/\n    name?: string;\n    /** Handler called when user chooses an option from the provided options **/\n    onChange?: (value: T) => void;\n    /** Handler called when user creates a new option **/\n    onCreate?: Select2CreateHandler;\n    /** Handler called when user deletes an option **/\n    onDelete?: Select2DeleteHandler;\n    /** Handler called when user edits an option **/\n    onEdit?: Select2EditHandler;\n    /** Placeholder showed when nothing is selected **/\n    placeholder?: string;\n    /** Whether the Select2 is in a readonly state **/\n    readOnly?: boolean;\n    required?: boolean;\n    /** Renders select options as tags **/\n    tags?: boolean;\n    /** Value of the input in select2 */\n    value?: T;\n    /** Create dialog component, if specified, then create button will become always visible in the bottom of options dropdown,\n     * when clicked, it will open create dialog and wait for 'onCreate' handler to be triggered from the dialog */\n    createDialog?: Select2CreateDialogRenderer;\n    /** Create button text */\n    createTriggerText?: string;\n};\n\n// generic overload is the public face; the wide implementation signature lets the internals\n// (which all operate on Select2Value) consume the props without assertions\nfunction _Select2Inner<T extends Select2Value = Select2Value>(\n    props: Select2Props<T>,\n    ref: React.Ref<HTMLButtonElement>\n): React.JSX.Element;\nfunction _Select2Inner(props: Select2Props, ref: React.Ref<HTMLButtonElement>): React.JSX.Element {\n    const {\n        children: initChildren,\n        defaultValue,\n        disabled = false,\n        emptyValue = undefined,\n        fontSize,\n        highlighted = false,\n        invalid = false,\n        loading,\n        multiple = false,\n        name,\n        onChange,\n        onCreate,\n        onDelete,\n        onEdit,\n        placeholder,\n        readOnly = false,\n        tags = false,\n        value: prop,\n        createDialog,\n        createTriggerText,\n        ...otherProps\n    } = props;\n\n    const emptyOption: React.ReactElement<Select2OptionProps> | undefined = React.useMemo(() => {\n        if (emptyValue !== undefined && !multiple) {\n            // Empty option has 0px height, because it's empty, so need to apply height manually\n            return <Option key=\"__empty\" children=\"\" value={emptyValue} className=\"h-8\" />;\n        }\n        return;\n    }, [emptyValue, multiple]);\n\n    const initialChildren = React.useMemo(() => {\n        // flatten nested arrays from maps and strip conditionals (false/null) so the internals see a flat list\n        const children = React.Children.toArray(initChildren).filter((child): child is Select2Child =>\n            React.isValidElement(child)\n        );\n\n        return emptyOption ? [emptyOption, ...children] : children;\n    }, [emptyOption, initChildren]);\n\n    // refs\n    const internalRef = useMergedRef<HTMLButtonElement>(ref);\n    const listboxRef = React.useRef<CollectionRef>(null);\n    const searchRef = React.useRef<HTMLInputElement>(null);\n    const { texts } = useLocalization();\n    // align the listbox min width with the width of the input - it should never be smaller\n    const dimensions = useBoundingClientRectListener(internalRef);\n\n    // state\n    const [open, setOpen] = React.useState(false);\n    const [value, _setValue] = useControlled<Select2Value>({\n        // uncontrolled\n        defaultValue,\n        // controlled\n        onChange,\n        value: prop,\n    });\n    const setValue = ListboxPrimitive.createListboxValueSetter(\n        multiple,\n        // the state can genuinely become undefined (form reset), but widening `useControlled` to\n        // `Select2Value | undefined` would require onChange to accept `undefined` — a breaking API change\n        _setValue as React.Dispatch<React.SetStateAction<Select2Value | undefined>>\n    );\n    const [validationError, setValidationError] = React.useState<Error | undefined>();\n    const [shouldPauseHoverState, setShouldPauseHoverState] = useIsHoverStatePaused();\n\n    const { flattenedChildren, filteredChildren, searchQuery, setSearchQuery } = useChildren({\n        children: initialChildren,\n        emptyValue,\n        multiple,\n        open,\n        setValue,\n        value,\n    });\n\n    // context\n    const context = {\n        disabled,\n        highlighted,\n        invalid,\n        listboxRef,\n        multiple,\n        onCreate,\n        onDelete,\n        onEdit,\n        open,\n        readOnly,\n        ref: internalRef,\n        searchQuery,\n        searchRef,\n        setOpen,\n        setSearchQuery,\n        setValidationError,\n        setValue,\n        shouldPauseHoverState,\n        setShouldPauseHoverState,\n        tags,\n        fontSize,\n        validationError,\n        value,\n        createDialog,\n        createTriggerText,\n    };\n\n    const hasInlineCreation = onCreate && !createDialog;\n    const hasSearch = flattenedChildren.length > 5 || hasInlineCreation;\n    const visibleChildren = searchQuery === '' ? initialChildren : filteredChildren;\n    const selectOptions =\n        searchQuery === ''\n            ? flattenedChildren.map(child => child.props.value)\n            : filteredChildren.flatMap(child => {\n                  if (isGroup(child)) {\n                      return Array.isArray(child.props.children)\n                          ? child.props.children.map(subChild => subChild.props.value)\n                          : [];\n                  }\n                  return child.props.value;\n              });\n\n    // support typeahead functionality when search isn't available\n    const queryTimeoutRef = React.useRef('');\n\n    const typeahead = debounce(function () {\n        if (!queryTimeoutRef.current) {\n            return;\n        }\n\n        // match against the flattened list — selectOptions is flattened too, so indices\n        // stay aligned when groups are present, and group members can be matched\n        const matchedValueIndex = flattenedChildren.findIndex(child => filterOption(child, queryTimeoutRef.current));\n\n        if (matchedValueIndex > -1 && selectOptions[matchedValueIndex] !== undefined) {\n            setValue(selectOptions[matchedValueIndex]);\n        }\n\n        queryTimeoutRef.current = '';\n    }, 200);\n\n    const setValueIfMatched = (query: string) => {\n        queryTimeoutRef.current = queryTimeoutRef.current + query;\n        typeahead();\n    };\n\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLElement>) => {\n        if (open) {\n            event.preventDefault();\n        } else if (isElementInsideTable3OrReport(event.currentTarget) && isAriaDirectionKey(event)) {\n            return;\n        } else if (!event.ctrlKey && !event.metaKey && (event.key === 'ArrowDown' || /^[a-z0-9]$/i.test(event.key))) {\n            setOpen(true);\n\n            if (!hasSearch) {\n                setValueIfMatched(event.key);\n            }\n        }\n\n        // Collect the first character when opening with keyboard (when user starts typing while focused on a trigger)\n        if (hasSearch && /^[a-z0-9]$/i.test(event.key)) {\n            setSearchQuery(prev => prev + event.key);\n        }\n\n        // the focus should always remain on the input, so we forward events on to the listbox\n        listboxRef.current?.dispatchEvent(createCustomKeyboardEvent(event));\n    };\n\n    const shouldFocusNextRef = React.useRef<number | undefined>(undefined);\n\n    const handleHorizontalNavigation = (event: React.KeyboardEvent<HTMLDivElement>) => {\n        if (isElementInsideTable3OrReport(internalRef.current)) {\n            const isTriggeredFromPopover = event.target instanceof Node && event.currentTarget.contains?.(event.target);\n\n            if ((event.key === 'ArrowLeft' || event.key === 'ArrowRight') && isTriggeredFromPopover) {\n                event.preventDefault(); // prevents scrolling horizontally in the table on arrow left/right.\n                event.stopPropagation();\n\n                shouldFocusNextRef.current = event.key === 'ArrowLeft' ? -1 : +1;\n                setOpen(false);\n            }\n        }\n    };\n\n    const handleListboxKeyDown = (event: React.KeyboardEvent<HTMLElement>) => {\n        if (isAriaDirectionKey(event)) {\n            setShouldPauseHoverState(true);\n            return;\n        }\n\n        if (event.key === 'Tab') {\n            shouldFocusNextRef.current = event.shiftKey ? -1 : +1;\n            setOpen(false);\n            return;\n        }\n\n        // Handle Escape key to close the select without closing the parent dialog\n        if (!hasSearch && event.key === 'Escape') {\n            event.preventDefault();\n            event.stopPropagation();\n            setOpen(false);\n            return;\n        }\n\n        // support typeahead to set the value by typing its text\n        if (!hasSearch && /^[a-z0-9]$/i.test(event.key)) {\n            setValueIfMatched(event.key);\n            return;\n        }\n    };\n\n    const handleOpenChange = (open: boolean, details: { reason: string; event: Event }) => {\n        if (!open && (details.reason === 'outside-press' || details.reason === 'focus-out')) {\n            otherProps.onBlur?.(details.event as unknown as React.FocusEvent<HTMLButtonElement>);\n        }\n        setOpen(open);\n    };\n\n    const handleFinalFocus = (closeType: 'mouse' | 'touch' | 'keyboard' | 'pen' | '') => {\n        if (shouldFocusNextRef.current !== undefined) {\n            const el = getNextFocussableElement(internalRef.current, shouldFocusNextRef.current);\n            shouldFocusNextRef.current = undefined;\n            return el || false;\n        }\n        if (closeType === 'mouse' || closeType === 'touch') {\n            // Don't steal focus — the clicked element receives it naturally.\n            return false;\n        }\n        return true;\n    };\n    const areAllSelected = Array.isArray(value) && selectOptions.every(option => value.includes(option));\n\n    const selectAllText = React.useMemo(() => {\n        if (searchQuery === '') {\n            if (areAllSelected) {\n                return texts.select2.deselectAll;\n            }\n            return texts.select2.selectAll;\n        }\n\n        if (areAllSelected) {\n            return texts.select2.deselectAllResults;\n        }\n\n        return texts.select2.selectAllResults;\n    }, [areAllSelected, searchQuery]);\n\n    const selectAll = () => {\n        if (!Array.isArray(value) || value.length === 0) {\n            setValue(selectOptions);\n        } else {\n            // array of all available options which are not selected\n            const preselectedValues = selectOptions.filter(option => !value.includes(option));\n            setValue([...value, ...preselectedValues]);\n        }\n    };\n\n    const deselectAll = () => {\n        if (searchQuery === '') {\n            setValue([]);\n        } else {\n            const nextValue = Array.isArray(value) && value.filter(subValue => !selectOptions.includes(subValue));\n            setValue(nextValue);\n        }\n    };\n\n    const className = cn(\n        'rounded border border-gray-300 bg-white py-1.5 shadow-md',\n        {\n            'focus-within:yt-focus': !hasSearch,\n            'outline-none': hasSearch,\n        },\n        createCollectionClassName()\n    );\n\n    return (\n        <Select2Context.Provider value={context}>\n            <PopoverPrimitive.Root open={open} onOpenChange={handleOpenChange}>\n                <PopoverPrimitive.Trigger\n                    render={\n                        <Trigger\n                            {...otherProps}\n                            aria-haspopup=\"listbox\"\n                            aria-multiselectable={multiple}\n                            // oxlint-disable-next-line taco/data-taco-kebab-case -- established public selector API; renaming it is a breaking change\n                            data-taco=\"Select2\"\n                            emptyValue={emptyValue}\n                            onKeyDown={handleKeyDown}\n                            placeholder={placeholder}\n                            ref={internalRef}>\n                            {flattenedChildren}\n                        </Trigger>\n                    }\n                />\n                <PopoverPrimitive.Portal>\n                    <PopoverPrimitive.Positioner\n                        align=\"start\"\n                        sideOffset={4}\n                        collisionAvoidance={{\n                            side: 'flip',\n                            fallbackAxisSide: 'none',\n                        }}>\n                        <PopoverPrimitive.Popup\n                            className={className}\n                            style={{ minWidth: dimensions?.width ? `${dimensions.width}px` : undefined }}\n                            initialFocus={hasSearch ? searchRef : true}\n                            finalFocus={handleFinalFocus}\n                            onKeyDown={handleHorizontalNavigation}\n                            tabIndex={-1}>\n                            {hasSearch ? (\n                                <>\n                                    <Search\n                                        placeholder={hasInlineCreation ? texts.select2.searchOrCreate : texts.select2.search}\n                                        ref={searchRef}\n                                    />\n                                    {multiple && selectOptions.length > 1 && (\n                                        <>\n                                            <LegacyButton\n                                                className=\"!justify-start\"\n                                                appearance=\"discrete\"\n                                                onClick={areAllSelected ? deselectAll : selectAll}>\n                                                {selectAllText}\n                                            </LegacyButton>\n                                            <div className=\"mx-3 rounded border-t border-gray-200\" />\n                                        </>\n                                    )}\n                                </>\n                            ) : null}\n                            {loading ? (\n                                <span\n                                    className={cn(\n                                        'flex items-center italic text-gray-700',\n                                        fontSize && FONT_SIZE_CLASSNAME[fontSize]\n                                    )}>\n                                    <span>\n                                        <Spinner\n                                            delay={0}\n                                            className={cn('ml-3 mr-2 mt-1.5 h-5 w-5', {\n                                                '!mt-1 !h-3.5 !w-3.5': fontSize === FontSizes.small,\n                                                '!h-4 !w-4': fontSize === FontSizes.medium,\n                                                '!h-5 !w-5': fontSize === FontSizes.large,\n                                            })}\n                                        />\n                                    </span>\n                                    <span>{texts.listbox.loading}</span>\n                                </span>\n                            ) : flattenedChildren.length <= 0 && !onCreate ? (\n                                <div className=\"-mt-0.5 flex h-8 items-center px-2 text-gray-700\" role=\"presentation\">\n                                    {texts.listbox.empty}\n                                </div>\n                            ) : (\n                                <ListboxPrimitive.Root\n                                    className=\"flex flex-col gap-0.5 focus-visible:outline-none\"\n                                    customSelector=\":scope > button\"\n                                    disabled={disabled}\n                                    multiple={multiple}\n                                    onKeyDown={handleListboxKeyDown}\n                                    readOnly={readOnly}\n                                    ref={listboxRef}\n                                    setValue={setValue}\n                                    value={value}>\n                                    <Collection>{visibleChildren}</Collection>\n                                    {onCreate ? <Create onCreate={onCreate} options={flattenedChildren} /> : null}\n                                </ListboxPrimitive.Root>\n                            )}\n                        </PopoverPrimitive.Popup>\n                    </PopoverPrimitive.Positioner>\n                </PopoverPrimitive.Portal>\n                <ControlledHiddenField\n                    emptyValue={emptyValue}\n                    multiple={multiple || tags}\n                    name={name}\n                    options={flattenedChildren.map(child => child.props.value)}\n                    parentRef={internalRef}\n                    setValue={setValue}\n                    value={value}\n                />\n            </PopoverPrimitive.Root>\n        </Select2Context.Provider>\n    );\n}\n\nexport const Select2 = Object.assign(fixedForwardRef(_Select2Inner), {\n    Option,\n    Group,\n    Title,\n    displayName: 'Select2',\n});\n\ntype ControlledHiddenFieldProps = {\n    emptyValue: ListboxPrimitive.Listbox2OptionValue | undefined;\n    multiple: boolean;\n    name: string | undefined;\n    options: Select2OptionValue[];\n    parentRef: React.RefObject<HTMLButtonElement>;\n    setValue: (nextValue: Select2Value | undefined) => void;\n    value: Select2Value | undefined;\n};\n\nconst ControlledHiddenField = (props: ControlledHiddenFieldProps) => {\n    const { emptyValue, multiple, name, options, parentRef, value, setValue } = props;\n    const isFormControl = useIsFormControl(parentRef, () => setValue(multiple ? [] : undefined));\n\n    let bubbleValue;\n\n    if (isFormControl) {\n        if (value !== undefined) {\n            if (multiple) {\n                bubbleValue = Array.isArray(value) ? value.map(String) : [value === null ? '' : String(value)];\n            } else {\n                bubbleValue = value === null ? '' : String(value);\n            }\n        }\n\n        return (\n            <BubbleSelect aria-hidden key={String(bubbleValue)} multiple={multiple} name={name} tabIndex={-1} value={bubbleValue}>\n                {emptyValue === undefined ? null : <option value={emptyValue === null ? '' : String(emptyValue)} />}\n                {options.map(option => (\n                    <option key={String(option)} value={String(option)} />\n                ))}\n            </BubbleSelect>\n        );\n    }\n\n    return null;\n};\n\nexport type {\n    Select2Texts,\n    Select2Child,\n    Select2GroupProps,\n    Select2OptionProps,\n    Select2OptionValue,\n    Select2Value,\n    Select2Props,\n    Select2TitleProps,\n    Select2Children,\n};\n"],"names":["React","ListboxPrimitive.createListboxValueSetter","open","PopoverPrimitive","ListboxPrimitive.Root"],"mappings":"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"}

package/dist/components/Select2/components/Context.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Context.cjs","sources":["../../../../src/components/Select2/components/Context.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { CollectionRef } from '../../../primitives/Collection/Collection';\nimport type { FontSize } from '../../../types';\nimport type {\n    Select2CreateHandler,\n    Select2DeleteHandler,\n    Select2EditHandler,\n    Select2OptionValue,\n    Select2Value,\n    Select2CreateDialogRenderer,\n} from '../types';\n\nexport type Select2ContextProps = {\n    createDialog?: Select2CreateDialogRenderer;\n    createTriggerText?: string;\n    disabled: boolean;\n    highlighted: boolean;\n    invalid: boolean;\n    listboxRef: React.RefObject<CollectionRef>;\n    multiple: boolean;\n    onCreate?: Select2CreateHandler;\n    onDelete?: Select2DeleteHandler;\n    onEdit?: Select2EditHandler;\n    open: boolean;\n    readOnly: boolean;\n    ref: React.RefObject<HTMLButtonElement>;\n    searchQuery: string;\n    searchRef?: React.RefObject<HTMLInputElement>;\n    setOpen: (open: boolean) => void;\n    setSearchQuery: (value: string) => void;\n    setValidationError: (error: Error | undefined) => void;\n    setValue: (value: Select2OptionValue) => void;\n    shouldPauseHoverState: boolean;\n    setShouldPauseHoverState: (pause: boolean) => void;\n    tags?: boolean;\n    validationError?: Error;\n    value?: Select2Value;\n    fontSize?: FontSize;\n};\n\nexport const Select2Context = React.createContext({} as Select2ContextProps);\nexport const useSelect2Context = () => React.useContext(Select2Context);\n"],"names":[],"mappings":";;;AAyCO,MAAM,iBAAiB,MAAM,cAAc,CAAA,CAAyB;AACpE,MAAM,oBAAoB,MAAM,MAAM,WAAW,cAAc;;;"}
+{"version":3,"file":"Context.cjs","sources":["../../../../src/components/Select2/components/Context.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { CollectionRef } from '../../../primitives/Collection/Collection';\nimport type { FontSize } from '../../../types';\nimport type {\n    Select2CreateHandler,\n    Select2DeleteHandler,\n    Select2EditHandler,\n    Select2OptionValue,\n    Select2Value,\n    Select2CreateDialogRenderer,\n} from '../types';\n\nexport type Select2ContextProps = {\n    createDialog?: Select2CreateDialogRenderer;\n    createTriggerText?: string;\n    disabled: boolean;\n    highlighted: boolean;\n    invalid: boolean;\n    listboxRef: React.RefObject<CollectionRef | null>;\n    multiple: boolean;\n    onCreate?: Select2CreateHandler;\n    onDelete?: Select2DeleteHandler;\n    onEdit?: Select2EditHandler;\n    open: boolean;\n    readOnly: boolean;\n    ref: React.RefObject<HTMLButtonElement | null>;\n    searchQuery: string;\n    searchRef?: React.RefObject<HTMLInputElement | null>;\n    setOpen: (open: boolean) => void;\n    setSearchQuery: (value: string) => void;\n    setValidationError: (error: Error | undefined) => void;\n    setValue: (value: Select2OptionValue) => void;\n    shouldPauseHoverState: boolean;\n    setShouldPauseHoverState: (pause: boolean) => void;\n    tags?: boolean;\n    validationError?: Error;\n    value?: Select2Value;\n    fontSize?: FontSize;\n};\n\nexport const Select2Context = React.createContext({} as Select2ContextProps);\nexport const useSelect2Context = () => React.useContext(Select2Context);\n"],"names":[],"mappings":";;;AAyCO,MAAM,iBAAiB,MAAM,cAAc,CAAA,CAAyB;AACpE,MAAM,oBAAoB,MAAM,MAAM,WAAW,cAAc;;;"}

package/dist/components/Select2/components/Context.d.ts

@@ -8,16 +8,16 @@ export type Select2ContextProps = {
     disabled: boolean;
     highlighted: boolean;
     invalid: boolean;
-    listboxRef: React.RefObject<CollectionRef>;
+    listboxRef: React.RefObject<CollectionRef | null>;
     multiple: boolean;
     onCreate?: Select2CreateHandler;
     onDelete?: Select2DeleteHandler;
     onEdit?: Select2EditHandler;
     open: boolean;
     readOnly: boolean;
-    ref: React.RefObject<HTMLButtonElement>;
+    ref: React.RefObject<HTMLButtonElement | null>;
     searchQuery: string;
-    searchRef?: React.RefObject<HTMLInputElement>;
+    searchRef?: React.RefObject<HTMLInputElement | null>;
     setOpen: (open: boolean) => void;
     setSearchQuery: (value: string) => void;
     setValidationError: (error: Error | undefined) => void;

package/dist/components/Select2/components/Context.js.map

@@ -1 +1 @@
-{"version":3,"file":"Context.js","sources":["../../../../src/components/Select2/components/Context.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { CollectionRef } from '../../../primitives/Collection/Collection';\nimport type { FontSize } from '../../../types';\nimport type {\n    Select2CreateHandler,\n    Select2DeleteHandler,\n    Select2EditHandler,\n    Select2OptionValue,\n    Select2Value,\n    Select2CreateDialogRenderer,\n} from '../types';\n\nexport type Select2ContextProps = {\n    createDialog?: Select2CreateDialogRenderer;\n    createTriggerText?: string;\n    disabled: boolean;\n    highlighted: boolean;\n    invalid: boolean;\n    listboxRef: React.RefObject<CollectionRef>;\n    multiple: boolean;\n    onCreate?: Select2CreateHandler;\n    onDelete?: Select2DeleteHandler;\n    onEdit?: Select2EditHandler;\n    open: boolean;\n    readOnly: boolean;\n    ref: React.RefObject<HTMLButtonElement>;\n    searchQuery: string;\n    searchRef?: React.RefObject<HTMLInputElement>;\n    setOpen: (open: boolean) => void;\n    setSearchQuery: (value: string) => void;\n    setValidationError: (error: Error | undefined) => void;\n    setValue: (value: Select2OptionValue) => void;\n    shouldPauseHoverState: boolean;\n    setShouldPauseHoverState: (pause: boolean) => void;\n    tags?: boolean;\n    validationError?: Error;\n    value?: Select2Value;\n    fontSize?: FontSize;\n};\n\nexport const Select2Context = React.createContext({} as Select2ContextProps);\nexport const useSelect2Context = () => React.useContext(Select2Context);\n"],"names":["React"],"mappings":";AAyCO,MAAM,iBAAiBA,eAAM,cAAc,CAAA,CAAyB;AACpE,MAAM,oBAAoB,MAAMA,eAAM,WAAW,cAAc;"}
+{"version":3,"file":"Context.js","sources":["../../../../src/components/Select2/components/Context.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { CollectionRef } from '../../../primitives/Collection/Collection';\nimport type { FontSize } from '../../../types';\nimport type {\n    Select2CreateHandler,\n    Select2DeleteHandler,\n    Select2EditHandler,\n    Select2OptionValue,\n    Select2Value,\n    Select2CreateDialogRenderer,\n} from '../types';\n\nexport type Select2ContextProps = {\n    createDialog?: Select2CreateDialogRenderer;\n    createTriggerText?: string;\n    disabled: boolean;\n    highlighted: boolean;\n    invalid: boolean;\n    listboxRef: React.RefObject<CollectionRef | null>;\n    multiple: boolean;\n    onCreate?: Select2CreateHandler;\n    onDelete?: Select2DeleteHandler;\n    onEdit?: Select2EditHandler;\n    open: boolean;\n    readOnly: boolean;\n    ref: React.RefObject<HTMLButtonElement | null>;\n    searchQuery: string;\n    searchRef?: React.RefObject<HTMLInputElement | null>;\n    setOpen: (open: boolean) => void;\n    setSearchQuery: (value: string) => void;\n    setValidationError: (error: Error | undefined) => void;\n    setValue: (value: Select2OptionValue) => void;\n    shouldPauseHoverState: boolean;\n    setShouldPauseHoverState: (pause: boolean) => void;\n    tags?: boolean;\n    validationError?: Error;\n    value?: Select2Value;\n    fontSize?: FontSize;\n};\n\nexport const Select2Context = React.createContext({} as Select2ContextProps);\nexport const useSelect2Context = () => React.useContext(Select2Context);\n"],"names":["React"],"mappings":";AAyCO,MAAM,iBAAiBA,eAAM,cAAc,CAAA,CAAyB;AACpE,MAAM,oBAAoB,MAAMA,eAAM,WAAW,cAAc;"}

package/dist/components/Select2/components/Option.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Option.cjs","sources":["../../../../src/components/Select2/components/Option.tsx"],"sourcesContent":["import cn from 'clsx';\nimport React from 'react';\n\nimport * as ListboxPrimitive from '../../../primitives/Listbox2/Listbox2';\nimport type { Color, FontSize } from '../../../types';\nimport { fixedForwardRef } from '../../../types';\nimport { isAriaSelectionKey } from '../../../utils/aria';\nimport { isMobileDevice } from '../../../utils/device';\nimport type { IconName } from '../../Icon/Icon';\nimport { Icon } from '../../Icon/Icon';\nimport { LegacyIconButton } from '../../LegacyComponents/IconButton/IconButton';\nimport { Tag } from '../../Tag/Tag';\nimport type { Select2OptionValue } from '../types';\nimport { createOptionClassName, FONT_SIZE_CLASSNAME } from '../utilities';\n\nimport { useSelect2Context } from './Context';\nimport type { EditPopoverProps } from './Edit';\nimport { EditPopover } from './Edit';\n\nexport type Select2OptionProps<T extends Select2OptionValue = Select2OptionValue> = Omit<\n    ListboxPrimitive.Listbox2OptionProps<T>,\n    'children' | 'prefix'\n> & {\n    children: string | JSX.Element;\n    color?: Color;\n    description?: string;\n    fontSize?: FontSize;\n    prefix?: IconName | JSX.Element;\n    postfix?: IconName | JSX.Element;\n    textValue?: string;\n};\n\nexport const Option = fixedForwardRef(function Select2Option<T extends Select2OptionValue>(\n    props: Select2OptionProps<T>,\n    ref: React.Ref<HTMLDivElement>\n) {\n    const { children, color, description, prefix, postfix, className: cName, ...otherProps } = props;\n    const {\n        fontSize = 'medium',\n        listboxRef,\n        multiple,\n        onDelete,\n        onEdit,\n        ref: selectRef,\n        setOpen,\n        shouldPauseHoverState,\n        tags,\n        value,\n    } = useSelect2Context();\n    const className = cn(createOptionClassName(shouldPauseHoverState), FONT_SIZE_CLASSNAME[fontSize], cName);\n\n    const hasValue = Array.isArray(value) ? !!value.length : value !== undefined;\n    const isTag = tags && !!color;\n\n    const handleClick = () => {\n        if (multiple) {\n            selectRef.current?.focus();\n        } else {\n            setOpen(false);\n        }\n    };\n\n    const handleKeyDown = (event: React.KeyboardEvent) => {\n        if (isAriaSelectionKey(event) && (!multiple || event.key === 'Tab')) {\n            setOpen(false);\n        }\n    };\n\n    const isEmptyOption = children !== '';\n\n    const popover =\n        isEmptyOption && (onEdit || onDelete)\n            ? (popoverProps: Partial<EditPopoverProps>) => (\n                  <EditPopover\n                      {...popoverProps}\n                      color={props.color}\n                      key={props.textValue ?? String(props.children)}\n                      text={props.textValue ?? String(props.children)}\n                      value={props.value}\n                  />\n              )\n            : undefined;\n\n    return (\n        <ListboxPrimitive.Option {...otherProps} className={className} onClick={handleClick} onKeyDown={handleKeyDown} ref={ref}>\n            {hasValue ? (\n                <Icon name=\"tick\" className=\"pointer-events-none invisible -mx-0.5 !h-4 !w-4 group-aria-selected:visible\" />\n            ) : (\n                <span className=\"-mx-0.5 inline-flex h-4 w-4 flex-shrink-0\" aria-hidden />\n            )}\n\n            {typeof children === 'string' ? (\n                isTag ? (\n                    <Tag className=\"pointer-events-none my-1\" color={color} icon={prefix}>\n                        {children}\n                    </Tag>\n                ) : (\n                    <>\n                        {prefix ? typeof prefix === 'string' ? <Icon name={prefix} className=\"!h-5 !w-5\" /> : prefix : null}\n                        <span className=\"flex w-full justify-between\">\n                            <span className=\"flex flex-col\">\n                                <span>{children}</span>\n                                {description ? (\n                                    <span className=\"-mt-1.5 mb-1.5 text-xs text-gray-700\" data-taco=\"description\">\n                                        {description}\n                                    </span>\n                                ) : null}\n                            </span>\n                            <span className=\"flex flex-col self-center\">\n                                {postfix ? (\n                                    typeof postfix === 'string' ? (\n                                        <Icon name={postfix} className=\"!h-5 !w-5\" />\n                                    ) : (\n                                        postfix\n                                    )\n                                ) : null}\n                            </span>\n                        </span>\n                    </>\n                )\n            ) : (\n                <span className=\"w-full\">{children}</span>\n            )}\n            {popover ? (\n                <LegacyIconButton\n                    icon=\"ellipsis-vertical\"\n                    appearance=\"discrete\"\n                    className={cn(\n                        'invisible -mr-1 ml-auto !h-5 min-h-[theme(spacing.6)] !w-5 min-w-[theme(spacing.6)] hover:!bg-black-subtle focus:!shadow-none group-hover:visible group-aria-current:visible',\n                        {\n                            '!visible': isMobileDevice(window?.navigator),\n                        }\n                    )}\n                    onClick={event => {\n                        event.stopPropagation();\n                        listboxRef?.current?.setActiveIndexByElement(event.currentTarget.parentElement as HTMLDivElement);\n                    }}\n                    popover={popover}\n                    tabIndex={-1}\n                />\n            ) : null}\n        </ListboxPrimitive.Option>\n    );\n});\n"],"names":["fixedForwardRef","useSelect2Context","createOptionClassName","FONT_SIZE_CLASSNAME","isAriaSelectionKey","EditPopover","ListboxPrimitive.Option","Icon","Tag","LegacyIconButton","isMobileDevice"],"mappings":";;;;;;;;;;;;;;AAgCO,MAAM,SAASA,MAAAA,gBAAgB,SAAS,cAC3C,OACA,KACF;AACE,QAAM,EAAE,UAAU,OAAO,aAAa,QAAQ,SAAS,WAAW,OAAO,GAAG,WAAA,IAAe;AAC3F,QAAM;AAAA,IACF,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,KAAK;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACAC,0BAAA;AACJ,QAAM,YAAY,GAAGC,gCAAsB,qBAAqB,GAAGC,8BAAoB,QAAQ,GAAG,KAAK;AAEvG,QAAM,WAAW,MAAM,QAAQ,KAAK,IAAI,CAAC,CAAC,MAAM,SAAS,UAAU;AACnE,QAAM,QAAQ,QAAQ,CAAC,CAAC;AAExB,QAAM,cAAc,MAAM;AACtB,QAAI,UAAU;AACV,gBAAU,SAAS,MAAA;AAAA,IACvB,OAAO;AACH,cAAQ,KAAK;AAAA,IACjB;AAAA,EACJ;AAEA,QAAM,gBAAgB,CAAC,UAA+B;AAClD,QAAIC,KAAAA,mBAAmB,KAAK,MAAM,CAAC,YAAY,MAAM,QAAQ,QAAQ;AACjE,cAAQ,KAAK;AAAA,IACjB;AAAA,EACJ;AAEA,QAAM,gBAAgB,aAAa;AAEnC,QAAM,UACF,kBAAkB,UAAU,YACtB,CAAC,iBACG,sBAAA;AAAA,IAACC,KAAAA;AAAAA,IAAA;AAAA,MACI,GAAG;AAAA,MACJ,OAAO,MAAM;AAAA,MACb,KAAK,MAAM,aAAa,OAAO,MAAM,QAAQ;AAAA,MAC7C,MAAM,MAAM,aAAa,OAAO,MAAM,QAAQ;AAAA,MAC9C,OAAO,MAAM;AAAA,IAAA;AAAA,EAAA,IAGrB;AAEV,SACI,sBAAA,cAACC,SAAAA,QAAA,EAAyB,GAAG,YAAY,WAAsB,SAAS,aAAa,WAAW,eAAe,OAC1G,WACG,sBAAA,cAACC,KAAAA,QAAK,MAAK,QAAO,WAAU,8EAAA,CAA8E,IAE1G,sBAAA,cAAC,QAAA,EAAK,WAAU,6CAA4C,eAAW,KAAA,CAAC,GAG3E,OAAO,aAAa,WACjB,QACI,sBAAA,cAACC,IAAAA,KAAA,EAAI,WAAU,4BAA2B,OAAc,MAAM,UACzD,QACL,IAEA,sBAAA,cAAA,MAAA,UAAA,MACK,SAAS,OAAO,WAAW,WAAW,sBAAA,cAACD,KAAAA,MAAA,EAAK,MAAM,QAAQ,WAAU,YAAA,CAAY,IAAK,SAAS,0CAC9F,QAAA,EAAK,WAAU,iCACZ,sBAAA,cAAC,QAAA,EAAK,WAAU,gBAAA,GACZ,sBAAA,cAAC,QAAA,MAAM,QAAS,GACf,cACG,sBAAA,cAAC,QAAA,EAAK,WAAU,wCAAuC,aAAU,cAAA,GAC5D,WACL,IACA,IACR,GACA,sBAAA,cAAC,UAAK,WAAU,4BAAA,GACX,UACG,OAAO,YAAY,WACf,sBAAA,cAACA,KAAAA,MAAA,EAAK,MAAM,SAAS,WAAU,YAAA,CAAY,IAE3C,UAEJ,IACR,CACJ,CACJ,IAGJ,sBAAA,cAAC,UAAK,WAAU,SAAA,GAAU,QAAS,GAEtC,UACG,sBAAA;AAAA,IAACE,WAAAA;AAAAA,IAAA;AAAA,MACG,MAAK;AAAA,MACL,YAAW;AAAA,MACX,WAAW;AAAA,QACP;AAAA,QACA;AAAA,UACI,YAAYC,OAAAA,eAAe,QAAQ,SAAS;AAAA,QAAA;AAAA,MAChD;AAAA,MAEJ,SAAS,CAAA,UAAS;AACd,cAAM,gBAAA;AACN,oBAAY,SAAS,wBAAwB,MAAM,cAAc,aAA+B;AAAA,MACpG;AAAA,MACA;AAAA,MACA,UAAU;AAAA,IAAA;AAAA,EAAA,IAEd,IACR;AAER,CAAC;;"}
+{"version":3,"file":"Option.cjs","sources":["../../../../src/components/Select2/components/Option.tsx"],"sourcesContent":["import cn from 'clsx';\nimport React from 'react';\n\nimport * as ListboxPrimitive from '../../../primitives/Listbox2/Listbox2';\nimport type { Color, FontSize } from '../../../types';\nimport { fixedForwardRef } from '../../../types';\nimport { isAriaSelectionKey } from '../../../utils/aria';\nimport { isMobileDevice } from '../../../utils/device';\nimport type { IconName } from '../../Icon/Icon';\nimport { Icon } from '../../Icon/Icon';\nimport { LegacyIconButton } from '../../LegacyComponents/IconButton/IconButton';\nimport { Tag } from '../../Tag/Tag';\nimport type { Select2OptionValue } from '../types';\nimport { createOptionClassName, FONT_SIZE_CLASSNAME } from '../utilities';\n\nimport { useSelect2Context } from './Context';\nimport type { EditPopoverProps } from './Edit';\nimport { EditPopover } from './Edit';\n\nexport type Select2OptionProps<T extends Select2OptionValue = Select2OptionValue> = Omit<\n    ListboxPrimitive.Listbox2OptionProps<T>,\n    'children' | 'prefix'\n> & {\n    children: string | React.JSX.Element;\n    color?: Color;\n    description?: string;\n    fontSize?: FontSize;\n    prefix?: IconName | React.JSX.Element;\n    postfix?: IconName | React.JSX.Element;\n    textValue?: string;\n};\n\nexport const Option = fixedForwardRef(function Select2Option<T extends Select2OptionValue>(\n    props: Select2OptionProps<T>,\n    ref: React.Ref<HTMLDivElement>\n) {\n    const { children, color, description, prefix, postfix, className: cName, ...otherProps } = props;\n    const {\n        fontSize = 'medium',\n        listboxRef,\n        multiple,\n        onDelete,\n        onEdit,\n        ref: selectRef,\n        setOpen,\n        shouldPauseHoverState,\n        tags,\n        value,\n    } = useSelect2Context();\n    const className = cn(createOptionClassName(shouldPauseHoverState), FONT_SIZE_CLASSNAME[fontSize], cName);\n\n    const hasValue = Array.isArray(value) ? !!value.length : value !== undefined;\n    const isTag = tags && !!color;\n\n    const handleClick = () => {\n        if (multiple) {\n            selectRef.current?.focus();\n        } else {\n            setOpen(false);\n        }\n    };\n\n    const handleKeyDown = (event: React.KeyboardEvent) => {\n        if (isAriaSelectionKey(event) && (!multiple || event.key === 'Tab')) {\n            setOpen(false);\n        }\n    };\n\n    const isEmptyOption = children !== '';\n\n    const popover =\n        isEmptyOption && (onEdit || onDelete)\n            ? (popoverProps: Partial<EditPopoverProps>) => (\n                  <EditPopover\n                      {...popoverProps}\n                      color={props.color}\n                      key={props.textValue ?? String(props.children)}\n                      text={props.textValue ?? String(props.children)}\n                      value={props.value}\n                  />\n              )\n            : undefined;\n\n    return (\n        <ListboxPrimitive.Option {...otherProps} className={className} onClick={handleClick} onKeyDown={handleKeyDown} ref={ref}>\n            {hasValue ? (\n                <Icon name=\"tick\" className=\"pointer-events-none invisible -mx-0.5 !h-4 !w-4 group-aria-selected:visible\" />\n            ) : (\n                <span className=\"-mx-0.5 inline-flex h-4 w-4 flex-shrink-0\" aria-hidden />\n            )}\n\n            {typeof children === 'string' ? (\n                isTag ? (\n                    <Tag className=\"pointer-events-none my-1\" color={color} icon={prefix}>\n                        {children}\n                    </Tag>\n                ) : (\n                    <>\n                        {prefix ? typeof prefix === 'string' ? <Icon name={prefix} className=\"!h-5 !w-5\" /> : prefix : null}\n                        <span className=\"flex w-full justify-between\">\n                            <span className=\"flex flex-col\">\n                                <span>{children}</span>\n                                {description ? (\n                                    <span className=\"-mt-1.5 mb-1.5 text-xs text-gray-700\" data-taco=\"description\">\n                                        {description}\n                                    </span>\n                                ) : null}\n                            </span>\n                            <span className=\"flex flex-col self-center\">\n                                {postfix ? (\n                                    typeof postfix === 'string' ? (\n                                        <Icon name={postfix} className=\"!h-5 !w-5\" />\n                                    ) : (\n                                        postfix\n                                    )\n                                ) : null}\n                            </span>\n                        </span>\n                    </>\n                )\n            ) : (\n                <span className=\"w-full\">{children}</span>\n            )}\n            {popover ? (\n                <LegacyIconButton\n                    icon=\"ellipsis-vertical\"\n                    appearance=\"discrete\"\n                    className={cn(\n                        'invisible -mr-1 ml-auto !h-5 min-h-[theme(spacing.6)] !w-5 min-w-[theme(spacing.6)] hover:!bg-black-subtle focus:!shadow-none group-hover:visible group-aria-current:visible',\n                        {\n                            '!visible': isMobileDevice(window?.navigator),\n                        }\n                    )}\n                    onClick={event => {\n                        event.stopPropagation();\n                        listboxRef?.current?.setActiveIndexByElement(event.currentTarget.parentElement as HTMLDivElement);\n                    }}\n                    popover={popover}\n                    tabIndex={-1}\n                />\n            ) : null}\n        </ListboxPrimitive.Option>\n    );\n});\n"],"names":["fixedForwardRef","useSelect2Context","createOptionClassName","FONT_SIZE_CLASSNAME","isAriaSelectionKey","EditPopover","ListboxPrimitive.Option","Icon","Tag","LegacyIconButton","isMobileDevice"],"mappings":";;;;;;;;;;;;;;AAgCO,MAAM,SAASA,MAAAA,gBAAgB,SAAS,cAC3C,OACA,KACF;AACE,QAAM,EAAE,UAAU,OAAO,aAAa,QAAQ,SAAS,WAAW,OAAO,GAAG,WAAA,IAAe;AAC3F,QAAM;AAAA,IACF,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,KAAK;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACAC,0BAAA;AACJ,QAAM,YAAY,GAAGC,gCAAsB,qBAAqB,GAAGC,8BAAoB,QAAQ,GAAG,KAAK;AAEvG,QAAM,WAAW,MAAM,QAAQ,KAAK,IAAI,CAAC,CAAC,MAAM,SAAS,UAAU;AACnE,QAAM,QAAQ,QAAQ,CAAC,CAAC;AAExB,QAAM,cAAc,MAAM;AACtB,QAAI,UAAU;AACV,gBAAU,SAAS,MAAA;AAAA,IACvB,OAAO;AACH,cAAQ,KAAK;AAAA,IACjB;AAAA,EACJ;AAEA,QAAM,gBAAgB,CAAC,UAA+B;AAClD,QAAIC,KAAAA,mBAAmB,KAAK,MAAM,CAAC,YAAY,MAAM,QAAQ,QAAQ;AACjE,cAAQ,KAAK;AAAA,IACjB;AAAA,EACJ;AAEA,QAAM,gBAAgB,aAAa;AAEnC,QAAM,UACF,kBAAkB,UAAU,YACtB,CAAC,iBACG,sBAAA;AAAA,IAACC,KAAAA;AAAAA,IAAA;AAAA,MACI,GAAG;AAAA,MACJ,OAAO,MAAM;AAAA,MACb,KAAK,MAAM,aAAa,OAAO,MAAM,QAAQ;AAAA,MAC7C,MAAM,MAAM,aAAa,OAAO,MAAM,QAAQ;AAAA,MAC9C,OAAO,MAAM;AAAA,IAAA;AAAA,EAAA,IAGrB;AAEV,SACI,sBAAA,cAACC,SAAAA,QAAA,EAAyB,GAAG,YAAY,WAAsB,SAAS,aAAa,WAAW,eAAe,OAC1G,WACG,sBAAA,cAACC,KAAAA,QAAK,MAAK,QAAO,WAAU,8EAAA,CAA8E,IAE1G,sBAAA,cAAC,QAAA,EAAK,WAAU,6CAA4C,eAAW,KAAA,CAAC,GAG3E,OAAO,aAAa,WACjB,QACI,sBAAA,cAACC,IAAAA,KAAA,EAAI,WAAU,4BAA2B,OAAc,MAAM,UACzD,QACL,IAEA,sBAAA,cAAA,MAAA,UAAA,MACK,SAAS,OAAO,WAAW,WAAW,sBAAA,cAACD,KAAAA,MAAA,EAAK,MAAM,QAAQ,WAAU,YAAA,CAAY,IAAK,SAAS,0CAC9F,QAAA,EAAK,WAAU,iCACZ,sBAAA,cAAC,QAAA,EAAK,WAAU,gBAAA,GACZ,sBAAA,cAAC,QAAA,MAAM,QAAS,GACf,cACG,sBAAA,cAAC,QAAA,EAAK,WAAU,wCAAuC,aAAU,cAAA,GAC5D,WACL,IACA,IACR,GACA,sBAAA,cAAC,UAAK,WAAU,4BAAA,GACX,UACG,OAAO,YAAY,WACf,sBAAA,cAACA,KAAAA,MAAA,EAAK,MAAM,SAAS,WAAU,YAAA,CAAY,IAE3C,UAEJ,IACR,CACJ,CACJ,IAGJ,sBAAA,cAAC,UAAK,WAAU,SAAA,GAAU,QAAS,GAEtC,UACG,sBAAA;AAAA,IAACE,WAAAA;AAAAA,IAAA;AAAA,MACG,MAAK;AAAA,MACL,YAAW;AAAA,MACX,WAAW;AAAA,QACP;AAAA,QACA;AAAA,UACI,YAAYC,OAAAA,eAAe,QAAQ,SAAS;AAAA,QAAA;AAAA,MAChD;AAAA,MAEJ,SAAS,CAAA,UAAS;AACd,cAAM,gBAAA;AACN,oBAAY,SAAS,wBAAwB,MAAM,cAAc,aAA+B;AAAA,MACpG;AAAA,MACA;AAAA,MACA,UAAU;AAAA,IAAA;AAAA,EAAA,IAEd,IACR;AAER,CAAC;;"}

package/dist/components/Select2/components/Option.d.ts

@@ -4,20 +4,20 @@ import { IconName } from '../../Icon/Icon';
 import { Select2OptionValue } from '../types';
 import * as ListboxPrimitive from '../../../primitives/Listbox2/Listbox2';
 export type Select2OptionProps<T extends Select2OptionValue = Select2OptionValue> = Omit<ListboxPrimitive.Listbox2OptionProps<T>, 'children' | 'prefix'> & {
-    children: string | JSX.Element;
+    children: string | React.JSX.Element;
     color?: Color;
     description?: string;
     fontSize?: FontSize;
-    prefix?: IconName | JSX.Element;
-    postfix?: IconName | JSX.Element;
+    prefix?: IconName | React.JSX.Element;
+    postfix?: IconName | React.JSX.Element;
     textValue?: string;
 };
 export declare const Option: <T extends Select2OptionValue>(props: Omit<ListboxPrimitive.Listbox2OptionProps<T>, "children" | "prefix"> & {
-    children: string | JSX.Element;
+    children: string | React.JSX.Element;
     color?: Color;
     description?: string;
     fontSize?: FontSize;
-    prefix?: IconName | JSX.Element;
-    postfix?: IconName | JSX.Element;
+    prefix?: IconName | React.JSX.Element;
+    postfix?: IconName | React.JSX.Element;
     textValue?: string;
-} & React.RefAttributes<HTMLDivElement>) => JSX.Element;
+} & React.RefAttributes<HTMLDivElement>) => React.JSX.Element;

package/dist/components/Select2/components/Option.js.map

@@ -1 +1 @@
-{"version":3,"file":"Option.js","sources":["../../../../src/components/Select2/components/Option.tsx"],"sourcesContent":["import cn from 'clsx';\nimport React from 'react';\n\nimport * as ListboxPrimitive from '../../../primitives/Listbox2/Listbox2';\nimport type { Color, FontSize } from '../../../types';\nimport { fixedForwardRef } from '../../../types';\nimport { isAriaSelectionKey } from '../../../utils/aria';\nimport { isMobileDevice } from '../../../utils/device';\nimport type { IconName } from '../../Icon/Icon';\nimport { Icon } from '../../Icon/Icon';\nimport { LegacyIconButton } from '../../LegacyComponents/IconButton/IconButton';\nimport { Tag } from '../../Tag/Tag';\nimport type { Select2OptionValue } from '../types';\nimport { createOptionClassName, FONT_SIZE_CLASSNAME } from '../utilities';\n\nimport { useSelect2Context } from './Context';\nimport type { EditPopoverProps } from './Edit';\nimport { EditPopover } from './Edit';\n\nexport type Select2OptionProps<T extends Select2OptionValue = Select2OptionValue> = Omit<\n    ListboxPrimitive.Listbox2OptionProps<T>,\n    'children' | 'prefix'\n> & {\n    children: string | JSX.Element;\n    color?: Color;\n    description?: string;\n    fontSize?: FontSize;\n    prefix?: IconName | JSX.Element;\n    postfix?: IconName | JSX.Element;\n    textValue?: string;\n};\n\nexport const Option = fixedForwardRef(function Select2Option<T extends Select2OptionValue>(\n    props: Select2OptionProps<T>,\n    ref: React.Ref<HTMLDivElement>\n) {\n    const { children, color, description, prefix, postfix, className: cName, ...otherProps } = props;\n    const {\n        fontSize = 'medium',\n        listboxRef,\n        multiple,\n        onDelete,\n        onEdit,\n        ref: selectRef,\n        setOpen,\n        shouldPauseHoverState,\n        tags,\n        value,\n    } = useSelect2Context();\n    const className = cn(createOptionClassName(shouldPauseHoverState), FONT_SIZE_CLASSNAME[fontSize], cName);\n\n    const hasValue = Array.isArray(value) ? !!value.length : value !== undefined;\n    const isTag = tags && !!color;\n\n    const handleClick = () => {\n        if (multiple) {\n            selectRef.current?.focus();\n        } else {\n            setOpen(false);\n        }\n    };\n\n    const handleKeyDown = (event: React.KeyboardEvent) => {\n        if (isAriaSelectionKey(event) && (!multiple || event.key === 'Tab')) {\n            setOpen(false);\n        }\n    };\n\n    const isEmptyOption = children !== '';\n\n    const popover =\n        isEmptyOption && (onEdit || onDelete)\n            ? (popoverProps: Partial<EditPopoverProps>) => (\n                  <EditPopover\n                      {...popoverProps}\n                      color={props.color}\n                      key={props.textValue ?? String(props.children)}\n                      text={props.textValue ?? String(props.children)}\n                      value={props.value}\n                  />\n              )\n            : undefined;\n\n    return (\n        <ListboxPrimitive.Option {...otherProps} className={className} onClick={handleClick} onKeyDown={handleKeyDown} ref={ref}>\n            {hasValue ? (\n                <Icon name=\"tick\" className=\"pointer-events-none invisible -mx-0.5 !h-4 !w-4 group-aria-selected:visible\" />\n            ) : (\n                <span className=\"-mx-0.5 inline-flex h-4 w-4 flex-shrink-0\" aria-hidden />\n            )}\n\n            {typeof children === 'string' ? (\n                isTag ? (\n                    <Tag className=\"pointer-events-none my-1\" color={color} icon={prefix}>\n                        {children}\n                    </Tag>\n                ) : (\n                    <>\n                        {prefix ? typeof prefix === 'string' ? <Icon name={prefix} className=\"!h-5 !w-5\" /> : prefix : null}\n                        <span className=\"flex w-full justify-between\">\n                            <span className=\"flex flex-col\">\n                                <span>{children}</span>\n                                {description ? (\n                                    <span className=\"-mt-1.5 mb-1.5 text-xs text-gray-700\" data-taco=\"description\">\n                                        {description}\n                                    </span>\n                                ) : null}\n                            </span>\n                            <span className=\"flex flex-col self-center\">\n                                {postfix ? (\n                                    typeof postfix === 'string' ? (\n                                        <Icon name={postfix} className=\"!h-5 !w-5\" />\n                                    ) : (\n                                        postfix\n                                    )\n                                ) : null}\n                            </span>\n                        </span>\n                    </>\n                )\n            ) : (\n                <span className=\"w-full\">{children}</span>\n            )}\n            {popover ? (\n                <LegacyIconButton\n                    icon=\"ellipsis-vertical\"\n                    appearance=\"discrete\"\n                    className={cn(\n                        'invisible -mr-1 ml-auto !h-5 min-h-[theme(spacing.6)] !w-5 min-w-[theme(spacing.6)] hover:!bg-black-subtle focus:!shadow-none group-hover:visible group-aria-current:visible',\n                        {\n                            '!visible': isMobileDevice(window?.navigator),\n                        }\n                    )}\n                    onClick={event => {\n                        event.stopPropagation();\n                        listboxRef?.current?.setActiveIndexByElement(event.currentTarget.parentElement as HTMLDivElement);\n                    }}\n                    popover={popover}\n                    tabIndex={-1}\n                />\n            ) : null}\n        </ListboxPrimitive.Option>\n    );\n});\n"],"names":["React","ListboxPrimitive.Option"],"mappings":";;;;;;;;;;;;AAgCO,MAAM,SAAS,gBAAgB,SAAS,cAC3C,OACA,KACF;AACE,QAAM,EAAE,UAAU,OAAO,aAAa,QAAQ,SAAS,WAAW,OAAO,GAAG,WAAA,IAAe;AAC3F,QAAM;AAAA,IACF,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,KAAK;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACA,kBAAA;AACJ,QAAM,YAAY,GAAG,sBAAsB,qBAAqB,GAAG,oBAAoB,QAAQ,GAAG,KAAK;AAEvG,QAAM,WAAW,MAAM,QAAQ,KAAK,IAAI,CAAC,CAAC,MAAM,SAAS,UAAU;AACnE,QAAM,QAAQ,QAAQ,CAAC,CAAC;AAExB,QAAM,cAAc,MAAM;AACtB,QAAI,UAAU;AACV,gBAAU,SAAS,MAAA;AAAA,IACvB,OAAO;AACH,cAAQ,KAAK;AAAA,IACjB;AAAA,EACJ;AAEA,QAAM,gBAAgB,CAAC,UAA+B;AAClD,QAAI,mBAAmB,KAAK,MAAM,CAAC,YAAY,MAAM,QAAQ,QAAQ;AACjE,cAAQ,KAAK;AAAA,IACjB;AAAA,EACJ;AAEA,QAAM,gBAAgB,aAAa;AAEnC,QAAM,UACF,kBAAkB,UAAU,YACtB,CAAC,iBACGA,+BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAG;AAAA,MACJ,OAAO,MAAM;AAAA,MACb,KAAK,MAAM,aAAa,OAAO,MAAM,QAAQ;AAAA,MAC7C,MAAM,MAAM,aAAa,OAAO,MAAM,QAAQ;AAAA,MAC9C,OAAO,MAAM;AAAA,IAAA;AAAA,EAAA,IAGrB;AAEV,SACIA,+BAAA,cAACC,UAAA,EAAyB,GAAG,YAAY,WAAsB,SAAS,aAAa,WAAW,eAAe,OAC1G,WACGD,+BAAA,cAAC,QAAK,MAAK,QAAO,WAAU,8EAAA,CAA8E,IAE1GA,+BAAA,cAAC,QAAA,EAAK,WAAU,6CAA4C,eAAW,KAAA,CAAC,GAG3E,OAAO,aAAa,WACjB,QACIA,+BAAA,cAAC,KAAA,EAAI,WAAU,4BAA2B,OAAc,MAAM,UACzD,QACL,IAEAA,+BAAA,cAAAA,eAAA,UAAA,MACK,SAAS,OAAO,WAAW,WAAWA,+BAAA,cAAC,MAAA,EAAK,MAAM,QAAQ,WAAU,YAAA,CAAY,IAAK,SAAS,mDAC9F,QAAA,EAAK,WAAU,iCACZA,+BAAA,cAAC,QAAA,EAAK,WAAU,gBAAA,GACZA,+BAAA,cAAC,QAAA,MAAM,QAAS,GACf,cACGA,+BAAA,cAAC,QAAA,EAAK,WAAU,wCAAuC,aAAU,cAAA,GAC5D,WACL,IACA,IACR,GACAA,+BAAA,cAAC,UAAK,WAAU,4BAAA,GACX,UACG,OAAO,YAAY,WACfA,+BAAA,cAAC,MAAA,EAAK,MAAM,SAAS,WAAU,YAAA,CAAY,IAE3C,UAEJ,IACR,CACJ,CACJ,IAGJA,+BAAA,cAAC,UAAK,WAAU,SAAA,GAAU,QAAS,GAEtC,UACGA,+BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,MAAK;AAAA,MACL,YAAW;AAAA,MACX,WAAW;AAAA,QACP;AAAA,QACA;AAAA,UACI,YAAY,eAAe,QAAQ,SAAS;AAAA,QAAA;AAAA,MAChD;AAAA,MAEJ,SAAS,CAAA,UAAS;AACd,cAAM,gBAAA;AACN,oBAAY,SAAS,wBAAwB,MAAM,cAAc,aAA+B;AAAA,MACpG;AAAA,MACA;AAAA,MACA,UAAU;AAAA,IAAA;AAAA,EAAA,IAEd,IACR;AAER,CAAC;"}
+{"version":3,"file":"Option.js","sources":["../../../../src/components/Select2/components/Option.tsx"],"sourcesContent":["import cn from 'clsx';\nimport React from 'react';\n\nimport * as ListboxPrimitive from '../../../primitives/Listbox2/Listbox2';\nimport type { Color, FontSize } from '../../../types';\nimport { fixedForwardRef } from '../../../types';\nimport { isAriaSelectionKey } from '../../../utils/aria';\nimport { isMobileDevice } from '../../../utils/device';\nimport type { IconName } from '../../Icon/Icon';\nimport { Icon } from '../../Icon/Icon';\nimport { LegacyIconButton } from '../../LegacyComponents/IconButton/IconButton';\nimport { Tag } from '../../Tag/Tag';\nimport type { Select2OptionValue } from '../types';\nimport { createOptionClassName, FONT_SIZE_CLASSNAME } from '../utilities';\n\nimport { useSelect2Context } from './Context';\nimport type { EditPopoverProps } from './Edit';\nimport { EditPopover } from './Edit';\n\nexport type Select2OptionProps<T extends Select2OptionValue = Select2OptionValue> = Omit<\n    ListboxPrimitive.Listbox2OptionProps<T>,\n    'children' | 'prefix'\n> & {\n    children: string | React.JSX.Element;\n    color?: Color;\n    description?: string;\n    fontSize?: FontSize;\n    prefix?: IconName | React.JSX.Element;\n    postfix?: IconName | React.JSX.Element;\n    textValue?: string;\n};\n\nexport const Option = fixedForwardRef(function Select2Option<T extends Select2OptionValue>(\n    props: Select2OptionProps<T>,\n    ref: React.Ref<HTMLDivElement>\n) {\n    const { children, color, description, prefix, postfix, className: cName, ...otherProps } = props;\n    const {\n        fontSize = 'medium',\n        listboxRef,\n        multiple,\n        onDelete,\n        onEdit,\n        ref: selectRef,\n        setOpen,\n        shouldPauseHoverState,\n        tags,\n        value,\n    } = useSelect2Context();\n    const className = cn(createOptionClassName(shouldPauseHoverState), FONT_SIZE_CLASSNAME[fontSize], cName);\n\n    const hasValue = Array.isArray(value) ? !!value.length : value !== undefined;\n    const isTag = tags && !!color;\n\n    const handleClick = () => {\n        if (multiple) {\n            selectRef.current?.focus();\n        } else {\n            setOpen(false);\n        }\n    };\n\n    const handleKeyDown = (event: React.KeyboardEvent) => {\n        if (isAriaSelectionKey(event) && (!multiple || event.key === 'Tab')) {\n            setOpen(false);\n        }\n    };\n\n    const isEmptyOption = children !== '';\n\n    const popover =\n        isEmptyOption && (onEdit || onDelete)\n            ? (popoverProps: Partial<EditPopoverProps>) => (\n                  <EditPopover\n                      {...popoverProps}\n                      color={props.color}\n                      key={props.textValue ?? String(props.children)}\n                      text={props.textValue ?? String(props.children)}\n                      value={props.value}\n                  />\n              )\n            : undefined;\n\n    return (\n        <ListboxPrimitive.Option {...otherProps} className={className} onClick={handleClick} onKeyDown={handleKeyDown} ref={ref}>\n            {hasValue ? (\n                <Icon name=\"tick\" className=\"pointer-events-none invisible -mx-0.5 !h-4 !w-4 group-aria-selected:visible\" />\n            ) : (\n                <span className=\"-mx-0.5 inline-flex h-4 w-4 flex-shrink-0\" aria-hidden />\n            )}\n\n            {typeof children === 'string' ? (\n                isTag ? (\n                    <Tag className=\"pointer-events-none my-1\" color={color} icon={prefix}>\n                        {children}\n                    </Tag>\n                ) : (\n                    <>\n                        {prefix ? typeof prefix === 'string' ? <Icon name={prefix} className=\"!h-5 !w-5\" /> : prefix : null}\n                        <span className=\"flex w-full justify-between\">\n                            <span className=\"flex flex-col\">\n                                <span>{children}</span>\n                                {description ? (\n                                    <span className=\"-mt-1.5 mb-1.5 text-xs text-gray-700\" data-taco=\"description\">\n                                        {description}\n                                    </span>\n                                ) : null}\n                            </span>\n                            <span className=\"flex flex-col self-center\">\n                                {postfix ? (\n                                    typeof postfix === 'string' ? (\n                                        <Icon name={postfix} className=\"!h-5 !w-5\" />\n                                    ) : (\n                                        postfix\n                                    )\n                                ) : null}\n                            </span>\n                        </span>\n                    </>\n                )\n            ) : (\n                <span className=\"w-full\">{children}</span>\n            )}\n            {popover ? (\n                <LegacyIconButton\n                    icon=\"ellipsis-vertical\"\n                    appearance=\"discrete\"\n                    className={cn(\n                        'invisible -mr-1 ml-auto !h-5 min-h-[theme(spacing.6)] !w-5 min-w-[theme(spacing.6)] hover:!bg-black-subtle focus:!shadow-none group-hover:visible group-aria-current:visible',\n                        {\n                            '!visible': isMobileDevice(window?.navigator),\n                        }\n                    )}\n                    onClick={event => {\n                        event.stopPropagation();\n                        listboxRef?.current?.setActiveIndexByElement(event.currentTarget.parentElement as HTMLDivElement);\n                    }}\n                    popover={popover}\n                    tabIndex={-1}\n                />\n            ) : null}\n        </ListboxPrimitive.Option>\n    );\n});\n"],"names":["React","ListboxPrimitive.Option"],"mappings":";;;;;;;;;;;;AAgCO,MAAM,SAAS,gBAAgB,SAAS,cAC3C,OACA,KACF;AACE,QAAM,EAAE,UAAU,OAAO,aAAa,QAAQ,SAAS,WAAW,OAAO,GAAG,WAAA,IAAe;AAC3F,QAAM;AAAA,IACF,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,KAAK;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACA,kBAAA;AACJ,QAAM,YAAY,GAAG,sBAAsB,qBAAqB,GAAG,oBAAoB,QAAQ,GAAG,KAAK;AAEvG,QAAM,WAAW,MAAM,QAAQ,KAAK,IAAI,CAAC,CAAC,MAAM,SAAS,UAAU;AACnE,QAAM,QAAQ,QAAQ,CAAC,CAAC;AAExB,QAAM,cAAc,MAAM;AACtB,QAAI,UAAU;AACV,gBAAU,SAAS,MAAA;AAAA,IACvB,OAAO;AACH,cAAQ,KAAK;AAAA,IACjB;AAAA,EACJ;AAEA,QAAM,gBAAgB,CAAC,UAA+B;AAClD,QAAI,mBAAmB,KAAK,MAAM,CAAC,YAAY,MAAM,QAAQ,QAAQ;AACjE,cAAQ,KAAK;AAAA,IACjB;AAAA,EACJ;AAEA,QAAM,gBAAgB,aAAa;AAEnC,QAAM,UACF,kBAAkB,UAAU,YACtB,CAAC,iBACGA,+BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAG;AAAA,MACJ,OAAO,MAAM;AAAA,MACb,KAAK,MAAM,aAAa,OAAO,MAAM,QAAQ;AAAA,MAC7C,MAAM,MAAM,aAAa,OAAO,MAAM,QAAQ;AAAA,MAC9C,OAAO,MAAM;AAAA,IAAA;AAAA,EAAA,IAGrB;AAEV,SACIA,+BAAA,cAACC,UAAA,EAAyB,GAAG,YAAY,WAAsB,SAAS,aAAa,WAAW,eAAe,OAC1G,WACGD,+BAAA,cAAC,QAAK,MAAK,QAAO,WAAU,8EAAA,CAA8E,IAE1GA,+BAAA,cAAC,QAAA,EAAK,WAAU,6CAA4C,eAAW,KAAA,CAAC,GAG3E,OAAO,aAAa,WACjB,QACIA,+BAAA,cAAC,KAAA,EAAI,WAAU,4BAA2B,OAAc,MAAM,UACzD,QACL,IAEAA,+BAAA,cAAAA,eAAA,UAAA,MACK,SAAS,OAAO,WAAW,WAAWA,+BAAA,cAAC,MAAA,EAAK,MAAM,QAAQ,WAAU,YAAA,CAAY,IAAK,SAAS,mDAC9F,QAAA,EAAK,WAAU,iCACZA,+BAAA,cAAC,QAAA,EAAK,WAAU,gBAAA,GACZA,+BAAA,cAAC,QAAA,MAAM,QAAS,GACf,cACGA,+BAAA,cAAC,QAAA,EAAK,WAAU,wCAAuC,aAAU,cAAA,GAC5D,WACL,IACA,IACR,GACAA,+BAAA,cAAC,UAAK,WAAU,4BAAA,GACX,UACG,OAAO,YAAY,WACfA,+BAAA,cAAC,MAAA,EAAK,MAAM,SAAS,WAAU,YAAA,CAAY,IAE3C,UAEJ,IACR,CACJ,CACJ,IAGJA,+BAAA,cAAC,UAAK,WAAU,SAAA,GAAU,QAAS,GAEtC,UACGA,+BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,MAAK;AAAA,MACL,YAAW;AAAA,MACX,WAAW;AAAA,QACP;AAAA,QACA;AAAA,UACI,YAAY,eAAe,QAAQ,SAAS;AAAA,QAAA;AAAA,MAChD;AAAA,MAEJ,SAAS,CAAA,UAAS;AACd,cAAM,gBAAA;AACN,oBAAY,SAAS,wBAAwB,MAAM,cAAc,aAA+B;AAAA,MACpG;AAAA,MACA;AAAA,MACA,UAAU;AAAA,IAAA;AAAA,EAAA,IAEd,IACR;AAER,CAAC;"}