@alfalab/core-components-picker-button 12.0.0 → 12.1.0-snapshot-92b8690

package/dynamic-mixins/Component.responsive.d.ts

@@ -0,0 +1,33 @@
+import React from 'react';
+import type { AdditionalMobileProps, BottomSheetSelectMobileProps } from '@alfalab/core-components-select/shared';
+import { PickerButtonDesktopProps } from './desktop';
+export declare type PickerButtonResponsiveProps = PickerButtonDesktopProps & AdditionalMobileProps & BottomSheetSelectMobileProps & {
+    /**
+     * Контрольная точка, с нее начинается desktop версия
+     * @default 1024
+     */
+    breakpoint?: number;
+    /**
+     * Версия, которая будет использоваться при серверном рендеринге
+     */
+    client?: 'desktop' | 'mobile';
+};
+export declare const PickerButtonResponsive: React.ForwardRefExoticComponent<Omit<import("@alfalab/core-components-select/typings").BaseSelectProps, "size" | "hint" | "placeholder" | "selected" | "multiple" | "Arrow" | "onFocus" | "autocomplete" | "closeOnSelect" | "allowUnselect" | "options" | "searchProps" | "showSearch" | "Search"> & Pick<import("@alfalab/core-components-button").ButtonProps, "view" | "rightAddons" | "leftAddons" | "loading"> & {
+    options: ((import("@alfalab/core-components-select/typings").OptionShape | import("@alfalab/core-components-select/typings").GroupShape) & {
+        icon?: React.ComponentType<React.SVGProps<SVGSVGElement>> | undefined;
+    })[];
+    size?: import("./types").PickerButtonSize | undefined;
+    variant?: import("./types").PickerButtonVariant | undefined;
+    showArrow?: boolean | undefined;
+    icon?: React.ComponentType<React.SVGProps<SVGSVGElement>> | undefined;
+} & AdditionalMobileProps & BottomSheetSelectMobileProps & {
+    /**
+     * Контрольная точка, с нее начинается desktop версия
+     * @default 1024
+     */
+    breakpoint?: number | undefined;
+    /**
+     * Версия, которая будет использоваться при серверном рендеринге
+     */
+    client?: "mobile" | "desktop" | undefined;
+} & React.RefAttributes<HTMLInputElement>>;

package/dynamic-mixins/Component.responsive.js

@@ -0,0 +1,23 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+var dynamicMixins = require('@alfalab/core-components-mq/dynamic-mixins');
+var Component_desktop = require('./desktop/Component.desktop.js');
+var Component_mobile = require('./mobile/Component.mobile.js');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+var PickerButtonResponsive = React.forwardRef(function (_a, ref) {
+    var OptionsList = _a.OptionsList, onScroll = _a.onScroll, footer = _a.footer, swipeable = _a.swipeable, bottomSheetProps = _a.bottomSheetProps, breakpoint = _a.breakpoint, client = _a.client, restProps = tslib.__rest(_a, ["OptionsList", "onScroll", "footer", "swipeable", "bottomSheetProps", "breakpoint", "client"]);
+    var isDesktop = dynamicMixins.useIsDesktop(breakpoint, client === 'desktop');
+    return isDesktop ? (React__default.default.createElement(Component_desktop.PickerButtonDesktop, tslib.__assign({ ref: ref, OptionsList: OptionsList, onScroll: onScroll }, restProps))) : (React__default.default.createElement(Component_mobile.PickerButtonMobile, tslib.__assign({ ref: ref, footer: footer, swipeable: swipeable, bottomSheetProps: bottomSheetProps, breakpoint: breakpoint }, restProps)));
+});
+PickerButtonResponsive.displayName = 'PickerButtonResponsive';
+
+exports.PickerButtonResponsive = PickerButtonResponsive;
+//# sourceMappingURL=Component.responsive.js.map

package/dynamic-mixins/Component.responsive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Component.responsive.js","sources":["../src/Component.responsive.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { useIsDesktop } from '@alfalab/core-components-mq';\nimport type {\n    AdditionalMobileProps,\n    BottomSheetSelectMobileProps,\n} from '@alfalab/core-components-select/shared';\n\nimport { PickerButtonDesktop, PickerButtonDesktopProps } from './desktop';\nimport { PickerButtonMobile } from './mobile';\n\nexport type PickerButtonResponsiveProps = PickerButtonDesktopProps &\n    AdditionalMobileProps &\n    BottomSheetSelectMobileProps & {\n        /**\n         * Контрольная точка, с нее начинается desktop версия\n         * @default 1024\n         */\n        breakpoint?: number;\n\n        /**\n         * Версия, которая будет использоваться при серверном рендеринге\n         */\n        client?: 'desktop' | 'mobile';\n    };\n\nexport const PickerButtonResponsive = forwardRef<HTMLInputElement, PickerButtonResponsiveProps>(\n    (\n        {\n            OptionsList,\n            onScroll,\n            footer,\n            swipeable,\n            bottomSheetProps,\n            breakpoint,\n            client,\n            ...restProps\n        },\n        ref,\n    ) => {\n        const isDesktop = useIsDesktop(breakpoint, client === 'desktop');\n\n        return isDesktop ? (\n            <PickerButtonDesktop\n                ref={ref}\n                OptionsList={OptionsList}\n                onScroll={onScroll}\n                {...restProps}\n            />\n        ) : (\n            <PickerButtonMobile\n                ref={ref}\n                footer={footer}\n                swipeable={swipeable}\n                bottomSheetProps={bottomSheetProps}\n                breakpoint={breakpoint}\n                {...restProps}\n            />\n        );\n    },\n);\n\nPickerButtonResponsive.displayName = 'PickerButtonResponsive';\n"],"names":["forwardRef","__rest","useIsDesktop","React","PickerButtonDesktop","__assign","PickerButtonMobile"],"mappings":";;;;;;;;;;;;;;IA0Ba,sBAAsB,GAAGA,gBAAU,CAC5C,UACI,EASC,EACD,GAAG,EAAA;IATC,IAAA,WAAW,GAAA,EAAA,CAAA,WAAA,EACX,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,gBAAgB,GAAA,EAAA,CAAA,gBAAA,EAChB,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,MAAM,YAAA,EACH,SAAS,GARhBC,YAAA,CAAA,EAAA,EAAA,CAAA,aAAA,EAAA,UAAA,EAAA,QAAA,EAAA,WAAA,EAAA,kBAAA,EAAA,YAAA,EAAA,QAAA,CASC,CADe;IAIhB,IAAM,SAAS,GAAGC,0BAAY,CAAC,UAAU,EAAE,MAAM,KAAK,SAAS,CAAC;IAEhE,OAAO,SAAS,IACZC,qCAACC,qCAAmB,EAAAC,cAAA,CAAA,EAChB,GAAG,EAAE,GAAG,EACR,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,IACd,SAAS,CAAA,CACf,KAEFF,sBAAC,CAAA,aAAA,CAAAG,mCAAkB,EACfD,cAAA,CAAA,EAAA,GAAG,EAAE,GAAG,EACR,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,gBAAgB,EAAE,gBAAgB,EAClC,UAAU,EAAE,UAAU,EAClB,EAAA,SAAS,CACf,CAAA,CACL;AACL,CAAC;AAGL,sBAAsB,CAAC,WAAW,GAAG,wBAAwB;;;;"}

package/dynamic-mixins/desktop/Component.desktop.d.ts

@@ -0,0 +1,56 @@
+import React, { ComponentType, SVGProps } from 'react';
+import type { ButtonProps } from '@alfalab/core-components-button';
+import { BaseSelectProps } from '@alfalab/core-components-select/shared';
+import type { PickerButtonSize, PickerButtonVariant } from '../types';
+export declare type PickerButtonDesktopProps = Omit<BaseSelectProps, 'placeholder' | 'Arrow' | 'autocomplete' | 'size' | 'onFocus' | 'selected' | 'closeOnSelect' | 'multiple' | 'hint' | 'allowUnselect' | 'options' | 'searchProps' | 'showSearch' | 'Search'> & Pick<ButtonProps, 'view' | 'loading' | 'leftAddons' | 'rightAddons'> & {
+    options: Array<BaseSelectProps['options'][0] & {
+        /**
+         * Иконка, отображающаяся слева от текстового представления пункта
+         */
+        icon?: ComponentType<SVGProps<SVGSVGElement>>;
+    }>;
+    /**
+     * Размер кнопки
+     * @description xxs, xs, s, m, l, xl deprecated, используйте вместо них 32, 40, 48, 56, 64, 72 соответственно
+     */
+    size?: PickerButtonSize;
+    /**
+     * Тип кнопки
+     */
+    variant?: PickerButtonVariant;
+    /**
+     * Показывать стрелку
+     * @default true
+     */
+    showArrow?: boolean;
+    /**
+     * Кастомная иконка при variant = compact
+     */
+    icon?: ComponentType<SVGProps<SVGSVGElement>>;
+};
+export declare const PickerButtonDesktop: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "size" | "hint" | "placeholder" | "selected" | "multiple" | "Arrow" | "onFocus" | "autocomplete" | "closeOnSelect" | "allowUnselect" | "options" | "searchProps" | "showSearch" | "Search"> & Pick<ButtonProps, "view" | "rightAddons" | "leftAddons" | "loading"> & {
+    options: Array<BaseSelectProps['options'][0] & {
+        /**
+         * Иконка, отображающаяся слева от текстового представления пункта
+         */
+        icon?: ComponentType<SVGProps<SVGSVGElement>>;
+    }>;
+    /**
+     * Размер кнопки
+     * @description xxs, xs, s, m, l, xl deprecated, используйте вместо них 32, 40, 48, 56, 64, 72 соответственно
+     */
+    size?: PickerButtonSize | undefined;
+    /**
+     * Тип кнопки
+     */
+    variant?: PickerButtonVariant | undefined;
+    /**
+     * Показывать стрелку
+     * @default true
+     */
+    showArrow?: boolean | undefined;
+    /**
+     * Кастомная иконка при variant = compact
+     */
+    icon?: React.ComponentType<React.SVGProps<SVGSVGElement>> | undefined;
+} & React.RefAttributes<HTMLInputElement>>;

