@salutejs/plasma-new-hope 0.343.1-canary.2393.20326467208.0 → 0.343.1-canary.2393.20451760148.0

package/dist/css/es/components/Select/ui/TreeList/ui/Item/Item.js.map

@@ -1 +1 @@
-{"version":3,"file":"Item.js","sources":["../../../../../../../../../src/components/Select/ui/TreeList/ui/Item/Item.tsx"],"sourcesContent":["import React, { useContext, useRef } from 'react';\nimport { classes } from 'src/components/Select/Select.tokens';\nimport { sizeToIconSize } from 'src/components/Select/utils';\nimport { isArraysEqual, cx } from 'src/utils';\nimport { useDidMountEffect } from 'src/hooks';\n\nimport { keyExists } from '../../../../reducers/treePathReducer';\nimport { Context } from '../../../../Select.context';\n\nimport { Props } from './Item.types';\nimport {\n    ItemWrapper,\n    ChildItems,\n    Offset,\n    IconWrapper,\n    StyledCheckboxWrapper,\n    StyledCheckbox,\n    StyledIndicator,\n    StyledIconDone,\n    StyledText,\n    StyledWrapper,\n    StyledCell,\n    DisclosureIconWrapper,\n    StyledArrowRight,\n    Wrapper,\n    StyledArrowLeft,\n} from './Item.styles';\n\nexport const Item: React.FC<Props> = ({ item, pathToItem }) => {\n    const { label, value, disabled, isDisabled, contentLeft, contentRight } = item;\n\n    const isLeaf = !item?.items;\n\n    const {\n        checked,\n        multiselect,\n        size,\n        variant,\n        renderItem,\n        // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n        // @ts-ignore\n        _checkboxAppearance,\n        focusedPath,\n        treePath,\n        dispatchTreePath,\n        arrowPlacement,\n        handleItemClick,\n        handleCheckboxChange,\n        valueToPathMap,\n    } = useContext(Context);\n\n    const itemDisabled = Boolean(disabled || isDisabled);\n    const disabledClassName = itemDisabled ? classes.dropdownItemIsDisabled : undefined;\n\n    const ref = useRef<HTMLDivElement | null>(null);\n\n    const currentItemDepth = (valueToPathMap.get(item.value.toString())?.length || 0) - 1;\n\n    const isCurrentLevelOpened = keyExists(treePath, valueToPathMap.get(value.toString()) || []);\n\n    const withArrowInverse = isCurrentLevelOpened ? classes.arrowInverse : undefined;\n\n    const focusedClass = isArraysEqual(pathToItem, focusedPath) ? classes.dropdownItemIsFocused : undefined;\n\n    const handleClick = (e: React.MouseEvent<HTMLElement>) => {\n        if (itemDisabled) return;\n\n        if (!isLeaf) {\n            dispatchTreePath({ type: 'toggled_level', value: valueToPathMap.get(value.toString()) || [] });\n        }\n\n        if (handleItemClick) {\n            handleItemClick(item, e);\n        }\n    };\n\n    const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n        if (itemDisabled) return;\n\n        e.stopPropagation();\n\n        handleCheckboxChange(item);\n    };\n\n    useDidMountEffect(() => {\n        if (focusedClass && ref?.current) {\n            ref.current.scrollIntoView({\n                behavior: 'smooth',\n                block: 'center',\n                inline: 'center',\n            });\n        }\n    }, [focusedClass]);\n\n    return (\n        <ItemWrapper>\n            <Wrapper\n                ref={ref}\n                className={cx(focusedClass, disabledClassName)}\n                onClick={handleClick}\n                variant={variant}\n                role=\"treeitem\"\n            >\n                <Offset depth={currentItemDepth} />\n\n                {arrowPlacement === 'left' && (\n                    <DisclosureIconWrapper visibility={isLeaf ? 'hidden' : 'visible'}>\n                        <StyledArrowLeft\n                            size={sizeToIconSize(size, variant)}\n                            color=\"inherit\"\n                            className={withArrowInverse}\n                        />\n                    </DisclosureIconWrapper>\n                )}\n\n                {multiselect && (\n                    <IconWrapper variant={variant}>\n                        <StyledCheckboxWrapper onClick={(e) => e.stopPropagation()}>\n                            <StyledCheckbox\n                                disabled={itemDisabled}\n                                checked={Boolean(checked.get(item.value))}\n                                indeterminate={checked.get(item.value) === 'indeterminate'}\n                                onChange={handleChange}\n                                appearance={_checkboxAppearance ?? 'default'}\n                            />\n                        </StyledCheckboxWrapper>\n                    </IconWrapper>\n                )}\n\n                {!multiselect && arrowPlacement === 'right' && (\n                    <IconWrapper variant={variant}>\n                        {checked.get(item.value) === 'dot' && <StyledIndicator size=\"s\" view=\"default\" />}\n\n                        {checked.get(item.value) === 'done' && (\n                            <StyledIconDone size={sizeToIconSize(size, variant)} color=\"inherit\" />\n                        )}\n                    </IconWrapper>\n                )}\n\n                {renderItem ? (\n                    <StyledText>{renderItem(item)}</StyledText>\n                ) : (\n                    <StyledWrapper disabled={itemDisabled}>\n                        <StyledCell\n                            contentLeft={contentLeft}\n                            contentRight={contentRight}\n                            // TODO: #1548\n                            // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n                            // @ts-ignore\n                            title={<span>{label}</span>}\n                        />\n                    </StyledWrapper>\n                )}\n\n                {!multiselect && arrowPlacement === 'left' && (\n                    <IconWrapper variant={variant}>\n                        {checked.get(item.value) === 'dot' && <StyledIndicator size=\"s\" view=\"default\" />}\n\n                        {checked.get(item.value) === 'done' && (\n                            <StyledIconDone size={sizeToIconSize(size, variant)} color=\"inherit\" />\n                        )}\n                    </IconWrapper>\n                )}\n\n                {arrowPlacement === 'right' && (\n                    <DisclosureIconWrapper visibility={isLeaf ? 'hidden' : 'visible'}>\n                        <StyledArrowRight\n                            size={sizeToIconSize(size, variant)}\n                            color=\"inherit\"\n                            className={withArrowInverse}\n                        />\n                    </DisclosureIconWrapper>\n                )}\n            </Wrapper>\n\n            {!isLeaf && isCurrentLevelOpened && (\n                <ChildItems>\n                    {item.items?.map((item, index) => {\n                        return <Item item={item} key={item.value} pathToItem={[...pathToItem, index]} />;\n                    })}\n                </ChildItems>\n            )}\n        </ItemWrapper>\n    );\n};\n"],"names":["Item","_ref","_valueToPathMap$get","_item$items","item","pathToItem","label","value","disabled","isDisabled","contentLeft","contentRight","isLeaf","items","_useContext","useContext","Context","checked","multiselect","size","variant","renderItem","_checkboxAppearance","focusedPath","treePath","dispatchTreePath","arrowPlacement","handleItemClick","handleCheckboxChange","valueToPathMap","itemDisabled","Boolean","disabledClassName","classes","dropdownItemIsDisabled","undefined","ref","useRef","currentItemDepth","get","toString","length","isCurrentLevelOpened","keyExists","withArrowInverse","arrowInverse","focusedClass","isArraysEqual","dropdownItemIsFocused","handleClick","e","type","handleChange","stopPropagation","useDidMountEffect","current","scrollIntoView","behavior","block","inline","React","createElement","ItemWrapper","Wrapper","className","cx","onClick","role","Offset","depth","DisclosureIconWrapper","visibility","StyledArrowLeft","sizeToIconSize","color","IconWrapper","StyledCheckboxWrapper","StyledCheckbox","indeterminate","onChange","appearance","_StyledIndicator","StyledIndicator","view","StyledIconDone","StyledText","StyledWrapper","StyledCell","title","_StyledIndicator2","StyledArrowRight","ChildItems","map","index","key","concat","_toConsumableArray"],"mappings":"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"}
+{"version":3,"file":"Item.js","sources":["../../../../../../../../../src/components/Select/ui/TreeList/ui/Item/Item.tsx"],"sourcesContent":["import React, { useContext, useRef } from 'react';\nimport { classes } from 'src/components/Select/Select.tokens';\nimport { sizeToIconSize } from 'src/components/Select/utils';\nimport { isArraysEqual, cx } from 'src/utils';\nimport { useDidMountEffect } from 'src/hooks';\n\nimport { keyExists } from '../../../../reducers/treePathReducer';\nimport { Context } from '../../../../Select.context';\n\nimport { Props } from './Item.types';\nimport {\n    ItemWrapper,\n    ChildItems,\n    Offset,\n    IconWrapper,\n    StyledCheckboxWrapper,\n    StyledCheckbox,\n    StyledIndicator,\n    StyledIconDone,\n    StyledText,\n    StyledWrapper,\n    StyledCell,\n    DisclosureIconWrapper,\n    StyledArrowRight,\n    Wrapper,\n    StyledArrowLeft,\n} from './Item.styles';\n\nexport const Item: React.FC<Props> = ({ item, pathToItem }) => {\n    const { label, value, disabled, isDisabled, contentLeft, contentRight } = item;\n\n    const isLeaf = !item?.items;\n\n    const {\n        checked,\n        multiselect,\n        size,\n        variant,\n        renderItem,\n        // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n        // @ts-ignore\n        _checkboxAppearance,\n        focusedPath,\n        treePath,\n        dispatchTreePath,\n        arrowPlacement,\n        handleItemClick,\n        handleCheckboxChange,\n        valueToPathMap,\n    } = useContext(Context);\n\n    const itemDisabled = Boolean(disabled || isDisabled);\n    const disabledClassName = itemDisabled ? classes.dropdownItemIsDisabled : undefined;\n\n    const ref = useRef<HTMLDivElement | null>(null);\n\n    const currentItemDepth = (valueToPathMap.get(item.value.toString())?.length || 0) - 1;\n\n    const isCurrentLevelOpened = keyExists(treePath, valueToPathMap.get(value.toString()) || []);\n\n    const withArrowInverse = isCurrentLevelOpened ? classes.arrowInverse : undefined;\n\n    const focusedClass = isArraysEqual(pathToItem, focusedPath) ? classes.dropdownItemIsFocused : undefined;\n\n    const handleClick = (e: React.MouseEvent<HTMLElement>) => {\n        if (itemDisabled) return;\n\n        if (!isLeaf) {\n            dispatchTreePath({ type: 'toggled_level', value: valueToPathMap.get(value.toString()) || [] });\n        }\n\n        if (handleItemClick) {\n            handleItemClick(item, e);\n        }\n    };\n\n    const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n        if (itemDisabled) return;\n\n        e.stopPropagation();\n\n        handleCheckboxChange(item);\n    };\n\n    useDidMountEffect(() => {\n        if (focusedClass && ref?.current) {\n            ref.current.scrollIntoView({\n                behavior: 'smooth',\n                block: 'center',\n                inline: 'center',\n            });\n        }\n    }, [focusedClass]);\n\n    return (\n        <ItemWrapper>\n            <Wrapper\n                ref={ref}\n                className={cx(focusedClass, disabledClassName)}\n                onClick={handleClick}\n                variant={variant}\n                role=\"treeitem\"\n            >\n                <Offset depth={currentItemDepth} />\n\n                {arrowPlacement === 'left' && (\n                    <DisclosureIconWrapper visibility={isLeaf ? 'hidden' : 'visible'}>\n                        <StyledArrowLeft\n                            size={sizeToIconSize(size, variant)}\n                            color=\"inherit\"\n                            className={withArrowInverse}\n                        />\n                    </DisclosureIconWrapper>\n                )}\n\n                {multiselect && (\n                    <IconWrapper variant={variant}>\n                        <StyledCheckboxWrapper onClick={(e) => e.stopPropagation()}>\n                            <StyledCheckbox\n                                disabled={itemDisabled}\n                                checked={Boolean(checked.get(item.value))}\n                                indeterminate={checked.get(item.value) === 'indeterminate'}\n                                onChange={handleChange}\n                                appearance={_checkboxAppearance ?? 'default'}\n                            />\n                        </StyledCheckboxWrapper>\n                    </IconWrapper>\n                )}\n\n                {!multiselect && arrowPlacement === 'right' && (\n                    <IconWrapper variant={variant}>\n                        {checked.get(item.value) === 'dot' && <StyledIndicator size=\"s\" view=\"default\" />}\n\n                        {checked.get(item.value) === 'done' && (\n                            <StyledIconDone size={sizeToIconSize(size, variant)} color=\"inherit\" />\n                        )}\n                    </IconWrapper>\n                )}\n\n                {renderItem ? (\n                    <StyledText>{renderItem(item)}</StyledText>\n                ) : (\n                    <StyledWrapper disabled={itemDisabled}>\n                        <StyledCell\n                            contentLeft={contentLeft}\n                            contentRight={contentRight}\n                            // TODO: #1548\n                            // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n                            // @ts-ignore\n                            title={<span>{label}</span>}\n                        />\n                    </StyledWrapper>\n                )}\n\n                {!multiselect && arrowPlacement === 'left' && (\n                    <IconWrapper variant={variant}>\n                        {checked.get(item.value) === 'dot' && <StyledIndicator size=\"s\" view=\"default\" />}\n\n                        {checked.get(item.value) === 'done' && (\n                            <StyledIconDone size={sizeToIconSize(size, variant)} color=\"inherit\" />\n                        )}\n                    </IconWrapper>\n                )}\n\n                {arrowPlacement === 'right' && (\n                    <DisclosureIconWrapper visibility={isLeaf ? 'hidden' : 'visible'}>\n                        <StyledArrowRight\n                            size={sizeToIconSize(size, variant)}\n                            color=\"inherit\"\n                            className={withArrowInverse}\n                        />\n                    </DisclosureIconWrapper>\n                )}\n            </Wrapper>\n\n            {!isLeaf && isCurrentLevelOpened && (\n                <ChildItems>\n                    {item.items?.map((item, index) => {\n                        return <Item item={item} key={item.value} pathToItem={[...pathToItem, index]} />;\n                    })}\n                </ChildItems>\n            )}\n        </ItemWrapper>\n    );\n};\n"],"names":["Item","_ref","_valueToPathMap$get","_item$items","item","pathToItem","label","value","disabled","isDisabled","contentLeft","contentRight","isLeaf","items","_useContext","useContext","Context","checked","multiselect","size","variant","renderItem","_checkboxAppearance","focusedPath","treePath","dispatchTreePath","arrowPlacement","handleItemClick","handleCheckboxChange","valueToPathMap","itemDisabled","Boolean","disabledClassName","classes","dropdownItemIsDisabled","undefined","ref","useRef","currentItemDepth","get","toString","length","isCurrentLevelOpened","keyExists","withArrowInverse","arrowInverse","focusedClass","isArraysEqual","dropdownItemIsFocused","handleClick","e","type","handleChange","stopPropagation","useDidMountEffect","current","scrollIntoView","behavior","block","inline","React","createElement","ItemWrapper","Wrapper","className","cx","onClick","role","Offset","depth","DisclosureIconWrapper","visibility","StyledArrowLeft","sizeToIconSize","color","IconWrapper","StyledCheckboxWrapper","StyledCheckbox","indeterminate","onChange","appearance","_StyledIndicator","StyledIndicator","view","StyledIconDone","StyledText","StyledWrapper","StyledCell","title","_StyledIndicator2","StyledArrowRight","ChildItems","map","index","key","concat","_toConsumableArray"],"mappings":";;;;;;;;;;;;IA4BaA,IAAqB,GAAG,SAAxBA,IAAqBA,CAAAC,IAAA,EAA6B;EAAA,IAAAC,mBAAA,EAAAC,WAAA,CAAA;AAAA,EAAA,IAAvBC,IAAI,GAAAH,IAAA,CAAJG,IAAI;IAAEC,UAAU,GAAAJ,IAAA,CAAVI,UAAU,CAAA;AACpD,EAAA,IAAQC,KAAK,GAA6DF,IAAI,CAAtEE,KAAK;IAAEC,KAAK,GAAsDH,IAAI,CAA/DG,KAAK;IAAEC,QAAQ,GAA4CJ,IAAI,CAAxDI,QAAQ;IAAEC,UAAU,GAAgCL,IAAI,CAA9CK,UAAU;IAAEC,WAAW,GAAmBN,IAAI,CAAlCM,WAAW;IAAEC,YAAY,GAAKP,IAAI,CAArBO,YAAY,CAAA;EAErE,IAAMC,MAAM,GAAG,EAACR,IAAI,aAAJA,IAAI,KAAA,KAAA,CAAA,IAAJA,IAAI,CAAES,KAAK,CAAA,CAAA;AAE3B,EAAA,IAAAC,WAAA,GAgBIC,UAAU,CAACC,OAAO,CAAC;IAfnBC,OAAO,GAAAH,WAAA,CAAPG,OAAO;IACPC,WAAW,GAAAJ,WAAA,CAAXI,WAAW;IACXC,IAAI,GAAAL,WAAA,CAAJK,IAAI;IACJC,OAAO,GAAAN,WAAA,CAAPM,OAAO;IACPC,UAAU,GAAAP,WAAA,CAAVO,UAAU;IAGVC,mBAAmB,GAAAR,WAAA,CAAnBQ,mBAAmB;IACnBC,WAAW,GAAAT,WAAA,CAAXS,WAAW;IACXC,QAAQ,GAAAV,WAAA,CAARU,QAAQ;IACRC,gBAAgB,GAAAX,WAAA,CAAhBW,gBAAgB;IAChBC,cAAc,GAAAZ,WAAA,CAAdY,cAAc;IACdC,eAAe,GAAAb,WAAA,CAAfa,eAAe;IACfC,oBAAoB,GAAAd,WAAA,CAApBc,oBAAoB;IACpBC,cAAc,GAAAf,WAAA,CAAde,cAAc,CAAA;AAGlB,EAAA,IAAMC,YAAY,GAAGC,OAAO,CAACvB,QAAQ,IAAIC,UAAU,CAAC,CAAA;EACpD,IAAMuB,iBAAiB,GAAGF,YAAY,GAAGG,OAAO,CAACC,sBAAsB,GAAGC,SAAS,CAAA;AAEnF,EAAA,IAAMC,GAAG,GAAGC,MAAM,CAAwB,IAAI,CAAC,CAAA;EAE/C,IAAMC,gBAAgB,GAAG,CAAC,CAAApC,CAAAA,mBAAA,GAAA2B,cAAc,CAACU,GAAG,CAACnC,IAAI,CAACG,KAAK,CAACiC,QAAQ,EAAE,CAAC,MAAA,IAAA,IAAAtC,mBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAzCA,mBAAA,CAA2CuC,MAAM,KAAI,CAAC,IAAI,CAAC,CAAA;AAErF,EAAA,IAAMC,oBAAoB,GAAGC,SAAS,CAACnB,QAAQ,EAAEK,cAAc,CAACU,GAAG,CAAChC,KAAK,CAACiC,QAAQ,EAAE,CAAC,IAAI,EAAE,CAAC,CAAA;EAE5F,IAAMI,gBAAgB,GAAGF,oBAAoB,GAAGT,OAAO,CAACY,YAAY,GAAGV,SAAS,CAAA;AAEhF,EAAA,IAAMW,YAAY,GAAGC,aAAa,CAAC1C,UAAU,EAAEkB,WAAW,CAAC,GAAGU,OAAO,CAACe,qBAAqB,GAAGb,SAAS,CAAA;AAEvG,EAAA,IAAMc,WAAW,GAAG,SAAdA,WAAWA,CAAIC,CAAgC,EAAK;AACtD,IAAA,IAAIpB,YAAY,EAAE,OAAA;IAElB,IAAI,CAAClB,MAAM,EAAE;AACTa,MAAAA,gBAAgB,CAAC;AAAE0B,QAAAA,IAAI,EAAE,eAAe;QAAE5C,KAAK,EAAEsB,cAAc,CAACU,GAAG,CAAChC,KAAK,CAACiC,QAAQ,EAAE,CAAC,IAAI,EAAA;AAAG,OAAC,CAAC,CAAA;AAClG,KAAA;AAEA,IAAA,IAAIb,eAAe,EAAE;AACjBA,MAAAA,eAAe,CAACvB,IAAI,EAAE8C,CAAC,CAAC,CAAA;AAC5B,KAAA;GACH,CAAA;AAED,EAAA,IAAME,YAAY,GAAG,SAAfA,YAAYA,CAAIF,CAAsC,EAAK;AAC7D,IAAA,IAAIpB,YAAY,EAAE,OAAA;IAElBoB,CAAC,CAACG,eAAe,EAAE,CAAA;IAEnBzB,oBAAoB,CAACxB,IAAI,CAAC,CAAA;GAC7B,CAAA;AAEDkD,EAAAA,iBAAiB,CAAC,YAAM;IACpB,IAAIR,YAAY,IAAIV,GAAG,KAAA,IAAA,IAAHA,GAAG,KAAHA,KAAAA,CAAAA,IAAAA,GAAG,CAAEmB,OAAO,EAAE;AAC9BnB,MAAAA,GAAG,CAACmB,OAAO,CAACC,cAAc,CAAC;AACvBC,QAAAA,QAAQ,EAAE,QAAQ;AAClBC,QAAAA,KAAK,EAAE,QAAQ;AACfC,QAAAA,MAAM,EAAE,QAAA;AACZ,OAAC,CAAC,CAAA;AACN,KAAA;AACJ,GAAC,EAAE,CAACb,YAAY,CAAC,CAAC,CAAA;EAElB,oBACIc,cAAA,CAAAC,aAAA,CAACC,WAAW,qBACRF,cAAA,CAAAC,aAAA,CAACE,OAAO,EAAA;AACJ3B,IAAAA,GAAG,EAAEA,GAAI;AACT4B,IAAAA,SAAS,EAAEC,EAAE,CAACnB,YAAY,EAAEd,iBAAiB,CAAE;AAC/CkC,IAAAA,OAAO,EAAEjB,WAAY;AACrB7B,IAAAA,OAAO,EAAEA,OAAQ;AACjB+C,IAAAA,IAAI,EAAC,UAAA;AAAU,GAAA,eAEfP,cAAA,CAAAC,aAAA,CAACO,MAAM,EAAA;AAACC,IAAAA,KAAK,EAAE/B,gBAAAA;GAAmB,CAAC,EAElCZ,cAAc,KAAK,MAAM,iBACtBkC,cAAA,CAAAC,aAAA,CAACS,qBAAqB,EAAA;AAACC,IAAAA,UAAU,EAAE3D,MAAM,GAAG,QAAQ,GAAG,SAAA;AAAU,GAAA,eAC7DgD,cAAA,CAAAC,aAAA,CAACW,eAAe,EAAA;AACZrD,IAAAA,IAAI,EAAEsD,cAAc,CAACtD,IAAI,EAAEC,OAAO,CAAE;AACpCsD,IAAAA,KAAK,EAAC,SAAS;AACfV,IAAAA,SAAS,EAAEpB,gBAAAA;GACd,CACkB,CAC1B,EAEA1B,WAAW,iBACR0C,cAAA,CAAAC,aAAA,CAACc,WAAW,EAAA;AAACvD,IAAAA,OAAO,EAAEA,OAAAA;AAAQ,GAAA,eAC1BwC,cAAA,CAAAC,aAAA,CAACe,qBAAqB,EAAA;IAACV,OAAO,EAAE,SAAAA,OAAAA,CAAChB,CAAC,EAAA;AAAA,MAAA,OAAKA,CAAC,CAACG,eAAe,EAAE,CAAA;AAAA,KAAA;AAAC,GAAA,eACvDO,cAAA,CAAAC,aAAA,CAACgB,cAAc,EAAA;AACXrE,IAAAA,QAAQ,EAAEsB,YAAa;IACvBb,OAAO,EAAEc,OAAO,CAACd,OAAO,CAACsB,GAAG,CAACnC,IAAI,CAACG,KAAK,CAAC,CAAE;IAC1CuE,aAAa,EAAE7D,OAAO,CAACsB,GAAG,CAACnC,IAAI,CAACG,KAAK,CAAC,KAAK,eAAgB;AAC3DwE,IAAAA,QAAQ,EAAE3B,YAAa;AACvB4B,IAAAA,UAAU,EAAE1D,mBAAmB,KAAA,IAAA,IAAnBA,mBAAmB,KAAA,KAAA,CAAA,GAAnBA,mBAAmB,GAAI,SAAA;AAAU,GAChD,CACkB,CACd,CAChB,EAEA,CAACJ,WAAW,IAAIQ,cAAc,KAAK,OAAO,iBACvCkC,cAAA,CAAAC,aAAA,CAACc,WAAW,EAAA;AAACvD,IAAAA,OAAO,EAAEA,OAAAA;AAAQ,GAAA,EACzBH,OAAO,CAACsB,GAAG,CAACnC,IAAI,CAACG,KAAK,CAAC,KAAK,KAAK,KAAA0E,gBAAA,KAAAA,gBAAA,gBAAIrB,cAAA,CAAAC,aAAA,CAACqB,eAAe,EAAA;AAAC/D,IAAAA,IAAI,EAAC,GAAG;AAACgE,IAAAA,IAAI,EAAC,SAAA;AAAS,GAAE,CAAC,CAEhFlE,CAAAA,EAAAA,OAAO,CAACsB,GAAG,CAACnC,IAAI,CAACG,KAAK,CAAC,KAAK,MAAM,iBAC/BqD,cAAA,CAAAC,aAAA,CAACuB,cAAc,EAAA;AAACjE,IAAAA,IAAI,EAAEsD,cAAc,CAACtD,IAAI,EAAEC,OAAO,CAAE;AAACsD,IAAAA,KAAK,EAAC,SAAA;GAAW,CAEjE,CAChB,EAEArD,UAAU,gBACPuC,cAAA,CAAAC,aAAA,CAACwB,UAAU,QAAEhE,UAAU,CAACjB,IAAI,CAAc,CAAC,gBAE3CwD,cAAA,CAAAC,aAAA,CAACyB,aAAa,EAAA;AAAC9E,IAAAA,QAAQ,EAAEsB,YAAAA;AAAa,GAAA,eAClC8B,cAAA,CAAAC,aAAA,CAAC0B,UAAU,EAAA;AACP7E,IAAAA,WAAW,EAAEA,WAAY;AACzBC,IAAAA,YAAY,EAAEA,YAAAA;AACd;AACA;AACA;AAAA;AACA6E,IAAAA,KAAK,eAAE5B,cAAA,CAAAC,aAAA,eAAOvD,KAAY,CAAA;AAAE,GAC/B,CACU,CAClB,EAEA,CAACY,WAAW,IAAIQ,cAAc,KAAK,MAAM,iBACtCkC,cAAA,CAAAC,aAAA,CAACc,WAAW,EAAA;AAACvD,IAAAA,OAAO,EAAEA,OAAAA;AAAQ,GAAA,EACzBH,OAAO,CAACsB,GAAG,CAACnC,IAAI,CAACG,KAAK,CAAC,KAAK,KAAK,KAAAkF,iBAAA,KAAAA,iBAAA,gBAAI7B,cAAA,CAAAC,aAAA,CAACqB,eAAe,EAAA;AAAC/D,IAAAA,IAAI,EAAC,GAAG;AAACgE,IAAAA,IAAI,EAAC,SAAA;AAAS,GAAE,CAAC,CAEhFlE,CAAAA,EAAAA,OAAO,CAACsB,GAAG,CAACnC,IAAI,CAACG,KAAK,CAAC,KAAK,MAAM,iBAC/BqD,cAAA,CAAAC,aAAA,CAACuB,cAAc,EAAA;AAACjE,IAAAA,IAAI,EAAEsD,cAAc,CAACtD,IAAI,EAAEC,OAAO,CAAE;AAACsD,IAAAA,KAAK,EAAC,SAAA;GAAW,CAEjE,CAChB,EAEAhD,cAAc,KAAK,OAAO,iBACvBkC,cAAA,CAAAC,aAAA,CAACS,qBAAqB,EAAA;AAACC,IAAAA,UAAU,EAAE3D,MAAM,GAAG,QAAQ,GAAG,SAAA;AAAU,GAAA,eAC7DgD,cAAA,CAAAC,aAAA,CAAC6B,gBAAgB,EAAA;AACbvE,IAAAA,IAAI,EAAEsD,cAAc,CAACtD,IAAI,EAAEC,OAAO,CAAE;AACpCsD,IAAAA,KAAK,EAAC,SAAS;AACfV,IAAAA,SAAS,EAAEpB,gBAAAA;AAAiB,GAC/B,CACkB,CAEtB,CAAC,EAET,CAAChC,MAAM,IAAI8B,oBAAoB,iBAC5BkB,cAAA,CAAAC,aAAA,CAAC8B,UAAU,EAAA,IAAA,EAAA,CAAAxF,WAAA,GACNC,IAAI,CAACS,KAAK,MAAA,IAAA,IAAAV,WAAA,KAAVA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,WAAA,CAAYyF,GAAG,CAAC,UAACxF,IAAI,EAAEyF,KAAK,EAAK;AAC9B,IAAA,oBAAOjC,cAAA,CAAAC,aAAA,CAAC7D,IAAI,EAAA;AAACI,MAAAA,IAAI,EAAEA,IAAK;MAAC0F,GAAG,EAAE1F,IAAI,CAACG,KAAM;AAACF,MAAAA,UAAU,KAAA0F,MAAA,CAAAC,kBAAA,CAAM3F,UAAU,IAAEwF,KAAK,CAAA,CAAA;AAAE,KAAE,CAAC,CAAA;GACnF,CACO,CAEP,CAAC,CAAA;AAEtB;;;;"}

