@salutejs/plasma-new-hope 0.172.0-canary.1499.11454669033.0 → 0.172.1-canary.1448.11457725334.0

package/cjs/components/Select/Select.js.map

@@ -1 +1 @@
-{"version":3,"file":"Select.js","sources":["../../../src/components/Select/Select.tsx"],"sourcesContent":["import React, { forwardRef, useState, useReducer, useMemo, createContext, useLayoutEffect } from 'react';\n\nimport { RootProps } from '../../engines';\nimport { isEmpty, getPlacements } from '../../utils';\nimport { useOutsideClick } from '../../hooks';\n\nimport { useKeyNavigation } from './hooks/useKeyboardNavigation';\nimport { initialItemsTransform, updateAncestors, updateDescendants, updateSingleAncestors, getView } from './utils';\nimport { Inner, Target } from './ui';\nimport { pathReducer, focusedPathReducer, focusedChipIndexReducer } from './reducers';\nimport { usePathMaps } from './hooks/usePathMaps';\nimport { StyledPopover, Ul, base, OuterLabel, HelperText } from './Select.styles';\nimport type { ItemContext, MergedSelectProps } from './Select.types';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport type { MergedDropdownNodeTransformed } from './ui/Inner/ui/Item/Item.types';\n\nexport const Context = createContext<ItemContext>({} as ItemContext);\n\n/**\n * Выпадающий список. Поддерживает выбор одного или нескольких значений.\n */\nexport const selectRoot = (Root: RootProps<HTMLButtonElement, Omit<MergedSelectProps, 'items'>>) =>\n    forwardRef<HTMLButtonElement, MergedSelectProps>((props, ref) => {\n        const {\n            value: outerValue,\n            onChange: outerOnChange,\n            target = 'textfield-like',\n            items,\n            placement = 'bottom',\n            label,\n            labelPlacement = 'outer',\n            placeholder,\n            helperText,\n            disabled = false,\n            view,\n            size,\n            listOverflow,\n            listHeight,\n            listWidth,\n            contentLeft,\n            onScrollBottom,\n            chipView,\n            variant = 'normal',\n            portal,\n            renderValue,\n            renderItem,\n            status,\n            onItemSelect,\n            separator,\n            closeAfterSelect: outerCloseAfterSelect,\n            ...rest\n        } = props;\n\n        const [internalValue, setInternalValue] = useState<string | number | Array<string | number>>(\n            outerValue || props.multiselect ? [] : '',\n        );\n\n        const value = outerValue || internalValue;\n\n        const onChange = (e: string | number | Array<string | number>) => {\n            if (outerOnChange) {\n                outerOnChange(e as any);\n            }\n\n            setInternalValue(e);\n        };\n\n        const transformedItems = useMemo(() => initialItemsTransform(items || []), [items]);\n\n        const [pathMap, focusedToValueMap, valueToCheckedMap, valueToItemMap] = usePathMaps(transformedItems);\n\n        const [path, dispatchPath] = useReducer(pathReducer, []);\n        const [focusedPath, dispatchFocusedPath] = useReducer(focusedPathReducer, []);\n        const [focusedChipIndex, dispatchFocusedChipIndex] = useReducer(focusedChipIndexReducer, null);\n        const [checked, setChecked] = useState(valueToCheckedMap);\n\n        const closeAfterSelect = outerCloseAfterSelect ?? !props.multiselect;\n\n        const targetRef = useOutsideClick<HTMLDivElement>(() => {\n            if (focusedChipIndex != null) {\n                dispatchFocusedChipIndex({ type: 'reset' });\n            }\n        });\n\n        const handleToggle = (opened: boolean) => {\n            if (opened) {\n                dispatchPath({ type: 'opened_first_level' });\n            } else {\n                dispatchFocusedPath({ type: 'reset' });\n                dispatchPath({ type: 'reset' });\n                dispatchFocusedChipIndex({ type: 'reset' });\n            }\n        };\n\n        const handleCheckboxChange = (item: MergedDropdownNodeTransformed) => {\n            if (props.multiselect) {\n                const checkedCopy = new Map(checked);\n\n                if (!checkedCopy.get(item.value)) {\n                    checkedCopy.set(item.value, true);\n                    updateDescendants(item, checkedCopy, true);\n                } else {\n                    checkedCopy.set(item.value, false);\n                    updateDescendants(item, checkedCopy, false);\n                }\n\n                updateAncestors(item, checkedCopy);\n\n                const newValues: Array<string | number> = [];\n\n                valueToItemMap.forEach((item, key) => {\n                    if (checkedCopy.get(key)) {\n                        newValues.push(item.value);\n                    }\n                });\n\n                if (closeAfterSelect) {\n                    dispatchPath({ type: 'reset' });\n                    dispatchFocusedPath({ type: 'reset' });\n                }\n\n                if (onChange) {\n                    onChange(newValues);\n                }\n            }\n        };\n\n        const handleItemClick = (item: MergedDropdownNodeTransformed, e?: React.MouseEvent<HTMLElement>) => {\n            if (!isEmpty(item?.items)) {\n                return;\n            }\n\n            if (props.multiselect) {\n                handleCheckboxChange(item);\n            } else {\n                if (e) {\n                    e.stopPropagation();\n                }\n\n                const checkedCopy = new Map(checked);\n\n                const isCurrentChecked = checkedCopy.get(item.value);\n\n                checkedCopy.forEach((_, key) => {\n                    checkedCopy.set(key, false);\n                });\n\n                if (!isCurrentChecked) {\n                    checkedCopy.set(item.value, 'done');\n                    updateSingleAncestors(item, checkedCopy, 'dot');\n                }\n\n                if (closeAfterSelect) {\n                    dispatchPath({ type: 'reset' });\n                    dispatchFocusedPath({ type: 'reset' });\n                }\n\n                if (onChange) {\n                    onChange(isCurrentChecked ? '' : item.value);\n                }\n\n                if (onItemSelect) {\n                    onItemSelect(item, e!);\n                }\n            }\n        };\n\n        const handleChipClick = (currentValue: string) => {\n            handleCheckboxChange(valueToItemMap.get(currentValue)!);\n        };\n\n        const handlePressDown = (item: MergedDropdownNodeTransformed, e?: React.MouseEvent<HTMLElement>) => {\n            if (isEmpty(item.items)) {\n                handleItemClick(item, e);\n            } else if (props.multiselect) {\n                handleCheckboxChange(item);\n            }\n        };\n\n        const handleScroll = (e: React.UIEvent<HTMLUListElement>) => {\n            if (!onScrollBottom) return;\n\n            const { target } = e;\n\n            if (\n                (target as HTMLElement).scrollHeight - (target as HTMLElement).scrollTop ===\n                (target as HTMLElement).clientHeight\n            ) {\n                onScrollBottom(e);\n            }\n        };\n\n        const { onKeyDown } = useKeyNavigation({\n            value,\n            focusedPath,\n            dispatchFocusedPath,\n            path,\n            dispatchPath,\n            pathMap,\n            focusedToValueMap,\n            handleToggle,\n            handlePressDown,\n            focusedChipIndex,\n            dispatchFocusedChipIndex,\n            valueToItemMap,\n            multiselect: props.multiselect,\n            isTargetAmount: props.isTargetAmount,\n        });\n\n        const isCurrentListOpen = Boolean(path[0]);\n\n        // В данном эффекте мы следим за изменениями value и вносим коррективы в дерево чекбоксов.\n        useLayoutEffect(() => {\n            const checkedCopy = new Map(checked);\n\n            checkedCopy.forEach((_, key) => {\n                checkedCopy.set(key, false);\n            });\n\n            if (!isEmpty(value) || typeof value === 'number') {\n                if (Array.isArray(value)) {\n                    value.forEach((val) => {\n                        checkedCopy.set(val, true);\n                        updateDescendants(valueToItemMap.get(val)!, checkedCopy, true);\n                        updateAncestors(valueToItemMap.get(val)!, checkedCopy);\n                    });\n                } else {\n                    checkedCopy.set(value, 'done');\n                    updateSingleAncestors(valueToItemMap.get(value)!, checkedCopy, 'dot');\n                }\n            }\n\n            setChecked(checkedCopy);\n        }, [value]);\n\n        return (\n            <Root ref={ref} size={size} view={status ? getView(status) : view} chipView={chipView} {...(rest as any)}>\n                {label && labelPlacement === 'outer' && target !== 'button-like' && <OuterLabel>{label}</OuterLabel>}\n                <Context.Provider\n                    value={{\n                        focusedPath,\n                        checked,\n                        multiselect: props.multiselect,\n                        size,\n                        handleCheckboxChange,\n                        handleItemClick,\n                        variant,\n                        renderItem,\n                        valueToItemMap,\n                    }}\n                >\n                    <StyledPopover\n                        ref={targetRef}\n                        opened={isCurrentListOpen}\n                        placement={getPlacements(placement)}\n                        usePortal={Boolean(portal)}\n                        frame={portal}\n                        onToggle={handleToggle}\n                        trigger=\"click\"\n                        target={\n                            <Target\n                                opened={isCurrentListOpen}\n                                value={value}\n                                valueToItemMap={valueToItemMap}\n                                focusedPath={focusedPath}\n                                focusedToValueMap={focusedToValueMap}\n                                onChipClick={handleChipClick}\n                                label={label}\n                                placeholder={placeholder}\n                                onKeyDown={onKeyDown}\n                                focusedChipIndex={focusedChipIndex}\n                                labelPlacement={labelPlacement}\n                                selectProps={props}\n                                size={size}\n                                contentLeft={contentLeft}\n                                disabled={disabled}\n                                renderValue={renderValue}\n                            />\n                        }\n                        preventOverflow={false}\n                        closeOnOverlayClick\n                        listWidth={listWidth}\n                    >\n                        {items && (\n                            <Root size={size} {...(rest as any)}>\n                                <Ul\n                                    role=\"tree\"\n                                    id=\"tree_level_1\"\n                                    listHeight={listHeight}\n                                    listOverflow={listOverflow}\n                                    onScroll={handleScroll}\n                                    listWidth={listWidth}\n                                >\n                                    {transformedItems.map((item, index) => (\n                                        <Inner\n                                            key={`${index}/0`}\n                                            item={item}\n                                            currentLevel={0}\n                                            path={path}\n                                            dispatchPath={dispatchPath}\n                                            index={index}\n                                            listWidth={listWidth}\n                                        />\n                                    ))}\n                                </Ul>\n                            </Root>\n                        )}\n                    </StyledPopover>\n                </Context.Provider>\n                {helperText && target === 'textfield-like' && <HelperText>{helperText}</HelperText>}\n            </Root>\n        );\n    });\n\nexport const selectConfig = {\n    name: 'Select',\n    tag: 'div',\n    layout: selectRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n    },\n    defaults: {\n        view: 'default',\n        chipView: 'default',\n        size: 'm',\n    },\n};\n"],"names":["Context","createContext","selectRoot","Root","forwardRef","props","ref","outerValue","value","outerOnChange","onChange","_props$target","target","items","_props$placement","placement","label","_props$labelPlacement","labelPlacement","placeholder","helperText","_props$disabled","disabled","view","size","listOverflow","listHeight","listWidth","contentLeft","onScrollBottom","chipView","_props$variant","variant","portal","renderValue","renderItem","status","onItemSelect","outerCloseAfterSelect","closeAfterSelect","rest","_objectWithoutProperties","_excluded","_useState","useState","multiselect","_useState2","_slicedToArray","internalValue","setInternalValue","e","transformedItems","useMemo","initialItemsTransform","_usePathMaps","usePathMaps","_usePathMaps2","pathMap","focusedToValueMap","valueToCheckedMap","valueToItemMap","_useReducer","useReducer","pathReducer","_useReducer2","path","dispatchPath","_useReducer3","focusedPathReducer","_useReducer4","focusedPath","dispatchFocusedPath","_useReducer5","focusedChipIndexReducer","_useReducer6","focusedChipIndex","dispatchFocusedChipIndex","_useState3","_useState4","checked","setChecked","targetRef","useOutsideClick","type","handleToggle","opened","handleCheckboxChange","item","checkedCopy","Map","get","set","updateDescendants","updateAncestors","newValues","forEach","key","push","handleItemClick","isEmpty","stopPropagation","isCurrentChecked","_","updateSingleAncestors","handleChipClick","currentValue","handlePressDown","handleScroll","scrollHeight","scrollTop","clientHeight","_useKeyNavigation","useKeyNavigation","isTargetAmount","onKeyDown","isCurrentListOpen","Boolean","useLayoutEffect","Array","isArray","val","React","createElement","_extends","getView","OuterLabel","Provider","StyledPopover","getPlacements","usePortal","frame","onToggle","trigger","Target","onChipClick","selectProps","preventOverflow","closeOnOverlayClick","Ul","role","id","onScroll","map","index","Inner","concat","currentLevel","HelperText","selectConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":"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"}
+{"version":3,"file":"Select.js","sources":["../../../src/components/Select/Select.tsx"],"sourcesContent":["import React, { forwardRef, useState, useReducer, useMemo, createContext, useLayoutEffect } from 'react';\n\nimport { RootProps } from '../../engines';\nimport { isEmpty, getPlacements } from '../../utils';\nimport { useOutsideClick } from '../../hooks';\n\nimport { useKeyNavigation } from './hooks/useKeyboardNavigation';\nimport { initialItemsTransform, updateAncestors, updateDescendants, updateSingleAncestors, getView } from './utils';\nimport { Inner, Target } from './ui';\nimport { pathReducer, focusedPathReducer, focusedChipIndexReducer } from './reducers';\nimport { usePathMaps } from './hooks/usePathMaps';\nimport { StyledPopover, Ul, base, OuterLabel, HelperText } from './Select.styles';\nimport type { ItemContext, MergedSelectProps } from './Select.types';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport type { MergedDropdownNodeTransformed } from './ui/Inner/ui/Item/Item.types';\n\nexport const Context = createContext<ItemContext>({} as ItemContext);\n\n/**\n * Выпадающий список. Поддерживает выбор одного или нескольких значений.\n */\nexport const selectRoot = (Root: RootProps<HTMLButtonElement, Omit<MergedSelectProps, 'items'>>) =>\n    forwardRef<HTMLButtonElement, MergedSelectProps>((props, ref) => {\n        const {\n            value: outerValue,\n            onChange: outerOnChange,\n            target = 'textfield-like',\n            items,\n            placement = 'bottom',\n            label,\n            labelPlacement = 'outer',\n            placeholder,\n            helperText,\n            disabled = false,\n            view,\n            size,\n            listOverflow,\n            listHeight,\n            listWidth,\n            contentLeft,\n            onScrollBottom,\n            chipView,\n            variant = 'normal',\n            portal,\n            renderValue,\n            renderItem,\n            status,\n            onItemSelect,\n            separator,\n            closeAfterSelect: outerCloseAfterSelect,\n            ...rest\n        } = props;\n\n        const [internalValue, setInternalValue] = useState<string | number | Array<string | number>>(\n            outerValue || props.multiselect ? [] : '',\n        );\n\n        const value = outerValue || internalValue;\n\n        const onChange = (e: string | number | Array<string | number>) => {\n            if (outerOnChange) {\n                outerOnChange(e as any);\n            }\n\n            setInternalValue(e);\n        };\n\n        const transformedItems = useMemo(() => initialItemsTransform(items || []), [items]);\n\n        const [pathMap, focusedToValueMap, valueToCheckedMap, valueToItemMap] = usePathMaps(transformedItems);\n\n        const [path, dispatchPath] = useReducer(pathReducer, []);\n        const [focusedPath, dispatchFocusedPath] = useReducer(focusedPathReducer, []);\n        const [focusedChipIndex, dispatchFocusedChipIndex] = useReducer(focusedChipIndexReducer, null);\n        const [checked, setChecked] = useState(valueToCheckedMap);\n\n        const closeAfterSelect = outerCloseAfterSelect ?? !props.multiselect;\n\n        const targetRef = useOutsideClick<HTMLDivElement>(() => {\n            if (focusedChipIndex != null) {\n                dispatchFocusedChipIndex({ type: 'reset' });\n            }\n        });\n\n        const handleToggle = (opened: boolean) => {\n            if (opened) {\n                dispatchPath({ type: 'opened_first_level' });\n            } else {\n                dispatchFocusedPath({ type: 'reset' });\n                dispatchPath({ type: 'reset' });\n                dispatchFocusedChipIndex({ type: 'reset' });\n            }\n        };\n\n        const handleCheckboxChange = (item: MergedDropdownNodeTransformed) => {\n            if (props.multiselect) {\n                const checkedCopy = new Map(checked);\n\n                if (!checkedCopy.get(item.value)) {\n                    checkedCopy.set(item.value, true);\n                    updateDescendants(item, checkedCopy, true);\n                } else {\n                    checkedCopy.set(item.value, false);\n                    updateDescendants(item, checkedCopy, false);\n                }\n\n                updateAncestors(item, checkedCopy);\n\n                const newValues: Array<string | number> = [];\n\n                valueToItemMap.forEach((item, key) => {\n                    if (checkedCopy.get(key)) {\n                        newValues.push(item.value);\n                    }\n                });\n\n                if (closeAfterSelect) {\n                    dispatchPath({ type: 'reset' });\n                    dispatchFocusedPath({ type: 'reset' });\n                }\n\n                if (onChange) {\n                    onChange(newValues);\n                }\n            }\n        };\n\n        const handleItemClick = (item: MergedDropdownNodeTransformed, e?: React.MouseEvent<HTMLElement>) => {\n            if (!isEmpty(item?.items)) {\n                return;\n            }\n\n            if (props.multiselect) {\n                handleCheckboxChange(item);\n            } else {\n                if (e) {\n                    e.stopPropagation();\n                }\n\n                const checkedCopy = new Map(checked);\n\n                const isCurrentChecked = checkedCopy.get(item.value);\n\n                checkedCopy.forEach((_, key) => {\n                    checkedCopy.set(key, false);\n                });\n\n                if (!isCurrentChecked) {\n                    checkedCopy.set(item.value, 'done');\n                    updateSingleAncestors(item, checkedCopy, 'dot');\n                }\n\n                if (closeAfterSelect) {\n                    dispatchPath({ type: 'reset' });\n                    dispatchFocusedPath({ type: 'reset' });\n                }\n\n                if (onChange) {\n                    onChange(isCurrentChecked ? '' : item.value);\n                }\n\n                if (onItemSelect) {\n                    onItemSelect(item, e!);\n                }\n            }\n        };\n\n        const handleChipClick = (currentValue: string) => {\n            handleCheckboxChange(valueToItemMap.get(currentValue)!);\n        };\n\n        const handlePressDown = (item: MergedDropdownNodeTransformed, e?: React.MouseEvent<HTMLElement>) => {\n            if (isEmpty(item.items)) {\n                handleItemClick(item, e);\n            } else if (props.multiselect) {\n                handleCheckboxChange(item);\n            }\n        };\n\n        const handleScroll = (e: React.UIEvent<HTMLUListElement>) => {\n            if (!onScrollBottom) return;\n\n            const { target } = e;\n\n            if (\n                (target as HTMLElement).scrollHeight - (target as HTMLElement).scrollTop ===\n                (target as HTMLElement).clientHeight\n            ) {\n                onScrollBottom(e);\n            }\n        };\n\n        const { onKeyDown } = useKeyNavigation({\n            value,\n            focusedPath,\n            dispatchFocusedPath,\n            path,\n            dispatchPath,\n            pathMap,\n            focusedToValueMap,\n            handleToggle,\n            handlePressDown,\n            focusedChipIndex,\n            dispatchFocusedChipIndex,\n            valueToItemMap,\n            multiselect: props.multiselect,\n            isTargetAmount: props.isTargetAmount,\n        });\n\n        const isCurrentListOpen = Boolean(path[0]);\n\n        // В данном эффекте мы следим за изменениями value и вносим коррективы в дерево чекбоксов.\n        useLayoutEffect(() => {\n            const checkedCopy = new Map(checked);\n\n            checkedCopy.forEach((_, key) => {\n                checkedCopy.set(key, false);\n            });\n\n            if (!isEmpty(value) || typeof value === 'number') {\n                if (Array.isArray(value)) {\n                    value.forEach((val) => {\n                        checkedCopy.set(val, true);\n                        updateDescendants(valueToItemMap.get(val)!, checkedCopy, true);\n                        updateAncestors(valueToItemMap.get(val)!, checkedCopy);\n                    });\n                } else {\n                    checkedCopy.set(value, 'done');\n                    updateSingleAncestors(valueToItemMap.get(value)!, checkedCopy, 'dot');\n                }\n            }\n\n            setChecked(checkedCopy);\n        }, [value]);\n\n        return (\n            <Root ref={ref} size={size} view={status ? getView(status) : view} chipView={chipView} {...(rest as any)}>\n                {label && labelPlacement === 'outer' && target !== 'button-like' && <OuterLabel>{label}</OuterLabel>}\n                <Context.Provider\n                    value={{\n                        focusedPath,\n                        checked,\n                        multiselect: props.multiselect,\n                        size,\n                        handleCheckboxChange,\n                        handleItemClick,\n                        variant,\n                        renderItem,\n                        valueToItemMap,\n                    }}\n                >\n                    <StyledPopover\n                        ref={targetRef}\n                        opened={isCurrentListOpen}\n                        placement={getPlacements(placement)}\n                        usePortal={Boolean(portal)}\n                        frame={portal}\n                        onToggle={handleToggle}\n                        trigger=\"click\"\n                        target={\n                            <Target\n                                opened={isCurrentListOpen}\n                                value={value}\n                                valueToItemMap={valueToItemMap}\n                                focusedPath={focusedPath}\n                                focusedToValueMap={focusedToValueMap}\n                                onChipClick={handleChipClick}\n                                label={label}\n                                placeholder={placeholder}\n                                onKeyDown={onKeyDown}\n                                focusedChipIndex={focusedChipIndex}\n                                labelPlacement={labelPlacement}\n                                selectProps={props}\n                                size={size}\n                                contentLeft={contentLeft}\n                                disabled={disabled}\n                                renderValue={renderValue}\n                            />\n                        }\n                        preventOverflow={false}\n                        closeOnOverlayClick\n                        listWidth={listWidth}\n                    >\n                        {items && (\n                            <Root size={size} {...(rest as any)}>\n                                <Ul\n                                    role=\"tree\"\n                                    id=\"tree_level_1\"\n                                    listHeight={listHeight}\n                                    listOverflow={listOverflow}\n                                    onScroll={handleScroll}\n                                    listWidth={listWidth}\n                                >\n                                    {transformedItems.map((item, index) => (\n                                        <Inner\n                                            key={`${index}/0`}\n                                            item={item}\n                                            currentLevel={0}\n                                            path={path}\n                                            dispatchPath={dispatchPath}\n                                            index={index}\n                                            listWidth={listWidth}\n                                        />\n                                    ))}\n                                </Ul>\n                            </Root>\n                        )}\n                    </StyledPopover>\n                </Context.Provider>\n                {helperText && target === 'textfield-like' && <HelperText>{helperText}</HelperText>}\n            </Root>\n        );\n    });\n\nexport const selectConfig = {\n    name: 'Select',\n    tag: 'div',\n    layout: selectRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n    },\n    defaults: {\n        view: 'default',\n        chipView: 'default',\n        size: 'm',\n    },\n};\n"],"names":["Context","createContext","selectRoot","Root","forwardRef","props","ref","outerValue","value","outerOnChange","onChange","_props$target","target","items","_props$placement","placement","label","_props$labelPlacement","labelPlacement","placeholder","helperText","_props$disabled","disabled","view","size","listOverflow","listHeight","listWidth","contentLeft","onScrollBottom","chipView","_props$variant","variant","portal","renderValue","renderItem","status","onItemSelect","outerCloseAfterSelect","closeAfterSelect","rest","_objectWithoutProperties","_excluded","_useState","useState","multiselect","_useState2","_slicedToArray","internalValue","setInternalValue","e","transformedItems","useMemo","initialItemsTransform","_usePathMaps","usePathMaps","_usePathMaps2","pathMap","focusedToValueMap","valueToCheckedMap","valueToItemMap","_useReducer","useReducer","pathReducer","_useReducer2","path","dispatchPath","_useReducer3","focusedPathReducer","_useReducer4","focusedPath","dispatchFocusedPath","_useReducer5","focusedChipIndexReducer","_useReducer6","focusedChipIndex","dispatchFocusedChipIndex","_useState3","_useState4","checked","setChecked","targetRef","useOutsideClick","type","handleToggle","opened","handleCheckboxChange","item","checkedCopy","Map","get","set","updateDescendants","updateAncestors","newValues","forEach","key","push","handleItemClick","isEmpty","stopPropagation","isCurrentChecked","_","updateSingleAncestors","handleChipClick","currentValue","handlePressDown","handleScroll","scrollHeight","scrollTop","clientHeight","_useKeyNavigation","useKeyNavigation","isTargetAmount","onKeyDown","isCurrentListOpen","Boolean","useLayoutEffect","Array","isArray","val","React","createElement","_extends","getView","OuterLabel","Provider","StyledPopover","getPlacements","usePortal","frame","onToggle","trigger","Target","onChipClick","selectProps","preventOverflow","closeOnOverlayClick","Ul","role","id","onScroll","map","index","Inner","concat","currentLevel","HelperText","selectConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":"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"}

package/cjs/components/Select/Select.styles.js

@@ -4,13 +4,10 @@ import './Select.styles_1nzals0.css';
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var react = require('@linaria/react');
-require('@linaria/core');
+var Select_tokens = require('./Select.tokens.js');
+var getCorrectHeight = require('./utils/getCorrectHeight.js');
 var common = require('../../engines/common.js');
 var Popover$1 = require('../Popover/Popover.js');
-var getCorrectHeight = require('./utils/getCorrectHeight.js');
-require('react');
-require('../../utils/react.js');
-var Select_tokens = require('./Select.tokens.js');
 
 var Popover = /*#__PURE__*/common.component(Popover$1.popoverConfig);
 var _exp = function _exp() {

package/cjs/components/Select/Select.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Select.styles.js","sources":["../../../src/components/Select/Select.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { component } from '../../engines';\nimport { popoverClasses, popoverConfig } from '../Popover';\n\nimport { getCorrectHeight } from './utils';\nimport { SelectProps } from './Select.types';\nimport { tokens, constants } from './Select.tokens';\n\nconst Popover = component(popoverConfig);\n\nexport const StyledPopover = styled(Popover)<{ listWidth?: SelectProps['listWidth'] }>`\n    .${String(popoverClasses.root)} {\n        width: ${({ listWidth }) => listWidth || '100%'};\n    }\n\n    .${String(popoverClasses.target)} {\n        width: 100%;\n    }\n`;\n\nexport const Ul = styled.ul<{\n    listOverflow?: SelectProps['listOverflow'];\n    listHeight?: SelectProps['listHeight'];\n    listWidth?: SelectProps['listWidth'];\n    isInnerUl?: boolean;\n}>`\n    box-sizing: border-box;\n\n    background: var(${constants.background});\n    box-shadow: ${constants.boxShadow};\n\n    border-radius: var(${tokens.borderRadius});\n    width: ${({ listWidth }) => listWidth || '100%'};\n    height: ${({ listHeight }) => (listHeight ? getCorrectHeight(listHeight) : 'auto')};\n    overflow: ${({ listOverflow }) => listOverflow || 'initial'};\n    border: var(${tokens.popoverBorderWidth}) solid var(${tokens.popoverBorderColor});\n\n    margin: ${({ isInnerUl }) => (isInnerUl ? `calc(var(${tokens.padding}) * -1) 0 0 var(${tokens.padding})` : 0)};\n    padding: var(${tokens.padding});\n`;\n\nexport const base = css`\n    .${popoverClasses.wrapper}, .${popoverClasses.target} {\n        display: block;\n    }\n`;\n\nexport const OuterLabel = styled.label`\n    display: block;\n    margin-bottom: var(${tokens.labelOffset});\n    color: var(${constants.textfieldOuterLabelColor});\n\n    font-family: var(${tokens.fontFamily});\n    font-size: var(${tokens.fontSize});\n    font-style: var(${tokens.fontStyle});\n    font-weight: var(${tokens.fontWeight});\n    letter-spacing: var(${tokens.fontLetterSpacing});\n    line-height: var(${tokens.fontLineHeight});\n`;\n\nexport const HelperText = styled.div`\n    margin-top: var(${tokens.helperTextOffset});\n    color: var(${tokens.helperTextColor});\n    font-family: var(${constants.fontFamily});\n    font-size: var(${constants.fontSize});\n    font-style: var(${constants.fontStyle});\n    font-weight: var(${constants.fontWeight});\n    letter-spacing: var(${constants.fontLetterSpacing});\n    line-height: var(${constants.fontLineHeight});\n`;\n"],"names":["Popover","component","popoverConfig","_exp","_exp3","_ref","listWidth","StyledPopover","styled","name","class","propsAsIs","vars","_exp8","_ref2","_exp9","_ref3","listHeight","getCorrectHeight","_exp10","_ref4","listOverflow","_exp13","_ref5","isInnerUl","concat","tokens","padding","Ul","base","OuterLabel","HelperText"],"mappings":";;;;;;;;;;;;;AAUA,IAAMA,OAAO,gBAAGC,gBAAS,CAACC,uBAAa,CAAC,CAAA;AAAC,IAAAC,IAAA,GATvBA,SASuBA,IAAAA,GAAA;AAAA,EAAA,OAELH,OAAO,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAI,KAAA,GAXzBA,SAWyBA,KAAAA,GAAA;AAAA,EAAA,OAE1B,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,SAAAA,GAAAA,IAAAA,CAAAA,SAAAA,CAAAA;IAAAA,OAAgBA,SAAS,IAAI,MAAM,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAFhD,IAAMC,aAAa,gBAAGC,YAAM,CAAAL,IAAA,EAAA,CAAA,CAAA;AAAAM,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cAElBR,KAAsC,EAAA,CAAA;AAAA,GAAA;AAAA,CAMtD,EAAA;AAAC,IAAAS,KAAA,GAnBgBA,SAmBhBA,KAAAA,GAAA;AAAA,EAAA,OAcW,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGR,SAAAA,GAAAA,KAAAA,CAAAA,SAAAA,CAAAA;IAAAA,OAAgBA,SAAS,IAAI,MAAM,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAS,KAAA,GAjCjCA,SAiCiCA,KAAAA,GAAA;AAAA,EAAA,OACrC,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,UAAAA,GAAAA,KAAAA,CAAAA,UAAAA,CAAAA;AAAAA,IAAAA,OAAkBA,UAAU,GAAGC,iCAAgB,CAACD,UAAU,CAAC,GAAG,MAAO,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAE,MAAA,GAlCpEA,SAkCoEA,MAAAA,GAAA;AAAA,EAAA,OACtE,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,YAAAA,GAAAA,KAAAA,CAAAA,YAAAA,CAAAA;IAAAA,OAAmBA,YAAY,IAAI,SAAS,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,MAAA,GAnC7CA,SAmC6CA,MAAAA,GAAA;AAAA,EAAA,OAGjD,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,SAAAA,GAAAA,KAAAA,CAAAA,SAAAA,CAAAA;AAAAA,IAAAA,OAAiBA,SAAS,GAAA,WAAA,CAAAC,MAAA,CAAeC,oBAAM,CAACC,OAAQ,EAAAF,kBAAAA,CAAAA,CAAAA,MAAA,CAAkBC,oBAAM,CAACC,OAAQ,SAAK,CAAE,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAjB1G,IAAMC,EAAE,gBAAGpB,YAAM,CAAA,IAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,IAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,YAAA,EAAA,cAYXC,KAAsC,EAAA,CAAA;AAAA,IAAA,YAAA,EAAA,cACrCE,KAAwE,EAAA,CAAA;AAAA,IAAA,YAAA,EAAA,cACtEI,MAA+C,EAAA,CAAA;AAAA,IAAA,YAAA,EAAA,cAGjDG,MAAmG,EAAA,CAAA;AAAA,GAAA;AAAA,CAEhH,EAAA;AAEM,IAAMO,IAAI,GAIhB,UAAA;AAEM,IAAMC,UAAU,gBAAGtB,YAAM,CAAA,OAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAW/B,EAAA;AAEM,IAAMoB,UAAU,gBAAGvB,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAS/B;;;;;;;;"}
+{"version":3,"file":"Select.styles.js","sources":["../../../src/components/Select/Select.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { component } from '../../engines';\nimport { popoverClasses, popoverConfig } from '../Popover';\n\nimport { getCorrectHeight } from './utils';\nimport { SelectProps } from './Select.types';\nimport { tokens, constants } from './Select.tokens';\n\nconst Popover = component(popoverConfig);\n\nexport const StyledPopover = styled(Popover)<{ listWidth?: SelectProps['listWidth'] }>`\n    .${String(popoverClasses.root)} {\n        width: ${({ listWidth }) => listWidth || '100%'};\n    }\n\n    .${String(popoverClasses.target)} {\n        width: 100%;\n    }\n`;\n\nexport const Ul = styled.ul<{\n    listOverflow?: SelectProps['listOverflow'];\n    listHeight?: SelectProps['listHeight'];\n    listWidth?: SelectProps['listWidth'];\n    isInnerUl?: boolean;\n}>`\n    box-sizing: border-box;\n\n    background: var(${constants.background});\n    box-shadow: ${constants.boxShadow};\n\n    border-radius: var(${tokens.borderRadius});\n    width: ${({ listWidth }) => listWidth || '100%'};\n    height: ${({ listHeight }) => (listHeight ? getCorrectHeight(listHeight) : 'auto')};\n    overflow: ${({ listOverflow }) => listOverflow || 'initial'};\n    border: var(${tokens.popoverBorderWidth}) solid var(${tokens.popoverBorderColor});\n\n    margin: ${({ isInnerUl }) => (isInnerUl ? `calc(var(${tokens.padding}) * -1) 0 0 var(${tokens.padding})` : 0)};\n    padding: var(${tokens.padding});\n`;\n\nexport const base = css`\n    .${popoverClasses.wrapper}, .${popoverClasses.target} {\n        display: block;\n    }\n`;\n\nexport const OuterLabel = styled.label`\n    display: block;\n    margin-bottom: var(${tokens.labelOffset});\n    color: var(${constants.textfieldOuterLabelColor});\n\n    font-family: var(${tokens.fontFamily});\n    font-size: var(${tokens.fontSize});\n    font-style: var(${tokens.fontStyle});\n    font-weight: var(${tokens.fontWeight});\n    letter-spacing: var(${tokens.fontLetterSpacing});\n    line-height: var(${tokens.fontLineHeight});\n`;\n\nexport const HelperText = styled.div`\n    margin-top: var(${tokens.helperTextOffset});\n    color: var(${tokens.helperTextColor});\n    font-family: var(${constants.fontFamily});\n    font-size: var(${constants.fontSize});\n    font-style: var(${constants.fontStyle});\n    font-weight: var(${constants.fontWeight});\n    letter-spacing: var(${constants.fontLetterSpacing});\n    line-height: var(${constants.fontLineHeight});\n`;\n"],"names":["Popover","component","popoverConfig","_exp","_exp3","_ref","listWidth","StyledPopover","styled","name","class","propsAsIs","vars","_exp8","_ref2","_exp9","_ref3","listHeight","getCorrectHeight","_exp10","_ref4","listOverflow","_exp13","_ref5","isInnerUl","concat","tokens","padding","Ul","base","OuterLabel","HelperText"],"mappings":"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"}

package/cjs/components/Select/hooks/usePathMaps.js

@@ -2,8 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('react');
-require('../../../utils/react.js');
 var isEmpty = require('../../../utils/isEmpty.js');
 
 // Рекурсивно проходим по дереву items и создаем 4 мапы: открытых путей, фокусов, выбранных элементов и айтемов.

package/cjs/components/Select/hooks/usePathMaps.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePathMaps.js","sources":["../../../../src/components/Select/hooks/usePathMaps.ts"],"sourcesContent":["import { isEmpty } from '../../../utils';\nimport { MergedSelectProps } from '../Select.types';\nimport { MergedDropdownNodeTransformed } from '../ui/Inner/ui/Item/Item.types';\n\nexport type PathMapType = Map<string | number, number>;\nexport type FocusedToValueMapType = Map<string, MergedDropdownNodeTransformed>;\nexport type ValueToCheckedMapType = Map<\n    MergedDropdownNodeTransformed['value'],\n    boolean | 'done' | 'dot' | 'indeterminate'\n>;\nexport type ValueToItemMapType = Map<MergedDropdownNodeTransformed['value'], MergedDropdownNodeTransformed>;\n\n// Рекурсивно проходим по дереву items и создаем 4 мапы: открытых путей, фокусов, выбранных элементов и айтемов.\nexport const usePathMaps = (items: MergedSelectProps['items']) => {\n    const pathMap: PathMapType = new Map();\n    const focusedToValueMap: FocusedToValueMapType = new Map();\n    const valueToCheckedMap: ValueToCheckedMapType = new Map();\n    const valueToItemMap: ValueToItemMapType = new Map();\n\n    pathMap.set('root', items?.length || 0);\n\n    const rec = (items: MergedSelectProps['items'], prevIndex = '') => {\n        items?.forEach((item: MergedDropdownNodeTransformed, index: number) => {\n            const { value, items: innerItems } = item;\n\n            const currIndex = `${prevIndex}/${index}`.replace(/^(\\/)/, '');\n            focusedToValueMap.set(currIndex, item);\n\n            valueToCheckedMap.set(value, false);\n\n            if (isEmpty(innerItems) || !innerItems) {\n                valueToItemMap.set(value, item);\n            } else {\n                pathMap.set(value, innerItems.length);\n                rec(innerItems, currIndex);\n            }\n        });\n    };\n    rec(items);\n\n    return [pathMap, focusedToValueMap, valueToCheckedMap, valueToItemMap] as [\n        PathMapType,\n        FocusedToValueMapType,\n        ValueToCheckedMapType,\n        ValueToItemMapType,\n    ];\n};\n"],"names":["usePathMaps","items","pathMap","Map","focusedToValueMap","valueToCheckedMap","valueToItemMap","set","length","rec","prevIndex","arguments","undefined","forEach","item","index","value","innerItems","currIndex","concat","replace","isEmpty"],"mappings":";;;;;;;;AAYA;IACaA,WAAW,GAAG,SAAdA,WAAWA,CAAIC,KAAiC,EAAK;AAC9D,EAAA,IAAMC,OAAoB,GAAG,IAAIC,GAAG,EAAE,CAAA;AACtC,EAAA,IAAMC,iBAAwC,GAAG,IAAID,GAAG,EAAE,CAAA;AAC1D,EAAA,IAAME,iBAAwC,GAAG,IAAIF,GAAG,EAAE,CAAA;AAC1D,EAAA,IAAMG,cAAkC,GAAG,IAAIH,GAAG,EAAE,CAAA;AAEpDD,EAAAA,OAAO,CAACK,GAAG,CAAC,MAAM,EAAE,CAAAN,KAAK,KAALA,IAAAA,IAAAA,KAAK,uBAALA,KAAK,CAAEO,MAAM,KAAI,CAAC,CAAC,CAAA;AAEvC,EAAA,IAAMC,GAAG,GAAG,SAANA,GAAGA,CAAIR,KAAiC,EAAqB;AAAA,IAAA,IAAnBS,SAAS,GAAAC,SAAA,CAAAH,MAAA,GAAA,CAAA,IAAAG,SAAA,CAAA,CAAA,CAAA,KAAAC,SAAA,GAAAD,SAAA,CAAA,CAAA,CAAA,GAAG,EAAE,CAAA;IAC1DV,KAAK,KAAA,IAAA,IAALA,KAAK,KAAA,KAAA,CAAA,IAALA,KAAK,CAAEY,OAAO,CAAC,UAACC,IAAmC,EAAEC,KAAa,EAAK;AACnE,MAAA,IAAQC,KAAK,GAAwBF,IAAI,CAAjCE,KAAK;QAASC,UAAU,GAAKH,IAAI,CAA1Bb,KAAK,CAAA;AAEpB,MAAA,IAAMiB,SAAS,GAAG,EAAA,CAAAC,MAAA,CAAGT,SAAS,EAAAS,GAAAA,CAAAA,CAAAA,MAAA,CAAIJ,KAAK,EAAGK,OAAO,CAAC,OAAO,EAAE,EAAE,CAAC,CAAA;AAC9DhB,MAAAA,iBAAiB,CAACG,GAAG,CAACW,SAAS,EAAEJ,IAAI,CAAC,CAAA;AAEtCT,MAAAA,iBAAiB,CAACE,GAAG,CAACS,KAAK,EAAE,KAAK,CAAC,CAAA;AAEnC,MAAA,IAAIK,eAAO,CAACJ,UAAU,CAAC,IAAI,CAACA,UAAU,EAAE;AACpCX,QAAAA,cAAc,CAACC,GAAG,CAACS,KAAK,EAAEF,IAAI,CAAC,CAAA;AACnC,OAAC,MAAM;QACHZ,OAAO,CAACK,GAAG,CAACS,KAAK,EAAEC,UAAU,CAACT,MAAM,CAAC,CAAA;AACrCC,QAAAA,GAAG,CAACQ,UAAU,EAAEC,SAAS,CAAC,CAAA;AAC9B,OAAA;AACJ,KAAC,CAAC,CAAA;GACL,CAAA;EACDT,GAAG,CAACR,KAAK,CAAC,CAAA;EAEV,OAAO,CAACC,OAAO,EAAEE,iBAAiB,EAAEC,iBAAiB,EAAEC,cAAc,CAAC,CAAA;AAM1E;;;;"}
+{"version":3,"file":"usePathMaps.js","sources":["../../../../src/components/Select/hooks/usePathMaps.ts"],"sourcesContent":["import { isEmpty } from '../../../utils';\nimport { MergedSelectProps } from '../Select.types';\nimport { MergedDropdownNodeTransformed } from '../ui/Inner/ui/Item/Item.types';\n\nexport type PathMapType = Map<string | number, number>;\nexport type FocusedToValueMapType = Map<string, MergedDropdownNodeTransformed>;\nexport type ValueToCheckedMapType = Map<\n    MergedDropdownNodeTransformed['value'],\n    boolean | 'done' | 'dot' | 'indeterminate'\n>;\nexport type ValueToItemMapType = Map<MergedDropdownNodeTransformed['value'], MergedDropdownNodeTransformed>;\n\n// Рекурсивно проходим по дереву items и создаем 4 мапы: открытых путей, фокусов, выбранных элементов и айтемов.\nexport const usePathMaps = (items: MergedSelectProps['items']) => {\n    const pathMap: PathMapType = new Map();\n    const focusedToValueMap: FocusedToValueMapType = new Map();\n    const valueToCheckedMap: ValueToCheckedMapType = new Map();\n    const valueToItemMap: ValueToItemMapType = new Map();\n\n    pathMap.set('root', items?.length || 0);\n\n    const rec = (items: MergedSelectProps['items'], prevIndex = '') => {\n        items?.forEach((item: MergedDropdownNodeTransformed, index: number) => {\n            const { value, items: innerItems } = item;\n\n            const currIndex = `${prevIndex}/${index}`.replace(/^(\\/)/, '');\n            focusedToValueMap.set(currIndex, item);\n\n            valueToCheckedMap.set(value, false);\n\n            if (isEmpty(innerItems) || !innerItems) {\n                valueToItemMap.set(value, item);\n            } else {\n                pathMap.set(value, innerItems.length);\n                rec(innerItems, currIndex);\n            }\n        });\n    };\n    rec(items);\n\n    return [pathMap, focusedToValueMap, valueToCheckedMap, valueToItemMap] as [\n        PathMapType,\n        FocusedToValueMapType,\n        ValueToCheckedMapType,\n        ValueToItemMapType,\n    ];\n};\n"],"names":["usePathMaps","items","pathMap","Map","focusedToValueMap","valueToCheckedMap","valueToItemMap","set","length","rec","prevIndex","arguments","undefined","forEach","item","index","value","innerItems","currIndex","concat","replace","isEmpty"],"mappings":";;;;;;AAYA;IACaA,WAAW,GAAG,SAAdA,WAAWA,CAAIC,KAAiC,EAAK;AAC9D,EAAA,IAAMC,OAAoB,GAAG,IAAIC,GAAG,EAAE,CAAA;AACtC,EAAA,IAAMC,iBAAwC,GAAG,IAAID,GAAG,EAAE,CAAA;AAC1D,EAAA,IAAME,iBAAwC,GAAG,IAAIF,GAAG,EAAE,CAAA;AAC1D,EAAA,IAAMG,cAAkC,GAAG,IAAIH,GAAG,EAAE,CAAA;AAEpDD,EAAAA,OAAO,CAACK,GAAG,CAAC,MAAM,EAAE,CAAAN,KAAK,KAALA,IAAAA,IAAAA,KAAK,uBAALA,KAAK,CAAEO,MAAM,KAAI,CAAC,CAAC,CAAA;AAEvC,EAAA,IAAMC,GAAG,GAAG,SAANA,GAAGA,CAAIR,KAAiC,EAAqB;AAAA,IAAA,IAAnBS,SAAS,GAAAC,SAAA,CAAAH,MAAA,GAAA,CAAA,IAAAG,SAAA,CAAA,CAAA,CAAA,KAAAC,SAAA,GAAAD,SAAA,CAAA,CAAA,CAAA,GAAG,EAAE,CAAA;IAC1DV,KAAK,KAAA,IAAA,IAALA,KAAK,KAAA,KAAA,CAAA,IAALA,KAAK,CAAEY,OAAO,CAAC,UAACC,IAAmC,EAAEC,KAAa,EAAK;AACnE,MAAA,IAAQC,KAAK,GAAwBF,IAAI,CAAjCE,KAAK;QAASC,UAAU,GAAKH,IAAI,CAA1Bb,KAAK,CAAA;AAEpB,MAAA,IAAMiB,SAAS,GAAG,EAAA,CAAAC,MAAA,CAAGT,SAAS,EAAAS,GAAAA,CAAAA,CAAAA,MAAA,CAAIJ,KAAK,EAAGK,OAAO,CAAC,OAAO,EAAE,EAAE,CAAC,CAAA;AAC9DhB,MAAAA,iBAAiB,CAACG,GAAG,CAACW,SAAS,EAAEJ,IAAI,CAAC,CAAA;AAEtCT,MAAAA,iBAAiB,CAACE,GAAG,CAACS,KAAK,EAAE,KAAK,CAAC,CAAA;AAEnC,MAAA,IAAIK,eAAO,CAACJ,UAAU,CAAC,IAAI,CAACA,UAAU,EAAE;AACpCX,QAAAA,cAAc,CAACC,GAAG,CAACS,KAAK,EAAEF,IAAI,CAAC,CAAA;AACnC,OAAC,MAAM;QACHZ,OAAO,CAACK,GAAG,CAACS,KAAK,EAAEC,UAAU,CAACT,MAAM,CAAC,CAAA;AACrCC,QAAAA,GAAG,CAACQ,UAAU,EAAEC,SAAS,CAAC,CAAA;AAC9B,OAAA;AACJ,KAAC,CAAC,CAAA;GACL,CAAA;EACDT,GAAG,CAACR,KAAK,CAAC,CAAA;EAEV,OAAO,CAACC,OAAO,EAAEE,iBAAiB,EAAEC,iBAAiB,EAAEC,cAAc,CAAC,CAAA;AAM1E;;;;"}

package/cjs/components/Select/ui/Inner/Inner.js

@@ -3,9 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-require('../../../../utils/react.js');
-var isEmpty = require('../../../../utils/isEmpty.js');
 var Select_styles = require('../../Select.styles.js');
+var isEmpty = require('../../../../utils/isEmpty.js');
 var Item = require('./ui/Item/Item.js');
 
 var Inner = function Inner(_ref) {

package/cjs/components/Select/ui/Inner/Inner.js.map

@@ -1 +1 @@
-{"version":3,"file":"Inner.js","sources":["../../../../../src/components/Select/ui/Inner/Inner.tsx"],"sourcesContent":["import React from 'react';\nimport type { FC } from 'react';\n\nimport { isEmpty } from '../../../../utils';\nimport { Ul, StyledPopover } from '../../Select.styles';\n\nimport type { MergedDropdownNodeTransformed } from './ui/Item/Item.types';\nimport { Item } from './ui';\nimport { InnerProps } from './Inner.type';\n\nexport const Inner: FC<InnerProps> = ({ item, currentLevel, path, dispatchPath, index, listWidth }) => {\n    const handleToggle = (opened: boolean): void => {\n        if (opened) {\n            dispatchPath({ type: 'changed_on_level', value: item.value.toString(), level: currentLevel + 1 });\n        } else {\n            dispatchPath({ type: 'cut_by_level', level: currentLevel + 1 });\n        }\n    };\n\n    const isCurrentListOpen = path[currentLevel + 1] === item.value.toString();\n\n    const listId = `tree_level_${currentLevel + 2}`;\n    const nextLevel = currentLevel + 1;\n\n    if (!isEmpty(item?.items)) {\n        return (\n            <StyledPopover\n                opened={isCurrentListOpen}\n                usePortal={false}\n                placement=\"right-start\"\n                trigger=\"click\"\n                target={\n                    <Item\n                        item={item}\n                        path={path}\n                        currentLevel={currentLevel}\n                        index={index}\n                        ariaControls={listId}\n                        ariaExpanded={isCurrentListOpen}\n                        ariaLevel={nextLevel}\n                        ariaLabel={item.label}\n                    />\n                }\n                onToggle={handleToggle}\n                isFocusTrapped={false}\n                preventOverflow={false}\n            >\n                <Ul role=\"group\" id={listId} isInnerUl listWidth={listWidth}>\n                    {item.items?.map((innerItem: MergedDropdownNodeTransformed, innerIndex: number) => (\n                        <Inner\n                            key={`${innerIndex}/${currentLevel}`}\n                            item={innerItem}\n                            currentLevel={nextLevel}\n                            path={path}\n                            dispatchPath={dispatchPath}\n                            index={innerIndex}\n                            listWidth={listWidth}\n                        />\n                    ))}\n                </Ul>\n            </StyledPopover>\n        );\n    }\n\n    return <Item item={item} path={path} index={index} currentLevel={currentLevel} ariaLevel={nextLevel} />;\n};\n"],"names":["Inner","_ref","item","currentLevel","path","dispatchPath","index","listWidth","handleToggle","opened","type","value","toString","level","isCurrentListOpen","listId","concat","nextLevel","isEmpty","items","_item$items","React","createElement","StyledPopover","usePortal","placement","trigger","target","Item","ariaControls","ariaExpanded","ariaLevel","ariaLabel","label","onToggle","isFocusTrapped","preventOverflow","Ul","role","id","isInnerUl","map","innerItem","innerIndex","key"],"mappings":"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"}
+{"version":3,"file":"Inner.js","sources":["../../../../../src/components/Select/ui/Inner/Inner.tsx"],"sourcesContent":["import React from 'react';\nimport type { FC } from 'react';\n\nimport { isEmpty } from '../../../../utils';\nimport { Ul, StyledPopover } from '../../Select.styles';\n\nimport type { MergedDropdownNodeTransformed } from './ui/Item/Item.types';\nimport { Item } from './ui';\nimport { InnerProps } from './Inner.type';\n\nexport const Inner: FC<InnerProps> = ({ item, currentLevel, path, dispatchPath, index, listWidth }) => {\n    const handleToggle = (opened: boolean): void => {\n        if (opened) {\n            dispatchPath({ type: 'changed_on_level', value: item.value.toString(), level: currentLevel + 1 });\n        } else {\n            dispatchPath({ type: 'cut_by_level', level: currentLevel + 1 });\n        }\n    };\n\n    const isCurrentListOpen = path[currentLevel + 1] === item.value.toString();\n\n    const listId = `tree_level_${currentLevel + 2}`;\n    const nextLevel = currentLevel + 1;\n\n    if (!isEmpty(item?.items)) {\n        return (\n            <StyledPopover\n                opened={isCurrentListOpen}\n                usePortal={false}\n                placement=\"right-start\"\n                trigger=\"click\"\n                target={\n                    <Item\n                        item={item}\n                        path={path}\n                        currentLevel={currentLevel}\n                        index={index}\n                        ariaControls={listId}\n                        ariaExpanded={isCurrentListOpen}\n                        ariaLevel={nextLevel}\n                        ariaLabel={item.label}\n                    />\n                }\n                onToggle={handleToggle}\n                isFocusTrapped={false}\n                preventOverflow={false}\n            >\n                <Ul role=\"group\" id={listId} isInnerUl listWidth={listWidth}>\n                    {item.items?.map((innerItem: MergedDropdownNodeTransformed, innerIndex: number) => (\n                        <Inner\n                            key={`${innerIndex}/${currentLevel}`}\n                            item={innerItem}\n                            currentLevel={nextLevel}\n                            path={path}\n                            dispatchPath={dispatchPath}\n                            index={innerIndex}\n                            listWidth={listWidth}\n                        />\n                    ))}\n                </Ul>\n            </StyledPopover>\n        );\n    }\n\n    return <Item item={item} path={path} index={index} currentLevel={currentLevel} ariaLevel={nextLevel} />;\n};\n"],"names":["Inner","_ref","item","currentLevel","path","dispatchPath","index","listWidth","handleToggle","opened","type","value","toString","level","isCurrentListOpen","listId","concat","nextLevel","isEmpty","items","_item$items","React","createElement","StyledPopover","usePortal","placement","trigger","target","Item","ariaControls","ariaExpanded","ariaLevel","ariaLabel","label","onToggle","isFocusTrapped","preventOverflow","Ul","role","id","isInnerUl","map","innerItem","innerIndex","key"],"mappings":"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"}

package/cjs/components/Select/ui/Inner/ui/Item/Item.js

@@ -3,15 +3,14 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var sizeToIconSize = require('../../../../utils/sizeToIconSize.js');
-var index = require('../../../../../../utils/index.js');
 var Select_tokens = require('../../../../Select.tokens.js');
-require('@linaria/react');
-var IconDone = require('../../../../../_Icon/Icons/IconDone.js');
-var IconDisclosureRightCentered = require('../../../../../_Icon/Icons/IconDisclosureRightCentered.js');
+var index = require('../../../../../../utils/index.js');
 var Select = require('../../../../Select.js');
 var Item_styles = require('./Item.styles.js');
+var IconDone = require('../../../../../_Icon/Icons/IconDone.js');
+var sizeToIconSize = require('../../../../utils/sizeToIconSize.js');
 var isEmpty = require('../../../../../../utils/isEmpty.js');
+var IconDisclosureRightCentered = require('../../../../../_Icon/Icons/IconDisclosureRightCentered.js');
 
 var _StyledIndicator;
 var Item = function Item(_ref) {

package/cjs/components/Select/ui/Inner/ui/Item/Item.js.map

@@ -1 +1 @@
-{"version":3,"file":"Item.js","sources":["../../../../../../../src/components/Select/ui/Inner/ui/Item/Item.tsx"],"sourcesContent":["import React, { useEffect, useRef, FC, useContext } from 'react';\n\nimport { sizeToIconSize } from '../../../../utils';\nimport { classes } from '../../../../Select.tokens';\nimport { cx, isEmpty } from '../../../../../../utils';\nimport { IconDisclosureRightCentered, IconDone } from '../../../../../_Icon';\nimport { Context } from '../../../../Select';\n\nimport { ItemProps } from './Item.types';\nimport {\n    StyledContentLeft,\n    StyledContentRight,\n    StyledText,\n    Wrapper,\n    DisclosureIconWrapper,\n    StyledCheckbox,\n    IconWrapper,\n    StyledIndicator,\n    StyledCheckboxWrapper,\n} from './Item.styles';\n\nexport const Item: FC<ItemProps> = ({\n    item,\n    path,\n    currentLevel,\n    index,\n    ariaControls,\n    ariaExpanded,\n    ariaLevel,\n    ariaLabel,\n}) => {\n    const { value, label, disabled, isDisabled, color, contentLeft, contentRight } = item;\n    const ref = useRef<HTMLLIElement | null>(null);\n\n    const {\n        focusedPath,\n        checked,\n        multiselect,\n        size,\n        handleCheckboxChange,\n        handleItemClick,\n        variant,\n        renderItem,\n        valueToItemMap,\n    } = useContext(Context);\n\n    const itemDisabled = Boolean(disabled || isDisabled);\n\n    const isDisabledClassName = itemDisabled ? classes.dropdownItemIsDisabled : undefined;\n    const focusedClass =\n        currentLevel === focusedPath.length - 1 && index === focusedPath?.[currentLevel]\n            ? classes.dropdownItemIsFocused\n            : undefined;\n    const activeClass = value === path?.[currentLevel + 1] ? classes.dropdownItemIsActive : undefined;\n\n    useEffect(() => {\n        if (focusedClass && ref?.current) {\n            ref.current.scrollIntoView({\n                behavior: 'smooth',\n                block: 'center',\n                inline: 'center',\n            });\n        }\n    }, [focusedClass]);\n\n    const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n        if (itemDisabled) return;\n\n        e.stopPropagation();\n\n        handleCheckboxChange(item);\n    };\n\n    const handleClick = (e: React.MouseEvent<HTMLElement>) => {\n        if (itemDisabled) {\n            e.stopPropagation();\n            return;\n        }\n\n        handleItemClick(item, e);\n    };\n\n    return (\n        <Wrapper\n            className={cx(isDisabledClassName, focusedClass, activeClass)}\n            id={value.toString()}\n            ref={ref}\n            onClick={handleClick}\n            variant={variant}\n            aria-controls={ariaControls}\n            aria-expanded={ariaExpanded}\n            aria-level={ariaLevel}\n            aria-label={ariaLabel}\n            role=\"treeitem\"\n        >\n            <IconWrapper variant={variant}>\n                {multiselect && (\n                    <StyledCheckboxWrapper onClick={(e) => e.stopPropagation()}>\n                        <StyledCheckbox\n                            checked={Boolean(checked.get(item.value))}\n                            indeterminate={checked.get(item.value) === 'indeterminate'}\n                            onChange={handleChange}\n                            className={classes.selectItemCheckbox}\n                        />\n                    </StyledCheckboxWrapper>\n                )}\n\n                {!multiselect && checked.get(item.value) === 'dot' && <StyledIndicator size=\"s\" view=\"default\" />}\n\n                {!multiselect && checked.get(item.value) === 'done' && (\n                    <IconDone size={sizeToIconSize(size, variant)} color=\"inherit\" />\n                )}\n            </IconWrapper>\n\n            {contentLeft && <StyledContentLeft>{contentLeft}</StyledContentLeft>}\n\n            <StyledText color={color}>{(renderItem && renderItem(valueToItemMap.get(value)!)) || label}</StyledText>\n\n            {contentRight && <StyledContentRight>{contentRight}</StyledContentRight>}\n\n            {!isEmpty(item.items) && (\n                <DisclosureIconWrapper>\n                    <IconDisclosureRightCentered size={sizeToIconSize(size, variant)} color=\"inherit\" />\n                </DisclosureIconWrapper>\n            )}\n        </Wrapper>\n    );\n};\n"],"names":["Item","_ref","item","path","currentLevel","index","ariaControls","ariaExpanded","ariaLevel","ariaLabel","value","label","disabled","isDisabled","color","contentLeft","contentRight","ref","useRef","_useContext","useContext","Context","focusedPath","checked","multiselect","size","handleCheckboxChange","handleItemClick","variant","renderItem","valueToItemMap","itemDisabled","Boolean","isDisabledClassName","classes","dropdownItemIsDisabled","undefined","focusedClass","length","dropdownItemIsFocused","activeClass","dropdownItemIsActive","useEffect","current","scrollIntoView","behavior","block","inline","handleChange","e","stopPropagation","handleClick","React","createElement","Wrapper","className","cx","id","toString","onClick","role","IconWrapper","StyledCheckboxWrapper","StyledCheckbox","get","indeterminate","onChange","selectItemCheckbox","_StyledIndicator","StyledIndicator","view","IconDone","sizeToIconSize","StyledContentLeft","StyledText","StyledContentRight","isEmpty","items","DisclosureIconWrapper","IconDisclosureRightCentered"],"mappings":"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"}
+{"version":3,"file":"Item.js","sources":["../../../../../../../src/components/Select/ui/Inner/ui/Item/Item.tsx"],"sourcesContent":["import React, { useEffect, useRef, FC, useContext } from 'react';\n\nimport { sizeToIconSize } from '../../../../utils';\nimport { classes } from '../../../../Select.tokens';\nimport { cx, isEmpty } from '../../../../../../utils';\nimport { IconDisclosureRightCentered, IconDone } from '../../../../../_Icon';\nimport { Context } from '../../../../Select';\n\nimport { ItemProps } from './Item.types';\nimport {\n    StyledContentLeft,\n    StyledContentRight,\n    StyledText,\n    Wrapper,\n    DisclosureIconWrapper,\n    StyledCheckbox,\n    IconWrapper,\n    StyledIndicator,\n    StyledCheckboxWrapper,\n} from './Item.styles';\n\nexport const Item: FC<ItemProps> = ({\n    item,\n    path,\n    currentLevel,\n    index,\n    ariaControls,\n    ariaExpanded,\n    ariaLevel,\n    ariaLabel,\n}) => {\n    const { value, label, disabled, isDisabled, color, contentLeft, contentRight } = item;\n    const ref = useRef<HTMLLIElement | null>(null);\n\n    const {\n        focusedPath,\n        checked,\n        multiselect,\n        size,\n        handleCheckboxChange,\n        handleItemClick,\n        variant,\n        renderItem,\n        valueToItemMap,\n    } = useContext(Context);\n\n    const itemDisabled = Boolean(disabled || isDisabled);\n\n    const isDisabledClassName = itemDisabled ? classes.dropdownItemIsDisabled : undefined;\n    const focusedClass =\n        currentLevel === focusedPath.length - 1 && index === focusedPath?.[currentLevel]\n            ? classes.dropdownItemIsFocused\n            : undefined;\n    const activeClass = value === path?.[currentLevel + 1] ? classes.dropdownItemIsActive : undefined;\n\n    useEffect(() => {\n        if (focusedClass && ref?.current) {\n            ref.current.scrollIntoView({\n                behavior: 'smooth',\n                block: 'center',\n                inline: 'center',\n            });\n        }\n    }, [focusedClass]);\n\n    const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n        if (itemDisabled) return;\n\n        e.stopPropagation();\n\n        handleCheckboxChange(item);\n    };\n\n    const handleClick = (e: React.MouseEvent<HTMLElement>) => {\n        if (itemDisabled) {\n            e.stopPropagation();\n            return;\n        }\n\n        handleItemClick(item, e);\n    };\n\n    return (\n        <Wrapper\n            className={cx(isDisabledClassName, focusedClass, activeClass)}\n            id={value.toString()}\n            ref={ref}\n            onClick={handleClick}\n            variant={variant}\n            aria-controls={ariaControls}\n            aria-expanded={ariaExpanded}\n            aria-level={ariaLevel}\n            aria-label={ariaLabel}\n            role=\"treeitem\"\n        >\n            <IconWrapper variant={variant}>\n                {multiselect && (\n                    <StyledCheckboxWrapper onClick={(e) => e.stopPropagation()}>\n                        <StyledCheckbox\n                            checked={Boolean(checked.get(item.value))}\n                            indeterminate={checked.get(item.value) === 'indeterminate'}\n                            onChange={handleChange}\n                            className={classes.selectItemCheckbox}\n                        />\n                    </StyledCheckboxWrapper>\n                )}\n\n                {!multiselect && checked.get(item.value) === 'dot' && <StyledIndicator size=\"s\" view=\"default\" />}\n\n                {!multiselect && checked.get(item.value) === 'done' && (\n                    <IconDone size={sizeToIconSize(size, variant)} color=\"inherit\" />\n                )}\n            </IconWrapper>\n\n            {contentLeft && <StyledContentLeft>{contentLeft}</StyledContentLeft>}\n\n            <StyledText color={color}>{(renderItem && renderItem(valueToItemMap.get(value)!)) || label}</StyledText>\n\n            {contentRight && <StyledContentRight>{contentRight}</StyledContentRight>}\n\n            {!isEmpty(item.items) && (\n                <DisclosureIconWrapper>\n                    <IconDisclosureRightCentered size={sizeToIconSize(size, variant)} color=\"inherit\" />\n                </DisclosureIconWrapper>\n            )}\n        </Wrapper>\n    );\n};\n"],"names":["Item","_ref","item","path","currentLevel","index","ariaControls","ariaExpanded","ariaLevel","ariaLabel","value","label","disabled","isDisabled","color","contentLeft","contentRight","ref","useRef","_useContext","useContext","Context","focusedPath","checked","multiselect","size","handleCheckboxChange","handleItemClick","variant","renderItem","valueToItemMap","itemDisabled","Boolean","isDisabledClassName","classes","dropdownItemIsDisabled","undefined","focusedClass","length","dropdownItemIsFocused","activeClass","dropdownItemIsActive","useEffect","current","scrollIntoView","behavior","block","inline","handleChange","e","stopPropagation","handleClick","React","createElement","Wrapper","className","cx","id","toString","onClick","role","IconWrapper","StyledCheckboxWrapper","StyledCheckbox","get","indeterminate","onChange","selectItemCheckbox","_StyledIndicator","StyledIndicator","view","IconDone","sizeToIconSize","StyledContentLeft","StyledText","StyledContentRight","isEmpty","items","DisclosureIconWrapper","IconDisclosureRightCentered"],"mappings":"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"}

package/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var react = require('@linaria/react');
 var Select_tokens = require('../../../../Select.tokens.js');
-require('@linaria/core');
 var common = require('../../../../../../engines/common.js');
 var Checkbox$1 = require('../../../../../Checkbox/Checkbox.js');
 var Indicator$1 = require('../../../../../Indicator/Indicator.js');

package/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Item.styles.js","sources":["../../../../../../../src/components/Select/ui/Inner/ui/Item/Item.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { classes, tokens, constants } from '../../../../Select.tokens';\nimport { addFocus, applyEllipsis } from '../../../../../../mixins';\nimport { component, mergeConfig } from '../../../../../../engines';\nimport { checkboxConfig, checkboxTokens } from '../../../../../Checkbox';\nimport { indicatorConfig, indicatorTokens } from '../../../../../Indicator';\nimport type { SelectProps } from '../../../../Select.types';\n\nconst mergedCheckboxConfig = mergeConfig(checkboxConfig);\nconst Checkbox = component(mergedCheckboxConfig);\n\nexport const StyledCheckbox = styled(Checkbox)`\n    ${checkboxTokens.triggerSize}: var(${tokens.checkboxTriggerSize});\n    ${checkboxTokens.triggerBorderRadius}: var(${tokens.checkboxTriggerBorderRadius});\n    ${checkboxTokens.fillColor}: var(${tokens.checkboxFillColor});\n    ${checkboxTokens.iconColor}: var(${tokens.checkboxIconColor});\n   ${checkboxTokens.triggerBorderColor}: var(${tokens.checkboxTriggerBorderColor});\n`;\n\nconst mergedIndicatorConfig = mergeConfig(indicatorConfig);\nconst Indicator = component(mergedIndicatorConfig);\n\nexport const StyledIndicator = styled(Indicator)`\n    ${indicatorTokens.size}: var(${tokens.indicatorSize});\n    ${indicatorTokens.color}: var(${tokens.checkboxFillColor});\n`;\n\nexport const StyledContentLeft = styled.div`\n    display: inline-flex;\n`;\n\nexport const StyledContentRight = styled.div`\n    margin-left: auto;\n    display: inline-flex;\n`;\n\nexport const DisclosureIconWrapper = styled.div`\n    line-height: 0;\n    color: var(${constants.disclosureIconColor});\n\n    &:hover {\n        color: var(${constants.disclosureIconColorHover});\n    }\n`;\n\nexport const IconWrapper = styled.div<{ variant: SelectProps['variant'] }>`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: ${({ variant }) => `var(${variant === 'tight' ? tokens.itemIconSizeTight : tokens.itemIconSize})`};\n    height: ${({ variant }) => `var(${variant === 'tight' ? tokens.itemIconSizeTight : tokens.itemIconSize})`};\n    margin: var(${tokens.itemIconMargin});\n    line-height: 0;\n    color: var(${tokens.checkboxFillColor});\n\n    & .${classes.selectItemCheckbox} {\n        --plasma-checkbox-trigger-size: ${({ variant }) =>\n            `var(${variant === 'tight' ? tokens.checkboxTriggerSizeTight : tokens.checkboxTriggerSize})`};\n        --plasma-checkbox-trigger-border-radius: ${({ variant }) =>\n            `var(${\n                variant === 'tight' ? tokens.checkboxTriggerBorderRadiusTight : tokens.checkboxTriggerBorderRadius\n            })`};\n    }\n`;\n\nexport const StyledText = styled.div<{ color?: string }>`\n    ${applyEllipsis()};\n    flex: 1;\n    color: ${({ color }) => color || 'inherit'};\n`;\n\nexport const Wrapper = styled.li<{ variant: SelectProps['variant'] }>`\n    display: flex;\n    align-items: center;\n    min-height: var(${tokens.itemHeight});\n    margin: 0;\n    box-sizing: content-box;\n    padding: ${({ variant }) => `var(${variant === 'tight' ? tokens.itemPaddingTight : tokens.itemPadding})`};\n    font-family: var(${tokens.fontFamily});\n    font-size: var(${tokens.fontSize});\n    font-style: var(${tokens.fontStyle});\n    font-weight: var(${tokens.fontWeight});\n    letter-spacing: var(${tokens.fontLetterSpacing});\n    line-height: var(${tokens.fontLineHeight});\n    background: var(${constants.itemBackground});\n    color: var(--text-primary);\n    border-radius: var(${tokens.itemBorderRadius});\n    user-select: none;\n\n    &:hover:not(.${classes.dropdownItemIsDisabled}) {\n        cursor: pointer;\n        background: var(${constants.itemBackgroundHover});\n    }\n\n    &.${classes.dropdownItemIsActive} {\n        background: var(${constants.itemBackgroundHover});\n    }\n\n    &.${classes.dropdownItemIsDisabled} {\n        opacity: ${constants.opacity};\n        cursor: not-allowed;\n    }\n\n    :focus {\n        outline: none;\n    }\n\n    ${addFocus({\n        outlineSize: '0.0625rem',\n        outlineOffset: '0',\n        outlineColor: `var(${constants.focusColor})`,\n        outlineRadius: `var(${tokens.itemBorderRadius})`,\n        hasTransition: false,\n        customFocusRules: `\n            &.${classes.dropdownItemIsFocused}:before {\n                outline: none;\n                box-shadow: 0 0 0 0.0625rem var(${constants.focusColor});\n            }\n        `,\n    })};\n`;\n\nexport const StyledCheckboxWrapper = styled.span``;\n"],"names":["mergedCheckboxConfig","mergeConfig","checkboxConfig","Checkbox","component","_exp","StyledCheckbox","styled","name","class","propsAsIs","mergedIndicatorConfig","indicatorConfig","Indicator","_exp12","StyledIndicator","StyledContentLeft","StyledContentRight","DisclosureIconWrapper","_exp20","_ref","variant","tokens","itemIconSizeTight","itemIconSize","_exp24","_ref2","checkboxTriggerSizeTight","checkboxTriggerSize","_exp25","_ref3","checkboxTriggerBorderRadiusTight","checkboxTriggerBorderRadius","IconWrapper","vars","_exp27","_ref4","color","StyledText","_exp29","_ref5","itemPaddingTight","itemPadding","Wrapper","StyledCheckboxWrapper"],"mappings":"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"}
+{"version":3,"file":"Item.styles.js","sources":["../../../../../../../src/components/Select/ui/Inner/ui/Item/Item.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { classes, tokens, constants } from '../../../../Select.tokens';\nimport { addFocus, applyEllipsis } from '../../../../../../mixins';\nimport { component, mergeConfig } from '../../../../../../engines';\nimport { checkboxConfig, checkboxTokens } from '../../../../../Checkbox';\nimport { indicatorConfig, indicatorTokens } from '../../../../../Indicator';\nimport type { SelectProps } from '../../../../Select.types';\n\nconst mergedCheckboxConfig = mergeConfig(checkboxConfig);\nconst Checkbox = component(mergedCheckboxConfig);\n\nexport const StyledCheckbox = styled(Checkbox)`\n    ${checkboxTokens.triggerSize}: var(${tokens.checkboxTriggerSize});\n    ${checkboxTokens.triggerBorderRadius}: var(${tokens.checkboxTriggerBorderRadius});\n    ${checkboxTokens.fillColor}: var(${tokens.checkboxFillColor});\n    ${checkboxTokens.iconColor}: var(${tokens.checkboxIconColor});\n   ${checkboxTokens.triggerBorderColor}: var(${tokens.checkboxTriggerBorderColor});\n`;\n\nconst mergedIndicatorConfig = mergeConfig(indicatorConfig);\nconst Indicator = component(mergedIndicatorConfig);\n\nexport const StyledIndicator = styled(Indicator)`\n    ${indicatorTokens.size}: var(${tokens.indicatorSize});\n    ${indicatorTokens.color}: var(${tokens.checkboxFillColor});\n`;\n\nexport const StyledContentLeft = styled.div`\n    display: inline-flex;\n`;\n\nexport const StyledContentRight = styled.div`\n    margin-left: auto;\n    display: inline-flex;\n`;\n\nexport const DisclosureIconWrapper = styled.div`\n    line-height: 0;\n    color: var(${constants.disclosureIconColor});\n\n    &:hover {\n        color: var(${constants.disclosureIconColorHover});\n    }\n`;\n\nexport const IconWrapper = styled.div<{ variant: SelectProps['variant'] }>`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: ${({ variant }) => `var(${variant === 'tight' ? tokens.itemIconSizeTight : tokens.itemIconSize})`};\n    height: ${({ variant }) => `var(${variant === 'tight' ? tokens.itemIconSizeTight : tokens.itemIconSize})`};\n    margin: var(${tokens.itemIconMargin});\n    line-height: 0;\n    color: var(${tokens.checkboxFillColor});\n\n    & .${classes.selectItemCheckbox} {\n        --plasma-checkbox-trigger-size: ${({ variant }) =>\n            `var(${variant === 'tight' ? tokens.checkboxTriggerSizeTight : tokens.checkboxTriggerSize})`};\n        --plasma-checkbox-trigger-border-radius: ${({ variant }) =>\n            `var(${\n                variant === 'tight' ? tokens.checkboxTriggerBorderRadiusTight : tokens.checkboxTriggerBorderRadius\n            })`};\n    }\n`;\n\nexport const StyledText = styled.div<{ color?: string }>`\n    ${applyEllipsis()};\n    flex: 1;\n    color: ${({ color }) => color || 'inherit'};\n`;\n\nexport const Wrapper = styled.li<{ variant: SelectProps['variant'] }>`\n    display: flex;\n    align-items: center;\n    min-height: var(${tokens.itemHeight});\n    margin: 0;\n    box-sizing: content-box;\n    padding: ${({ variant }) => `var(${variant === 'tight' ? tokens.itemPaddingTight : tokens.itemPadding})`};\n    font-family: var(${tokens.fontFamily});\n    font-size: var(${tokens.fontSize});\n    font-style: var(${tokens.fontStyle});\n    font-weight: var(${tokens.fontWeight});\n    letter-spacing: var(${tokens.fontLetterSpacing});\n    line-height: var(${tokens.fontLineHeight});\n    background: var(${constants.itemBackground});\n    color: var(--text-primary);\n    border-radius: var(${tokens.itemBorderRadius});\n    user-select: none;\n\n    &:hover:not(.${classes.dropdownItemIsDisabled}) {\n        cursor: pointer;\n        background: var(${constants.itemBackgroundHover});\n    }\n\n    &.${classes.dropdownItemIsActive} {\n        background: var(${constants.itemBackgroundHover});\n    }\n\n    &.${classes.dropdownItemIsDisabled} {\n        opacity: ${constants.opacity};\n        cursor: not-allowed;\n    }\n\n    :focus {\n        outline: none;\n    }\n\n    ${addFocus({\n        outlineSize: '0.0625rem',\n        outlineOffset: '0',\n        outlineColor: `var(${constants.focusColor})`,\n        outlineRadius: `var(${tokens.itemBorderRadius})`,\n        hasTransition: false,\n        customFocusRules: `\n            &.${classes.dropdownItemIsFocused}:before {\n                outline: none;\n                box-shadow: 0 0 0 0.0625rem var(${constants.focusColor});\n            }\n        `,\n    })};\n`;\n\nexport const StyledCheckboxWrapper = styled.span``;\n"],"names":["mergedCheckboxConfig","mergeConfig","checkboxConfig","Checkbox","component","_exp","StyledCheckbox","styled","name","class","propsAsIs","mergedIndicatorConfig","indicatorConfig","Indicator","_exp12","StyledIndicator","StyledContentLeft","StyledContentRight","DisclosureIconWrapper","_exp20","_ref","variant","tokens","itemIconSizeTight","itemIconSize","_exp24","_ref2","checkboxTriggerSizeTight","checkboxTriggerSize","_exp25","_ref3","checkboxTriggerBorderRadiusTight","checkboxTriggerBorderRadius","IconWrapper","vars","_exp27","_ref4","color","StyledText","_exp29","_ref5","itemPaddingTight","itemPadding","Wrapper","StyledCheckboxWrapper"],"mappings":"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"}

package/cjs/components/Select/ui/Target/ui/Button/Button.js

@@ -5,9 +5,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var index = require('../../../../../../utils/index.js');
 var Select_tokens = require('../../../../Select.tokens.js');
+var Button_styles = require('./Button.styles.js');
 var sizeToIconSize = require('../../../../utils/sizeToIconSize.js');
 var getButtonLabel = require('../../../../utils/getButtonLabel.js');
-var Button_styles = require('./Button.styles.js');
 
 var Button = function Button(_ref) {
   var opened = _ref.opened,

package/cjs/components/Select/ui/Target/ui/Button/Button.styles.js

@@ -4,12 +4,10 @@ import './Button.styles_lxxm4p.css';
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var react = require('@linaria/react');
-require('react');
+var Select_tokens = require('../../../../Select.tokens.js');
 var IconDisclosureDownCentered = require('../../../../../_Icon/Icons/IconDisclosureDownCentered.js');
-require('@linaria/core');
 var common = require('../../../../../../engines/common.js');
 var Button$1 = require('../../../../../Button/Button.js');
-var Select_tokens = require('../../../../Select.tokens.js');
 
 var mergedButtonConfig = /*#__PURE__*/common.mergeConfig(Button$1.buttonConfig);
 var Button = /*#__PURE__*/common.component(mergedButtonConfig);

package/cjs/components/Select/ui/Target/ui/Button/Button.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.styles.js","sources":["../../../../../../../src/components/Select/ui/Target/ui/Button/Button.styles.tsx"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { applyEllipsis } from '../../../../../../mixins';\nimport { IconDisclosureDownCentered } from '../../../../../_Icon';\nimport { component, mergeConfig } from '../../../../../../engines';\nimport { buttonConfig, buttonTokens } from '../../../../../Button';\nimport { tokens, classes, constants } from '../../../../Select.tokens';\n\nconst mergedButtonConfig = mergeConfig(buttonConfig);\nconst Button = component(mergedButtonConfig);\n\nexport const StyledButton = styled(Button)<{ renderTarget: boolean }>`\n    ${buttonTokens.buttonColor}: var(${tokens.targetButtonColor});\n    ${buttonTokens.buttonColorHover}: var(${tokens.targetButtonColorHover});\n    ${buttonTokens.buttonColorActive}: var(${tokens.targetButtonColorActive});\n    ${buttonTokens.buttonBackgroundColor}: var(${tokens.targetButtonBackgroundColor});\n    ${buttonTokens.buttonBackgroundColorHover}: var(${tokens.targetButtonBackgroundColorHover});\n    ${buttonTokens.buttonBackgroundColorActive}: var(${tokens.targetButtonBackgroundColorActive});\n    ${buttonTokens.buttonRightContentMargin}: var(${tokens.targetButtonArrowMargin});\n    ${buttonTokens.buttonHeight}: ${({ renderTarget }) => (renderTarget ? 'auto' : `var(${tokens.targetHeight})`)};\n    ${buttonTokens.buttonWidth}: 100%;\n    ${buttonTokens.buttonPadding}: var(${tokens.targetButtonPadding});\n    ${buttonTokens.buttonRadius}: var(${tokens.borderRadius});\n    ${buttonTokens.buttonFontFamily}: var(${tokens.fontFamily});\n    ${buttonTokens.buttonFontSize}: var(${tokens.fontSize});\n    ${buttonTokens.buttonFontStyle}: var(${tokens.fontStyle});\n    ${buttonTokens.buttonFontWeight}: 600;\n    ${buttonTokens.buttonLetterSpacing}: var(${tokens.fontLetterSpacing});\n    ${buttonTokens.buttonLineHeight}: var(${tokens.fontLineHeight});\n    ${buttonTokens.buttonDisabledOpacity}: ${constants.opacity};\n    ${buttonTokens.buttonFocusColor}: var(${constants.focusColor});\n    text-align: left;\n`;\n\nexport const IconArrowWrapper = styled.div`\n    line-height: 0;\n    color: var(${tokens.targetButtonArrowColor});\n\n    &:hover {\n        color: var(${tokens.targetButtonArrowColorHover});\n    }\n\n    &:active {\n        color: var(${tokens.targetButtonArrowColorActive});\n    }\n`;\n\nexport const StyledArrow = styled(IconDisclosureDownCentered)`\n    transition: color 0.3s ease-in, transform 0.15s ease-in;\n    pointer-events: none;\n    user-select: none;\n`;\n\nexport const ButtonWrapper = styled.div`\n    display: inline;\n\n    .${classes.selectWithoutBoxShadow}::before {\n        box-shadow: none !important;\n    }\n\n    .${classes.arrowInverse} {\n        transform: rotate(-180deg);\n    }\n`;\n\nexport const Label = styled.div`\n    display: inline;\n    width: 100%;\n    text-align: left;\n\n    ${applyEllipsis()}\n`;\n"],"names":["mergedButtonConfig","mergeConfig","buttonConfig","Button","component","_exp","_exp17","_ref","renderTarget","concat","tokens","targetHeight","StyledButton","styled","name","class","propsAsIs","vars","IconArrowWrapper","_exp41","IconDisclosureDownCentered","StyledArrow","ButtonWrapper","Label"],"mappings":";;;;;;;;;;;;AAQA,IAAMA,kBAAkB,gBAAGC,kBAAW,CAACC,qBAAY,CAAC,CAAA;AACpD,IAAMC,MAAM,gBAAGC,gBAAS,CAACJ,kBAAkB,CAAC,CAAA;AAAC,IAAAK,IAAA,GAR3BA,SAQ2BA,IAAAA,GAAA;AAAA,EAAA,OAEVF,MAAM,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAG,MAAA,GAVvBA,SAUuBA,MAAAA,GAAA;AAAA,EAAA,OAQL,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,YAAAA,GAAAA,IAAAA,CAAAA,YAAAA,CAAAA;IAAAA,OAAoBA,YAAY,GAAG,MAAM,GAAA,MAAA,CAAAC,MAAA,CAAUC,oBAAM,CAACC,YAAa,EAAG,GAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAR1G,IAAMC,YAAY,gBAAGC,YAAM,CAAAR,IAAA,EAAA,CAAA,CAAA;AAAAS,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cAQEX,MAA6E,EAAA,CAAA;AAAA,GAAA;AAAA,CAahH,EAAA;AAEM,IAAMY,gBAAgB,gBAAGL,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,kBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAWrC,EAAA;AAAC,IAAAG,MAAA,GA5CgBA,SA4ChBA,MAAAA,GAAA;AAAA,EAAA,OAEgCC,qDAA0B,CAAA;AAAA,CAAA,CAAA;AAArD,IAAMC,WAAW,gBAAGR,YAAM,CAAAM,MAAA,EAAA,CAAA,CAAA;AAAAL,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAIhC,EAAA;AAEM,IAAMM,aAAa,gBAAGT,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAUlC,EAAA;AAEM,IAAMO,KAAK,gBAAGV,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,OAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAM1B;;;;;;;;"}
+{"version":3,"file":"Button.styles.js","sources":["../../../../../../../src/components/Select/ui/Target/ui/Button/Button.styles.tsx"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { applyEllipsis } from '../../../../../../mixins';\nimport { IconDisclosureDownCentered } from '../../../../../_Icon';\nimport { component, mergeConfig } from '../../../../../../engines';\nimport { buttonConfig, buttonTokens } from '../../../../../Button';\nimport { tokens, classes, constants } from '../../../../Select.tokens';\n\nconst mergedButtonConfig = mergeConfig(buttonConfig);\nconst Button = component(mergedButtonConfig);\n\nexport const StyledButton = styled(Button)<{ renderTarget: boolean }>`\n    ${buttonTokens.buttonColor}: var(${tokens.targetButtonColor});\n    ${buttonTokens.buttonColorHover}: var(${tokens.targetButtonColorHover});\n    ${buttonTokens.buttonColorActive}: var(${tokens.targetButtonColorActive});\n    ${buttonTokens.buttonBackgroundColor}: var(${tokens.targetButtonBackgroundColor});\n    ${buttonTokens.buttonBackgroundColorHover}: var(${tokens.targetButtonBackgroundColorHover});\n    ${buttonTokens.buttonBackgroundColorActive}: var(${tokens.targetButtonBackgroundColorActive});\n    ${buttonTokens.buttonRightContentMargin}: var(${tokens.targetButtonArrowMargin});\n    ${buttonTokens.buttonHeight}: ${({ renderTarget }) => (renderTarget ? 'auto' : `var(${tokens.targetHeight})`)};\n    ${buttonTokens.buttonWidth}: 100%;\n    ${buttonTokens.buttonPadding}: var(${tokens.targetButtonPadding});\n    ${buttonTokens.buttonRadius}: var(${tokens.borderRadius});\n    ${buttonTokens.buttonFontFamily}: var(${tokens.fontFamily});\n    ${buttonTokens.buttonFontSize}: var(${tokens.fontSize});\n    ${buttonTokens.buttonFontStyle}: var(${tokens.fontStyle});\n    ${buttonTokens.buttonFontWeight}: 600;\n    ${buttonTokens.buttonLetterSpacing}: var(${tokens.fontLetterSpacing});\n    ${buttonTokens.buttonLineHeight}: var(${tokens.fontLineHeight});\n    ${buttonTokens.buttonDisabledOpacity}: ${constants.opacity};\n    ${buttonTokens.buttonFocusColor}: var(${constants.focusColor});\n    text-align: left;\n`;\n\nexport const IconArrowWrapper = styled.div`\n    line-height: 0;\n    color: var(${tokens.targetButtonArrowColor});\n\n    &:hover {\n        color: var(${tokens.targetButtonArrowColorHover});\n    }\n\n    &:active {\n        color: var(${tokens.targetButtonArrowColorActive});\n    }\n`;\n\nexport const StyledArrow = styled(IconDisclosureDownCentered)`\n    transition: color 0.3s ease-in, transform 0.15s ease-in;\n    pointer-events: none;\n    user-select: none;\n`;\n\nexport const ButtonWrapper = styled.div`\n    display: inline;\n\n    .${classes.selectWithoutBoxShadow}::before {\n        box-shadow: none !important;\n    }\n\n    .${classes.arrowInverse} {\n        transform: rotate(-180deg);\n    }\n`;\n\nexport const Label = styled.div`\n    display: inline;\n    width: 100%;\n    text-align: left;\n\n    ${applyEllipsis()}\n`;\n"],"names":["mergedButtonConfig","mergeConfig","buttonConfig","Button","component","_exp","_exp17","_ref","renderTarget","concat","tokens","targetHeight","StyledButton","styled","name","class","propsAsIs","vars","IconArrowWrapper","_exp41","IconDisclosureDownCentered","StyledArrow","ButtonWrapper","Label"],"mappings":";;;;;;;;;;AAQA,IAAMA,kBAAkB,gBAAGC,kBAAW,CAACC,qBAAY,CAAC,CAAA;AACpD,IAAMC,MAAM,gBAAGC,gBAAS,CAACJ,kBAAkB,CAAC,CAAA;AAAC,IAAAK,IAAA,GAR3BA,SAQ2BA,IAAAA,GAAA;AAAA,EAAA,OAEVF,MAAM,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAG,MAAA,GAVvBA,SAUuBA,MAAAA,GAAA;AAAA,EAAA,OAQL,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,YAAAA,GAAAA,IAAAA,CAAAA,YAAAA,CAAAA;IAAAA,OAAoBA,YAAY,GAAG,MAAM,GAAA,MAAA,CAAAC,MAAA,CAAUC,oBAAM,CAACC,YAAa,EAAG,GAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAR1G,IAAMC,YAAY,gBAAGC,YAAM,CAAAR,IAAA,EAAA,CAAA,CAAA;AAAAS,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cAQEX,MAA6E,EAAA,CAAA;AAAA,GAAA;AAAA,CAahH,EAAA;AAEM,IAAMY,gBAAgB,gBAAGL,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,kBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAWrC,EAAA;AAAC,IAAAG,MAAA,GA5CgBA,SA4ChBA,MAAAA,GAAA;AAAA,EAAA,OAEgCC,qDAA0B,CAAA;AAAA,CAAA,CAAA;AAArD,IAAMC,WAAW,gBAAGR,YAAM,CAAAM,MAAA,EAAA,CAAA,CAAA;AAAAL,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAIhC,EAAA;AAEM,IAAMM,aAAa,gBAAGT,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAUlC,EAAA;AAEM,IAAMO,KAAK,gBAAGV,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,OAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAM1B;;;;;;;;"}

package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js

@@ -5,10 +5,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var index = require('../../../../../../utils/index.js');
 var Select_tokens = require('../../../../Select.tokens.js');
-var sizeToIconSize = require('../../../../utils/sizeToIconSize.js');
-var Chip = require('./ui/Chip/Chip.js');
 var Textfield_styles = require('./Textfield.styles.js');
 var isEmpty = require('../../../../../../utils/isEmpty.js');
+var sizeToIconSize = require('../../../../utils/sizeToIconSize.js');
+var Chip = require('./ui/Chip/Chip.js');
 
 var getLabel = function getLabel(_ref) {
   var value = _ref.value,

package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js

@@ -4,14 +4,11 @@ import './Textfield.styles_11yj58s.css';
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var react = require('@linaria/react');
-require('react');
-require('../../../../../../utils/react.js');
+var Select_tokens = require('../../../../Select.tokens.js');
 var isEmpty = require('../../../../../../utils/isEmpty.js');
 var IconDisclosureDownCentered = require('../../../../../_Icon/Icons/IconDisclosureDownCentered.js');
-require('@linaria/core');
 var common = require('../../../../../../engines/common.js');
 var Button$1 = require('../../../../../Button/Button.js');
-var Select_tokens = require('../../../../Select.tokens.js');
 
 var mergedButtonConfig = /*#__PURE__*/common.mergeConfig(Button$1.buttonConfig);
 var Button = /*#__PURE__*/common.component(mergedButtonConfig);

package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Textfield.styles.js","sources":["../../../../../../../src/components/Select/ui/Target/ui/Textfield/Textfield.styles.tsx"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { isEmpty } from '../../../../../../utils';\nimport { applyEllipsis, addFocus } from '../../../../../../mixins';\nimport { IconDisclosureDownCentered } from '../../../../../_Icon';\nimport { component, mergeConfig } from '../../../../../../engines';\nimport { buttonConfig, buttonTokens } from '../../../../../Button';\nimport { tokens, classes, constants } from '../../../../Select.tokens';\nimport type { SelectProps } from '../../../../Select.types';\n\nconst mergedButtonConfig = mergeConfig(buttonConfig);\nconst Button = component(mergedButtonConfig);\n\nexport const TextfieldWrapper = styled.div<{ opened: boolean; value: SelectProps['value'] }>`\n    display: inline;\n\n    .${classes.textfieldTarget} {\n        transition: 100ms;\n        background: ${({ opened }) =>\n            opened\n                ? `var(${tokens.targetTextfieldBackgroundColorOpened})`\n                : `var(${tokens.targetTextfieldBackgroundColor})`};\n        padding: ${({ value }) =>\n            Array.isArray(value) && !isEmpty(value)\n                ? `0 var(${tokens.targetTextfieldChipPadding})`\n                : `0 var(${tokens.targetTextfieldPadding})`};\n        border: ${({ opened }) =>\n            opened\n                ? `var(${tokens.targetTextfieldBorderSize}) solid var(${tokens.targetTextfieldBorderOpenedColor})`\n                : `var(${tokens.targetTextfieldBorderSize}) solid var(${tokens.targetTextfieldBorderColor})`};\n    }\n\n    .${classes.textfieldTarget}:hover {\n        transition: 100ms;\n        border: ${({ opened }) =>\n            opened\n                ? `var(${tokens.targetTextfieldBorderSize}) solid var(${tokens.targetTextfieldBorderOpenedColor})`\n                : `var(${tokens.targetTextfieldBorderSize}) solid var(${tokens.targetTextfieldBorderColorHover})`};\n    }\n\n    .${classes.selectWithoutBoxShadow}::before {\n        box-shadow: none !important;\n    }\n`;\n\nexport const StyledButton = styled(Button)<{ renderTarget: boolean }>`\n    ${buttonTokens.buttonColor}: var(${constants.textfieldTargetColor});\n    ${buttonTokens.buttonColorHover}: var(${constants.textfieldTargetColor});\n    ${buttonTokens.buttonColorActive}: var(${constants.textfieldTargetColor});\n    ${buttonTokens.buttonHeight}: ${({ renderTarget }) => (renderTarget ? 'auto' : `var(${tokens.targetHeight})`)};\n    ${buttonTokens.buttonWidth}: 100%;\n    ${buttonTokens.buttonPadding}: var(${tokens.targetTextfieldPadding});\n    ${buttonTokens.buttonRadius}: var(${tokens.borderRadius});\n    ${buttonTokens.buttonFontFamily}: var(${tokens.fontFamily});\n    ${buttonTokens.buttonFontSize}: var(${tokens.fontSize});\n    ${buttonTokens.buttonFontStyle}: var(${tokens.fontStyle});\n    ${buttonTokens.buttonFontWeight}:var(${tokens.fontWeight});\n    ${buttonTokens.buttonLetterSpacing}: var(${tokens.fontLetterSpacing});\n    ${buttonTokens.buttonLineHeight}: var(${tokens.fontLineHeight});\n    ${buttonTokens.buttonDisabledOpacity}: ${constants.opacity};\n    ${buttonTokens.buttonFocusColor}: var(${constants.focusColor});\n    box-shadow: inset 0 0 0 ${tokens.targetTextfieldBorderSize} var(${tokens.targetTextfieldBorderColor});\n    text-align: left;\n\n    ${addFocus({\n        outlineOffset: tokens.targetTextfieldBorderSize,\n        outlineSize: constants.focusSize,\n        outlineRadius: `calc(var(${tokens.borderRadius}) - ${tokens.targetTextfieldBorderSize})`,\n        outlineColor: `var(${constants.focusColor})`,\n    })}\n`;\n\nexport const StyledArrow = styled(IconDisclosureDownCentered)``;\n\nexport const IconArrowWrapper = styled.div`\n    line-height: 0;\n    margin: var(${tokens.targetTextfieldArrowMargin});\n    color: var(${tokens.targetTextfieldArrowColor});\n\n    &:hover {\n        color: var(${tokens.targetTextfieldArrowColorHover});\n    }\n\n    &:active {\n        color: var(${tokens.targetTextfieldArrowColorActive});\n    }\n`;\n\nexport const Wrapper = styled.div`\n    width: 100%;\n    height: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n\n    .${classes.arrowInverse} {\n        transform: rotate(-180deg);\n    }\n`;\n\nexport const ChipWrapper = styled.div<{ multiselect: SelectProps['multiselect']; value: SelectProps['value'] }>`\n    width: 100%;\n    display: flex;\n    min-width: 0;\n    padding: ${({ multiselect, value }) =>\n        `calc(${constants.focusSize} + ${\n            multiselect && value && value.length > 0 ? `var(${tokens.focusOffset})` : 0\n        })`};\n    gap: 0.25rem;\n    overflow-x: scroll;\n    border-top-right-radius: var(${tokens.chipBorderRadius});\n    border-bottom-right-radius: var(${tokens.chipBorderRadius});\n\n    -ms-overflow-style: none;\n    scrollbar-width: none;\n\n    &::-webkit-scrollbar {\n        display: none;\n    }\n`;\n\nexport const Label = styled.label`\n    color: var(${constants.textfieldInnerLabelColor});\n    font-family: var(${tokens.fontFamily});\n    font-size: var(${tokens.fontSize});\n    font-style: var(${tokens.fontStyle});\n    font-weight: var(${tokens.fontWeight});\n    letter-spacing: var(${tokens.fontLetterSpacing});\n    line-height: var(${tokens.fontLineHeight});\n`;\n\nexport const Placeholder = styled.div`\n    color: var(${constants.textfieldPlaceholderColor});\n    font-family: var(${tokens.fontFamily});\n    font-size: var(${tokens.fontSize});\n    font-style: var(${tokens.fontStyle});\n    font-weight: var(${tokens.fontWeight});\n    letter-spacing: var(${tokens.fontLetterSpacing});\n    line-height: var(${tokens.fontLineHeight});\n`;\n\nexport const InnerLabelWrapper = styled.div`\n    display: flex;\n    flex-direction: column;\n    align-items: start;\n    row-gap: var(${tokens.innerLabelGap});\n    font-family: var(${tokens.fontFamily});\n    font-size: var(${tokens.fontSize});\n    font-style: var(${tokens.fontStyle});\n    font-weight: var(${tokens.fontWeight});\n    letter-spacing: var(${tokens.fontLetterSpacing});\n    line-height: var(${tokens.fontLineHeight});\n`;\n\nexport const InnerLabel = styled.label`\n    color: var(${constants.textfieldInnerLabelColor});\n    font-family: var(${constants.fontFamily});\n    font-size: var(${constants.fontSize});\n    font-style: var(${constants.fontStyle});\n    font-weight: var(${constants.fontWeight});\n    letter-spacing: var(${constants.fontLetterSpacing});\n    line-height: var(${constants.fontLineHeight});\n    text-align: left;\n`;\n\nexport const ContentLeftWrapper = styled.div`\n    flex: none;\n    margin-left: -0.125rem;\n    margin-right: 0.375rem;\n    line-height: 0;\n`;\n\nexport const Value = styled.span`\n    ${applyEllipsis()}\n`;\n"],"names":["mergedButtonConfig","mergeConfig","buttonConfig","Button","component","_exp2","_ref","opened","concat","tokens","targetTextfieldBackgroundColorOpened","targetTextfieldBackgroundColor","_exp3","_ref2","value","Array","isArray","isEmpty","targetTextfieldChipPadding","targetTextfieldPadding","_exp4","_ref3","targetTextfieldBorderSize","targetTextfieldBorderOpenedColor","targetTextfieldBorderColor","_exp6","_ref4","targetTextfieldBorderColorHover","TextfieldWrapper","styled","name","class","propsAsIs","vars","_exp8","_exp16","_ref5","renderTarget","targetHeight","StyledButton","_exp41","IconDisclosureDownCentered","StyledArrow","IconArrowWrapper","Wrapper","_exp47","_ref6","multiselect","constants","focusSize","length","focusOffset","ChipWrapper","Label","Placeholder","InnerLabelWrapper","InnerLabel","ContentLeftWrapper","Value"],"mappings":"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"}
+{"version":3,"file":"Textfield.styles.js","sources":["../../../../../../../src/components/Select/ui/Target/ui/Textfield/Textfield.styles.tsx"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { isEmpty } from '../../../../../../utils';\nimport { applyEllipsis, addFocus } from '../../../../../../mixins';\nimport { IconDisclosureDownCentered } from '../../../../../_Icon';\nimport { component, mergeConfig } from '../../../../../../engines';\nimport { buttonConfig, buttonTokens } from '../../../../../Button';\nimport { tokens, classes, constants } from '../../../../Select.tokens';\nimport type { SelectProps } from '../../../../Select.types';\n\nconst mergedButtonConfig = mergeConfig(buttonConfig);\nconst Button = component(mergedButtonConfig);\n\nexport const TextfieldWrapper = styled.div<{ opened: boolean; value: SelectProps['value'] }>`\n    display: inline;\n\n    .${classes.textfieldTarget} {\n        transition: 100ms;\n        background: ${({ opened }) =>\n            opened\n                ? `var(${tokens.targetTextfieldBackgroundColorOpened})`\n                : `var(${tokens.targetTextfieldBackgroundColor})`};\n        padding: ${({ value }) =>\n            Array.isArray(value) && !isEmpty(value)\n                ? `0 var(${tokens.targetTextfieldChipPadding})`\n                : `0 var(${tokens.targetTextfieldPadding})`};\n        border: ${({ opened }) =>\n            opened\n                ? `var(${tokens.targetTextfieldBorderSize}) solid var(${tokens.targetTextfieldBorderOpenedColor})`\n                : `var(${tokens.targetTextfieldBorderSize}) solid var(${tokens.targetTextfieldBorderColor})`};\n    }\n\n    .${classes.textfieldTarget}:hover {\n        transition: 100ms;\n        border: ${({ opened }) =>\n            opened\n                ? `var(${tokens.targetTextfieldBorderSize}) solid var(${tokens.targetTextfieldBorderOpenedColor})`\n                : `var(${tokens.targetTextfieldBorderSize}) solid var(${tokens.targetTextfieldBorderColorHover})`};\n    }\n\n    .${classes.selectWithoutBoxShadow}::before {\n        box-shadow: none !important;\n    }\n`;\n\nexport const StyledButton = styled(Button)<{ renderTarget: boolean }>`\n    ${buttonTokens.buttonColor}: var(${constants.textfieldTargetColor});\n    ${buttonTokens.buttonColorHover}: var(${constants.textfieldTargetColor});\n    ${buttonTokens.buttonColorActive}: var(${constants.textfieldTargetColor});\n    ${buttonTokens.buttonHeight}: ${({ renderTarget }) => (renderTarget ? 'auto' : `var(${tokens.targetHeight})`)};\n    ${buttonTokens.buttonWidth}: 100%;\n    ${buttonTokens.buttonPadding}: var(${tokens.targetTextfieldPadding});\n    ${buttonTokens.buttonRadius}: var(${tokens.borderRadius});\n    ${buttonTokens.buttonFontFamily}: var(${tokens.fontFamily});\n    ${buttonTokens.buttonFontSize}: var(${tokens.fontSize});\n    ${buttonTokens.buttonFontStyle}: var(${tokens.fontStyle});\n    ${buttonTokens.buttonFontWeight}:var(${tokens.fontWeight});\n    ${buttonTokens.buttonLetterSpacing}: var(${tokens.fontLetterSpacing});\n    ${buttonTokens.buttonLineHeight}: var(${tokens.fontLineHeight});\n    ${buttonTokens.buttonDisabledOpacity}: ${constants.opacity};\n    ${buttonTokens.buttonFocusColor}: var(${constants.focusColor});\n    box-shadow: inset 0 0 0 ${tokens.targetTextfieldBorderSize} var(${tokens.targetTextfieldBorderColor});\n    text-align: left;\n\n    ${addFocus({\n        outlineOffset: tokens.targetTextfieldBorderSize,\n        outlineSize: constants.focusSize,\n        outlineRadius: `calc(var(${tokens.borderRadius}) - ${tokens.targetTextfieldBorderSize})`,\n        outlineColor: `var(${constants.focusColor})`,\n    })}\n`;\n\nexport const StyledArrow = styled(IconDisclosureDownCentered)``;\n\nexport const IconArrowWrapper = styled.div`\n    line-height: 0;\n    margin: var(${tokens.targetTextfieldArrowMargin});\n    color: var(${tokens.targetTextfieldArrowColor});\n\n    &:hover {\n        color: var(${tokens.targetTextfieldArrowColorHover});\n    }\n\n    &:active {\n        color: var(${tokens.targetTextfieldArrowColorActive});\n    }\n`;\n\nexport const Wrapper = styled.div`\n    width: 100%;\n    height: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n\n    .${classes.arrowInverse} {\n        transform: rotate(-180deg);\n    }\n`;\n\nexport const ChipWrapper = styled.div<{ multiselect: SelectProps['multiselect']; value: SelectProps['value'] }>`\n    width: 100%;\n    display: flex;\n    min-width: 0;\n    padding: ${({ multiselect, value }) =>\n        `calc(${constants.focusSize} + ${\n            multiselect && value && value.length > 0 ? `var(${tokens.focusOffset})` : 0\n        })`};\n    gap: 0.25rem;\n    overflow-x: scroll;\n    border-top-right-radius: var(${tokens.chipBorderRadius});\n    border-bottom-right-radius: var(${tokens.chipBorderRadius});\n\n    -ms-overflow-style: none;\n    scrollbar-width: none;\n\n    &::-webkit-scrollbar {\n        display: none;\n    }\n`;\n\nexport const Label = styled.label`\n    color: var(${constants.textfieldInnerLabelColor});\n    font-family: var(${tokens.fontFamily});\n    font-size: var(${tokens.fontSize});\n    font-style: var(${tokens.fontStyle});\n    font-weight: var(${tokens.fontWeight});\n    letter-spacing: var(${tokens.fontLetterSpacing});\n    line-height: var(${tokens.fontLineHeight});\n`;\n\nexport const Placeholder = styled.div`\n    color: var(${constants.textfieldPlaceholderColor});\n    font-family: var(${tokens.fontFamily});\n    font-size: var(${tokens.fontSize});\n    font-style: var(${tokens.fontStyle});\n    font-weight: var(${tokens.fontWeight});\n    letter-spacing: var(${tokens.fontLetterSpacing});\n    line-height: var(${tokens.fontLineHeight});\n`;\n\nexport const InnerLabelWrapper = styled.div`\n    display: flex;\n    flex-direction: column;\n    align-items: start;\n    row-gap: var(${tokens.innerLabelGap});\n    font-family: var(${tokens.fontFamily});\n    font-size: var(${tokens.fontSize});\n    font-style: var(${tokens.fontStyle});\n    font-weight: var(${tokens.fontWeight});\n    letter-spacing: var(${tokens.fontLetterSpacing});\n    line-height: var(${tokens.fontLineHeight});\n`;\n\nexport const InnerLabel = styled.label`\n    color: var(${constants.textfieldInnerLabelColor});\n    font-family: var(${constants.fontFamily});\n    font-size: var(${constants.fontSize});\n    font-style: var(${constants.fontStyle});\n    font-weight: var(${constants.fontWeight});\n    letter-spacing: var(${constants.fontLetterSpacing});\n    line-height: var(${constants.fontLineHeight});\n    text-align: left;\n`;\n\nexport const ContentLeftWrapper = styled.div`\n    flex: none;\n    margin-left: -0.125rem;\n    margin-right: 0.375rem;\n    line-height: 0;\n`;\n\nexport const Value = styled.span`\n    ${applyEllipsis()}\n`;\n"],"names":["mergedButtonConfig","mergeConfig","buttonConfig","Button","component","_exp2","_ref","opened","concat","tokens","targetTextfieldBackgroundColorOpened","targetTextfieldBackgroundColor","_exp3","_ref2","value","Array","isArray","isEmpty","targetTextfieldChipPadding","targetTextfieldPadding","_exp4","_ref3","targetTextfieldBorderSize","targetTextfieldBorderOpenedColor","targetTextfieldBorderColor","_exp6","_ref4","targetTextfieldBorderColorHover","TextfieldWrapper","styled","name","class","propsAsIs","vars","_exp8","_exp16","_ref5","renderTarget","targetHeight","StyledButton","_exp41","IconDisclosureDownCentered","StyledArrow","IconArrowWrapper","Wrapper","_exp47","_ref6","multiselect","constants","focusSize","length","focusOffset","ChipWrapper","Label","Placeholder","InnerLabelWrapper","InnerLabel","ContentLeftWrapper","Value"],"mappings":"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"}

package/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js

@@ -4,9 +4,8 @@ import './Chip.styles_1a752pa.css';
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var react = require('@linaria/react');
-var Chip$1 = require('../../../../../../../Chip/Chip.js');
-require('@linaria/core');
 var common = require('../../../../../../../../engines/common.js');
+var Chip$1 = require('../../../../../../../Chip/Chip.js');
 
 var mergedConfig = /*#__PURE__*/common.mergeConfig(Chip$1.chipConfig);
 var Chip = /*#__PURE__*/common.component(mergedConfig);

package/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Chip.styles.js","sources":["../../../../../../../../../src/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { chipConfig, chipTokens } from '../../../../../../../Chip';\nimport { component, mergeConfig } from '../../../../../../../../engines';\nimport { tokens, classes, constants } from '../../../../../../Select.tokens';\nimport { addFocus } from '../../../../../../../../mixins';\n\nconst mergedConfig = mergeConfig(chipConfig);\nconst Chip = component(mergedConfig);\n\nexport const StyledChip = styled(Chip)`\n    ${chipTokens.color}: var(${tokens.chipColor});\n    ${chipTokens.colorHover}: var(${tokens.chipColor});\n    ${chipTokens.colorActive}: var(${tokens.chipColor});\n    ${chipTokens.background}: var(${tokens.chipBackground});\n    ${chipTokens.backgroundHover}: var(${tokens.chipBackgroundHover});\n    ${chipTokens.backgroundActive}: var(${tokens.chipBackgroundActive});\n    ${chipTokens.borderRadius}: var(${tokens.chipBorderRadius});\n    ${chipTokens.height}: var(${tokens.chipHeight});\n    ${chipTokens.paddingRight}: var(${tokens.chipPaddingRight});\n    ${chipTokens.paddingLeft}: var(${tokens.chipPaddingLeft});\n    ${chipTokens.fontFamily}: var(${tokens.fontFamily});\n    ${chipTokens.fontSize}: var(${tokens.fontSize});\n    ${chipTokens.fontStyle}: var(${tokens.fontStyle});\n    ${chipTokens.fontWeight}: var(${tokens.fontWeight});\n    ${chipTokens.letterSpacing}: var(${tokens.fontLetterSpacing});\n    ${chipTokens.lineHeight}: var(${tokens.fontLineHeight});\n    ${chipTokens.clearContentMarginLeft}: var(${tokens.chipClearContentMarginLeft});\n    ${chipTokens.clearContentMarginRight}: var(${tokens.chipClearContentMarginRight});\n    ${chipTokens.closeIconSize}: var(${tokens.chipCloseIconSize});\n    ${chipTokens.closeIconColor}: var(${tokens.chipColor});\n    ${chipTokens.focusColor}: var(${constants.focusColor});\n\n    ${addFocus({\n        outlineOffset: `calc(var(${tokens.focusOffset}) * -1)`,\n        outlineRadius: `calc(var(${tokens.chipBorderRadius}) + var(${tokens.focusOffset}))`,\n        customFocusRules: `\n            &.${classes.selectChipIsFocused}:before {\n                outline: none;\n                box-shadow: 0 0 0 ${constants.focusSize} var(${constants.focusColor});\n            }\n        `,\n    })};\n`;\n"],"names":["mergedConfig","mergeConfig","chipConfig","Chip","component","_exp","StyledChip","styled","name","class","propsAsIs"],"mappings":";;;;;;;;;AAOA,IAAMA,YAAY,gBAAGC,kBAAW,CAACC,iBAAU,CAAC,CAAA;AAC5C,IAAMC,IAAI,gBAAGC,gBAAS,CAACJ,YAAY,CAAC,CAAA;AAAC,IAAAK,IAAA,GAPnBA,SAOmBA,IAAAA,GAAA;AAAA,EAAA,OAEJF,IAAI,CAAA;AAAA,CAAA,CAAA;AAA9B,IAAMG,UAAU,gBAAGC,YAAM,CAAAF,IAAA,EAAA,CAAA,CAAA;AAAAG,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAiC/B;;;;"}
+{"version":3,"file":"Chip.styles.js","sources":["../../../../../../../../../src/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { chipConfig, chipTokens } from '../../../../../../../Chip';\nimport { component, mergeConfig } from '../../../../../../../../engines';\nimport { tokens, classes, constants } from '../../../../../../Select.tokens';\nimport { addFocus } from '../../../../../../../../mixins';\n\nconst mergedConfig = mergeConfig(chipConfig);\nconst Chip = component(mergedConfig);\n\nexport const StyledChip = styled(Chip)`\n    ${chipTokens.color}: var(${tokens.chipColor});\n    ${chipTokens.colorHover}: var(${tokens.chipColor});\n    ${chipTokens.colorActive}: var(${tokens.chipColor});\n    ${chipTokens.background}: var(${tokens.chipBackground});\n    ${chipTokens.backgroundHover}: var(${tokens.chipBackgroundHover});\n    ${chipTokens.backgroundActive}: var(${tokens.chipBackgroundActive});\n    ${chipTokens.borderRadius}: var(${tokens.chipBorderRadius});\n    ${chipTokens.height}: var(${tokens.chipHeight});\n    ${chipTokens.paddingRight}: var(${tokens.chipPaddingRight});\n    ${chipTokens.paddingLeft}: var(${tokens.chipPaddingLeft});\n    ${chipTokens.fontFamily}: var(${tokens.fontFamily});\n    ${chipTokens.fontSize}: var(${tokens.fontSize});\n    ${chipTokens.fontStyle}: var(${tokens.fontStyle});\n    ${chipTokens.fontWeight}: var(${tokens.fontWeight});\n    ${chipTokens.letterSpacing}: var(${tokens.fontLetterSpacing});\n    ${chipTokens.lineHeight}: var(${tokens.fontLineHeight});\n    ${chipTokens.clearContentMarginLeft}: var(${tokens.chipClearContentMarginLeft});\n    ${chipTokens.clearContentMarginRight}: var(${tokens.chipClearContentMarginRight});\n    ${chipTokens.closeIconSize}: var(${tokens.chipCloseIconSize});\n    ${chipTokens.closeIconColor}: var(${tokens.chipColor});\n    ${chipTokens.focusColor}: var(${constants.focusColor});\n\n    ${addFocus({\n        outlineOffset: `calc(var(${tokens.focusOffset}) * -1)`,\n        outlineRadius: `calc(var(${tokens.chipBorderRadius}) + var(${tokens.focusOffset}))`,\n        customFocusRules: `\n            &.${classes.selectChipIsFocused}:before {\n                outline: none;\n                box-shadow: 0 0 0 ${constants.focusSize} var(${constants.focusColor});\n            }\n        `,\n    })};\n`;\n"],"names":["mergedConfig","mergeConfig","chipConfig","Chip","component","_exp","StyledChip","styled","name","class","propsAsIs"],"mappings":";;;;;;;;AAOA,IAAMA,YAAY,gBAAGC,kBAAW,CAACC,iBAAU,CAAC,CAAA;AAC5C,IAAMC,IAAI,gBAAGC,gBAAS,CAACJ,YAAY,CAAC,CAAA;AAAC,IAAAK,IAAA,GAPnBA,SAOmBA,IAAAA,GAAA;AAAA,EAAA,OAEJF,IAAI,CAAA;AAAA,CAAA,CAAA;AAA9B,IAAMG,UAAU,gBAAGC,YAAM,CAAAF,IAAA,EAAA,CAAA,CAAA;AAAAG,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAiC/B;;;;"}

package/cjs/components/Select/utils/getButtonLabel.js

@@ -2,8 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('react');
-require('../../../utils/react.js');
 var isEmpty = require('../../../utils/isEmpty.js');
 
 var getLabel = function getLabel(_ref) {