package/dynamic-mixins/desktop/Component.desktop.js

@@ -0,0 +1,42 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+var cn = require('classnames');
+var dynamicMixins = require('@alfalab/core-components-popover/dynamic-mixins');
+var shared = require('@alfalab/core-components-select/dynamic-mixins/shared');
+var Component = require('../field/Component.js');
+var Component$1 = require('../option/Component.js');
+var index_module = require('../index.module.css.js');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
+
+var SIDE_POSITIONS = ['right', 'right-start', 'right-end', 'left', 'left-start', 'left-end'];
+var PickerButtonDesktop = React.forwardRef(function (_a, ref) {
+    var _b;
+    var _c = _a.OptionsList, OptionsList = _c === void 0 ? shared.OptionsList : _c, _d = _a.Optgroup, Optgroup = _d === void 0 ? shared.Optgroup : _d, _e = _a.Option, Option = _e === void 0 ? Component$1.Option : _e, view = _a.view, loading = _a.loading, _f = _a.size, size = _f === void 0 ? 56 : _f, _g = _a.variant, variant = _g === void 0 ? 'default' : _g, className = _a.className, leftAddons = _a.leftAddons, rightAddons = _a.rightAddons, popperClassName = _a.popperClassName, optionClassName = _a.optionClassName, showArrow = _a.showArrow, _h = _a.Field, Field = _h === void 0 ? Component.Field : _h, _j = _a.fieldProps, fieldProps = _j === void 0 ? {} : _j, icon = _a.icon, restProps = tslib.__rest(_a, ["OptionsList", "Optgroup", "Option", "view", "loading", "size", "variant", "className", "leftAddons", "rightAddons", "popperClassName", "optionClassName", "showArrow", "Field", "fieldProps", "icon"]);
+    var isSideGap = !!restProps.popoverPosition && SIDE_POSITIONS.includes(restProps.popoverPosition);
+    var fieldDefaultProps = {
+        view: view,
+        loading: loading,
+        /** size у select, button несовместимы */
+        buttonSize: size,
+        buttonVariant: variant,
+        leftAddons: leftAddons,
+        rightAddons: rightAddons,
+        showArrow: showArrow,
+        breakpoint: 1,
+        icon: icon,
+    };
+    return (React__default.default.createElement(shared.BaseSelect, tslib.__assign({}, restProps, { Popover: dynamicMixins.Popover, view: 'desktop', optionProps: { Checkmark: null }, ref: ref, Option: Option, Field: Field, size: size === 'm' || size === 56 ? 56 : 48, fieldProps: tslib.__assign(tslib.__assign({}, fieldDefaultProps), fieldProps), Optgroup: Optgroup, OptionsList: OptionsList, className: cn__default.default(index_module.container, className), popperClassName: cn__default.default('cc-picker-button', index_module.optionsPopover, popperClassName, (_b = {},
+            _b[index_module.sideGap] = isSideGap,
+            _b)), optionClassName: cn__default.default(index_module.option, optionClassName), selected: [], closeOnSelect: true })));
+});
+
+exports.PickerButtonDesktop = PickerButtonDesktop;
+//# sourceMappingURL=Component.desktop.js.map

package/dynamic-mixins/desktop/Component.desktop.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Component.desktop.js","sources":["../../src/desktop/Component.desktop.tsx"],"sourcesContent":["import React, { ComponentType, forwardRef, SVGProps } from 'react';\nimport cn from 'classnames';\n\nimport type { ButtonProps } from '@alfalab/core-components-button';\nimport { Popover } from '@alfalab/core-components-popover';\nimport {\n    BaseSelect,\n    BaseSelectProps,\n    Optgroup as DefaultOptgroup,\n    OptionsList as DefaultOptionsList,\n} from '@alfalab/core-components-select/shared';\n\nimport { Field as DefaultField } from '../field';\nimport { Option as DefaultOption } from '../option';\nimport type { PickerButtonSize, PickerButtonVariant } from '../types';\n\nimport styles from '../index.module.css';\n\nconst SIDE_POSITIONS = ['right', 'right-start', 'right-end', 'left', 'left-start', 'left-end'];\n\nexport type PickerButtonDesktopProps = Omit<\n    BaseSelectProps,\n    | 'placeholder'\n    | 'Arrow'\n    | 'autocomplete'\n    | 'size'\n    | 'onFocus'\n    | 'selected'\n    | 'closeOnSelect'\n    | 'multiple'\n    | 'hint'\n    | 'allowUnselect'\n    | 'options'\n    | 'searchProps'\n    | 'showSearch'\n    | 'Search'\n> &\n    Pick<ButtonProps, 'view' | 'loading' | 'leftAddons' | 'rightAddons'> & {\n        options: Array<\n            BaseSelectProps['options'][0] & {\n                /**\n                 * Иконка, отображающаяся слева от текстового представления пункта\n                 */\n                icon?: ComponentType<SVGProps<SVGSVGElement>>;\n            }\n        >;\n\n        /**\n         * Размер кнопки\n         * @description xxs, xs, s, m, l, xl deprecated, используйте вместо них 32, 40, 48, 56, 64, 72 соответственно\n         */\n        size?: PickerButtonSize;\n\n        /**\n         * Тип кнопки\n         */\n        variant?: PickerButtonVariant;\n\n        /**\n         * Показывать стрелку\n         * @default true\n         */\n        showArrow?: boolean;\n\n        /**\n         * Кастомная иконка при variant = compact\n         */\n        icon?: ComponentType<SVGProps<SVGSVGElement>>;\n    };\n\nexport const PickerButtonDesktop = forwardRef<HTMLInputElement, PickerButtonDesktopProps>(\n    (\n        {\n            OptionsList = DefaultOptionsList,\n            Optgroup = DefaultOptgroup,\n            Option = DefaultOption,\n            view,\n            loading,\n            size = 56,\n            variant = 'default',\n            className,\n            leftAddons,\n            rightAddons,\n            popperClassName,\n            optionClassName,\n            showArrow,\n            Field = DefaultField,\n            fieldProps = {},\n            icon,\n            ...restProps\n        },\n        ref,\n    ) => {\n        const isSideGap =\n            !!restProps.popoverPosition && SIDE_POSITIONS.includes(restProps.popoverPosition);\n\n        const fieldDefaultProps = {\n            view,\n            loading,\n            /** size у select, button несовместимы */\n            buttonSize: size,\n            buttonVariant: variant,\n            leftAddons,\n            rightAddons,\n            showArrow,\n            breakpoint: 1,\n            icon,\n        };\n\n        return (\n            <BaseSelect\n                {...restProps}\n                Popover={Popover}\n                view='desktop'\n                optionProps={{ Checkmark: null }}\n                ref={ref}\n                Option={Option}\n                Field={Field}\n                size={size === 'm' || size === 56 ? 56 : 48}\n                fieldProps={{\n                    ...fieldDefaultProps,\n                    ...(fieldProps as object),\n                }}\n                Optgroup={Optgroup}\n                OptionsList={OptionsList}\n                className={cn(styles.container, className)}\n                popperClassName={cn('cc-picker-button', styles.optionsPopover, popperClassName, {\n                    [styles.sideGap]: isSideGap,\n                })}\n                optionClassName={cn(styles.option, optionClassName)}\n                selected={[]}\n                closeOnSelect={true}\n            />\n        );\n    },\n);\n"],"names":["forwardRef","DefaultOptionsList","DefaultOptgroup","DefaultOption","DefaultField","__rest","React","BaseSelect","Popover","__assign","cn","styles"],"mappings":"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"}

package/dynamic-mixins/desktop/index.d.ts

@@ -0,0 +1,2 @@
+export { PickerButtonDesktop } from './Component.desktop';
+export type { PickerButtonDesktopProps } from './Component.desktop';

package/dynamic-mixins/desktop/index.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Component_desktop = require('./Component.desktop.js');
+
+
+
+exports.PickerButtonDesktop = Component_desktop.PickerButtonDesktop;
+//# sourceMappingURL=index.js.map

package/dynamic-mixins/desktop/index.js.map

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

package/dynamic-mixins/field/Component.d.ts

@@ -0,0 +1,12 @@
+import React, { ComponentType, SVGProps } from 'react';
+import { ButtonProps } from '@alfalab/core-components-button';
+import { FieldProps as BaseFieldProps } from '@alfalab/core-components-select/typings';
+import type { PickerButtonSize, PickerButtonVariant } from '../types';
+declare type FieldProps = Omit<BaseFieldProps, 'size' | 'hint' | 'success' | 'error' | 'placeholder'> & ButtonProps & {
+    buttonSize?: PickerButtonSize;
+    buttonVariant?: PickerButtonVariant;
+    showArrow?: boolean;
+    icon?: ComponentType<SVGProps<SVGSVGElement>>;
+};
+export declare const Field: ({ buttonSize, buttonVariant, view, label, open, multiple, rightAddons, Arrow, innerProps, className, selected, selectedMultiple, setSelectedItems, toggleMenu, valueRenderer, showArrow, labelView, FormControlComponent, icon, onClear, ...restProps }: FieldProps) => React.JSX.Element;
+export {};