package/dist/css/es/components/Select/ui/VirtualList/VirtualList.js

@@ -1,4 +1,4 @@
-import React, { useRef } from 'react';
+import React__default, { useRef } from 'react';
 import { useVirtualizer } from '@tanstack/react-virtual';
 import { getHeightAsNumber } from '../../../../utils/getHeightAsNumber.js';
 import { Item } from '../Inner/ui/Item/Item.js';
@@ -19,7 +19,7 @@ var VirtualList = function VirtualList(_ref) {
     }
   });
   var virtualItems = virtualizer.getVirtualItems();
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React__default.createElement("div", {
     ref: parentRef,
     style: {
       height: 'auto',
@@ -27,13 +27,13 @@ var VirtualList = function VirtualList(_ref) {
       overflowY: 'auto'
     },
     onScroll: onScroll
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React__default.createElement("div", {
     style: {
       height: virtualizer.getTotalSize(),
       width: '100%',
       position: 'relative'
     }
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React__default.createElement("div", {
     style: {
       position: 'absolute',
       top: 0,
@@ -42,11 +42,11 @@ var VirtualList = function VirtualList(_ref) {
       transform: "translateY(".concat((_virtualItems$0$start = (_virtualItems$ = virtualItems[0]) === null || _virtualItems$ === void 0 ? void 0 : _virtualItems$.start) !== null && _virtualItems$0$start !== void 0 ? _virtualItems$0$start : 0, "px)")
     }
   }, virtualItems.map(function (virtualRow) {
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/React__default.createElement("div", {
       key: virtualRow.key,
       "data-index": virtualRow.index,
       ref: virtualizer.measureElement
-    }, /*#__PURE__*/React.createElement(Item, {
+    }, /*#__PURE__*/React__default.createElement(Item, {
       item: items[virtualRow.index],
       path: ['root'],
       currentLevel: 0,

package/dist/css/es/components/Select/ui/VirtualList/VirtualList.js.map

@@ -1 +1 @@
-{"version":3,"file":"VirtualList.js","sources":["../../../../../../../src/components/Select/ui/VirtualList/VirtualList.tsx"],"sourcesContent":["import React, { useRef, CSSProperties } from 'react';\nimport { useVirtualizer } from '@tanstack/react-virtual';\nimport { getHeightAsNumber } from 'src/utils';\n\nimport type { MergedDropdownNodeTransformed } from '../Inner/ui/Item/Item.types';\nimport { Item } from '../Inner/ui';\n\ninterface Props {\n    items: MergedDropdownNodeTransformed[];\n    listMaxHeight?: CSSProperties['height'];\n    onScroll?: (e: React.UIEvent<HTMLElement>) => void;\n}\n\nexport const VirtualList: React.FC<Props> = ({ items, listMaxHeight, onScroll }) => {\n    const parentRef = useRef<HTMLDivElement>(null);\n\n    const virtualizer = useVirtualizer({\n        count: items.length,\n        getScrollElement: () => parentRef.current,\n        estimateSize: () => 48,\n    });\n\n    const virtualItems = virtualizer.getVirtualItems();\n\n    return (\n        <div\n            ref={parentRef}\n            style={{\n                height: 'auto',\n                maxHeight: getHeightAsNumber(listMaxHeight),\n                overflowY: 'auto',\n            }}\n            onScroll={onScroll}\n        >\n            <div\n                style={{\n                    height: virtualizer.getTotalSize(),\n                    width: '100%',\n                    position: 'relative',\n                }}\n            >\n                <div\n                    style={{\n                        position: 'absolute',\n                        top: 0,\n                        left: 0,\n                        width: '100%',\n                        transform: `translateY(${virtualItems[0]?.start ?? 0}px)`,\n                    }}\n                >\n                    {virtualItems.map((virtualRow) => (\n                        <div\n                            key={virtualRow.key as React.Key}\n                            data-index={virtualRow.index}\n                            ref={virtualizer.measureElement}\n                        >\n                            <Item\n                                item={items[virtualRow.index]}\n                                path={['root']}\n                                currentLevel={0}\n                                index={virtualRow.index}\n                                ariaLevel={1}\n                            />\n                        </div>\n                    ))}\n                </div>\n            </div>\n        </div>\n    );\n};\n"],"names":["VirtualList","_ref","_virtualItems$0$start","_virtualItems$","items","listMaxHeight","onScroll","parentRef","useRef","virtualizer","useVirtualizer","count","length","getScrollElement","current","estimateSize","virtualItems","getVirtualItems","React","createElement","ref","style","height","maxHeight","getHeightAsNumber","overflowY","getTotalSize","width","position","top","left","transform","concat","start","map","virtualRow","key","index","measureElement","Item","item","path","currentLevel","ariaLevel"],"mappings":";;;;;IAaaA,WAA4B,GAAG,SAA/BA,WAA4BA,CAAAC,IAAA,EAA2C;EAAA,IAAAC,qBAAA,EAAAC,cAAA,CAAA;AAAA,EAAA,IAArCC,KAAK,GAAAH,IAAA,CAALG,KAAK;IAAEC,aAAa,GAAAJ,IAAA,CAAbI,aAAa;IAAEC,QAAQ,GAAAL,IAAA,CAARK,QAAQ,CAAA;AACzE,EAAA,IAAMC,SAAS,GAAGC,MAAM,CAAiB,IAAI,CAAC,CAAA;EAE9C,IAAMC,WAAW,GAAGC,cAAc,CAAC;IAC/BC,KAAK,EAAEP,KAAK,CAACQ,MAAM;IACnBC,gBAAgB,EAAE,SAAAA,gBAAA,GAAA;MAAA,OAAMN,SAAS,CAACO,OAAO,CAAA;AAAA,KAAA;IACzCC,YAAY,EAAE,SAAAA,YAAA,GAAA;AAAA,MAAA,OAAM,EAAE,CAAA;AAAA,KAAA;AAC1B,GAAC,CAAC,CAAA;AAEF,EAAA,IAAMC,YAAY,GAAGP,WAAW,CAACQ,eAAe,EAAE,CAAA;EAElD,oBACIC,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACIC,IAAAA,GAAG,EAAEb,SAAU;AACfc,IAAAA,KAAK,EAAE;AACHC,MAAAA,MAAM,EAAE,MAAM;AACdC,MAAAA,SAAS,EAAEC,iBAAiB,CAACnB,aAAa,CAAC;AAC3CoB,MAAAA,SAAS,EAAE,MAAA;KACb;AACFnB,IAAAA,QAAQ,EAAEA,QAAAA;GAEVY,eAAAA,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACIE,IAAAA,KAAK,EAAE;AACHC,MAAAA,MAAM,EAAEb,WAAW,CAACiB,YAAY,EAAE;AAClCC,MAAAA,KAAK,EAAE,MAAM;AACbC,MAAAA,QAAQ,EAAE,UAAA;AACd,KAAA;GAEAV,eAAAA,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACIE,IAAAA,KAAK,EAAE;AACHO,MAAAA,QAAQ,EAAE,UAAU;AACpBC,MAAAA,GAAG,EAAE,CAAC;AACNC,MAAAA,IAAI,EAAE,CAAC;AACPH,MAAAA,KAAK,EAAE,MAAM;MACbI,SAAS,EAAA,aAAA,CAAAC,MAAA,CAAA9B,CAAAA,qBAAA,IAAAC,cAAA,GAAgBa,YAAY,CAAC,CAAC,CAAC,cAAAb,cAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAfA,cAAA,CAAiB8B,KAAK,cAAA/B,qBAAA,KAAA,KAAA,CAAA,GAAAA,qBAAA,GAAI,CAAC,EAAA,KAAA,CAAA;AACxD,KAAA;AAAE,GAAA,EAEDc,YAAY,CAACkB,GAAG,CAAC,UAACC,UAAU,EAAA;IAAA,oBACzBjB,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MACIiB,GAAG,EAAED,UAAU,CAACC,GAAiB;MACjC,YAAYD,EAAAA,UAAU,CAACE,KAAM;MAC7BjB,GAAG,EAAEX,WAAW,CAAC6B,cAAAA;AAAe,KAAA,eAEhCpB,KAAA,CAAAC,aAAA,CAACoB,IAAI,EAAA;AACDC,MAAAA,IAAI,EAAEpC,KAAK,CAAC+B,UAAU,CAACE,KAAK,CAAE;MAC9BI,IAAI,EAAE,CAAC,MAAM,CAAE;AACfC,MAAAA,YAAY,EAAE,CAAE;MAChBL,KAAK,EAAEF,UAAU,CAACE,KAAM;AACxBM,MAAAA,SAAS,EAAE,CAAA;AAAE,KAChB,CACA,CAAC,CAAA;GACT,CACA,CACJ,CACJ,CAAC,CAAA;AAEd;;;;"}
+{"version":3,"file":"VirtualList.js","sources":["../../../../../../../src/components/Select/ui/VirtualList/VirtualList.tsx"],"sourcesContent":["import React, { useRef, CSSProperties } from 'react';\nimport { useVirtualizer } from '@tanstack/react-virtual';\nimport { getHeightAsNumber } from 'src/utils';\n\nimport type { MergedDropdownNodeTransformed } from '../Inner/ui/Item/Item.types';\nimport { Item } from '../Inner/ui';\n\ninterface Props {\n    items: MergedDropdownNodeTransformed[];\n    listMaxHeight?: CSSProperties['height'];\n    onScroll?: (e: React.UIEvent<HTMLElement>) => void;\n}\n\nexport const VirtualList: React.FC<Props> = ({ items, listMaxHeight, onScroll }) => {\n    const parentRef = useRef<HTMLDivElement>(null);\n\n    const virtualizer = useVirtualizer({\n        count: items.length,\n        getScrollElement: () => parentRef.current,\n        estimateSize: () => 48,\n    });\n\n    const virtualItems = virtualizer.getVirtualItems();\n\n    return (\n        <div\n            ref={parentRef}\n            style={{\n                height: 'auto',\n                maxHeight: getHeightAsNumber(listMaxHeight),\n                overflowY: 'auto',\n            }}\n            onScroll={onScroll}\n        >\n            <div\n                style={{\n                    height: virtualizer.getTotalSize(),\n                    width: '100%',\n                    position: 'relative',\n                }}\n            >\n                <div\n                    style={{\n                        position: 'absolute',\n                        top: 0,\n                        left: 0,\n                        width: '100%',\n                        transform: `translateY(${virtualItems[0]?.start ?? 0}px)`,\n                    }}\n                >\n                    {virtualItems.map((virtualRow) => (\n                        <div\n                            key={virtualRow.key as React.Key}\n                            data-index={virtualRow.index}\n                            ref={virtualizer.measureElement}\n                        >\n                            <Item\n                                item={items[virtualRow.index]}\n                                path={['root']}\n                                currentLevel={0}\n                                index={virtualRow.index}\n                                ariaLevel={1}\n                            />\n                        </div>\n                    ))}\n                </div>\n            </div>\n        </div>\n    );\n};\n"],"names":["VirtualList","_ref","_virtualItems$0$start","_virtualItems$","items","listMaxHeight","onScroll","parentRef","useRef","virtualizer","useVirtualizer","count","length","getScrollElement","current","estimateSize","virtualItems","getVirtualItems","React","createElement","ref","style","height","maxHeight","getHeightAsNumber","overflowY","getTotalSize","width","position","top","left","transform","concat","start","map","virtualRow","key","index","measureElement","Item","item","path","currentLevel","ariaLevel"],"mappings":";;;;;IAaaA,WAA4B,GAAG,SAA/BA,WAA4BA,CAAAC,IAAA,EAA2C;EAAA,IAAAC,qBAAA,EAAAC,cAAA,CAAA;AAAA,EAAA,IAArCC,KAAK,GAAAH,IAAA,CAALG,KAAK;IAAEC,aAAa,GAAAJ,IAAA,CAAbI,aAAa;IAAEC,QAAQ,GAAAL,IAAA,CAARK,QAAQ,CAAA;AACzE,EAAA,IAAMC,SAAS,GAAGC,MAAM,CAAiB,IAAI,CAAC,CAAA;EAE9C,IAAMC,WAAW,GAAGC,cAAc,CAAC;IAC/BC,KAAK,EAAEP,KAAK,CAACQ,MAAM;IACnBC,gBAAgB,EAAE,SAAAA,gBAAA,GAAA;MAAA,OAAMN,SAAS,CAACO,OAAO,CAAA;AAAA,KAAA;IACzCC,YAAY,EAAE,SAAAA,YAAA,GAAA;AAAA,MAAA,OAAM,EAAE,CAAA;AAAA,KAAA;AAC1B,GAAC,CAAC,CAAA;AAEF,EAAA,IAAMC,YAAY,GAAGP,WAAW,CAACQ,eAAe,EAAE,CAAA;EAElD,oBACIC,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACIC,IAAAA,GAAG,EAAEb,SAAU;AACfc,IAAAA,KAAK,EAAE;AACHC,MAAAA,MAAM,EAAE,MAAM;AACdC,MAAAA,SAAS,EAAEC,iBAAiB,CAACnB,aAAa,CAAC;AAC3CoB,MAAAA,SAAS,EAAE,MAAA;KACb;AACFnB,IAAAA,QAAQ,EAAEA,QAAAA;GAEVY,eAAAA,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACIE,IAAAA,KAAK,EAAE;AACHC,MAAAA,MAAM,EAAEb,WAAW,CAACiB,YAAY,EAAE;AAClCC,MAAAA,KAAK,EAAE,MAAM;AACbC,MAAAA,QAAQ,EAAE,UAAA;AACd,KAAA;GAEAV,eAAAA,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACIE,IAAAA,KAAK,EAAE;AACHO,MAAAA,QAAQ,EAAE,UAAU;AACpBC,MAAAA,GAAG,EAAE,CAAC;AACNC,MAAAA,IAAI,EAAE,CAAC;AACPH,MAAAA,KAAK,EAAE,MAAM;MACbI,SAAS,EAAA,aAAA,CAAAC,MAAA,CAAA9B,CAAAA,qBAAA,IAAAC,cAAA,GAAgBa,YAAY,CAAC,CAAC,CAAC,cAAAb,cAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAfA,cAAA,CAAiB8B,KAAK,cAAA/B,qBAAA,KAAA,KAAA,CAAA,GAAAA,qBAAA,GAAI,CAAC,EAAA,KAAA,CAAA;AACxD,KAAA;AAAE,GAAA,EAEDc,YAAY,CAACkB,GAAG,CAAC,UAACC,UAAU,EAAA;IAAA,oBACzBjB,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MACIiB,GAAG,EAAED,UAAU,CAACC,GAAiB;MACjC,YAAYD,EAAAA,UAAU,CAACE,KAAM;MAC7BjB,GAAG,EAAEX,WAAW,CAAC6B,cAAAA;AAAe,KAAA,eAEhCpB,cAAA,CAAAC,aAAA,CAACoB,IAAI,EAAA;AACDC,MAAAA,IAAI,EAAEpC,KAAK,CAAC+B,UAAU,CAACE,KAAK,CAAE;MAC9BI,IAAI,EAAE,CAAC,MAAM,CAAE;AACfC,MAAAA,YAAY,EAAE,CAAE;MAChBL,KAAK,EAAEF,UAAU,CAACE,KAAM;AACxBM,MAAAA,SAAS,EAAE,CAAA;AAAE,KAChB,CACA,CAAC,CAAA;GACT,CACA,CACJ,CACJ,CAAC,CAAA;AAEd;;;;"}

package/dist/css/es/components/Sheet/Sheet.js

@@ -1,5 +1,5 @@
 import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React, { forwardRef, useRef } from 'react';
+import React__default, { forwardRef, useRef } from 'react';
 import { cx } from '../../utils/index.js';
 import { classes, tokens } from './Sheet.tokens.js';
 import { StyledContentWrapper, StyledSheetHandle, StyledSheetContent, StyledSheetHeader, StyledSheetBody, StyledSheetFooter } from './Sheet.styles.js';
@@ -60,28 +60,28 @@ var sheetRoot = function sheetRoot(Root) {
     var hasFooter = Boolean(contentFooter);
     var closedClass = opened ? undefined : "".concat(classes.closed);
     var overlayBackgroundToken = withBlur ? "var(".concat(tokens.sheetOverlayWithBlurColor, ")") : "var(".concat(tokens.sheetOverlayColor, ")");
-    return /*#__PURE__*/React.createElement(Root, {
+    return /*#__PURE__*/React__default.createElement(Root, {
       opened: opened,
       onClose: onClose,
       view: view,
       handlePlacement: handlePlacement,
       ref: rootRef
-    }, /*#__PURE__*/React.createElement(StyledContentWrapper, _extends({
+    }, /*#__PURE__*/React__default.createElement(StyledContentWrapper, _extends({
       opened: opened,
       withTransition: withTransition,
       className: cx(closedClass, className),
       ref: contentWrapperRef
-    }, restProps), hasHandle && /*#__PURE__*/React.createElement(StyledSheetHandle, {
+    }, restProps), hasHandle && /*#__PURE__*/React__default.createElement(StyledSheetHandle, {
       ref: handleRef
-    }), /*#__PURE__*/React.createElement(StyledSheetContent, {
+    }), /*#__PURE__*/React__default.createElement(StyledSheetContent, {
       hasHeader: hasHeader,
       hasFooter: hasFooter,
       ref: contentRef
-    }, hasHeader && /*#__PURE__*/React.createElement(StyledSheetHeader, {
+    }, hasHeader && /*#__PURE__*/React__default.createElement(StyledSheetHeader, {
       isHeaderFixed: isHeaderFixed
-    }, contentHeader), /*#__PURE__*/React.createElement(StyledSheetBody, null, children), hasFooter && /*#__PURE__*/React.createElement(StyledSheetFooter, {
+    }, contentHeader), /*#__PURE__*/React__default.createElement(StyledSheetBody, null, children), hasFooter && /*#__PURE__*/React__default.createElement(StyledSheetFooter, {
       isFooterFixed: isFooterFixed
-    }, contentFooter))), withOverlay && opened && /*#__PURE__*/React.createElement(Overlay, {
+    }, contentFooter))), withOverlay && opened && /*#__PURE__*/React__default.createElement(Overlay, {
       zIndex: DEFAULT_Z_INDEX,
       backgroundColorProperty: overlayBackgroundToken,
       withBlur: withBlur,

package/dist/css/es/components/Sheet/Sheet.js.map

@@ -1 +1 @@
-{"version":3,"file":"Sheet.js","sources":["../../../../../src/components/Sheet/Sheet.tsx"],"sourcesContent":["import React, { forwardRef, useRef } from 'react';\n\nimport { RootProps } from '../../engines';\nimport { Overlay } from '../Overlay';\nimport { cx } from '../../utils';\n\nimport { SheetProps } from './Sheet.types';\nimport { useOverflow, useSheetSwipe } from './hooks';\nimport { classes, tokens } from './Sheet.tokens';\nimport {\n    StyledContentWrapper,\n    StyledSheetBody,\n    StyledSheetContent,\n    StyledSheetFooter,\n    StyledSheetHandle,\n    StyledSheetHeader,\n} from './Sheet.styles';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as handlePlacementCSS } from './variations/_handlePlacement/base';\nimport { DEFAULT_Z_INDEX } from './utils';\n\n/**\n * Открывает окно-шторку поверх основного экрана.\n */\n\nexport const sheetRoot = (Root: RootProps<HTMLDivElement, SheetProps>) =>\n    forwardRef<HTMLDivElement, SheetProps>(\n        (\n            {\n                opened,\n                children,\n                onClose,\n                hasHandle = true,\n                handlePlacement,\n                contentHeader,\n                isHeaderFixed = false,\n                contentFooter,\n                isFooterFixed = false,\n                withOverlay = true,\n                withBlur = false,\n                withTransition = true,\n                hasScrollEvents = true,\n                throttleMs,\n                className,\n                view,\n                ...restProps\n            },\n            rootRef,\n        ) => {\n            const contentWrapperRef = useRef<HTMLDivElement>(null);\n            const contentRef = useRef<HTMLDivElement>(null);\n            const handleRef = useRef<HTMLDivElement>(null);\n\n            useOverflow({ opened });\n            useSheetSwipe({ contentWrapperRef, contentRef, handleRef, throttleMs, hasScrollEvents, onClose });\n\n            const hasHeader = Boolean(contentHeader);\n            const hasFooter = Boolean(contentFooter);\n\n            const closedClass = opened ? undefined : `${classes.closed}`;\n\n            const overlayBackgroundToken = withBlur\n                ? `var(${tokens.sheetOverlayWithBlurColor})`\n                : `var(${tokens.sheetOverlayColor})`;\n\n            return (\n                <Root opened={opened} onClose={onClose} view={view} handlePlacement={handlePlacement} ref={rootRef}>\n                    <StyledContentWrapper\n                        opened={opened}\n                        withTransition={withTransition}\n                        className={cx(closedClass, className)}\n                        ref={contentWrapperRef}\n                        {...restProps}\n                    >\n                        {hasHandle && <StyledSheetHandle ref={handleRef} />}\n                        <StyledSheetContent hasHeader={hasHeader} hasFooter={hasFooter} ref={contentRef}>\n                            {hasHeader && (\n                                <StyledSheetHeader isHeaderFixed={isHeaderFixed}>{contentHeader}</StyledSheetHeader>\n                            )}\n                            <StyledSheetBody>{children}</StyledSheetBody>\n                            {hasFooter && (\n                                <StyledSheetFooter isFooterFixed={isFooterFixed}>{contentFooter}</StyledSheetFooter>\n                            )}\n                        </StyledSheetContent>\n                    </StyledContentWrapper>\n                    {withOverlay && opened && (\n                        <Overlay\n                            zIndex={DEFAULT_Z_INDEX}\n                            backgroundColorProperty={overlayBackgroundToken}\n                            withBlur={withBlur}\n                            isClickable\n                            onOverlayClick={onClose}\n                        />\n                    )}\n                </Root>\n            );\n        },\n    );\n\nexport const sheetConfig = {\n    name: 'Sheet',\n    tag: 'div',\n    layout: sheetRoot,\n    base: '',\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        handlePlacement: {\n            css: handlePlacementCSS,\n        },\n    },\n    defaults: {\n        view: 'default',\n        handlePlacement: 'outer',\n    },\n};\n"],"names":["sheetRoot","Root","forwardRef","_ref","rootRef","opened","children","onClose","_ref$hasHandle","hasHandle","handlePlacement","contentHeader","_ref$isHeaderFixed","isHeaderFixed","contentFooter","_ref$isFooterFixed","isFooterFixed","_ref$withOverlay","withOverlay","_ref$withBlur","withBlur","_ref$withTransition","withTransition","_ref$hasScrollEvents","hasScrollEvents","throttleMs","className","view","restProps","_objectWithoutProperties","_excluded","contentWrapperRef","useRef","contentRef","handleRef","useOverflow","useSheetSwipe","hasHeader","Boolean","hasFooter","closedClass","undefined","concat","classes","closed","overlayBackgroundToken","tokens","sheetOverlayWithBlurColor","sheetOverlayColor","React","createElement","ref","StyledContentWrapper","_extends","cx","StyledSheetHandle","StyledSheetContent","StyledSheetHeader","StyledSheetBody","StyledSheetFooter","Overlay","zIndex","DEFAULT_Z_INDEX","backgroundColorProperty","isClickable","onOverlayClick","sheetConfig","name","tag","layout","base","variations","css","viewCSS","handlePlacementCSS","defaults"],"mappings":"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"}
+{"version":3,"file":"Sheet.js","sources":["../../../../../src/components/Sheet/Sheet.tsx"],"sourcesContent":["import React, { forwardRef, useRef } from 'react';\n\nimport { RootProps } from '../../engines';\nimport { Overlay } from '../Overlay';\nimport { cx } from '../../utils';\n\nimport { SheetProps } from './Sheet.types';\nimport { useOverflow, useSheetSwipe } from './hooks';\nimport { classes, tokens } from './Sheet.tokens';\nimport {\n    StyledContentWrapper,\n    StyledSheetBody,\n    StyledSheetContent,\n    StyledSheetFooter,\n    StyledSheetHandle,\n    StyledSheetHeader,\n} from './Sheet.styles';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as handlePlacementCSS } from './variations/_handlePlacement/base';\nimport { DEFAULT_Z_INDEX } from './utils';\n\n/**\n * Открывает окно-шторку поверх основного экрана.\n */\n\nexport const sheetRoot = (Root: RootProps<HTMLDivElement, SheetProps>) =>\n    forwardRef<HTMLDivElement, SheetProps>(\n        (\n            {\n                opened,\n                children,\n                onClose,\n                hasHandle = true,\n                handlePlacement,\n                contentHeader,\n                isHeaderFixed = false,\n                contentFooter,\n                isFooterFixed = false,\n                withOverlay = true,\n                withBlur = false,\n                withTransition = true,\n                hasScrollEvents = true,\n                throttleMs,\n                className,\n                view,\n                ...restProps\n            },\n            rootRef,\n        ) => {\n            const contentWrapperRef = useRef<HTMLDivElement>(null);\n            const contentRef = useRef<HTMLDivElement>(null);\n            const handleRef = useRef<HTMLDivElement>(null);\n\n            useOverflow({ opened });\n            useSheetSwipe({ contentWrapperRef, contentRef, handleRef, throttleMs, hasScrollEvents, onClose });\n\n            const hasHeader = Boolean(contentHeader);\n            const hasFooter = Boolean(contentFooter);\n\n            const closedClass = opened ? undefined : `${classes.closed}`;\n\n            const overlayBackgroundToken = withBlur\n                ? `var(${tokens.sheetOverlayWithBlurColor})`\n                : `var(${tokens.sheetOverlayColor})`;\n\n            return (\n                <Root opened={opened} onClose={onClose} view={view} handlePlacement={handlePlacement} ref={rootRef}>\n                    <StyledContentWrapper\n                        opened={opened}\n                        withTransition={withTransition}\n                        className={cx(closedClass, className)}\n                        ref={contentWrapperRef}\n                        {...restProps}\n                    >\n                        {hasHandle && <StyledSheetHandle ref={handleRef} />}\n                        <StyledSheetContent hasHeader={hasHeader} hasFooter={hasFooter} ref={contentRef}>\n                            {hasHeader && (\n                                <StyledSheetHeader isHeaderFixed={isHeaderFixed}>{contentHeader}</StyledSheetHeader>\n                            )}\n                            <StyledSheetBody>{children}</StyledSheetBody>\n                            {hasFooter && (\n                                <StyledSheetFooter isFooterFixed={isFooterFixed}>{contentFooter}</StyledSheetFooter>\n                            )}\n                        </StyledSheetContent>\n                    </StyledContentWrapper>\n                    {withOverlay && opened && (\n                        <Overlay\n                            zIndex={DEFAULT_Z_INDEX}\n                            backgroundColorProperty={overlayBackgroundToken}\n                            withBlur={withBlur}\n                            isClickable\n                            onOverlayClick={onClose}\n                        />\n                    )}\n                </Root>\n            );\n        },\n    );\n\nexport const sheetConfig = {\n    name: 'Sheet',\n    tag: 'div',\n    layout: sheetRoot,\n    base: '',\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        handlePlacement: {\n            css: handlePlacementCSS,\n        },\n    },\n    defaults: {\n        view: 'default',\n        handlePlacement: 'outer',\n    },\n};\n"],"names":["sheetRoot","Root","forwardRef","_ref","rootRef","opened","children","onClose","_ref$hasHandle","hasHandle","handlePlacement","contentHeader","_ref$isHeaderFixed","isHeaderFixed","contentFooter","_ref$isFooterFixed","isFooterFixed","_ref$withOverlay","withOverlay","_ref$withBlur","withBlur","_ref$withTransition","withTransition","_ref$hasScrollEvents","hasScrollEvents","throttleMs","className","view","restProps","_objectWithoutProperties","_excluded","contentWrapperRef","useRef","contentRef","handleRef","useOverflow","useSheetSwipe","hasHeader","Boolean","hasFooter","closedClass","undefined","concat","classes","closed","overlayBackgroundToken","tokens","sheetOverlayWithBlurColor","sheetOverlayColor","React","createElement","ref","StyledContentWrapper","_extends","cx","StyledSheetHandle","StyledSheetContent","StyledSheetHeader","StyledSheetBody","StyledSheetFooter","Overlay","zIndex","DEFAULT_Z_INDEX","backgroundColorProperty","isClickable","onOverlayClick","sheetConfig","name","tag","layout","base","variations","css","viewCSS","handlePlacementCSS","defaults"],"mappings":"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"}

package/dist/css/es/components/Skeleton/LineSkeleton/LineSkeleton.js

@@ -1,5 +1,5 @@
 import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
-import React, { forwardRef } from 'react';
+import React__default, { forwardRef } from 'react';
 import { base as base$1 } from './variations/_size/base.js';
 import { base as base$2 } from './variations/_view/base.js';
 import { StyledVisibleLine, base } from './LineSkeleton.styles.js';
@@ -26,11 +26,11 @@ var lineSkeletonRoot = function lineSkeletonRoot(Root) {
       lighter: lighter,
       customGradientColor: customGradientColor
     }) : undefined;
-    return /*#__PURE__*/React.createElement(Root, _extends({
+    return /*#__PURE__*/React__default.createElement(Root, _extends({
       ref: outerRootRef,
       size: size,
       view: view
-    }, rest), /*#__PURE__*/React.createElement(StyledVisibleLine, {
+    }, rest), /*#__PURE__*/React__default.createElement(StyledVisibleLine, {
       roundness: roundnessValue,
       gradientColor: skeletonGradientColor
     }));

package/dist/css/es/components/Skeleton/LineSkeleton/LineSkeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"LineSkeleton.js","sources":["../../../../../../src/components/Skeleton/LineSkeleton/LineSkeleton.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport type { RootProps } from '../../../engines';\nimport { getRoundness, getSkeletonColor } from '../../../mixins';\n\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as viewCSS } from './variations/_view/base';\nimport { StyledVisibleLine, base } from './LineSkeleton.styles';\nimport type { LineSkeletonProps } from './LineSkeleton.types';\n\n/**\n * Копонент-составляющая Скелетона\n */\nexport const lineSkeletonRoot = (Root: RootProps<HTMLDivElement, LineSkeletonProps>) =>\n    forwardRef<HTMLDivElement, LineSkeletonProps>(\n        ({ size, lighter, customGradientColor, roundness = '16', view, ...rest }, outerRootRef) => {\n            const roundnessValue = getRoundness({ roundness });\n            const skeletonGradientColor = lighter ? getSkeletonColor({ lighter, customGradientColor }) : undefined;\n\n            return (\n                <Root ref={outerRootRef} size={size} view={view} {...rest}>\n                    <StyledVisibleLine roundness={roundnessValue} gradientColor={skeletonGradientColor} />\n                </Root>\n            );\n        },\n    );\n\nexport const lineSkeletonConfig = {\n    name: 'LineSkeleton',\n    tag: 'div',\n    layout: lineSkeletonRoot,\n    base,\n    variations: {\n        size: {\n            css: sizeCSS,\n        },\n        view: {\n            css: viewCSS,\n        },\n    },\n    defaults: {},\n};\n"],"names":["lineSkeletonRoot","Root","forwardRef","_ref","outerRootRef","size","lighter","customGradientColor","_ref$roundness","roundness","view","rest","_objectWithoutProperties","_excluded","roundnessValue","getRoundness","skeletonGradientColor","getSkeletonColor","undefined","React","createElement","_extends","ref","StyledVisibleLine","gradientColor","lineSkeletonConfig","name","tag","layout","base","variations","css","sizeCSS","viewCSS","defaults"],"mappings":";;;;;;;;;AAUA;AACA;AACA;IACaA,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAIC,IAAkD,EAAA;AAAA,EAAA,oBAC/EC,UAAU,CACN,UAAAC,IAAA,EAA0EC,YAAY,EAAK;AAAA,IAAA,IAAxFC,IAAI,GAAAF,IAAA,CAAJE,IAAI;MAAEC,OAAO,GAAAH,IAAA,CAAPG,OAAO;MAAEC,mBAAmB,GAAAJ,IAAA,CAAnBI,mBAAmB;MAAAC,cAAA,GAAAL,IAAA,CAAEM,SAAS;AAATA,MAAAA,SAAS,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,cAAA;MAAEE,IAAI,GAAAP,IAAA,CAAJO,IAAI;AAAKC,MAAAA,IAAI,GAAAC,wBAAA,CAAAT,IAAA,EAAAU,SAAA,CAAA,CAAA;IAClE,IAAMC,cAAc,GAAGC,YAAY,CAAC;AAAEN,MAAAA,SAAS,EAATA,SAAAA;AAAU,KAAC,CAAC,CAAA;AAClD,IAAA,IAAMO,qBAAqB,GAAGV,OAAO,GAAGW,gBAAgB,CAAC;AAAEX,MAAAA,OAAO,EAAPA,OAAO;AAAEC,MAAAA,mBAAmB,EAAnBA,mBAAAA;KAAqB,CAAC,GAAGW,SAAS,CAAA;AAEtG,IAAA,oBACIC,KAAA,CAAAC,aAAA,CAACnB,IAAI,EAAAoB,QAAA,CAAA;AAACC,MAAAA,GAAG,EAAElB,YAAa;AAACC,MAAAA,IAAI,EAAEA,IAAK;AAACK,MAAAA,IAAI,EAAEA,IAAAA;AAAK,KAAA,EAAKC,IAAI,CACrDQ,eAAAA,KAAA,CAAAC,aAAA,CAACG,iBAAiB,EAAA;AAACd,MAAAA,SAAS,EAAEK,cAAe;AAACU,MAAAA,aAAa,EAAER,qBAAAA;AAAsB,KAAE,CACnF,CAAC,CAAA;AAEf,GACJ,CAAC,CAAA;AAAA,EAAA;AAEE,IAAMS,kBAAkB,GAAG;AAC9BC,EAAAA,IAAI,EAAE,cAAc;AACpBC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAE5B,gBAAgB;AACxB6B,EAAAA,IAAI,EAAJA,IAAI;AACJC,EAAAA,UAAU,EAAE;AACRzB,IAAAA,IAAI,EAAE;AACF0B,MAAAA,GAAG,EAAEC,MAAAA;KACR;AACDtB,IAAAA,IAAI,EAAE;AACFqB,MAAAA,GAAG,EAAEE,MAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE,EAAC;AACf;;;;"}
+{"version":3,"file":"LineSkeleton.js","sources":["../../../../../../src/components/Skeleton/LineSkeleton/LineSkeleton.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport type { RootProps } from '../../../engines';\nimport { getRoundness, getSkeletonColor } from '../../../mixins';\n\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as viewCSS } from './variations/_view/base';\nimport { StyledVisibleLine, base } from './LineSkeleton.styles';\nimport type { LineSkeletonProps } from './LineSkeleton.types';\n\n/**\n * Копонент-составляющая Скелетона\n */\nexport const lineSkeletonRoot = (Root: RootProps<HTMLDivElement, LineSkeletonProps>) =>\n    forwardRef<HTMLDivElement, LineSkeletonProps>(\n        ({ size, lighter, customGradientColor, roundness = '16', view, ...rest }, outerRootRef) => {\n            const roundnessValue = getRoundness({ roundness });\n            const skeletonGradientColor = lighter ? getSkeletonColor({ lighter, customGradientColor }) : undefined;\n\n            return (\n                <Root ref={outerRootRef} size={size} view={view} {...rest}>\n                    <StyledVisibleLine roundness={roundnessValue} gradientColor={skeletonGradientColor} />\n                </Root>\n            );\n        },\n    );\n\nexport const lineSkeletonConfig = {\n    name: 'LineSkeleton',\n    tag: 'div',\n    layout: lineSkeletonRoot,\n    base,\n    variations: {\n        size: {\n            css: sizeCSS,\n        },\n        view: {\n            css: viewCSS,\n        },\n    },\n    defaults: {},\n};\n"],"names":["lineSkeletonRoot","Root","forwardRef","_ref","outerRootRef","size","lighter","customGradientColor","_ref$roundness","roundness","view","rest","_objectWithoutProperties","_excluded","roundnessValue","getRoundness","skeletonGradientColor","getSkeletonColor","undefined","React","createElement","_extends","ref","StyledVisibleLine","gradientColor","lineSkeletonConfig","name","tag","layout","base","variations","css","sizeCSS","viewCSS","defaults"],"mappings":";;;;;;;;;AAUA;AACA;AACA;IACaA,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAIC,IAAkD,EAAA;AAAA,EAAA,oBAC/EC,UAAU,CACN,UAAAC,IAAA,EAA0EC,YAAY,EAAK;AAAA,IAAA,IAAxFC,IAAI,GAAAF,IAAA,CAAJE,IAAI;MAAEC,OAAO,GAAAH,IAAA,CAAPG,OAAO;MAAEC,mBAAmB,GAAAJ,IAAA,CAAnBI,mBAAmB;MAAAC,cAAA,GAAAL,IAAA,CAAEM,SAAS;AAATA,MAAAA,SAAS,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,cAAA;MAAEE,IAAI,GAAAP,IAAA,CAAJO,IAAI;AAAKC,MAAAA,IAAI,GAAAC,wBAAA,CAAAT,IAAA,EAAAU,SAAA,CAAA,CAAA;IAClE,IAAMC,cAAc,GAAGC,YAAY,CAAC;AAAEN,MAAAA,SAAS,EAATA,SAAAA;AAAU,KAAC,CAAC,CAAA;AAClD,IAAA,IAAMO,qBAAqB,GAAGV,OAAO,GAAGW,gBAAgB,CAAC;AAAEX,MAAAA,OAAO,EAAPA,OAAO;AAAEC,MAAAA,mBAAmB,EAAnBA,mBAAAA;KAAqB,CAAC,GAAGW,SAAS,CAAA;AAEtG,IAAA,oBACIC,cAAA,CAAAC,aAAA,CAACnB,IAAI,EAAAoB,QAAA,CAAA;AAACC,MAAAA,GAAG,EAAElB,YAAa;AAACC,MAAAA,IAAI,EAAEA,IAAK;AAACK,MAAAA,IAAI,EAAEA,IAAAA;AAAK,KAAA,EAAKC,IAAI,CACrDQ,eAAAA,cAAA,CAAAC,aAAA,CAACG,iBAAiB,EAAA;AAACd,MAAAA,SAAS,EAAEK,cAAe;AAACU,MAAAA,aAAa,EAAER,qBAAAA;AAAsB,KAAE,CACnF,CAAC,CAAA;AAEf,GACJ,CAAC,CAAA;AAAA,EAAA;AAEE,IAAMS,kBAAkB,GAAG;AAC9BC,EAAAA,IAAI,EAAE,cAAc;AACpBC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAE5B,gBAAgB;AACxB6B,EAAAA,IAAI,EAAJA,IAAI;AACJC,EAAAA,UAAU,EAAE;AACRzB,IAAAA,IAAI,EAAE;AACF0B,MAAAA,GAAG,EAAEC,MAAAA;KACR;AACDtB,IAAAA,IAAI,EAAE;AACFqB,MAAAA,GAAG,EAAEE,MAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE,EAAC;AACf;;;;"}

package/dist/css/es/components/Skeleton/RectSkeleton/RectSkeleton.js

@@ -1,5 +1,5 @@
 import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
-import React, { forwardRef } from 'react';
+import React__default, { forwardRef } from 'react';
 import { StyledRectSkeleton } from './RectSkeleton.styles.js';
 import { getSkeletonColor } from '../../../mixins/applySkeletonGradient.js';
 import { getRoundness } from '../../../mixins/applyRoundness.js';
@@ -23,7 +23,7 @@ var RectSkeleton = /*#__PURE__*/forwardRef(function (_ref, outerRootRef) {
     lighter: lighter,
     customGradientColor: customGradientColor
   });
-  return /*#__PURE__*/React.createElement(StyledRectSkeleton, _extends({
+  return /*#__PURE__*/React__default.createElement(StyledRectSkeleton, _extends({
     ref: outerRootRef,
     roundness: roundnessValue,
     gradientColor: skeletonGradientColor,

package/dist/css/es/components/Skeleton/RectSkeleton/RectSkeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"RectSkeleton.js","sources":["../../../../../../src/components/Skeleton/RectSkeleton/RectSkeleton.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { getRoundness, getSkeletonColor } from '../../../mixins';\n\nimport { StyledRectSkeleton } from './RectSkeleton.styles';\nimport type { RectSkeletonProps } from './RectSkeleton.types';\n\n/**\n * Компонент для создания прямоугольного плейсхолдера.\n */\nexport const RectSkeleton = forwardRef<HTMLDivElement, RectSkeletonProps>(\n    ({ width, height, lighter, customGradientColor, roundness = '16', ...rest }, outerRootRef) => {\n        const roundnessValue = getRoundness({ roundness });\n        const skeletonGradientColor = getSkeletonColor({ lighter, customGradientColor });\n\n        return (\n            <StyledRectSkeleton\n                ref={outerRootRef}\n                roundness={roundnessValue}\n                gradientColor={skeletonGradientColor}\n                width={Number.isNaN(Number(width)) ? String(width) : `${width}px`}\n                height={Number.isNaN(Number(height)) ? String(height) : `${height}px`}\n                {...rest}\n            />\n        );\n    },\n);\n"],"names":["RectSkeleton","forwardRef","_ref","outerRootRef","width","height","lighter","customGradientColor","_ref$roundness","roundness","rest","_objectWithoutProperties","_excluded","roundnessValue","getRoundness","skeletonGradientColor","getSkeletonColor","React","createElement","StyledRectSkeleton","_extends","ref","gradientColor","Number","isNaN","String","concat"],"mappings":";;;;;;;AAOA;AACA;AACA;AACO,IAAMA,YAAY,gBAAGC,UAAU,CAClC,UAAAC,IAAA,EAA6EC,YAAY,EAAK;AAAA,EAAA,IAA3FC,KAAK,GAAAF,IAAA,CAALE,KAAK;IAAEC,MAAM,GAAAH,IAAA,CAANG,MAAM;IAAEC,OAAO,GAAAJ,IAAA,CAAPI,OAAO;IAAEC,mBAAmB,GAAAL,IAAA,CAAnBK,mBAAmB;IAAAC,cAAA,GAAAN,IAAA,CAAEO,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,cAAA;AAAKE,IAAAA,IAAI,GAAAC,wBAAA,CAAAT,IAAA,EAAAU,SAAA,CAAA,CAAA;EACrE,IAAMC,cAAc,GAAGC,YAAY,CAAC;AAAEL,IAAAA,SAAS,EAATA,SAAAA;AAAU,GAAC,CAAC,CAAA;EAClD,IAAMM,qBAAqB,GAAGC,gBAAgB,CAAC;AAAEV,IAAAA,OAAO,EAAPA,OAAO;AAAEC,IAAAA,mBAAmB,EAAnBA,mBAAAA;AAAoB,GAAC,CAAC,CAAA;AAEhF,EAAA,oBACIU,KAAA,CAAAC,aAAA,CAACC,kBAAkB,EAAAC,QAAA,CAAA;AACfC,IAAAA,GAAG,EAAElB,YAAa;AAClBM,IAAAA,SAAS,EAAEI,cAAe;AAC1BS,IAAAA,aAAa,EAAEP,qBAAsB;AACrCX,IAAAA,KAAK,EAAEmB,MAAM,CAACC,KAAK,CAACD,MAAM,CAACnB,KAAK,CAAC,CAAC,GAAGqB,MAAM,CAACrB,KAAK,CAAC,MAAAsB,MAAA,CAAMtB,KAAK,EAAK,IAAA,CAAA;AAClEC,IAAAA,MAAM,EAAEkB,MAAM,CAACC,KAAK,CAACD,MAAM,CAAClB,MAAM,CAAC,CAAC,GAAGoB,MAAM,CAACpB,MAAM,CAAC,GAAAqB,EAAAA,CAAAA,MAAA,CAAMrB,MAAM,EAAA,IAAA,CAAA;GAC7DK,EAAAA,IAAI,CACX,CAAC,CAAA;AAEV,CACJ;;;;"}
+{"version":3,"file":"RectSkeleton.js","sources":["../../../../../../src/components/Skeleton/RectSkeleton/RectSkeleton.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { getRoundness, getSkeletonColor } from '../../../mixins';\n\nimport { StyledRectSkeleton } from './RectSkeleton.styles';\nimport type { RectSkeletonProps } from './RectSkeleton.types';\n\n/**\n * Компонент для создания прямоугольного плейсхолдера.\n */\nexport const RectSkeleton = forwardRef<HTMLDivElement, RectSkeletonProps>(\n    ({ width, height, lighter, customGradientColor, roundness = '16', ...rest }, outerRootRef) => {\n        const roundnessValue = getRoundness({ roundness });\n        const skeletonGradientColor = getSkeletonColor({ lighter, customGradientColor });\n\n        return (\n            <StyledRectSkeleton\n                ref={outerRootRef}\n                roundness={roundnessValue}\n                gradientColor={skeletonGradientColor}\n                width={Number.isNaN(Number(width)) ? String(width) : `${width}px`}\n                height={Number.isNaN(Number(height)) ? String(height) : `${height}px`}\n                {...rest}\n            />\n        );\n    },\n);\n"],"names":["RectSkeleton","forwardRef","_ref","outerRootRef","width","height","lighter","customGradientColor","_ref$roundness","roundness","rest","_objectWithoutProperties","_excluded","roundnessValue","getRoundness","skeletonGradientColor","getSkeletonColor","React","createElement","StyledRectSkeleton","_extends","ref","gradientColor","Number","isNaN","String","concat"],"mappings":";;;;;;;AAOA;AACA;AACA;AACO,IAAMA,YAAY,gBAAGC,UAAU,CAClC,UAAAC,IAAA,EAA6EC,YAAY,EAAK;AAAA,EAAA,IAA3FC,KAAK,GAAAF,IAAA,CAALE,KAAK;IAAEC,MAAM,GAAAH,IAAA,CAANG,MAAM;IAAEC,OAAO,GAAAJ,IAAA,CAAPI,OAAO;IAAEC,mBAAmB,GAAAL,IAAA,CAAnBK,mBAAmB;IAAAC,cAAA,GAAAN,IAAA,CAAEO,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,cAAA;AAAKE,IAAAA,IAAI,GAAAC,wBAAA,CAAAT,IAAA,EAAAU,SAAA,CAAA,CAAA;EACrE,IAAMC,cAAc,GAAGC,YAAY,CAAC;AAAEL,IAAAA,SAAS,EAATA,SAAAA;AAAU,GAAC,CAAC,CAAA;EAClD,IAAMM,qBAAqB,GAAGC,gBAAgB,CAAC;AAAEV,IAAAA,OAAO,EAAPA,OAAO;AAAEC,IAAAA,mBAAmB,EAAnBA,mBAAAA;AAAoB,GAAC,CAAC,CAAA;AAEhF,EAAA,oBACIU,cAAA,CAAAC,aAAA,CAACC,kBAAkB,EAAAC,QAAA,CAAA;AACfC,IAAAA,GAAG,EAAElB,YAAa;AAClBM,IAAAA,SAAS,EAAEI,cAAe;AAC1BS,IAAAA,aAAa,EAAEP,qBAAsB;AACrCX,IAAAA,KAAK,EAAEmB,MAAM,CAACC,KAAK,CAACD,MAAM,CAACnB,KAAK,CAAC,CAAC,GAAGqB,MAAM,CAACrB,KAAK,CAAC,MAAAsB,MAAA,CAAMtB,KAAK,EAAK,IAAA,CAAA;AAClEC,IAAAA,MAAM,EAAEkB,MAAM,CAACC,KAAK,CAACD,MAAM,CAAClB,MAAM,CAAC,CAAC,GAAGoB,MAAM,CAACpB,MAAM,CAAC,GAAAqB,EAAAA,CAAAA,MAAA,CAAMrB,MAAM,EAAA,IAAA,CAAA;GAC7DK,EAAAA,IAAI,CACX,CAAC,CAAA;AAEV,CACJ;;;;"}

package/dist/css/es/components/Skeleton/TextSkeleton/TextSkeleton.js

@@ -1,5 +1,5 @@
 import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, objectSpread2 as _objectSpread2, defineProperty as _defineProperty } from '../../../_virtual/_rollupPluginBabelHelpers.js';
-import React, { useState, useEffect } from 'react';
+import React__default, { useState, useEffect } from 'react';
 import { StyledTextSkeleton } from './TextSkeleton.styles.js';
 
 var _excluded = ["lines", "width", "roundness", "customGradientColor", "lighter", "size", "view"];
@@ -57,8 +57,8 @@ var textSkeleton = function textSkeleton(Component) {
 
     // TODO: Подумать как можно обойти явное приведение типов
     var ComponentSkeleton = Component;
-    return /*#__PURE__*/React.createElement(StyledTextSkeleton, props, Array.from(Array(lines), function (_, i) {
-      return /*#__PURE__*/React.createElement(ComponentSkeleton, {
+    return /*#__PURE__*/React__default.createElement(StyledTextSkeleton, props, Array.from(Array(lines), function (_, i) {
+      return /*#__PURE__*/React__default.createElement(ComponentSkeleton, {
         key: "line:".concat(i),
         size: size,
         view: view,

package/dist/css/es/components/Skeleton/TextSkeleton/TextSkeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextSkeleton.js","sources":["../../../../../../src/components/Skeleton/TextSkeleton/TextSkeleton.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport type { FC, HTMLAttributes } from 'react';\n\nimport type { LineSkeletonProps } from '../LineSkeleton';\n\nimport type { TextSkeletonBaseProps } from './TextSkeleton.types';\nimport { StyledTextSkeleton } from './TextSkeleton.styles';\n\nconst variousWidth = [7.58, 5.27, 13.54, 6.63, 0.28, 14.8, 0.33, 11.26, 14.1, 10.59, 3.38, 13.5, 7.71, 3.34, 7.96];\n\n/**\n * Хок для создания компонента плейсхолдера нескольких строк текста.\n * Размеры компонента задаются с помощью констант и соответствуют размерам [типографических элементов](/?path=/docs/).\n */\nexport const textSkeleton = <T extends LineSkeletonProps>(\n    Component: FC<T>,\n): FC<T & TextSkeletonBaseProps & HTMLAttributes<HTMLDivElement>> => ({\n    lines,\n    width,\n    roundness,\n    customGradientColor,\n    lighter,\n    size = 'bodyM',\n    view = 'default',\n    ...props\n}: T & TextSkeletonBaseProps & HTMLAttributes<HTMLDivElement>) => {\n    const [fixedWidth, setFixedWidth] = useState<string | number | null>(null);\n    const [linesWidth, setLinesWidth] = useState([]);\n\n    useEffect(() => {\n        if (!width) {\n            setFixedWidth(null);\n            const computedLengths = Array(lines)\n                .fill(0)\n                .reduce((acc, _, i) => {\n                    let w;\n                    // Последняя строка\n                    if (i === lines - 1 && lines !== 1) {\n                        w = 45 - variousWidth[i % variousWidth.length];\n                    } else if (lines === 1 || lines === 2) {\n                        // Единственная или первая из двух\n                        w = 100;\n                    } else {\n                        w = 100 - variousWidth[i % variousWidth.length];\n                    }\n\n                    return { ...acc, [i]: w };\n                }, {});\n\n            setLinesWidth(Object.values(computedLengths));\n            return;\n        }\n\n        if (!Number.isNaN(Number(width))) {\n            setFixedWidth(`${width}%`);\n        } else {\n            setFixedWidth(String(width));\n        }\n    }, [width, lines]);\n\n    // TODO: Подумать как можно обойти явное приведение типов\n    const ComponentSkeleton = Component as FC<LineSkeletonProps>;\n\n    return (\n        <StyledTextSkeleton {...props}>\n            {Array.from(Array<number>(lines), (_, i) => {\n                return (\n                    <ComponentSkeleton\n                        key={`line:${i}`}\n                        size={size}\n                        view={view}\n                        roundness={roundness}\n                        customGradientColor={customGradientColor}\n                        lighter={lighter}\n                        style={{ width: fixedWidth || `${linesWidth[i]}%` }}\n                    />\n                );\n            })}\n        </StyledTextSkeleton>\n    );\n};\n"],"names":["variousWidth","textSkeleton","Component","_ref","lines","width","roundness","customGradientColor","lighter","_ref$size","size","_ref$view","view","props","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","fixedWidth","setFixedWidth","_useState3","_useState4","linesWidth","setLinesWidth","useEffect","computedLengths","Array","fill","reduce","acc","_","i","w","length","_objectSpread","_defineProperty","Object","values","Number","isNaN","concat","String","ComponentSkeleton","React","createElement","StyledTextSkeleton","from","key","style"],"mappings":"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"}
+{"version":3,"file":"TextSkeleton.js","sources":["../../../../../../src/components/Skeleton/TextSkeleton/TextSkeleton.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport type { FC, HTMLAttributes } from 'react';\n\nimport type { LineSkeletonProps } from '../LineSkeleton';\n\nimport type { TextSkeletonBaseProps } from './TextSkeleton.types';\nimport { StyledTextSkeleton } from './TextSkeleton.styles';\n\nconst variousWidth = [7.58, 5.27, 13.54, 6.63, 0.28, 14.8, 0.33, 11.26, 14.1, 10.59, 3.38, 13.5, 7.71, 3.34, 7.96];\n\n/**\n * Хок для создания компонента плейсхолдера нескольких строк текста.\n * Размеры компонента задаются с помощью констант и соответствуют размерам [типографических элементов](/?path=/docs/).\n */\nexport const textSkeleton = <T extends LineSkeletonProps>(\n    Component: FC<T>,\n): FC<T & TextSkeletonBaseProps & HTMLAttributes<HTMLDivElement>> => ({\n    lines,\n    width,\n    roundness,\n    customGradientColor,\n    lighter,\n    size = 'bodyM',\n    view = 'default',\n    ...props\n}: T & TextSkeletonBaseProps & HTMLAttributes<HTMLDivElement>) => {\n    const [fixedWidth, setFixedWidth] = useState<string | number | null>(null);\n    const [linesWidth, setLinesWidth] = useState([]);\n\n    useEffect(() => {\n        if (!width) {\n            setFixedWidth(null);\n            const computedLengths = Array(lines)\n                .fill(0)\n                .reduce((acc, _, i) => {\n                    let w;\n                    // Последняя строка\n                    if (i === lines - 1 && lines !== 1) {\n                        w = 45 - variousWidth[i % variousWidth.length];\n                    } else if (lines === 1 || lines === 2) {\n                        // Единственная или первая из двух\n                        w = 100;\n                    } else {\n                        w = 100 - variousWidth[i % variousWidth.length];\n                    }\n\n                    return { ...acc, [i]: w };\n                }, {});\n\n            setLinesWidth(Object.values(computedLengths));\n            return;\n        }\n\n        if (!Number.isNaN(Number(width))) {\n            setFixedWidth(`${width}%`);\n        } else {\n            setFixedWidth(String(width));\n        }\n    }, [width, lines]);\n\n    // TODO: Подумать как можно обойти явное приведение типов\n    const ComponentSkeleton = Component as FC<LineSkeletonProps>;\n\n    return (\n        <StyledTextSkeleton {...props}>\n            {Array.from(Array<number>(lines), (_, i) => {\n                return (\n                    <ComponentSkeleton\n                        key={`line:${i}`}\n                        size={size}\n                        view={view}\n                        roundness={roundness}\n                        customGradientColor={customGradientColor}\n                        lighter={lighter}\n                        style={{ width: fixedWidth || `${linesWidth[i]}%` }}\n                    />\n                );\n            })}\n        </StyledTextSkeleton>\n    );\n};\n"],"names":["variousWidth","textSkeleton","Component","_ref","lines","width","roundness","customGradientColor","lighter","_ref$size","size","_ref$view","view","props","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","fixedWidth","setFixedWidth","_useState3","_useState4","linesWidth","setLinesWidth","useEffect","computedLengths","Array","fill","reduce","acc","_","i","w","length","_objectSpread","_defineProperty","Object","values","Number","isNaN","concat","String","ComponentSkeleton","React","createElement","StyledTextSkeleton","from","key","style"],"mappings":"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"}

package/dist/css/es/components/Skeleton/hoc/withSkeleton.js

@@ -1,6 +1,6 @@
 import './withSkeleton_66xd8g.css';
 import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../_virtual/_rollupPluginBabelHelpers.js';
-import React from 'react';
+import React__default from 'react';
 import { styled } from '@linaria/react';
 import { cx } from '../../../utils/index.js';
 
@@ -24,7 +24,7 @@ var withSkeleton = function withSkeleton(Component) {
     var componentProps = _objectSpread2(_objectSpread2({}, props), {}, {
       className: cx(skeletonClass, className)
     });
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Wrapper, null, /*#__PURE__*/React.createElement(Component, componentProps)));
+    return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Wrapper, null, /*#__PURE__*/React__default.createElement(Component, componentProps)));
   };
 };
 

package/dist/css/es/components/Skeleton/hoc/withSkeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"withSkeleton.js","sources":["../../../../../../src/components/Skeleton/hoc/withSkeleton.tsx"],"sourcesContent":["import React from 'react';\nimport type { FC, HTMLAttributes } from 'react';\nimport { styled } from '@linaria/react';\n\nimport { applySkeletonGradient, getSkeletonColor } from '../../../mixins';\nimport { cx } from '../../../utils';\n\nexport interface WithSkeletonProps extends HTMLAttributes<HTMLElement> {\n    /**\n     * Применить скелетон\n     */\n    skeleton?: boolean;\n}\n\n/**\n * Делает компонент скелетоном - у него заменяется фоновый цвет,\n * добавляется градиент и текст становится на 100% прозрачным.\n */\n\nexport const withSkeleton = <P extends WithSkeletonProps>(Component: FC<P>) => ({\n    skeleton,\n    className,\n    ...props\n}: P & WithSkeletonProps) => {\n    const skeletonClass = skeleton ? 'apply-skeleton-gradient' : undefined;\n    const skeletonGradientColor = getSkeletonColor({ lighter: true });\n    const Wrapper = styled.div`\n        display: contents;\n\n        .apply-skeleton-gradient {\n            ${applySkeletonGradient(skeletonGradientColor)};\n        }\n    `;\n\n    const componentProps = {\n        ...props,\n        className: cx(skeletonClass, className),\n    } as P;\n\n    return (\n        <>\n            <Wrapper>\n                <Component {...componentProps} />\n            </Wrapper>\n        </>\n    );\n};\n"],"names":["withSkeleton","Component","_ref","skeleton","className","props","skeletonClass","undefined","Wrapper","styled","name","class","propsAsIs","componentProps","_objectSpread","cx","React","createElement","Fragment"],"mappings":";;;;;;AAcA;AACA;AACA;AACA;;IAEaA,YAAY,GAAG,SAAfA,YAAYA,CAAiCC,SAAgB,EAAA;EAAA,OAAK,UAAAC,IAAA,EAIlD;AAAA,IAAA,IAHzBC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;MACRC,SAAS,GAAAF,IAAA,CAATE,SAAS;AACNC,MAAAA,KAAAA,GAAAA,wBAAAA,CAAAA,IAAAA,EAAAA,SAAAA,CAAAA,CAAAA;AAEH,IAAA,IAAMC,aAAa,GAAGH,QAAQ,GAAG,yBAAyB,GAAGI,SAAS,CAAA;AAEtE,IAAA,IAAMC,OAAO,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,MAAAA,IAAA,EAAA,SAAA;AAAAC,MAAAA,OAAAA,EAAA,SAAA;AAAAC,MAAAA,SAAA,EAAA,KAAA;AAAA,KAMrB,CAAA,CAAA;AAED,IAAA,IAAMC,cAAc,GAAAC,cAAA,CAAAA,cAAA,KACbT,KAAK,CAAA,EAAA,EAAA,EAAA;AACRD,MAAAA,SAAS,EAAEW,EAAE,CAACT,aAAa,EAAEF,SAAS,CAAA;KACpC,CAAA,CAAA;IAEN,oBACIY,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAE,QAAA,EACIF,IAAAA,eAAAA,KAAA,CAAAC,aAAA,CAACT,OAAO,EAAA,IAAA,eACJQ,KAAA,CAAAC,aAAA,CAAChB,SAAS,EAAKY,cAAe,CACzB,CACV,CAAA,CAAA;GAEV,CAAA;AAAA;;;;"}
+{"version":3,"file":"withSkeleton.js","sources":["../../../../../../src/components/Skeleton/hoc/withSkeleton.tsx"],"sourcesContent":["import React from 'react';\nimport type { FC, HTMLAttributes } from 'react';\nimport { styled } from '@linaria/react';\n\nimport { applySkeletonGradient, getSkeletonColor } from '../../../mixins';\nimport { cx } from '../../../utils';\n\nexport interface WithSkeletonProps extends HTMLAttributes<HTMLElement> {\n    /**\n     * Применить скелетон\n     */\n    skeleton?: boolean;\n}\n\n/**\n * Делает компонент скелетоном - у него заменяется фоновый цвет,\n * добавляется градиент и текст становится на 100% прозрачным.\n */\n\nexport const withSkeleton = <P extends WithSkeletonProps>(Component: FC<P>) => ({\n    skeleton,\n    className,\n    ...props\n}: P & WithSkeletonProps) => {\n    const skeletonClass = skeleton ? 'apply-skeleton-gradient' : undefined;\n    const skeletonGradientColor = getSkeletonColor({ lighter: true });\n    const Wrapper = styled.div`\n        display: contents;\n\n        .apply-skeleton-gradient {\n            ${applySkeletonGradient(skeletonGradientColor)};\n        }\n    `;\n\n    const componentProps = {\n        ...props,\n        className: cx(skeletonClass, className),\n    } as P;\n\n    return (\n        <>\n            <Wrapper>\n                <Component {...componentProps} />\n            </Wrapper>\n        </>\n    );\n};\n"],"names":["withSkeleton","Component","_ref","skeleton","className","props","skeletonClass","undefined","Wrapper","styled","name","class","propsAsIs","componentProps","_objectSpread","cx","React","createElement","Fragment"],"mappings":";;;;;;AAcA;AACA;AACA;AACA;;IAEaA,YAAY,GAAG,SAAfA,YAAYA,CAAiCC,SAAgB,EAAA;EAAA,OAAK,UAAAC,IAAA,EAIlD;AAAA,IAAA,IAHzBC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;MACRC,SAAS,GAAAF,IAAA,CAATE,SAAS;AACNC,MAAAA,KAAAA,GAAAA,wBAAAA,CAAAA,IAAAA,EAAAA,SAAAA,CAAAA,CAAAA;AAEH,IAAA,IAAMC,aAAa,GAAGH,QAAQ,GAAG,yBAAyB,GAAGI,SAAS,CAAA;AAEtE,IAAA,IAAMC,OAAO,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,MAAAA,IAAA,EAAA,SAAA;AAAAC,MAAAA,OAAAA,EAAA,SAAA;AAAAC,MAAAA,SAAA,EAAA,KAAA;AAAA,KAMrB,CAAA,CAAA;AAED,IAAA,IAAMC,cAAc,GAAAC,cAAA,CAAAA,cAAA,KACbT,KAAK,CAAA,EAAA,EAAA,EAAA;AACRD,MAAAA,SAAS,EAAEW,EAAE,CAACT,aAAa,EAAEF,SAAS,CAAA;KACpC,CAAA,CAAA;IAEN,oBACIY,cAAA,CAAAC,aAAA,CAAAD,cAAA,CAAAE,QAAA,EACIF,IAAAA,eAAAA,cAAA,CAAAC,aAAA,CAACT,OAAO,EAAA,IAAA,eACJQ,cAAA,CAAAC,aAAA,CAAChB,SAAS,EAAKY,cAAe,CACzB,CACV,CAAA,CAAA;GAEV,CAAA;AAAA;;;;"}

package/dist/css/es/components/Slider/Slider.css

@@ -20,11 +20,11 @@
 
 .base_m1uv7m_b13ve66i__d5703749{--plasma-tour__border-radius:var(--plasma-textfield-border-radius);}.base_m1uv7m_b13ve66i__d5703749 .base_m1uv7m_io4bpie__d5703749{width:100%;font:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;line-height:inherit;}.base_m1uv7m_b13ve66i__d5703749 .base_m1uv7m_i13qvwoy__d5703749{width:100%;font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);}.base_m1uv7m_b13ve66i__d5703749 .base_m1uv7m_iq39zt5__d5703749{height:var(--plasma-textfield-height);border-radius:var(--plasma-textfield-border-radius);padding:var(--plasma-textfield-padding);}.base_m1uv7m_b13ve66i__d5703749 .base_m1uv7m_iq39zt5__d5703749.base_m1uv7m_hasChips__d5703749{padding-top:var(--plasma-textfield-padding-with-chips);padding-bottom:var(--plasma-textfield-padding-with-chips);}.base_m1uv7m_b13ve66i__d5703749 .base_m1uv7m_iq39zt5__d5703749.base_m1uv7m_hasEmptyContentLeft__d5703749{padding-left:var(--plasma-textfield-padding-with-chips);}.base_m1uv7m_b13ve66i__d5703749 .base_m1uv7m_iq39zt5__d5703749.base_m1uv7m_hasEmptyContentRight__d5703749{padding-right:var(--plasma-textfield-padding-with-chips);}.base_m1uv7m_b13ve66i__d5703749 .base_m1uv7m_l1gjsnfi__d5703749,.base_m1uv7m_b13ve66i__d5703749:not(.base_m1uv7m_labelPlacementInner__d5703749) .base_m1uv7m_s16itze4__d5703749{font-family:var(--plasma-textfield__label-font-family);font-size:var(--plasma-textfield__label-font-size);font-style:var(--plasma-textfield__label-font-style);font-weight:var(--plasma-textfield__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__label-letter-spacing);letter-spacing:var(--plasma-textfield__label-letter-spacing);line-height:var(--plasma-textfield__label-line-height);}.base_m1uv7m_b13ve66i__d5703749 .base_m1uv7m_s1skqnhr__d5703749{margin:var(--plasma-textfield__hint-margin);width:var(--plasma-textfield__hint-target-size);height:var(--plasma-textfield__hint-target-size);}.base_m1uv7m_b13ve66i__d5703749 .base_m1uv7m_hgy0im1__d5703749{width:var(--plasma-textfield__hint-target-size);height:var(--plasma-textfield__hint-target-size);}.base_m1uv7m_b13ve66i__d5703749 .base_m1uv7m_t600610__d5703749{font-family:var(--plasma-textfield__title-caption-font-family);font-size:var(--plasma-textfield__title-caption-font-size);font-style:var(--plasma-textfield__title-caption-font-style);font-weight:var(--plasma-textfield__title-caption-font-weight);-webkit-letter-spacing:var(--plasma-textfield__title-caption-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__title-caption-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__title-caption-letter-spacing);letter-spacing:var(--plasma-textfield__title-caption-letter-spacing);line-height:var(--plasma-textfield__title-caption-line-height);}.base_m1uv7m_b13ve66i__d5703749 .base_m1uv7m_l7hnwwb__d5703749{margin-top:var(--plasma-textfield__left-helper-offset);font-family:var(--plasma-textfield__left-helper-font-family);font-size:var(--plasma-textfield__left-helper-font-size);font-style:var(--plasma-textfield__left-helper-font-style);font-weight:var(--plasma-textfield__left-helper-font-weight);-webkit-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);line-height:var(--plasma-textfield__left-helper-line-height);}.base_m1uv7m_b13ve66i__d5703749 .base_m1uv7m_smqgwd8__d5703749,.base_m1uv7m_b13ve66i__d5703749 .base_m1uv7m_s14qvple__d5703749{font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);}.base_m1uv7m_b13ve66i__d5703749 .base_m1uv7m_smqgwd8__d5703749{margin:var(--plasma-textfield__before-text-margin);}.base_m1uv7m_b13ve66i__d5703749 .base_m1uv7m_s14qvple__d5703749{margin:var(--plasma-textfield__after-text-margin);}.base_m1uv7m_b13ve66i__d5703749 .base_m1uv7m_s190z894__d5703749.base_m1uv7m_textfieldContentRightCompensationMargin__d5703749{gap:var(--plasma-textfield-content-right-wrapper-gap);margin:var(--plasma-textfield-content-right-wrapper-margin);}.base_m1uv7m_b13ve66i__d5703749 .base_m1uv7m_s190z894__d5703749.base_m1uv7m_textfieldContentRightCompensationMargin__d5703749 .base_m1uv7m_sb3k3v1__d5703749{margin:var(--plasma-textfield__right-content-with-hint-margin);}
 
-.base_1twy16p_bptx5xt__a8f9d947 .base_1twy16p_iq39zt5__a8f9d947{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color);--plasma_private-textfield-bg-color:var(--plasma-textfield-bg-color);color:var(--plasma-textfield-color);background-color:var(--plasma_private-textfield-bg-color);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma_private-textfield-border-color), var(--plasma-textfield-box-shadow,inset 0 0 0 0 transparent);caret-color:var(--plasma-textfield__caret-color);-webkit-transition:background-color 0.1s ease-in,color 0.1s ease-in,box-shadow 0.1s ease-in;transition:background-color 0.1s ease-in,color 0.1s ease-in,box-shadow 0.1s ease-in;}.base_1twy16p_bptx5xt__a8f9d947 .base_1twy16p_iq39zt5__a8f9d947:hover{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color-hover,var(--plasma-textfield-border-color));--plasma_private-textfield-bg-color:var( --plasma-textfield-bg-color-hover, var(--plasma-textfield-bg-color) );}.base_1twy16p_bptx5xt__a8f9d947 .base_1twy16p_io4bpie__a8f9d947{color:var(--plasma-textfield-color);}.base_1twy16p_bptx5xt__a8f9d947 .base_1twy16p_i19ry60d__a8f9d947{color:var(--plasma-textfield__placeholder-color);}.base_1twy16p_bptx5xt__a8f9d947 .base_1twy16p_iq39zt5__a8f9d947:focus-within{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color-focus,var(--plasma-textfield-border-color));--plasma_private-textfield-bg-color:var( --plasma-textfield-bg-color-focus, var(--plasma-textfield-bg-color) );}.base_1twy16p_bptx5xt__a8f9d947 .base_1twy16p_iq39zt5__a8f9d947:focus-within .base_1twy16p_i19ry60d__a8f9d947{color:var(--plasma-textfield__placeholder-color-focus);}.base_1twy16p_bptx5xt__a8f9d947 .base_1twy16p_t600610__a8f9d947{color:var(--plasma-textfield__title-caption-color);}.base_1twy16p_bptx5xt__a8f9d947 .base_1twy16p_l7hnwwb__a8f9d947{color:var(--plasma-textfield__left-helper-color);}.base_1twy16p_bptx5xt__a8f9d947 .base_1twy16p_smqgwd8__a8f9d947{color:var(--plasma-textfield__before-text-color);}.base_1twy16p_bptx5xt__a8f9d947 .base_1twy16p_s14qvple__a8f9d947{color:var(--plasma-textfield__after-text-color);}.base_1twy16p_bptx5xt__a8f9d947.base_1twy16p_textfieldHasDivider__a8f9d947 .base_1twy16p_iq39zt5__a8f9d947{--plasma_private-textfield-divider-color:var(--plasma-textfield-divider-color);}.base_1twy16p_bptx5xt__a8f9d947.base_1twy16p_textfieldHasDivider__a8f9d947 .base_1twy16p_iq39zt5__a8f9d947:before{content:'';position:absolute;height:0.063rem;width:100%;bottom:0;left:0;background-color:var(--plasma_private-textfield-divider-color);-webkit-transition:background-color 0.1s ease-in;transition:background-color 0.1s ease-in;}.base_1twy16p_bptx5xt__a8f9d947.base_1twy16p_textfieldHasDivider__a8f9d947:not([readonly]) .base_1twy16p_iq39zt5__a8f9d947:hover{--plasma_private-textfield-divider-color:var( --plasma-textfield-divider-color-hover, var(--plasma-textfield-divider-color) );}.base_1twy16p_bptx5xt__a8f9d947.base_1twy16p_textfieldHasDivider__a8f9d947:not([readonly]) .base_1twy16p_iq39zt5__a8f9d947:focus-within{--plasma_private-textfield-divider-color:var( --plasma-textfield-divider-color-focus, var(--plasma-textfield-divider-color) );}.base_1twy16p_bptx5xt__a8f9d947.base_1twy16p_textfieldHasDivider__a8f9d947:not([readonly]) .base_1twy16p_iq39zt5__a8f9d947:focus-within .base_1twy16p_i19ry60d__a8f9d947{color:var(--plasma-textfield__clear-placeholder-color-focus);}
+.base_19qf9jc_bptx5xt__1c9f79b8 .base_19qf9jc_iq39zt5__1c9f79b8{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color);--plasma_private-textfield-bg-color:var(--plasma-textfield-bg-color);color:var(--plasma-textfield-color);background-color:var(--plasma_private-textfield-bg-color);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma_private-textfield-border-color), var(--plasma-textfield-box-shadow,inset 0 0 0 0 transparent);caret-color:var(--plasma-textfield__caret-color);-webkit-transition:background-color 0.1s ease-in,color 0.1s ease-in,box-shadow 0.1s ease-in;transition:background-color 0.1s ease-in,color 0.1s ease-in,box-shadow 0.1s ease-in;}.base_19qf9jc_bptx5xt__1c9f79b8 .base_19qf9jc_iq39zt5__1c9f79b8:hover{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color-hover,var(--plasma-textfield-border-color));--plasma_private-textfield-bg-color:var( --plasma-textfield-bg-color-hover, var(--plasma-textfield-bg-color) );}.base_19qf9jc_bptx5xt__1c9f79b8 .base_19qf9jc_io4bpie__1c9f79b8{color:var(--plasma-textfield-color);}.base_19qf9jc_bptx5xt__1c9f79b8 .base_19qf9jc_i19ry60d__1c9f79b8{color:var(--plasma-textfield__placeholder-color);}.base_19qf9jc_bptx5xt__1c9f79b8 .base_19qf9jc_iq39zt5__1c9f79b8:focus-within{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color-focus,var(--plasma-textfield-border-color));--plasma_private-textfield-bg-color:var( --plasma-textfield-bg-color-focus, var(--plasma-textfield-bg-color) );}.base_19qf9jc_bptx5xt__1c9f79b8 .base_19qf9jc_iq39zt5__1c9f79b8:focus-within .base_19qf9jc_io4bpie__1c9f79b8{color:var(--plasma-textfield-color-focus);}.base_19qf9jc_bptx5xt__1c9f79b8 .base_19qf9jc_iq39zt5__1c9f79b8:focus-within .base_19qf9jc_i19ry60d__1c9f79b8{color:var(--plasma-textfield__placeholder-color-focus);}.base_19qf9jc_bptx5xt__1c9f79b8 .base_19qf9jc_iq39zt5__1c9f79b8:focus-within .base_19qf9jc_ssv2kwg__1c9f79b8{color:var(--plasma-textfield-content-slot-color-focus);}.base_19qf9jc_bptx5xt__1c9f79b8 .base_19qf9jc_t600610__1c9f79b8{color:var(--plasma-textfield__title-caption-color);}.base_19qf9jc_bptx5xt__1c9f79b8 .base_19qf9jc_smqgwd8__1c9f79b8{color:var(--plasma-textfield__before-text-color);}.base_19qf9jc_bptx5xt__1c9f79b8 .base_19qf9jc_s14qvple__1c9f79b8{color:var(--plasma-textfield__after-text-color);}.base_19qf9jc_bptx5xt__1c9f79b8.base_19qf9jc_textfieldHasDivider__1c9f79b8 .base_19qf9jc_iq39zt5__1c9f79b8{--plasma_private-textfield-divider-color:var(--plasma-textfield-divider-color);--plasma_private-textfield-divider-width:var(--plasma-textfield-divider-width);}.base_19qf9jc_bptx5xt__1c9f79b8.base_19qf9jc_textfieldHasDivider__1c9f79b8 .base_19qf9jc_iq39zt5__1c9f79b8:before{content:'';position:absolute;height:var(--plasma_private-textfield-divider-width,0.063rem);width:100%;bottom:0;left:0;background-color:var(--plasma_private-textfield-divider-color);-webkit-transition:background-color 0.1s ease-in;transition:background-color 0.1s ease-in;}.base_19qf9jc_bptx5xt__1c9f79b8.base_19qf9jc_textfieldHasDivider__1c9f79b8:not([readonly]) .base_19qf9jc_iq39zt5__1c9f79b8:hover{--plasma_private-textfield-divider-color:var( --plasma-textfield-divider-color-hover, var(--plasma-textfield-divider-color) );}.base_19qf9jc_bptx5xt__1c9f79b8.base_19qf9jc_textfieldHasDivider__1c9f79b8:not([readonly]) .base_19qf9jc_iq39zt5__1c9f79b8:focus-within{--plasma_private-textfield-divider-color:var( --plasma-textfield-divider-color-focus, var(--plasma-textfield-divider-color) );}.base_19qf9jc_bptx5xt__1c9f79b8.base_19qf9jc_textfieldHasDivider__1c9f79b8:not([readonly]) .base_19qf9jc_iq39zt5__1c9f79b8:focus-within .base_19qf9jc_i19ry60d__1c9f79b8{color:var(--plasma-textfield__clear-placeholder-color-focus);}
 
 .base_2tv0nz_b15zsg4z__045faf03[disabled]{pointer-events:none;opacity:var(--plasma-textfield-disabled-opacity);cursor:not-allowed;}.base_2tv0nz_b15zsg4z__045faf03[disabled] .base_2tv0nz_io4bpie__045faf03{cursor:not-allowed;min-width:unset;}
 
-.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_iq39zt5__6ded9a23{position:relative;z-index:0;color:var(--plasma-textfield-color-readonly);background:transparent;box-shadow:none;}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_iq39zt5__6ded9a23:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;border-radius:var(--plasma-textfield-border-radius);background-color:var(--plasma-textfield-bg-color-readonly);opacity:var(--plasma-textfield-readonly-opacity);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma-textfield-border-color-readonly);z-index:-1;}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_iq39zt5__6ded9a23:hover{background-color:transparent;}.base_2lss3j_b1w985rt__6ded9a23[readonly].base_2lss3j_textfieldHasDivider__6ded9a23 .base_2lss3j_iq39zt5__6ded9a23:before{background-color:var(--plasma-textfield-divider-color-readonly);}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_iq39zt5__6ded9a23:focus-within .base_2lss3j_i19ry60d__6ded9a23,.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_i19ry60d__6ded9a23{color:var(--plasma-textfield__placeholder-color-readonly);}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_io4bpie__6ded9a23{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_t600610__6ded9a23{color:var(--plasma-textfield__title-caption-color-readonly);}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_l7hnwwb__6ded9a23{color:var(--plasma-textfield__left-helper-color-readonly);}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_ssv2kwg__6ded9a23:hover{color:var(--private_content-slot-color);}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_sb3k3v1__6ded9a23{opacity:var(--plasma-textfield-right-content-opacity-readonly);}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_sb3k3v1__6ded9a23:hover,.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_sb3k3v1__6ded9a23:active{cursor:default;color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.base_2lss3j_b1w985rt__6ded9a23[readonly].base_2lss3j_labelPlacementOuter__6ded9a23 .base_2lss3j_l1gjsnfi__6ded9a23{color:var(--plasma-textfield__label-color-readonly);}
+.base_1ys6zet_b1w985rt__ecf699aa[readonly] .base_1ys6zet_iq39zt5__ecf699aa{position:relative;color:var(--plasma-textfield-color-readonly);background:transparent;}.base_1ys6zet_b1w985rt__ecf699aa[readonly] .base_1ys6zet_iq39zt5__ecf699aa:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;border-radius:var(--plasma-textfield-border-radius);background-color:var(--plasma-textfield-bg-color-readonly);opacity:var(--plasma-textfield-readonly-opacity);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma-textfield-border-color-readonly);z-index:-1;}.base_1ys6zet_b1w985rt__ecf699aa[readonly] .base_1ys6zet_iq39zt5__ecf699aa:hover{background-color:transparent;}.base_1ys6zet_b1w985rt__ecf699aa[readonly].base_1ys6zet_textfieldHasDivider__ecf699aa .base_1ys6zet_iq39zt5__ecf699aa:before{background-color:var(--plasma-textfield-divider-color-readonly);}.base_1ys6zet_b1w985rt__ecf699aa[readonly] .base_1ys6zet_iq39zt5__ecf699aa:focus-within .base_1ys6zet_i19ry60d__ecf699aa,.base_1ys6zet_b1w985rt__ecf699aa[readonly] .base_1ys6zet_i19ry60d__ecf699aa{color:var(--plasma-textfield__placeholder-color-readonly);}.base_1ys6zet_b1w985rt__ecf699aa[readonly] .base_1ys6zet_io4bpie__ecf699aa{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_1ys6zet_b1w985rt__ecf699aa[readonly] .base_1ys6zet_t600610__ecf699aa{color:var(--plasma-textfield__title-caption-color-readonly);}.base_1ys6zet_b1w985rt__ecf699aa[readonly] .base_1ys6zet_l7hnwwb__ecf699aa{color:var(--plasma-textfield__left-helper-color-readonly);}.base_1ys6zet_b1w985rt__ecf699aa[readonly] .base_1ys6zet_ssv2kwg__ecf699aa:hover{color:var(--private_content-slot-color);}.base_1ys6zet_b1w985rt__ecf699aa[readonly] .base_1ys6zet_sb3k3v1__ecf699aa{opacity:var(--plasma-textfield-right-content-opacity-readonly);}.base_1ys6zet_b1w985rt__ecf699aa[readonly] .base_1ys6zet_sb3k3v1__ecf699aa:hover,.base_1ys6zet_b1w985rt__ecf699aa[readonly] .base_1ys6zet_sb3k3v1__ecf699aa:active{cursor:default;color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.base_1ys6zet_b1w985rt__ecf699aa[readonly].base_1ys6zet_labelPlacementOuter__ecf699aa .base_1ys6zet_l1gjsnfi__ecf699aa{color:var(--plasma-textfield__label-color-readonly);}
 
 .base_1m5chvs_b15d3bnf__ff61de1c.base_1m5chvs_labelPlacementOuter__ff61de1c .base_1m5chvs_l1gjsnfi__ff61de1c{position:relative;display:inline-block;color:var(--plasma-textfield__label-color);}.base_1m5chvs_b15d3bnf__ff61de1c.base_1m5chvs_labelPlacementInner__ff61de1c .base_1m5chvs_i13qvwoy__ff61de1c{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_1m5chvs_b15d3bnf__ff61de1c.base_1m5chvs_labelPlacementInner__ff61de1c .base_1m5chvs_io4bpie__ff61de1c:not(.base_1m5chvs_textfieldReadonlyInput__ff61de1c):focus ~ .base_1m5chvs_l1gjsnfi__ff61de1c,.base_1m5chvs_b15d3bnf__ff61de1c.base_1m5chvs_labelPlacementInner__ff61de1c .base_1m5chvs_io4bpie__ff61de1c.base_1m5chvs_hasValue__ff61de1c ~ .base_1m5chvs_l1gjsnfi__ff61de1c,.base_1m5chvs_b15d3bnf__ff61de1c.base_1m5chvs_labelPlacementInner__ff61de1c .base_1m5chvs_io4bpie__ff61de1c.base_1m5chvs_keepPlaceholder__ff61de1c ~ .base_1m5chvs_l1gjsnfi__ff61de1c{color:var(--plasma-textfield__placeholder-color);-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;padding:var(--plasma-textfield-placement_inner__label-padding);font-family:var(--plasma-textfield-placement_inner__label-font-family);font-size:var(--plasma-textfield-placement_inner__label-font-size);font-style:var(--plasma-textfield-placement_inner__label-font-style);font-weight:var(--plasma-textfield-placement_inner__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);line-height:var(--plasma-textfield-placement_inner__label-line-height);}.base_1m5chvs_b15d3bnf__ff61de1c.base_1m5chvs_labelPlacementInner__ff61de1c .base_1m5chvs_l1gjsnfi__ff61de1c{color:var(--plasma-textfield__placeholder-color);pointer-events:none;position:absolute;top:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;height:100%;width:100%;}.base_1m5chvs_b15d3bnf__ff61de1c.base_1m5chvs_labelPlacementInner__ff61de1c.base_1m5chvs_textfieldHasHint__ff61de1c.base_1m5chvs_textfieldClear__ff61de1c .base_1m5chvs_s9w7nf8__ff61de1c.base_1m5chvs_labelPlacementInner__ff61de1c.base_1m5chvs_requiredAlignRight__ff61de1c{inset:var(--plasma-textfield__clear-indicator-hint-placement-inner-right);}
 
@@ -44,29 +44,29 @@
 
 .Tooltip_1qsg6ij_s1cz8cv8__da7f9e0a{--plasma-popover-arrow-mask-width:var(--plasma-tooltip-arrow-mask-width);--plasma-popover-arrow-mask-height:var(--plasma-tooltip-arrow-mask-height);--plasma-popover-arrow-mask-image:var(--plasma-tooltip-arrow-mask-image);--plasma-popover-arrow-background:var(--plasma-tooltip-arrow-background);--plasma-popover-arrow-height:var(--plasma-tooltip-arrow-height);--plasma-popover-arrow-edge-margin:var(--plasma-tooltip-arrow-edge-margin);}
 
-.TextField_styles_1pu4eym_iq39zt5__18abad84{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;}
-.TextField_styles_1pu4eym_i1j28rg8__18abad84{-webkit-flex:1;-ms-flex:1;flex:1;overflow:scroll;position:relative;width:100%;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;overscroll-behavior:contain;}.TextField_styles_1pu4eym_i1j28rg8__18abad84::-webkit-scrollbar{display:none;}.TextField_styles_1pu4eym_i1j28rg8__18abad84.TextField_styles_1pu4eym_hasChips__18abad84{height:var(--plasma-textfield__chip-height);border-radius:var(--plasma-textfield__chip-border-radius);}
-.TextField_styles_1pu4eym_s13zudoe__18abad84{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-textfield__chip-gap);margin-right:var(--plasma-textfield__chip-margin-right,var(--plasma-textfield__chip-gap));-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
-.TextField_styles_1pu4eym_io4bpie__18abad84{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;background-color:transparent;outline:none;width:100%;z-index:1;}.TextField_styles_1pu4eym_io4bpie__18abad84.TextField_styles_1pu4eym_textfieldInputTextEllipsis__18abad84{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.TextField_styles_1pu4eym_io4bpie__18abad84::-webkit-input-placeholder{opacity:0;}.TextField_styles_1pu4eym_io4bpie__18abad84::-moz-placeholder{opacity:0;}.TextField_styles_1pu4eym_io4bpie__18abad84:-ms-input-placeholder{opacity:0;}.TextField_styles_1pu4eym_io4bpie__18abad84::placeholder{opacity:0;}
-.TextField_styles_1pu4eym_i13qvwoy__18abad84{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;min-width:var(--i13qvwoy-0);}.TextField_styles_1pu4eym_i13qvwoy__18abad84 .TextField_styles_1pu4eym_io4bpie__18abad84{max-width:var(--i13qvwoy-1);}
-.TextField_styles_1pu4eym_i19ry60d__18abad84{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;white-space:nowrap;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;line-height:inherit;color:var(--plasma-textfield__placeholder-color);padding:var(--i19ry60d-0);}
-.TextField_styles_1pu4eym_ibt1ohz__18abad84.TextField_styles_1pu4eym_textfieldInputTextEllipsis__18abad84{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
-.TextField_styles_1pu4eym_olv9av6__18abad84{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;white-space:var(--olv9av6-0);margin-bottom:var(--olv9av6-1);}
-.TextField_styles_1pu4eym_t600610__18abad84{display:inline-block;margin-left:auto;}
-.TextField_styles_1pu4eym_suk2zst__18abad84{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
-.TextField_styles_1pu4eym_l1gjsnfi__18abad84{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
-.TextField_styles_1pu4eym_ssv2kwg__18abad84{margin:var(--plasma-textfield__left-content-margin);color:var(--plasma-textfield-content-slot-color);line-height:0;}.TextField_styles_1pu4eym_ssv2kwg__18abad84:hover{color:var(--plasma-textfield-content-slot-color-hover,var(--plasma-textfield-content-slot-color));}.TextField_styles_1pu4eym_ssv2kwg__18abad84:active{color:var(--plasma-textfield-content-slot-color-active,var(--plasma-textfield-content-slot-color));}
-.TextField_styles_1pu4eym_s190z894__18abad84{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
-.TextField_styles_1pu4eym_sb3k3v1__18abad84{line-height:0;margin:var(--plasma-textfield__right-content-margin);color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.TextField_styles_1pu4eym_sb3k3v1__18abad84:hover{color:var(--plasma-textfield-content-right-slot-color-hover,var(--plasma-textfield-content-slot-color-hover));cursor:pointer;}.TextField_styles_1pu4eym_sb3k3v1__18abad84:active{color:var(--plasma-textfield-content-right-slot-color-active,var(--plasma-textfield-content-slot-color-active));}
-
-.TextField_styles_1pu4eym_smqgwd8__18abad84{visibility:var(--smqgwd8-0);}
-
-.TextField_styles_1pu4eym_s16itze4__18abad84{color:var(--plasma-textfield__optional-color);}
-.TextField_styles_1pu4eym_s1skqnhr__18abad84{display:inline-block;line-height:0;}.TextField_styles_1pu4eym_s1skqnhr__18abad84.TextField_styles_1pu4eym_labelPlacementInner__18abad84{position:absolute;margin:0;inset:var(--plasma-textfield__hint-inner-label-placement-offset);}
-.TextField_styles_1pu4eym_hgy0im1__18abad84{color:var(--plasma-textfield__hint-icon-color);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
-.TextField_styles_1pu4eym_h8yezh4__18abad84 .TextField_styles_1pu4eym_hgy0im1__18abad84 .TextField_styles_1pu4eym_popoverRoot__18abad84{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
-.TextField_styles_1pu4eym_hzsveq4__18abad84{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
-.TextField_styles_1pu4eym_s9w7nf8__18abad84{position:absolute;border-radius:50%;background-color:var(--plasma-textfield__indicator-color);}.TextField_styles_1pu4eym_s9w7nf8__18abad84.TextField_styles_1pu4eym_labelPlacementOuter__18abad84{width:var(--plasma-textfield__indicator-size-outer);height:var(--plasma-textfield__indicator-size-outer);inset:var(--plasma-textfield__indicator-placement-outer);}.TextField_styles_1pu4eym_s9w7nf8__18abad84.TextField_styles_1pu4eym_labelPlacementOuter__18abad84.TextField_styles_1pu4eym_requiredAlignRight__18abad84{inset:var(--plasma-textfield__indicator-placement-outer-right);}.TextField_styles_1pu4eym_s9w7nf8__18abad84.TextField_styles_1pu4eym_labelPlacementOuter__18abad84.TextField_styles_1pu4eym_requiredAlignRight__18abad84.TextField_styles_1pu4eym_textfieldHasHint__18abad84{right:calc( -1 * var(--plasma-textfield__indicator-size-outer) + var(--plasma-textfield__indicator-hint-placement-outer-right,0px) );}.TextField_styles_1pu4eym_s9w7nf8__18abad84.TextField_styles_1pu4eym_labelPlacementInner__18abad84{width:var(--plasma-textfield__indicator-size-inner);height:var(--plasma-textfield__indicator-size-inner);inset:var(--plasma-textfield__indicator-placement-inner);}.TextField_styles_1pu4eym_s9w7nf8__18abad84.TextField_styles_1pu4eym_labelPlacementInner__18abad84.TextField_styles_1pu4eym_requiredAlignRight__18abad84{inset:var(--plasma-textfield__indicator-placement-inner-right);}
+.TextField_styles_s18fd2_iq39zt5__21d3c155{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;}
+.TextField_styles_s18fd2_i1j28rg8__21d3c155{-webkit-flex:1;-ms-flex:1;flex:1;overflow:scroll;position:relative;width:100%;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;overscroll-behavior:contain;}.TextField_styles_s18fd2_i1j28rg8__21d3c155::-webkit-scrollbar{display:none;}.TextField_styles_s18fd2_i1j28rg8__21d3c155.TextField_styles_s18fd2_hasChips__21d3c155{height:var(--plasma-textfield__chip-height);border-radius:var(--plasma-textfield__chip-border-radius);}
+.TextField_styles_s18fd2_s13zudoe__21d3c155{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-textfield__chip-gap);margin-right:var(--plasma-textfield__chip-margin-right,var(--plasma-textfield__chip-gap));-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
+.TextField_styles_s18fd2_io4bpie__21d3c155{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;background-color:transparent;outline:none;width:100%;z-index:1;}.TextField_styles_s18fd2_io4bpie__21d3c155.TextField_styles_s18fd2_textfieldInputTextEllipsis__21d3c155{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.TextField_styles_s18fd2_io4bpie__21d3c155::-webkit-input-placeholder{opacity:0;}.TextField_styles_s18fd2_io4bpie__21d3c155::-moz-placeholder{opacity:0;}.TextField_styles_s18fd2_io4bpie__21d3c155:-ms-input-placeholder{opacity:0;}.TextField_styles_s18fd2_io4bpie__21d3c155::placeholder{opacity:0;}
+.TextField_styles_s18fd2_i13qvwoy__21d3c155{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;min-width:var(--i13qvwoy-0);}.TextField_styles_s18fd2_i13qvwoy__21d3c155 .TextField_styles_s18fd2_io4bpie__21d3c155{max-width:var(--i13qvwoy-1);}
+.TextField_styles_s18fd2_i19ry60d__21d3c155{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;white-space:nowrap;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;line-height:inherit;color:var(--plasma-textfield__placeholder-color);padding:var(--i19ry60d-0);}
+.TextField_styles_s18fd2_ibt1ohz__21d3c155.TextField_styles_s18fd2_textfieldInputTextEllipsis__21d3c155{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+.TextField_styles_s18fd2_olv9av6__21d3c155{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;white-space:var(--olv9av6-0);margin-bottom:var(--olv9av6-1);}
+.TextField_styles_s18fd2_t600610__21d3c155{display:inline-block;margin-left:auto;}
+.TextField_styles_s18fd2_suk2zst__21d3c155{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
+.TextField_styles_s18fd2_l1gjsnfi__21d3c155{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
+.TextField_styles_s18fd2_ssv2kwg__21d3c155{margin:var(--plasma-textfield__left-content-margin);color:var(--plasma-textfield-content-slot-color);line-height:0;}.TextField_styles_s18fd2_ssv2kwg__21d3c155:hover{color:var(--plasma-textfield-content-slot-color-hover,var(--plasma-textfield-content-slot-color));}.TextField_styles_s18fd2_ssv2kwg__21d3c155:active{color:var(--plasma-textfield-content-slot-color-active,var(--plasma-textfield-content-slot-color));}
+.TextField_styles_s18fd2_s190z894__21d3c155{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
+.TextField_styles_s18fd2_sb3k3v1__21d3c155{line-height:0;margin:var(--plasma-textfield__right-content-margin);color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.TextField_styles_s18fd2_sb3k3v1__21d3c155:hover{color:var(--plasma-textfield-content-right-slot-color-hover,var(--plasma-textfield-content-slot-color-hover));cursor:pointer;}.TextField_styles_s18fd2_sb3k3v1__21d3c155:active{color:var(--plasma-textfield-content-right-slot-color-active,var(--plasma-textfield-content-slot-color-active));}
+.TextField_styles_s18fd2_l7hnwwb__21d3c155{color:var(--plasma-textfield__left-helper-color);}.TextField_styles_s18fd2_l7hnwwb__21d3c155.TextField_styles_s18fd2_hasFocus__21d3c155{color:var(--plasma-textfield__left-helper-color-focus);}
+.TextField_styles_s18fd2_smqgwd8__21d3c155{visibility:var(--smqgwd8-0);}
+
+.TextField_styles_s18fd2_s16itze4__21d3c155{color:var(--plasma-textfield__optional-color);}
+.TextField_styles_s18fd2_s1skqnhr__21d3c155{display:inline-block;line-height:0;}.TextField_styles_s18fd2_s1skqnhr__21d3c155.TextField_styles_s18fd2_labelPlacementInner__21d3c155{position:absolute;margin:0;inset:var(--plasma-textfield__hint-inner-label-placement-offset);}
+.TextField_styles_s18fd2_hgy0im1__21d3c155{color:var(--plasma-textfield__hint-icon-color);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
+.TextField_styles_s18fd2_h8yezh4__21d3c155 .TextField_styles_s18fd2_hgy0im1__21d3c155 .TextField_styles_s18fd2_popoverRoot__21d3c155{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
+.TextField_styles_s18fd2_hzsveq4__21d3c155{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
+.TextField_styles_s18fd2_s9w7nf8__21d3c155{position:absolute;border-radius:50%;background-color:var(--plasma-textfield__indicator-color);}.TextField_styles_s18fd2_s9w7nf8__21d3c155.TextField_styles_s18fd2_labelPlacementOuter__21d3c155{width:var(--plasma-textfield__indicator-size-outer);height:var(--plasma-textfield__indicator-size-outer);inset:var(--plasma-textfield__indicator-placement-outer);}.TextField_styles_s18fd2_s9w7nf8__21d3c155.TextField_styles_s18fd2_labelPlacementOuter__21d3c155.TextField_styles_s18fd2_requiredAlignRight__21d3c155{inset:var(--plasma-textfield__indicator-placement-outer-right);}.TextField_styles_s18fd2_s9w7nf8__21d3c155.TextField_styles_s18fd2_labelPlacementOuter__21d3c155.TextField_styles_s18fd2_requiredAlignRight__21d3c155.TextField_styles_s18fd2_textfieldHasHint__21d3c155{right:calc( -1 * var(--plasma-textfield__indicator-size-outer) + var(--plasma-textfield__indicator-hint-placement-outer-right,0px) );}.TextField_styles_s18fd2_s9w7nf8__21d3c155.TextField_styles_s18fd2_labelPlacementInner__21d3c155{width:var(--plasma-textfield__indicator-size-inner);height:var(--plasma-textfield__indicator-size-inner);inset:var(--plasma-textfield__indicator-placement-inner);}.TextField_styles_s18fd2_s9w7nf8__21d3c155.TextField_styles_s18fd2_labelPlacementInner__21d3c155.TextField_styles_s18fd2_requiredAlignRight__21d3c155{inset:var(--plasma-textfield__indicator-placement-inner-right);}
 
 .base_sp7461_b13tc97x__6c2a9135{color:var(--plasma-chip-color);background-color:var(--plasma-chip-background);}.base_sp7461_b13tc97x__6c2a9135:hover{color:var(--plasma-chip-color-hover);background-color:var(--plasma-chip-background-hover);}.base_sp7461_b13tc97x__6c2a9135:active{color:var(--plasma-chip-color-active);background-color:var(--plasma-chip-background-active);}
 

package/dist/css/es/components/Slider/Slider.js

@@ -1,5 +1,5 @@
 import { objectWithoutProperties as _objectWithoutProperties, extends as _extends, typeof as _typeof } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React, { forwardRef } from 'react';
+import React__default, { forwardRef } from 'react';
 import { cx } from '../../utils/index.js';
 import { base } from './variations/_view/base.js';
 import { base as base$1 } from './variations/_size/base.js';
@@ -24,14 +24,14 @@ var sliderRoot = function sliderRoot(Root) {
       type = _ref$type === void 0 ? 'single' : _ref$type,
       props = _objectWithoutProperties(_ref, _excluded);
     if (isSingleValueProps(props, type)) {
-      return /*#__PURE__*/React.createElement(Root, _extends({}, props, {
+      return /*#__PURE__*/React__default.createElement(Root, _extends({}, props, {
         className: cx(props.orientation === 'vertical' && classes.verticalOrientation, props.className),
         ref: ref
-      }), /*#__PURE__*/React.createElement(SingleSlider, props));
+      }), /*#__PURE__*/React__default.createElement(SingleSlider, props));
     }
-    return /*#__PURE__*/React.createElement(Root, _extends({
+    return /*#__PURE__*/React__default.createElement(Root, _extends({
       ref: ref
-    }, props), isDoubleValueProps(props, type) && /*#__PURE__*/React.createElement(DoubleUncontrolled, props));
+    }, props), isDoubleValueProps(props, type) && /*#__PURE__*/React__default.createElement(DoubleUncontrolled, props));
   });
 };
 var sliderConfig = {