package/dynamic-mixins/field/Component.js

@@ -0,0 +1,49 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+var cn = require('classnames');
+var dynamicMixins = require('@alfalab/core-components-button/dynamic-mixins');
+var index = require('../utils/index.js');
+var index_module = require('./index.module.css.js');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
+
+var SIZE_TO_CLASSNAME_MAP = {
+    xxs: 'size-32',
+    xs: 'size-40',
+    s: 'size-48',
+    m: 'size-56',
+    l: 'size-64',
+    xl: 'size-72',
+    32: 'size-32',
+    40: 'size-40',
+    48: 'size-48',
+    56: 'size-56',
+    64: 'size-64',
+    72: 'size-72',
+};
+var Field = function (_a) {
+    var _b, _c;
+    var _d = _a.buttonSize, buttonSize = _d === void 0 ? 56 : _d, _e = _a.buttonVariant, buttonVariant = _e === void 0 ? 'default' : _e, view = _a.view, label = _a.label, open = _a.open; _a.multiple; var rightAddons = _a.rightAddons; _a.Arrow; var innerProps = _a.innerProps, className = _a.className; _a.selected; _a.selectedMultiple; _a.setSelectedItems; _a.toggleMenu; _a.valueRenderer; var _f = _a.showArrow, showArrow = _f === void 0 ? true : _f; _a.labelView; _a.FormControlComponent; var icon = _a.icon; _a.onClear; var restProps = tslib.__rest(_a, ["buttonSize", "buttonVariant", "view", "label", "open", "multiple", "rightAddons", "Arrow", "innerProps", "className", "selected", "selectedMultiple", "setSelectedItems", "toggleMenu", "valueRenderer", "showArrow", "labelView", "FormControlComponent", "icon", "onClear"]);
+    var Icon = index.getIcon(buttonVariant, SIZE_TO_CLASSNAME_MAP[buttonSize], icon);
+    var ref = innerProps.ref, restInnerProps = tslib.__rest(innerProps, ["ref"]);
+    var buttonProps = tslib.__assign(tslib.__assign({}, restProps), restInnerProps);
+    return (React__default.default.createElement("div", { ref: ref },
+        React__default.default.createElement(dynamicMixins.Button, tslib.__assign({}, buttonProps, { rightAddons: React__default.default.createElement(React.Fragment, null,
+                rightAddons && (React__default.default.createElement("span", { className: cn__default.default(index_module.addonsContainer, (_b = {},
+                        _b[index_module.showControlIcon] = showArrow || buttonVariant === 'compact',
+                        _b)) }, rightAddons)),
+                (showArrow || buttonVariant === 'compact') && (React__default.default.createElement("span", { className: cn__default.default(index_module.iconContainer, buttonVariant !== 'compact' && open && index_module.open) },
+                    React__default.default.createElement(Icon, { "data-test-id": 'picker-button-icon' })))), block: true, view: view, size: buttonSize, className: cn__default.default(className, (_c = {},
+                _c[index_module.linkOpen] = view === 'link' && open,
+                _c)) }), buttonVariant !== 'compact' && label)));
+};
+
+exports.Field = Field;
+//# sourceMappingURL=Component.js.map

package/dynamic-mixins/field/Component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Component.js","sources":["../../src/field/Component.tsx"],"sourcesContent":["import React, { ButtonHTMLAttributes, ComponentType, Fragment, SVGProps } from 'react';\nimport cn from 'classnames';\n\nimport { Button, ButtonProps } from '@alfalab/core-components-button';\nimport { FieldProps as BaseFieldProps } from '@alfalab/core-components-select/typings';\n\nimport type { PickerButtonSize, PickerButtonVariant } from '../types';\nimport { getIcon } from '../utils';\n\nimport styles from './index.module.css';\n\ntype FieldProps = Omit<BaseFieldProps, 'size' | 'hint' | 'success' | 'error' | 'placeholder'> &\n    ButtonProps & {\n        buttonSize?: PickerButtonSize;\n        buttonVariant?: PickerButtonVariant;\n        showArrow?: boolean;\n        icon?: ComponentType<SVGProps<SVGSVGElement>>;\n    };\n\nconst SIZE_TO_CLASSNAME_MAP = {\n    xxs: 'size-32',\n    xs: 'size-40',\n    s: 'size-48',\n    m: 'size-56',\n    l: 'size-64',\n    xl: 'size-72',\n    32: 'size-32',\n    40: 'size-40',\n    48: 'size-48',\n    56: 'size-56',\n    64: 'size-64',\n    72: 'size-72',\n};\n\nexport const Field = ({\n    buttonSize = 56,\n    buttonVariant = 'default',\n    view,\n    label,\n    open,\n    multiple,\n    rightAddons,\n    Arrow,\n    innerProps,\n    className,\n    selected,\n    selectedMultiple,\n    setSelectedItems,\n    toggleMenu,\n    valueRenderer,\n    showArrow = true,\n    labelView,\n    FormControlComponent,\n    icon,\n    onClear,\n    ...restProps\n}: FieldProps) => {\n    const Icon: ComponentType<SVGProps<SVGSVGElement>> = getIcon(\n        buttonVariant,\n        SIZE_TO_CLASSNAME_MAP[buttonSize],\n        icon,\n    );\n\n    const { ref, ...restInnerProps } = innerProps;\n\n    const buttonProps = {\n        ...restProps,\n        ...restInnerProps,\n    } as ButtonHTMLAttributes<HTMLButtonElement>;\n\n    return (\n        <div ref={ref}>\n            <Button\n                {...buttonProps}\n                rightAddons={\n                    <Fragment>\n                        {rightAddons && (\n                            <span\n                                className={cn(styles.addonsContainer, {\n                                    [styles.showControlIcon]:\n                                        showArrow || buttonVariant === 'compact',\n                                })}\n                            >\n                                {rightAddons}\n                            </span>\n                        )}\n\n                        {(showArrow || buttonVariant === 'compact') && (\n                            <span\n                                className={cn(\n                                    styles.iconContainer,\n                                    buttonVariant !== 'compact' && open && styles.open,\n                                )}\n                            >\n                                <Icon data-test-id='picker-button-icon' />\n                            </span>\n                        )}\n                    </Fragment>\n                }\n                block={true}\n                view={view}\n                size={buttonSize}\n                className={cn(className, {\n                    [styles.linkOpen]: view === 'link' && open,\n                })}\n            >\n                {buttonVariant !== 'compact' && label}\n            </Button>\n        </div>\n    );\n};\n"],"names":["__rest","getIcon","__assign","React","Button","Fragment","cn","styles"],"mappings":"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"}

package/dynamic-mixins/field/index.css

@@ -0,0 +1,19 @@
+:root {
+    --color-light-transparent-default-hover: rgba(38, 55, 88, 0.06);
+} :root {
+    --gap-2xs: 4px;
+    --gap-4: var(--gap-2xs);
+} :root {
+    --arrow-transform: rotate(180deg);
+} .picker-button__iconContainer_1h322 {
+    display: flex;
+    transition: transform 0.15s ease-in-out;
+} .picker-button__addonsContainer_1h322 {
+    display: flex
+} .picker-button__addonsContainer_1h322.picker-button__showControlIcon_1h322 {
+        margin-right: var(--gap-4);
+    } .picker-button__open_1h322 {
+    transform: var(--arrow-transform);
+} .picker-button__linkOpen_1h322:not(:hover) {
+    background-color: var(--color-light-transparent-default-hover);
+}

package/dynamic-mixins/field/index.d.ts

@@ -0,0 +1 @@
+export * from './Component';

package/dynamic-mixins/field/index.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Component = require('./Component.js');
+
+
+
+exports.Field = Component.Field;
+//# sourceMappingURL=index.js.map

package/dynamic-mixins/field/index.js.map

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

package/dynamic-mixins/field/index.module.css.js

@@ -0,0 +1,8 @@
+'use strict';
+
+require('./index.css');
+
+var styles = {"iconContainer":"picker-button__iconContainer_1h322","addonsContainer":"picker-button__addonsContainer_1h322","showControlIcon":"picker-button__showControlIcon_1h322","open":"picker-button__open_1h322","linkOpen":"picker-button__linkOpen_1h322"};
+
+module.exports = styles;
+//# sourceMappingURL=index.module.css.js.map

package/dynamic-mixins/field/index.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.module.css.js","sources":["../src/field/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-dynamic-mixins-index.css';\n\n.iconContainer {\n    display: flex;\n    transition: transform 0.15s ease-in-out;\n}\n\n.addonsContainer {\n    display: flex;\n\n    &.showControlIcon {\n        margin-right: var(--gap-4);\n    }\n}\n\n.open {\n    transform: var(--arrow-transform);\n}\n\n.linkOpen:not(:hover) {\n    background-color: var(--color-light-transparent-default-hover);\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,eAAe,CAAC,oCAAoC,CAAC,iBAAiB,CAAC,sCAAsC,CAAC,iBAAiB,CAAC,sCAAsC,CAAC,MAAM,CAAC,2BAA2B,CAAC,UAAU,CAAC,+BAA+B,CAAC;;;;"}

package/dynamic-mixins/index.css

@@ -0,0 +1,15 @@
+:root {
+    --gap-xs: 8px;
+    --gap-m: 16px;
+    --gap-0: 0px;
+    --gap-8: var(--gap-xs);
+    --gap-16: var(--gap-m);
+} .picker-button__container_1f73n {
+    min-width: auto;
+} .cc-picker-button.picker-button__optionsPopover_1f73n.picker-button__sideGap_1f73n {
+            padding: var(--gap-0) var(--gap-8);
+        } .cc-picker-button .picker-button__option_1f73n {
+        padding: var(--gap-0) var(--gap-16)
+    } .cc-picker-button .picker-button__option_1f73n:before {
+            display: none;
+        }

package/dynamic-mixins/index.d.ts

@@ -0,0 +1,2 @@
+export { PickerButtonResponsive as PickerButton } from './Component.responsive';
+export type { PickerButtonResponsiveProps as PickerButtonProps } from './Component.responsive';

package/dynamic-mixins/index.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Component_responsive = require('./Component.responsive.js');
+
+
+
+exports.PickerButton = Component_responsive.PickerButtonResponsive;
+//# sourceMappingURL=index.js.map

package/dynamic-mixins/index.js.map

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

package/dynamic-mixins/index.module.css.js

@@ -0,0 +1,8 @@
+'use strict';
+
+require('./index.css');
+
+var styles = {"container":"picker-button__container_1f73n","optionsPopover":"picker-button__optionsPopover_1f73n","sideGap":"picker-button__sideGap_1f73n","option":"picker-button__option_1f73n"};
+
+module.exports = styles;
+//# sourceMappingURL=index.module.css.js.map

package/dynamic-mixins/index.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.module.css.js","sources":["src/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-dynamic-mixins-index.css';\n\n.container {\n    min-width: auto;\n}\n\n:global(.cc-picker-button) {\n    &.optionsPopover {\n        &.sideGap {\n            padding: var(--gap-0) var(--gap-8);\n        }\n    }\n\n    & .option {\n        padding: var(--gap-0) var(--gap-16);\n\n        &:before {\n            /* Удаляем разделители у опций выпадающего списка. */\n            display: none;\n        }\n    }\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,gCAAgC,CAAC,gBAAgB,CAAC,qCAAqC,CAAC,SAAS,CAAC,8BAA8B,CAAC,QAAQ,CAAC,6BAA6B,CAAC;;;;"}

package/dynamic-mixins/mobile/Component.mobile.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import { AdditionalMobileProps, BottomSheetSelectMobileProps } from '@alfalab/core-components-select/shared';
+import type { PickerButtonDesktopProps } from '../desktop';
+export declare type PickerButtonMobileProps = Omit<PickerButtonDesktopProps, 'OptionsList' | 'Checkmark' | 'onScroll'> & AdditionalMobileProps & BottomSheetSelectMobileProps & {
+    /**
+     * Контрольная точка для кнопки, с нее начинается desktop версия
+     * @default 1024
+     */
+    breakpoint?: number;
+};
+export declare const PickerButtonMobile: React.ForwardRefExoticComponent<Omit<PickerButtonDesktopProps, "onScroll" | "Checkmark" | "OptionsList"> & AdditionalMobileProps & BottomSheetSelectMobileProps & {
+    /**
+     * Контрольная точка для кнопки, с нее начинается desktop версия
+     * @default 1024
+     */
+    breakpoint?: number | undefined;
+} & React.RefAttributes<HTMLInputElement>>;

package/dynamic-mixins/mobile/Component.mobile.js

@@ -0,0 +1,34 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+var mobile = require('@alfalab/core-components-select/dynamic-mixins/mobile');
+var shared = require('@alfalab/core-components-select/dynamic-mixins/shared');
+var Component = require('../field/Component.js');
+var Component$1 = require('../option/Component.js');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+var PickerButtonMobile = React.forwardRef(function (_a, ref) {
+    var options = _a.options, label = _a.label, _b = _a.Option, Option = _b === void 0 ? Component$1.Option : _b, _c = _a.Optgroup, Optgroup = _c === void 0 ? shared.Optgroup : _c, view = _a.view, loading = _a.loading, _d = _a.variant, variant = _d === void 0 ? 'default' : _d, leftAddons = _a.leftAddons, rightAddons = _a.rightAddons, size = _a.size, bottomSheetProps = _a.bottomSheetProps, showArrow = _a.showArrow, _e = _a.Field, Field = _e === void 0 ? Component.Field : _e, _f = _a.fieldProps, fieldProps = _f === void 0 ? {} : _f, icon = _a.icon, breakpoint = _a.breakpoint, restProps = tslib.__rest(_a, ["options", "label", "Option", "Optgroup", "view", "loading", "variant", "leftAddons", "rightAddons", "size", "bottomSheetProps", "showArrow", "Field", "fieldProps", "icon", "breakpoint"]);
+    var fieldDefaultProps = {
+        view: view,
+        loading: loading,
+        /** size у select, button несовместимы */
+        buttonSize: size,
+        buttonVariant: variant,
+        leftAddons: leftAddons,
+        rightAddons: rightAddons,
+        showArrow: showArrow,
+        breakpoint: breakpoint,
+        icon: icon,
+    };
+    return (React__default.default.createElement(mobile.SelectMobile, tslib.__assign({}, restProps, { label: label, Option: Option, bottomSheetProps: tslib.__assign({ title: label, stickyHeader: true, showSwipeMarker: false }, bottomSheetProps), Field: Field, Optgroup: Optgroup, size: size === 'm' || size === 56 ? 56 : 48, closeOnSelect: true, fieldProps: tslib.__assign(tslib.__assign({}, fieldDefaultProps), fieldProps), ref: ref, options: options, selected: [] })));
+});
+
+exports.PickerButtonMobile = PickerButtonMobile;
+//# sourceMappingURL=Component.mobile.js.map

package/dynamic-mixins/mobile/Component.mobile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Component.mobile.js","sources":["../../src/mobile/Component.mobile.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { SelectMobile } from '@alfalab/core-components-select/mobile';\nimport {\n    AdditionalMobileProps,\n    BottomSheetSelectMobileProps,\n    Optgroup as DefaultOptgroup,\n} from '@alfalab/core-components-select/shared';\n\nimport type { PickerButtonDesktopProps } from '../desktop';\nimport { Field as DefaultField } from '../field';\nimport { Option as DefaultOption } from '../option';\n\nexport type PickerButtonMobileProps = Omit<\n    PickerButtonDesktopProps,\n    'OptionsList' | 'Checkmark' | 'onScroll'\n> &\n    AdditionalMobileProps &\n    BottomSheetSelectMobileProps & {\n        /**\n         * Контрольная точка для кнопки, с нее начинается desktop версия\n         * @default 1024\n         */\n        breakpoint?: number;\n    };\n\nexport const PickerButtonMobile = forwardRef<HTMLInputElement, PickerButtonMobileProps>(\n    (\n        {\n            options,\n            label,\n            Option = DefaultOption,\n            Optgroup = DefaultOptgroup,\n            view,\n            loading,\n            variant = 'default',\n            leftAddons,\n            rightAddons,\n            size,\n            bottomSheetProps,\n            showArrow,\n            Field = DefaultField,\n            fieldProps = {},\n            icon,\n            breakpoint,\n            ...restProps\n        },\n        ref,\n    ) => {\n        const fieldDefaultProps = {\n            view,\n            loading,\n            /** size у select, button несовместимы */\n            buttonSize: size,\n            buttonVariant: variant,\n            leftAddons,\n            rightAddons,\n            showArrow,\n            breakpoint,\n            icon,\n        };\n\n        return (\n            <SelectMobile\n                {...restProps}\n                label={label}\n                Option={Option}\n                bottomSheetProps={{\n                    title: label,\n                    stickyHeader: true,\n                    showSwipeMarker: false,\n                    ...bottomSheetProps,\n                }}\n                Field={Field}\n                Optgroup={Optgroup}\n                size={size === 'm' || size === 56 ? 56 : 48}\n                closeOnSelect={true}\n                fieldProps={{\n                    ...fieldDefaultProps,\n                    ...(fieldProps as object),\n                }}\n                ref={ref}\n                options={options}\n                selected={[]}\n            />\n        );\n    },\n);\n"],"names":["forwardRef","DefaultOption","DefaultOptgroup","DefaultField","__rest","React","SelectMobile","__assign"],"mappings":";;;;;;;;;;;;;;;IA0Ba,kBAAkB,GAAGA,gBAAU,CACxC,UACI,EAkBC,EACD,GAAG,EAAA;AAlBC,IAAA,IAAA,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,KAAK,WAAA,EACL,EAAA,GAAA,EAAA,CAAA,MAAsB,EAAtB,MAAM,GAAG,EAAA,KAAA,MAAA,GAAAC,kBAAa,GAAA,EAAA,EACtB,gBAA0B,EAA1B,QAAQ,GAAG,EAAA,KAAA,MAAA,GAAAC,eAAe,GAAA,EAAA,EAC1B,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,EAAA,GAAA,EAAA,CAAA,OAAmB,EAAnB,OAAO,GAAA,EAAA,KAAA,MAAA,GAAG,SAAS,GAAA,EAAA,EACnB,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,WAAW,GAAA,EAAA,CAAA,WAAA,EACX,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,gBAAgB,GAAA,EAAA,CAAA,gBAAA,EAChB,SAAS,eAAA,EACT,EAAA,GAAA,EAAA,CAAA,KAAoB,EAApB,KAAK,mBAAGC,eAAY,GAAA,EAAA,EACpB,EAAA,GAAA,EAAA,CAAA,UAAe,EAAf,UAAU,GAAG,EAAA,KAAA,MAAA,GAAA,EAAE,KAAA,EACf,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,UAAU,GAAA,EAAA,CAAA,UAAA,EACP,SAAS,GAAAC,YAAA,CAAA,EAAA,EAjBhB,2LAkBC,CADe;AAIhB,IAAA,IAAM,iBAAiB,GAAG;AACtB,QAAA,IAAI,EAAA,IAAA;AACJ,QAAA,OAAO,EAAA,OAAA;;AAEP,QAAA,UAAU,EAAE,IAAI;AAChB,QAAA,aAAa,EAAE,OAAO;AACtB,QAAA,UAAU,EAAA,UAAA;AACV,QAAA,WAAW,EAAA,WAAA;AACX,QAAA,SAAS,EAAA,SAAA;AACT,QAAA,UAAU,EAAA,UAAA;AACV,QAAA,IAAI,EAAA,IAAA;KACP;AAED,IAAA,QACIC,sBAAC,CAAA,aAAA,CAAAC,mBAAY,EACLC,cAAA,CAAA,EAAA,EAAA,SAAS,IACb,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,gBAAgB,mBACZ,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,IAAI,EAClB,eAAe,EAAE,KAAK,EAAA,EACnB,gBAAgB,CAAA,EAEvB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,KAAK,GAAG,IAAI,IAAI,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,EAC3C,aAAa,EAAE,IAAI,EACnB,UAAU,EAAAA,cAAA,CAAAA,cAAA,CAAA,EAAA,EACH,iBAAiB,CAChB,EAAA,UAAqB,CAE7B,EAAA,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,EAAE,EAAA,CAAA,CACd;AAEV,CAAC;;;;"}

package/dynamic-mixins/mobile/index.d.ts

@@ -0,0 +1,2 @@
+export { PickerButtonMobile } from './Component.mobile';
+export type { PickerButtonMobileProps } from './Component.mobile';

package/dynamic-mixins/mobile/index.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Component_mobile = require('./Component.mobile.js');
+
+
+
+exports.PickerButtonMobile = Component_mobile.PickerButtonMobile;
+//# sourceMappingURL=index.js.map

package/dynamic-mixins/mobile/index.js.map

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

package/dynamic-mixins/option/Component.d.ts

@@ -0,0 +1,9 @@
+import React, { FC, SVGProps } from 'react';
+import { OptionProps as BaseOptionProps, OptionShape } from '@alfalab/core-components-select/shared';
+declare type OptionProps = Omit<BaseOptionProps, 'option'> & {
+    option: OptionShape & {
+        icon?: FC<SVGProps<SVGSVGElement>>;
+    };
+};
+export declare const Option: ({ option, children, ...restProps }: OptionProps) => React.JSX.Element;
+export {};

package/dynamic-mixins/option/Component.js

@@ -0,0 +1,25 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+var shared = require('@alfalab/core-components-select/dynamic-mixins/shared');
+var index_module = require('./index.module.css.js');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+var Option = function (_a) {
+    var option = _a.option, children = _a.children, restProps = tslib.__rest(_a, ["option", "children"]);
+    var content = children || option.content || option.key;
+    var Icon = option.icon;
+    return (React__default.default.createElement(shared.Option, tslib.__assign({ option: option }, restProps),
+        React__default.default.createElement("div", { className: index_module.container },
+            Icon && React__default.default.createElement(Icon, { className: index_module.icon }),
+            React__default.default.createElement("div", { className: index_module.content }, content))));
+};
+
+exports.Option = Option;
+//# sourceMappingURL=Component.js.map

package/dynamic-mixins/option/Component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Component.js","sources":["../../src/option/Component.tsx"],"sourcesContent":["import React, { FC, SVGProps } from 'react';\n\nimport {\n    Option as BaseOption,\n    OptionProps as BaseOptionProps,\n    OptionShape,\n} from '@alfalab/core-components-select/shared';\n\nimport styles from './index.module.css';\n\ntype OptionProps = Omit<BaseOptionProps, 'option'> & {\n    option: OptionShape & {\n        icon?: FC<SVGProps<SVGSVGElement>>;\n    };\n};\n\nexport const Option = ({ option, children, ...restProps }: OptionProps) => {\n    const content = children || option.content || option.key;\n\n    const Icon = option.icon;\n\n    return (\n        <BaseOption option={option} {...restProps}>\n            <div className={styles.container}>\n                {Icon && <Icon className={styles.icon} />}\n                <div className={styles.content}>{content}</div>\n            </div>\n        </BaseOption>\n    );\n};\n"],"names":["__rest","React","BaseOption","__assign","styles"],"mappings":";;;;;;;;;;;;;AAgBO,IAAM,MAAM,GAAG,UAAC,EAA+C,EAAA;IAA7C,IAAA,MAAM,YAAA,EAAE,QAAQ,cAAA,EAAK,SAAS,GAAhCA,YAAA,CAAA,EAAA,EAAA,CAAA,QAAA,EAAA,UAAA,CAAkC,CAAF;IACnD,IAAM,OAAO,GAAG,QAAQ,IAAI,MAAM,CAAC,OAAO,IAAI,MAAM,CAAC,GAAG;AAExD,IAAA,IAAM,IAAI,GAAG,MAAM,CAAC,IAAI;IAExB,QACIC,qCAACC,aAAU,EAAAC,cAAA,CAAA,EAAC,MAAM,EAAE,MAAM,IAAM,SAAS,CAAA;AACrC,QAAAF,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAEG,YAAM,CAAC,SAAS,EAAA;YAC3B,IAAI,IAAIH,qCAAC,IAAI,EAAA,EAAC,SAAS,EAAEG,YAAM,CAAC,IAAI,EAAI,CAAA;YACzCH,sBAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAEG,YAAM,CAAC,OAAO,EAAG,EAAA,OAAO,CAAO,CAC7C,CACG;AAErB;;;;"}

package/dynamic-mixins/option/index.css

@@ -0,0 +1,14 @@
+:root {
+    --gap-s: 12px;
+    --gap-12: var(--gap-s);
+} .picker-button__container_vf9k0 {
+    display: flex;
+    align-items: center;
+} .picker-button__icon_vf9k0 {
+    display: flex;
+    margin-right: var(--gap-12);
+} .picker-button__content_vf9k0 {
+    overflow: hidden;
+    flex: 1;
+    text-overflow: ellipsis;
+}

package/dynamic-mixins/option/index.d.ts

@@ -0,0 +1 @@
+export * from './Component';

package/dynamic-mixins/option/index.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Component = require('./Component.js');
+
+
+
+exports.Option = Component.Option;
+//# sourceMappingURL=index.js.map

package/dynamic-mixins/option/index.js.map

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

package/dynamic-mixins/option/index.module.css.js

@@ -0,0 +1,8 @@
+'use strict';
+
+require('./index.css');
+
+var styles = {"container":"picker-button__container_vf9k0","icon":"picker-button__icon_vf9k0","content":"picker-button__content_vf9k0"};
+
+module.exports = styles;
+//# sourceMappingURL=index.module.css.js.map

package/dynamic-mixins/option/index.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.module.css.js","sources":["../src/option/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-dynamic-mixins-index.css';\n\n.container {\n    display: flex;\n    align-items: center;\n}\n\n.icon {\n    display: flex;\n    margin-right: var(--gap-12);\n}\n\n.content {\n    overflow: hidden;\n    flex: 1;\n    text-overflow: ellipsis;\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,gCAAgC,CAAC,MAAM,CAAC,2BAA2B,CAAC,SAAS,CAAC,8BAA8B,CAAC;;;;"}

package/dynamic-mixins/shared/index.d.ts

@@ -0,0 +1,2 @@
+export { getIcon } from '../utils';
+export * from '../types';

package/dynamic-mixins/shared/index.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var index = require('../utils/index.js');
+
+
+
+exports.getIcon = index.getIcon;
+//# sourceMappingURL=index.js.map

package/dynamic-mixins/shared/index.js.map

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

package/dynamic-mixins/types.d.ts

@@ -0,0 +1,2 @@
+export declare type PickerButtonSize = 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 32 | 40 | 48 | 56 | 64 | 72;
+export declare type PickerButtonVariant = 'default' | 'compact';

package/dynamic-mixins/types.js

@@ -0,0 +1,3 @@
+'use strict';
+
+//# sourceMappingURL=types.js.map

package/dynamic-mixins/types.js.map

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

package/dynamic-mixins/utils/index.d.ts

@@ -0,0 +1,4 @@
+import { ComponentType, SVGProps } from 'react';
+import { PickerButtonVariant } from '../types';
+export declare const getCompactIcon: (size: string, Icon?: ComponentType<SVGProps<SVGSVGElement>>) => ComponentType<SVGProps<SVGSVGElement>>;
+export declare const getIcon: (variant: PickerButtonVariant, size: string, Icon?: ComponentType<SVGProps<SVGSVGElement>>) => ComponentType<SVGProps<SVGSVGElement>>;

package/dynamic-mixins/utils/index.js

@@ -0,0 +1,25 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var ChevronDownCompactSIcon = require('@alfalab/icons-glyph/ChevronDownCompactSIcon');
+var ChevronDownMIcon = require('@alfalab/icons-glyph/ChevronDownMIcon');
+var MoreMIcon = require('@alfalab/icons-glyph/MoreMIcon');
+var MoreSIcon = require('@alfalab/icons-glyph/MoreSIcon');
+
+var getCompactIcon = function (size, Icon) {
+    if (Icon) {
+        return Icon;
+    }
+    return size === 'size-32' ? MoreSIcon.MoreSIcon : MoreMIcon.MoreMIcon;
+};
+var getIcon = function (variant, size, Icon) {
+    if (variant === 'compact') {
+        return getCompactIcon(size, Icon);
+    }
+    return ['size-40', 'size-32'].includes(size) ? ChevronDownCompactSIcon.ChevronDownCompactSIcon : ChevronDownMIcon.ChevronDownMIcon;
+};
+
+exports.getCompactIcon = getCompactIcon;
+exports.getIcon = getIcon;
+//# sourceMappingURL=index.js.map

package/dynamic-mixins/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../src/utils/index.ts"],"sourcesContent":["import { ComponentType, SVGProps } from 'react';\n\nimport { ChevronDownCompactSIcon } from '@alfalab/icons-glyph/ChevronDownCompactSIcon';\nimport { ChevronDownMIcon } from '@alfalab/icons-glyph/ChevronDownMIcon';\nimport { MoreMIcon } from '@alfalab/icons-glyph/MoreMIcon';\nimport { MoreSIcon } from '@alfalab/icons-glyph/MoreSIcon';\n\nimport { PickerButtonVariant } from '../types';\n\nexport const getCompactIcon = (size: string, Icon?: ComponentType<SVGProps<SVGSVGElement>>) => {\n    if (Icon) {\n        return Icon;\n    }\n\n    return size === 'size-32' ? MoreSIcon : MoreMIcon;\n};\n\nexport const getIcon = (\n    variant: PickerButtonVariant,\n    size: string,\n    Icon?: ComponentType<SVGProps<SVGSVGElement>>,\n): ComponentType<SVGProps<SVGSVGElement>> => {\n    if (variant === 'compact') {\n        return getCompactIcon(size, Icon);\n    }\n\n    return ['size-40', 'size-32'].includes(size) ? ChevronDownCompactSIcon : ChevronDownMIcon;\n};\n"],"names":["MoreSIcon","MoreMIcon","ChevronDownCompactSIcon","ChevronDownMIcon"],"mappings":";;;;;;;;;AASa,IAAA,cAAc,GAAG,UAAC,IAAY,EAAE,IAA6C,EAAA;AACtF,IAAA,IAAI,IAAI,EAAE;AACN,QAAA,OAAO,IAAI;AACd;IAED,OAAO,IAAI,KAAK,SAAS,GAAGA,mBAAS,GAAGC,mBAAS;AACrD;IAEa,OAAO,GAAG,UACnB,OAA4B,EAC5B,IAAY,EACZ,IAA6C,EAAA;IAE7C,IAAI,OAAO,KAAK,SAAS,EAAE;AACvB,QAAA,OAAO,cAAc,CAAC,IAAI,EAAE,IAAI,CAAC;AACpC;AAED,IAAA,OAAO,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAGC,+CAAuB,GAAGC,iCAAgB;AAC7F;;;;;"}

package/esm/field/index.css

@@ -5,15 +5,15 @@
     --gap-4: var(--gap-2xs);
 } :root {
     --arrow-transform: rotate(180deg);
-} .picker-button__iconContainer_jb4cs {
+} .picker-button__iconContainer_1h322 {
     display: flex;
     transition: transform 0.15s ease-in-out;
-} .picker-button__addonsContainer_jb4cs {
+} .picker-button__addonsContainer_1h322 {
     display: flex
-} .picker-button__addonsContainer_jb4cs.picker-button__showControlIcon_jb4cs {
+} .picker-button__addonsContainer_1h322.picker-button__showControlIcon_1h322 {
         margin-right: var(--gap-4);
-    } .picker-button__open_jb4cs {
+    } .picker-button__open_1h322 {
     transform: var(--arrow-transform);
-} .picker-button__linkOpen_jb4cs:not(:hover) {
+} .picker-button__linkOpen_1h322:not(:hover) {
     background-color: var(--color-light-transparent-default-hover);
 }

package/esm/field/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-var styles = {"iconContainer":"picker-button__iconContainer_jb4cs","addonsContainer":"picker-button__addonsContainer_jb4cs","showControlIcon":"picker-button__showControlIcon_jb4cs","open":"picker-button__open_jb4cs","linkOpen":"picker-button__linkOpen_jb4cs"};
+var styles = {"iconContainer":"picker-button__iconContainer_1h322","addonsContainer":"picker-button__addonsContainer_1h322","showControlIcon":"picker-button__showControlIcon_1h322","open":"picker-button__open_1h322","linkOpen":"picker-button__linkOpen_1h322"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/esm/field/index.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["../src/field/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.iconContainer {\n    display: flex;\n    transition: transform 0.15s ease-in-out;\n}\n\n.addonsContainer {\n    display: flex;\n\n    &.showControlIcon {\n        margin-right: var(--gap-4);\n    }\n}\n\n.open {\n    transform: var(--arrow-transform);\n}\n\n.linkOpen:not(:hover) {\n    background-color: var(--color-light-transparent-default-hover);\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,eAAe,CAAC,oCAAoC,CAAC,iBAAiB,CAAC,sCAAsC,CAAC,iBAAiB,CAAC,sCAAsC,CAAC,MAAM,CAAC,2BAA2B,CAAC,UAAU,CAAC,+BAA+B,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["../src/field/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-dynamic-mixins-index.css';\n\n.iconContainer {\n    display: flex;\n    transition: transform 0.15s ease-in-out;\n}\n\n.addonsContainer {\n    display: flex;\n\n    &.showControlIcon {\n        margin-right: var(--gap-4);\n    }\n}\n\n.open {\n    transform: var(--arrow-transform);\n}\n\n.linkOpen:not(:hover) {\n    background-color: var(--color-light-transparent-default-hover);\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,eAAe,CAAC,oCAAoC,CAAC,iBAAiB,CAAC,sCAAsC,CAAC,iBAAiB,CAAC,sCAAsC,CAAC,MAAM,CAAC,2BAA2B,CAAC,UAAU,CAAC,+BAA+B,CAAC;;;;"}

package/esm/index.css

@@ -4,12 +4,12 @@
     --gap-0: 0px;
     --gap-8: var(--gap-xs);
     --gap-16: var(--gap-m);
-} .picker-button__container_tlrb8 {
+} .picker-button__container_1f73n {
     min-width: auto;
-} .cc-picker-button.picker-button__optionsPopover_tlrb8.picker-button__sideGap_tlrb8 {
+} .cc-picker-button.picker-button__optionsPopover_1f73n.picker-button__sideGap_1f73n {
             padding: var(--gap-0) var(--gap-8);
-        } .cc-picker-button .picker-button__option_tlrb8 {
+        } .cc-picker-button .picker-button__option_1f73n {
         padding: var(--gap-0) var(--gap-16)
-    } .cc-picker-button .picker-button__option_tlrb8:before {
+    } .cc-picker-button .picker-button__option_1f73n:before {
             display: none;
         }

package/esm/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-var styles = {"container":"picker-button__container_tlrb8","optionsPopover":"picker-button__optionsPopover_tlrb8","sideGap":"picker-button__sideGap_tlrb8","option":"picker-button__option_tlrb8"};
+var styles = {"container":"picker-button__container_1f73n","optionsPopover":"picker-button__optionsPopover_1f73n","sideGap":"picker-button__sideGap_1f73n","option":"picker-button__option_1f73n"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/esm/index.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["src/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.container {\n    min-width: auto;\n}\n\n:global(.cc-picker-button) {\n    &.optionsPopover {\n        &.sideGap {\n            padding: var(--gap-0) var(--gap-8);\n        }\n    }\n\n    & .option {\n        padding: var(--gap-0) var(--gap-16);\n\n        &:before {\n            /* Удаляем разделители у опций выпадающего списка. */\n            display: none;\n        }\n    }\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,WAAW,CAAC,gCAAgC,CAAC,gBAAgB,CAAC,qCAAqC,CAAC,SAAS,CAAC,8BAA8B,CAAC,QAAQ,CAAC,6BAA6B,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["src/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-dynamic-mixins-index.css';\n\n.container {\n    min-width: auto;\n}\n\n:global(.cc-picker-button) {\n    &.optionsPopover {\n        &.sideGap {\n            padding: var(--gap-0) var(--gap-8);\n        }\n    }\n\n    & .option {\n        padding: var(--gap-0) var(--gap-16);\n\n        &:before {\n            /* Удаляем разделители у опций выпадающего списка. */\n            display: none;\n        }\n    }\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,WAAW,CAAC,gCAAgC,CAAC,gBAAgB,CAAC,qCAAqC,CAAC,SAAS,CAAC,8BAA8B,CAAC,QAAQ,CAAC,6BAA6B,CAAC;;;;"}

package/esm/option/index.css

@@ -1,13 +1,13 @@
 :root {
     --gap-s: 12px;
     --gap-12: var(--gap-s);
-} .picker-button__container_7rimm {
+} .picker-button__container_vf9k0 {
     display: flex;
     align-items: center;
-} .picker-button__icon_7rimm {
+} .picker-button__icon_vf9k0 {
     display: flex;
     margin-right: var(--gap-12);
-} .picker-button__content_7rimm {
+} .picker-button__content_vf9k0 {
     overflow: hidden;
     flex: 1;
     text-overflow: ellipsis;

package/esm/option/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-var styles = {"container":"picker-button__container_7rimm","icon":"picker-button__icon_7rimm","content":"picker-button__content_7rimm"};
+var styles = {"container":"picker-button__container_vf9k0","icon":"picker-button__icon_vf9k0","content":"picker-button__content_vf9k0"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/esm/option/index.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["../src/option/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.container {\n    display: flex;\n    align-items: center;\n}\n\n.icon {\n    display: flex;\n    margin-right: var(--gap-12);\n}\n\n.content {\n    overflow: hidden;\n    flex: 1;\n    text-overflow: ellipsis;\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,WAAW,CAAC,gCAAgC,CAAC,MAAM,CAAC,2BAA2B,CAAC,SAAS,CAAC,8BAA8B,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["../src/option/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-dynamic-mixins-index.css';\n\n.container {\n    display: flex;\n    align-items: center;\n}\n\n.icon {\n    display: flex;\n    margin-right: var(--gap-12);\n}\n\n.content {\n    overflow: hidden;\n    flex: 1;\n    text-overflow: ellipsis;\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,WAAW,CAAC,gCAAgC,CAAC,MAAM,CAAC,2BAA2B,CAAC,SAAS,CAAC,8BAA8B,CAAC;;;;"}

package/field/index.css

@@ -5,15 +5,15 @@
     --gap-4: var(--gap-2xs);
 } :root {
     --arrow-transform: rotate(180deg);
-} .picker-button__iconContainer_jb4cs {
+} .picker-button__iconContainer_1h322 {
     display: flex;
     transition: transform 0.15s ease-in-out;
-} .picker-button__addonsContainer_jb4cs {
+} .picker-button__addonsContainer_1h322 {
     display: flex
-} .picker-button__addonsContainer_jb4cs.picker-button__showControlIcon_jb4cs {
+} .picker-button__addonsContainer_1h322.picker-button__showControlIcon_1h322 {
         margin-right: var(--gap-4);
-    } .picker-button__open_jb4cs {
+    } .picker-button__open_1h322 {
     transform: var(--arrow-transform);
-} .picker-button__linkOpen_jb4cs:not(:hover) {
+} .picker-button__linkOpen_1h322:not(:hover) {
     background-color: var(--color-light-transparent-default-hover);
 }

package/field/index.module.css.js

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"iconContainer":"picker-button__iconContainer_jb4cs","addonsContainer":"picker-button__addonsContainer_jb4cs","showControlIcon":"picker-button__showControlIcon_jb4cs","open":"picker-button__open_jb4cs","linkOpen":"picker-button__linkOpen_jb4cs"};
+var styles = {"iconContainer":"picker-button__iconContainer_1h322","addonsContainer":"picker-button__addonsContainer_1h322","showControlIcon":"picker-button__showControlIcon_1h322","open":"picker-button__open_1h322","linkOpen":"picker-button__linkOpen_1h322"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/field/index.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["../src/field/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.iconContainer {\n    display: flex;\n    transition: transform 0.15s ease-in-out;\n}\n\n.addonsContainer {\n    display: flex;\n\n    &.showControlIcon {\n        margin-right: var(--gap-4);\n    }\n}\n\n.open {\n    transform: var(--arrow-transform);\n}\n\n.linkOpen:not(:hover) {\n    background-color: var(--color-light-transparent-default-hover);\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,eAAe,CAAC,oCAAoC,CAAC,iBAAiB,CAAC,sCAAsC,CAAC,iBAAiB,CAAC,sCAAsC,CAAC,MAAM,CAAC,2BAA2B,CAAC,UAAU,CAAC,+BAA+B,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["../src/field/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-dynamic-mixins-index.css';\n\n.iconContainer {\n    display: flex;\n    transition: transform 0.15s ease-in-out;\n}\n\n.addonsContainer {\n    display: flex;\n\n    &.showControlIcon {\n        margin-right: var(--gap-4);\n    }\n}\n\n.open {\n    transform: var(--arrow-transform);\n}\n\n.linkOpen:not(:hover) {\n    background-color: var(--color-light-transparent-default-hover);\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,eAAe,CAAC,oCAAoC,CAAC,iBAAiB,CAAC,sCAAsC,CAAC,iBAAiB,CAAC,sCAAsC,CAAC,MAAM,CAAC,2BAA2B,CAAC,UAAU,CAAC,+BAA+B,CAAC;;;;"}

package/index.css

@@ -4,12 +4,12 @@
     --gap-0: 0px;
     --gap-8: var(--gap-xs);
     --gap-16: var(--gap-m);
-} .picker-button__container_tlrb8 {
+} .picker-button__container_1f73n {
     min-width: auto;
-} .cc-picker-button.picker-button__optionsPopover_tlrb8.picker-button__sideGap_tlrb8 {
+} .cc-picker-button.picker-button__optionsPopover_1f73n.picker-button__sideGap_1f73n {
             padding: var(--gap-0) var(--gap-8);
-        } .cc-picker-button .picker-button__option_tlrb8 {
+        } .cc-picker-button .picker-button__option_1f73n {
         padding: var(--gap-0) var(--gap-16)
-    } .cc-picker-button .picker-button__option_tlrb8:before {
+    } .cc-picker-button .picker-button__option_1f73n:before {
             display: none;
         }

package/index.module.css.js

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"container":"picker-button__container_tlrb8","optionsPopover":"picker-button__optionsPopover_tlrb8","sideGap":"picker-button__sideGap_tlrb8","option":"picker-button__option_tlrb8"};
+var styles = {"container":"picker-button__container_1f73n","optionsPopover":"picker-button__optionsPopover_1f73n","sideGap":"picker-button__sideGap_1f73n","option":"picker-button__option_1f73n"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/index.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["src/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.container {\n    min-width: auto;\n}\n\n:global(.cc-picker-button) {\n    &.optionsPopover {\n        &.sideGap {\n            padding: var(--gap-0) var(--gap-8);\n        }\n    }\n\n    & .option {\n        padding: var(--gap-0) var(--gap-16);\n\n        &:before {\n            /* Удаляем разделители у опций выпадающего списка. */\n            display: none;\n        }\n    }\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,gCAAgC,CAAC,gBAAgB,CAAC,qCAAqC,CAAC,SAAS,CAAC,8BAA8B,CAAC,QAAQ,CAAC,6BAA6B,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["src/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-dynamic-mixins-index.css';\n\n.container {\n    min-width: auto;\n}\n\n:global(.cc-picker-button) {\n    &.optionsPopover {\n        &.sideGap {\n            padding: var(--gap-0) var(--gap-8);\n        }\n    }\n\n    & .option {\n        padding: var(--gap-0) var(--gap-16);\n\n        &:before {\n            /* Удаляем разделители у опций выпадающего списка. */\n            display: none;\n        }\n    }\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,gCAAgC,CAAC,gBAAgB,CAAC,qCAAqC,CAAC,SAAS,CAAC,8BAA8B,CAAC,QAAQ,CAAC,6BAA6B,CAAC;;;;"}

package/modern/field/index.css

@@ -5,15 +5,15 @@
     --gap-4: var(--gap-2xs);
 } :root {
     --arrow-transform: rotate(180deg);
-} .picker-button__iconContainer_jb4cs {
+} .picker-button__iconContainer_1h322 {
     display: flex;
     transition: transform 0.15s ease-in-out;
-} .picker-button__addonsContainer_jb4cs {
+} .picker-button__addonsContainer_1h322 {
     display: flex
-} .picker-button__addonsContainer_jb4cs.picker-button__showControlIcon_jb4cs {
+} .picker-button__addonsContainer_1h322.picker-button__showControlIcon_1h322 {
         margin-right: var(--gap-4);
-    } .picker-button__open_jb4cs {
+    } .picker-button__open_1h322 {
     transform: var(--arrow-transform);
-} .picker-button__linkOpen_jb4cs:not(:hover) {
+} .picker-button__linkOpen_1h322:not(:hover) {
     background-color: var(--color-light-transparent-default-hover);
 }

package/modern/field/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-const styles = {"iconContainer":"picker-button__iconContainer_jb4cs","addonsContainer":"picker-button__addonsContainer_jb4cs","showControlIcon":"picker-button__showControlIcon_jb4cs","open":"picker-button__open_jb4cs","linkOpen":"picker-button__linkOpen_jb4cs"};
+const styles = {"iconContainer":"picker-button__iconContainer_1h322","addonsContainer":"picker-button__addonsContainer_1h322","showControlIcon":"picker-button__showControlIcon_1h322","open":"picker-button__open_1h322","linkOpen":"picker-button__linkOpen_1h322"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/modern/field/index.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["../src/field/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.iconContainer {\n    display: flex;\n    transition: transform 0.15s ease-in-out;\n}\n\n.addonsContainer {\n    display: flex;\n\n    &.showControlIcon {\n        margin-right: var(--gap-4);\n    }\n}\n\n.open {\n    transform: var(--arrow-transform);\n}\n\n.linkOpen:not(:hover) {\n    background-color: var(--color-light-transparent-default-hover);\n}\n"],"names":[],"mappings":";;AAEgB,eAAe,CAAC,eAAe,CAAC,oCAAoC,CAAC,iBAAiB,CAAC,sCAAsC,CAAC,iBAAiB,CAAC,sCAAsC,CAAC,MAAM,CAAC,2BAA2B,CAAC,UAAU,CAAC,+BAA+B,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["../src/field/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-dynamic-mixins-index.css';\n\n.iconContainer {\n    display: flex;\n    transition: transform 0.15s ease-in-out;\n}\n\n.addonsContainer {\n    display: flex;\n\n    &.showControlIcon {\n        margin-right: var(--gap-4);\n    }\n}\n\n.open {\n    transform: var(--arrow-transform);\n}\n\n.linkOpen:not(:hover) {\n    background-color: var(--color-light-transparent-default-hover);\n}\n"],"names":[],"mappings":";;AAEgB,eAAe,CAAC,eAAe,CAAC,oCAAoC,CAAC,iBAAiB,CAAC,sCAAsC,CAAC,iBAAiB,CAAC,sCAAsC,CAAC,MAAM,CAAC,2BAA2B,CAAC,UAAU,CAAC,+BAA+B,CAAC;;;;"}

package/modern/index.css

@@ -4,12 +4,12 @@
     --gap-0: 0px;
     --gap-8: var(--gap-xs);
     --gap-16: var(--gap-m);
-} .picker-button__container_tlrb8 {
+} .picker-button__container_1f73n {
     min-width: auto;
-} .cc-picker-button.picker-button__optionsPopover_tlrb8.picker-button__sideGap_tlrb8 {
+} .cc-picker-button.picker-button__optionsPopover_1f73n.picker-button__sideGap_1f73n {
             padding: var(--gap-0) var(--gap-8);
-        } .cc-picker-button .picker-button__option_tlrb8 {
+        } .cc-picker-button .picker-button__option_1f73n {
         padding: var(--gap-0) var(--gap-16)
-    } .cc-picker-button .picker-button__option_tlrb8:before {
+    } .cc-picker-button .picker-button__option_1f73n:before {
             display: none;
         }

package/modern/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-const styles = {"container":"picker-button__container_tlrb8","optionsPopover":"picker-button__optionsPopover_tlrb8","sideGap":"picker-button__sideGap_tlrb8","option":"picker-button__option_tlrb8"};
+const styles = {"container":"picker-button__container_1f73n","optionsPopover":"picker-button__optionsPopover_1f73n","sideGap":"picker-button__sideGap_1f73n","option":"picker-button__option_1f73n"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/modern/index.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["src/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.container {\n    min-width: auto;\n}\n\n:global(.cc-picker-button) {\n    &.optionsPopover {\n        &.sideGap {\n            padding: var(--gap-0) var(--gap-8);\n        }\n    }\n\n    & .option {\n        padding: var(--gap-0) var(--gap-16);\n\n        &:before {\n            /* Удаляем разделители у опций выпадающего списка. */\n            display: none;\n        }\n    }\n}\n"],"names":[],"mappings":";;AAEgB,eAAe,CAAC,WAAW,CAAC,gCAAgC,CAAC,gBAAgB,CAAC,qCAAqC,CAAC,SAAS,CAAC,8BAA8B,CAAC,QAAQ,CAAC,6BAA6B,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["src/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-dynamic-mixins-index.css';\n\n.container {\n    min-width: auto;\n}\n\n:global(.cc-picker-button) {\n    &.optionsPopover {\n        &.sideGap {\n            padding: var(--gap-0) var(--gap-8);\n        }\n    }\n\n    & .option {\n        padding: var(--gap-0) var(--gap-16);\n\n        &:before {\n            /* Удаляем разделители у опций выпадающего списка. */\n            display: none;\n        }\n    }\n}\n"],"names":[],"mappings":";;AAEgB,eAAe,CAAC,WAAW,CAAC,gCAAgC,CAAC,gBAAgB,CAAC,qCAAqC,CAAC,SAAS,CAAC,8BAA8B,CAAC,QAAQ,CAAC,6BAA6B,CAAC;;;;"}

package/modern/option/index.css

@@ -1,13 +1,13 @@
 :root {
     --gap-s: 12px;
     --gap-12: var(--gap-s);
-} .picker-button__container_7rimm {
+} .picker-button__container_vf9k0 {
     display: flex;
     align-items: center;
-} .picker-button__icon_7rimm {
+} .picker-button__icon_vf9k0 {
     display: flex;
     margin-right: var(--gap-12);
-} .picker-button__content_7rimm {
+} .picker-button__content_vf9k0 {
     overflow: hidden;
     flex: 1;
     text-overflow: ellipsis;

package/modern/option/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-const styles = {"container":"picker-button__container_7rimm","icon":"picker-button__icon_7rimm","content":"picker-button__content_7rimm"};
+const styles = {"container":"picker-button__container_vf9k0","icon":"picker-button__icon_vf9k0","content":"picker-button__content_vf9k0"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/modern/option/index.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["../src/option/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.container {\n    display: flex;\n    align-items: center;\n}\n\n.icon {\n    display: flex;\n    margin-right: var(--gap-12);\n}\n\n.content {\n    overflow: hidden;\n    flex: 1;\n    text-overflow: ellipsis;\n}\n"],"names":[],"mappings":";;AAEgB,eAAe,CAAC,WAAW,CAAC,gCAAgC,CAAC,MAAM,CAAC,2BAA2B,CAAC,SAAS,CAAC,8BAA8B,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["../src/option/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-dynamic-mixins-index.css';\n\n.container {\n    display: flex;\n    align-items: center;\n}\n\n.icon {\n    display: flex;\n    margin-right: var(--gap-12);\n}\n\n.content {\n    overflow: hidden;\n    flex: 1;\n    text-overflow: ellipsis;\n}\n"],"names":[],"mappings":";;AAEgB,eAAe,CAAC,WAAW,CAAC,gCAAgC,CAAC,MAAM,CAAC,2BAA2B,CAAC,SAAS,CAAC,8BAA8B,CAAC;;;;"}

package/moderncssm/field/index.module.css

@@ -1,3 +1,5 @@
+
+
 .iconContainer {
     display: flex;
     transition: transform 0.15s ease-in-out;

package/moderncssm/index.module.css

@@ -1,3 +1,5 @@
+
+
 .container {
     min-width: auto;
 }

package/moderncssm/option/index.module.css

@@ -1,3 +1,5 @@
+
+
 .container {
     display: flex;
     align-items: center;

package/option/index.css

@@ -1,13 +1,13 @@
 :root {
     --gap-s: 12px;
     --gap-12: var(--gap-s);
-} .picker-button__container_7rimm {
+} .picker-button__container_vf9k0 {
     display: flex;
     align-items: center;
-} .picker-button__icon_7rimm {
+} .picker-button__icon_vf9k0 {
     display: flex;
     margin-right: var(--gap-12);
-} .picker-button__content_7rimm {
+} .picker-button__content_vf9k0 {
     overflow: hidden;
     flex: 1;
     text-overflow: ellipsis;

package/option/index.module.css.js

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"container":"picker-button__container_7rimm","icon":"picker-button__icon_7rimm","content":"picker-button__content_7rimm"};
+var styles = {"container":"picker-button__container_vf9k0","icon":"picker-button__icon_vf9k0","content":"picker-button__content_vf9k0"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/option/index.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["../src/option/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.container {\n    display: flex;\n    align-items: center;\n}\n\n.icon {\n    display: flex;\n    margin-right: var(--gap-12);\n}\n\n.content {\n    overflow: hidden;\n    flex: 1;\n    text-overflow: ellipsis;\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,gCAAgC,CAAC,MAAM,CAAC,2BAA2B,CAAC,SAAS,CAAC,8BAA8B,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["../src/option/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-dynamic-mixins-index.css';\n\n.container {\n    display: flex;\n    align-items: center;\n}\n\n.icon {\n    display: flex;\n    margin-right: var(--gap-12);\n}\n\n.content {\n    overflow: hidden;\n    flex: 1;\n    text-overflow: ellipsis;\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,gCAAgC,CAAC,MAAM,CAAC,2BAA2B,CAAC,SAAS,CAAC,8BAA8B,CAAC;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-picker-button",
-    "version": "12.0.0",
+    "version": "12.1.0-snapshot-92b8690",
     "description": "Picker button component",
     "keywords": [],
     "license": "MIT",
@@ -10,10 +10,10 @@
     "main": "index.js",
     "module": "./esm/index.js",
     "dependencies": {
-        "@alfalab/core-components-button": "^12.0.0",
-        "@alfalab/core-components-mq": "^5.0.0",
-        "@alfalab/core-components-popover": "^7.0.0",
-        "@alfalab/core-components-select": "^18.0.0",
+        "@alfalab/core-components-button": "12.1.0-snapshot-92b8690",
+        "@alfalab/core-components-mq": "5.1.0-snapshot-92b8690",
+        "@alfalab/core-components-popover": "7.1.0-snapshot-92b8690",
+        "@alfalab/core-components-select": "18.1.0-snapshot-92b8690",
         "@alfalab/icons-glyph": "^2.210.0",
         "classnames": "^2.5.1",
         "tslib": "^2.4.0"
@@ -26,6 +26,6 @@
         "access": "public",
         "directory": "dist"
     },
-    "themesVersion": "14.0.0",
-    "varsVersion": "10.0.0"
+    "themesVersion": "14.1.0-snapshot-92b8690",
+    "varsVersion": "10.1.0-snapshot-92b8690"
 }

package/src/field/index.module.css

@@ -1,4 +1,4 @@
-@import '@alfalab/core-components-vars/src/index.css';
+@import '@alfalab/core-components-vars/src/no-dynamic-mixins-index.css';
 
 .iconContainer {
     display: flex;

package/src/index.module.css

@@ -1,4 +1,4 @@
-@import '@alfalab/core-components-vars/src/index.css';
+@import '@alfalab/core-components-vars/src/no-dynamic-mixins-index.css';
 
 .container {
     min-width: auto;

package/src/option/index.module.css

@@ -1,4 +1,4 @@
-@import '@alfalab/core-components-vars/src/index.css';
+@import '@alfalab/core-components-vars/src/no-dynamic-mixins-index.css';
 
 .container {
     display: flex;