profinansy-ui-lib 3.6.49 → 3.6.51

package/dist/components/uikit/Select/Select.stories.js

@@ -0,0 +1,122 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SelectInput = void 0;
+const react_1 = __importStar(require("react"));
+const About_svg_1 = __importDefault(require("../../../icons/About.svg"));
+const Select_1 = require("./Select");
+const StoryTitle_1 = require("../storybook/StoryTitle/StoryTitle");
+const StoryDescription_1 = require("../storybook/StoryDescription/StoryDescription");
+const StoryExample_1 = require("../storybook/StoryExample/StoryExample");
+const styled_components_1 = __importDefault(require("styled-components"));
+const index_1 = require("./index");
+exports.default = {
+    title: 'Components/Select',
+    component: Select_1.SelectInput,
+    tags: ['autodocs']
+};
+const Wrapper = styled_components_1.default.div `
+  & .select-container {
+    max-width: 340px;
+  }
+`;
+const data = [
+    {
+        label: 'Option 1',
+        value: '1',
+        image: 'https://i.pinimg.com/474x/a5/67/d7/a567d79503cae2b8d0924975aab0be06.jpg'
+    },
+    {
+        label: 'Option 2',
+        value: '2',
+        image: 'https://i.pinimg.com/474x/a5/67/d7/a567d79503cae2b8d0924975aab0be06.jpg'
+    },
+    {
+        label: 'Option 3',
+        value: '3',
+        image: 'https://i.pinimg.com/474x/a5/67/d7/a567d79503cae2b8d0924975aab0be06.jpg'
+    },
+    {
+        label: 'Option 4',
+        value: '4',
+        image: 'https://i.pinimg.com/474x/a5/67/d7/a567d79503cae2b8d0924975aab0be06.jpg'
+    },
+    {
+        label: 'Option 5',
+        value: '5',
+        image: 'https://i.pinimg.com/474x/a5/67/d7/a567d79503cae2b8d0924975aab0be06.jpg'
+    },
+    {
+        label: 'Option 6',
+        value: '6',
+        image: 'https://i.pinimg.com/474x/a5/67/d7/a567d79503cae2b8d0924975aab0be06.jpg'
+    }
+];
+const SelectInput = () => {
+    const [value, setValue] = (0, react_1.useState)('');
+    const [multiValue, setMultiValue] = (0, react_1.useState)([]);
+    const [multiValue2, setMultiValue2] = (0, react_1.useState)([]);
+    return (react_1.default.createElement(Wrapper, null,
+        react_1.default.createElement(StoryTitle_1.StoryTitle, { isBig: true }, "SelectInput"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u041A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442 \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0435\u0442\u0441\u044F \u0434\u043B\u044F \u0432\u044B\u0431\u043E\u0440\u0430 \u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u0442\u0435\u043B\u0435\u043C \u0437\u043D\u0430\u0447\u0435\u043D\u0438\u044F \u0438\u0437 \u0441\u043F\u0438\u0441\u043A\u0430 \u0432\u0430\u0440\u0438\u0430\u043D\u0442\u043E\u0432" }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement(Select_1.SelectInput, { name: "test", value: value, options: data, isClearable: true, onChange: setValue })),
+        react_1.default.createElement(StoryTitle_1.StoryTitle, null, "\u041C\u0443\u043B\u044C\u0442\u0438\u0441\u0435\u043B\u0435\u043A\u0442"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u0415\u0441\u043B\u0438 \u0432\u044B \u0445\u043E\u0442\u0438\u0442\u0435 \u0432\u044B\u0431\u0438\u0440\u0430\u0442\u044C \u043D\u0435\u0441\u043A\u043E\u043B\u044C\u043A\u043E \u0437\u043D\u0430\u0447\u0435\u043D\u0438\u0439 \u0438\u0437 \u0432\u043E\u0437\u043C\u043E\u0436\u043D\u044B\u0445, \u0442\u043E \u0432\u044B \u0434\u043E\u043B\u0436\u043D\u044B \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u0442\u044C \u043C\u0443\u043B\u044C\u0442\u0438\u0441\u0435\u043B\u0435\u043A\u0442.\n      \u041F\u043E \u0443\u043C\u043E\u043B\u0447\u0430\u043D\u0438\u044E \u0432\u044B\u0431\u0440\u0430\u043D\u043D\u044B\u0435 \u0437\u043D\u0430\u0447\u0435\u043D\u0438\u044F \u0431\u0443\u0434\u0443\u0442 \u043E\u0442\u043E\u0431\u0440\u0430\u0436\u0430\u0442\u044C\u0441\u044F \u0432 \u0441\u0442\u0440\u043E\u043A\u0435 \u0432\u0432\u043E\u0434\u0430.\n      \u0412\u044B \u043C\u043E\u0436\u0435\u0442\u0435 \u0434\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u043F\u0440\u043E\u043F\u0441 <b>customValue</b> \u0438\u043B\u0438 <b>customMultiValue</b>, \u0447\u0442\u043E\u0431\u044B \u043F\u043E\u043C\u0435\u043D\u044F\u0442\u044C \u0432\u0438\u0434 \u043E\u0442\u043E\u0431\u0440\u0430\u0436\u0435\u043D\u0438\u044F \u0432\u044B\u0431\u0440\u0430\u043D\u043D\u044B\u0445 \u0437\u043D\u0430\u0447\u0435\u043D\u0438\u0439. \u041D\u0430\u0438\u0431\u043E\u043B\u0435\u0435 \u0447\u0430\u0441\u0442\u043E\n      \u0432\u0441\u0442\u0440\u0435\u0447\u0430\u044E\u0449\u0438\u0435\u0441\u044F \u0432\u0430\u0440\u0438\u0430\u043D\u0442\u044B: <b>ValueContainer</b> \u0438 <b>MultiValueLabelWithImg</b>\n      " }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement("div", { style: { display: 'flex', gap: 16, flexWrap: 'wrap' } },
+                react_1.default.createElement(Select_1.SelectInput, { placeholder: "\u0414\u0435\u0444\u043E\u043B\u0442\u043D\u043E\u0435 \u043E\u0442\u043E\u0431\u0440\u0430\u0436\u0435\u043D\u0438\u0435", isMulti: true, name: "test", isClearable: true, value: multiValue, options: data, onChange: setMultiValue }),
+                react_1.default.createElement(Select_1.SelectInput, { placeholder: "\u0421\u043A\u043E\u043B\u044C\u043A\u043E \u0448\u0442. \u0432\u044B\u0431\u0440\u0430\u043D\u043E", isMulti: true, name: "test", value: multiValue, options: data, customValue: index_1.Select.ValueContainer, onChange: setMultiValue }),
+                react_1.default.createElement(Select_1.SelectInput, { placeholder: "\u0421 \u043A\u0430\u0440\u0442\u0438\u043D\u043A\u0430\u043C\u0438", isMulti: true, name: "test", value: multiValue, options: data, customMultiValue: index_1.Select.MultiValueLabelWithImg, onChange: setMultiValue }))),
+        react_1.default.createElement(StoryTitle_1.StoryTitle, null, "\u041C\u043E\u0434\u0438\u0444\u0438\u043A\u0430\u0446\u0438\u044F Option"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u041F\u043E \u0443\u043C\u043E\u043B\u0447\u0430\u043D\u0438\u044E \u043A\u0430\u0436\u0434\u044B\u0439 option \u044D\u0442\u043E \u043F\u0440\u043E\u0441\u0442\u043E \u0441\u0442\u0440\u043E\u043A\u0430, \u043D\u043E \u0432\u044B \u043C\u043E\u0436\u0435\u0442\u0435 \u043F\u0435\u0440\u0435\u0434\u0430\u0442\u044C \u0432 \u0441\u0435\u043B\u0435\u043A\u0442 \u0441\u0432\u043E\u0439 \u043A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442\n      \u0432 props customOption, \u0447\u0442\u043E\u0431\u044B \u043F\u043E\u043B\u0443\u0447\u0438\u0442\u044C \u043A\u0430\u0441\u0442\u043E\u043C\u0438\u0437\u0438\u0440\u043E\u0432\u0430\u043D\u043D\u044B\u0439 \u0441\u043F\u0438\u0441\u043E\u043A. \u0412\u044B \u043C\u043E\u0436\u0435\u0442\u0435 \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u0442\u044C \u0443\u0436\u0435 \u043D\u0430\u043F\u0438\u0441\u0430\u043D\u043D\u044B\u0435, \u043D\u0430\u0438\u0431\u043E\u043B\u0435\u0435 \u0447\u0430\u0441\u0442\u043E \u0432\u0441\u0442\u0440\u0435\u0447\u0430\u044E\u0449\u0438\u0435\u0441\u044F \u0432\u0430\u0440\u0438\u0430\u043D\u0442\u044B:\n      <b>OptionWithCheckbox, OptionWithImage</b>" }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement("div", { style: { display: 'flex', gap: 16, flexWrap: 'wrap' } },
+                react_1.default.createElement(Select_1.SelectInput, { placeholder: "\u0421 \u0447\u0435\u043A\u0431\u043E\u043A\u0441\u0430\u043C\u0438", isMulti: true, name: "test", value: multiValue2, options: data, closeMenuOnSelect: false, hideSelectedOptions: false, customValue: index_1.Select.ValueContainer, customOption: index_1.Select.OptionWithCheckbox, onChange: setMultiValue2 }),
+                react_1.default.createElement(Select_1.SelectInput, { placeholder: "\u0421 \u043A\u0430\u0440\u0442\u0438\u043D\u043A\u0430\u043C\u0438", isMulti: true, name: "test", value: multiValue2, options: data, customMultiValue: index_1.Select.MultiValueLabelWithImg, closeMenuOnSelect: false, hideSelectedOptions: false, customOption: index_1.Select.OptionWithImage, onChange: setMultiValue2 }))),
+        react_1.default.createElement(StoryTitle_1.StoryTitle, null, "\u0421\u043E\u0441\u0442\u043E\u044F\u043D\u0438\u044F"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u0412\u044B \u043C\u043E\u0436\u0435\u0442\u0435 \u0434\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u0441\u0435\u043F\u0430\u0440\u0430\u0442\u043E\u0440" }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement(Select_1.SelectInput, { name: "test", value: value, options: data, isSeparator: true, onChange: setValue })),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u0412\u044B \u043C\u043E\u0436\u0435\u0442\u0435 \u043C\u0435\u043D\u044F\u0442\u044C \u0438\u043A\u043E\u043D\u043A\u0443 " }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement(Select_1.SelectInput, { icon: react_1.default.createElement(About_svg_1.default, null), name: "test", value: value, options: data, isSeparator: true, onChange: setValue })),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u0412\u044B \u043C\u043E\u0436\u0435\u0442\u0435 \u0434\u043E\u0431\u0430\u0432\u0438\u0442\u044C placeholder" }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement(Select_1.SelectInput, { placeholder: "\u0412\u044B\u0431\u0435\u0440\u0435\u0442\u0435 \u0432\u0430\u0448 \u0432\u0430\u0440\u0438\u0430\u043D\u0442", name: "test", value: value, options: data, onChange: setValue })),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u041A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442 \u0441 \u043E\u0448\u0438\u0431\u043A\u043E\u0439 \u0431\u0435\u0437 \u0442\u0435\u043A\u0441\u0442\u0430 \u0438 \u0441 \u0442\u0435\u043A\u0441\u0442\u043E\u043C" }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement("div", { style: { display: 'flex', flexDirection: 'column', gap: 16 } },
+                react_1.default.createElement(Select_1.SelectInput, { name: "test", value: value, options: data, error: true, onChange: setValue }),
+                react_1.default.createElement(Select_1.SelectInput, { name: "test", value: value, options: data, error: "Something went wrong", onChange: setValue }))),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u0417\u0430\u0434\u0438\u0437\u0435\u0439\u0431\u043B\u0435\u043D\u043D\u044B\u0439 \u043A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442" }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement(Select_1.SelectInput, { placeholder: 'Выберете ваш вариант', disabled: true, name: "test", value: value, options: data, onChange: setValue }))));
+};
+exports.SelectInput = SelectInput;
+//# sourceMappingURL=Select.stories.js.map

package/dist/components/uikit/Select/Select.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.stories.js","sourceRoot":"","sources":["../../../../src/components/uikit/Select/Select.stories.tsx"],"names":[],"mappings":"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"}

package/dist/components/uikit/Select/Select.styled.js

@@ -0,0 +1,88 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Chevron = exports.Loader = exports.Container = exports.selectStyles = exports.borderSelectColor = void 0;
+const styled_components_1 = __importDefault(require("styled-components"));
+const ChevronSelect_svg_1 = __importDefault(require("../../../icons/ChevronSelect.svg"));
+const Scroll_1 = require("../../../styles/Scroll");
+const borderSelectColor = (state) => {
+    var _a, _b;
+    if (state.isDisabled)
+        return state.selectProps.customTheme.stroke.tertiary;
+    if (state.isFocused && ((_a = state.selectProps) === null || _a === void 0 ? void 0 : _a.menuIsOpen))
+        return `${state.selectProps.customTheme.stroke.accent} !important`;
+    if ((_b = state.selectProps) === null || _b === void 0 ? void 0 : _b.isError)
+        return state.selectProps.customTheme.stroke.negative;
+    return state.selectProps.customTheme.stroke.primary;
+};
+exports.borderSelectColor = borderSelectColor;
+exports.selectStyles = {
+    container: (baseStyles) => (Object.assign(Object.assign({}, baseStyles), { fontFamily: 'Manrope, sans-serif', width: '100%' })),
+    control: (baseStyles, state) => {
+        return Object.assign(Object.assign({}, baseStyles), { minHeight: '44px', borderRadius: '8px', border: `0.8px solid ${(0, exports.borderSelectColor)(state)}`, background: state.selectProps.customTheme.background.field, boxShadow: 'none', fontSize: 15, lineHeight: '24px', color: state.selectProps.customTheme.text.primary, cursor: 'pointer', ':hover': {
+                borderColor: state.selectProps.customTheme.stroke.secondary
+            }, '@media (max-width: 600px)': {
+                fontSize: 16
+            } });
+    },
+    singleValue: (baseStyled, state) => (Object.assign(Object.assign({}, baseStyled), { color: state.isDisabled
+            ? state.selectProps.customTheme.text.secondary
+            : state.selectProps.customTheme.text.primary, fontSize: 15, lineHeight: '20px', whiteSpace: 'nowrap', '@media (max-width: 600px)': {
+            fontSize: 16
+        } })),
+    valueContainer: (base, state) => (Object.assign(Object.assign({}, base), { padding: '5px 0 5px 12px', gap: '4px 8px', '& > div > input': {
+            color: `${state.selectProps.customTheme.text.primary} !important`
+        } })),
+    multiValue: (base, state) => {
+        return Object.assign(Object.assign({}, base), { backgroundColor: state.isDisabled
+                ? state.selectProps.customTheme.background.switch
+                : state.selectProps.customTheme.background.fieldSecondary, maxWidth: 'calc(50% - 8px)', display: 'flex', alignItems: 'center', margin: '0', borderRadius: 20, padding: '4px 8px 4px 0px' });
+    },
+    multiValueLabel: (base, state) => (Object.assign(Object.assign({}, base), { color: state.isDisabled
+            ? state.selectProps.customTheme.text.secondary
+            : state.selectProps.customTheme.text.fourth, fontSize: '13px', lineHeight: '16px', fontWeight: 500 })),
+    multiValueRemove: (base) => (Object.assign(Object.assign({}, base), { background: 'transparent', padding: 0, marginLeft: 2, '&:hover': {
+            background: 'transparent'
+        } })),
+    placeholder: (baseStyled, state) => (Object.assign(Object.assign({}, baseStyled), { fontFamily: 'Manrope, sans-serif', color: state.selectProps.customTheme.text.secondary, fontWeight: 400, fontSize: 15, lineHeight: '20px', '@media (max-width: 600px)': {
+            fontSize: 16
+        } })),
+    menu: (baseStyled, state) => {
+        return Object.assign(Object.assign({}, baseStyled), { position: state.selectProps.customPositionMenu || 'absolute', top: '40px', maxHeight: '260px', border: `0.5px solid ${state.selectProps.customTheme.stroke.primary}`, boxShadow: '0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 4px rgba(0, 0, 0, 0.06)', zIndex: 1000, borderRadius: '8px', background: state.selectProps.customTheme.background.field });
+    },
+    menuList: (baseStyled, state) => {
+        return Object.assign(Object.assign(Object.assign({}, baseStyled), { padding: 6, maxHeight: '260px' }), (0, Scroll_1.getStyleScroll)(state.selectProps.customTheme));
+    },
+    option: (base, state) => (Object.assign(Object.assign({}, base), { fontWeight: state.isSelected ? 500 : 400, fontSize: '16px', lineHeight: '20px', padding: '8px', backgroundColor: state.isSelected
+            ? state.selectProps.customTheme.interactiveControls.accent
+            : 'transparent', color: state.selectProps.customTheme.text.primary, overflow: 'hidden', maxWidth: '100%', textOverflow: 'ellipsis', borderRadius: 8, cursor: 'pointer', ':hover': {
+            background: state.selectProps.customTheme.background.secondary
+        } }))
+};
+exports.Container = styled_components_1.default.div `
+  width: 100%;
+  & .checkbox-container {
+    pointer-events: none;
+  }
+`;
+exports.Loader = styled_components_1.default.div `
+  min-height: 44px;
+  height: 44px;
+  width: 100%;
+  border: 0.8px solid ${(props) => props.theme.stroke.primary};
+  border-radius: 8px;
+  position: relative;
+  background: ${(props) => props.theme.background.field};
+`;
+exports.Chevron = (0, styled_components_1.default)(ChevronSelect_svg_1.default) `
+  position: absolute;
+  top: 10px;
+  right: 8px;
+  transform: ${(props) => props.isFocused && props.menuIsOpen ? '0' : 'rotate(-180deg)'};
+  & > path {
+    fill: ${(props) => props.theme.icons.primary};
+  }
+`;
+//# sourceMappingURL=Select.styled.js.map

package/dist/components/uikit/Select/Select.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.styled.js","sourceRoot":"","sources":["../../../../src/components/uikit/Select/Select.styled.ts"],"names":[],"mappings":"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"}

package/dist/components/uikit/Select/Select.utils.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getComponents = exports.getCurrentValue = void 0;
+const ValueContainerWithImage_1 = require("./components/ValueContainerWithImage/ValueContainerWithImage");
+const DropdownIndicator_1 = require("./components/DropdownIndicator/DropdownIndicator");
+const IndicatorSeparator_1 = require("./components/IndicatorSeparator/IndicatorSeparator");
+const ClearIndicator_1 = require("./components/ClearIndicator/ClearIndicator");
+const getCurrentValue = (isMulti, value, options) => {
+    if (options.some((el) => 'options' in el)) {
+        return options.flatMap((el) => { var _a; return (_a = el.options) === null || _a === void 0 ? void 0 : _a.filter((item) => value === null || value === void 0 ? void 0 : value.includes(item.value)); });
+    }
+    else if (isMulti) {
+        return options.filter((item) => value === null || value === void 0 ? void 0 : value.includes(item.value));
+    }
+    return options.find((item) => item.value === value) || null;
+};
+exports.getCurrentValue = getCurrentValue;
+const getComponents = (isMulti, customOption, customValue, customMultiValue) => {
+    const components = {
+        ClearIndicator: ClearIndicator_1.ClearIndicator,
+        DropdownIndicator: DropdownIndicator_1.DropdownIndicator,
+        IndicatorSeparator: IndicatorSeparator_1.IndicatorSeparator,
+        MultiValueRemove: ValueContainerWithImage_1.MultiValueRemove
+    };
+    if (customOption)
+        components['Option'] = customOption;
+    if (customValue)
+        components['ValueContainer'] = customValue;
+    if (customMultiValue && isMulti)
+        components['MultiValueLabel'] = customMultiValue;
+    return components;
+};
+exports.getComponents = getComponents;
+//# sourceMappingURL=Select.utils.js.map

package/dist/components/uikit/Select/Select.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.utils.js","sourceRoot":"","sources":["../../../../src/components/uikit/Select/Select.utils.ts"],"names":[],"mappings":";;;AAAA,0GAA+F;AAE/F,wFAAoF;AACpF,2FAAuF;AACvF,+EAA2E;AAEpE,MAAM,eAAe,GAAG,CAC7B,OAAgB,EAChB,KAAwB,EACxB,OAAkB,EAClB,EAAE;IACF,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,SAAS,IAAI,EAAE,CAAC,EAAE;QACzC,OAAO,OAAO,CAAC,OAAO,CAAC,CAAC,EAAE,EAAE,EAAE,WAC5B,OAAA,MAAA,EAAE,CAAC,OAAO,0CAAE,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAA,EAAA,CAC1D,CAAA;KACF;SAAM,IAAI,OAAO,EAAE;QAClB,OAAO,OAAO,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAA;KAC7D;IACD,OAAO,OAAO,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,KAAK,KAAK,CAAC,IAAI,IAAI,CAAA;AAC7D,CAAC,CAAA;AAbY,QAAA,eAAe,mBAa3B;AAEM,MAAM,aAAa,GAAG,CAC3B,OAAgB,EAChB,YAA2C,EAC3C,WAAyC,EACzC,gBAAmD,EACnD,EAAE;IACF,MAAM,UAAU,GAAG;QACjB,cAAc,EAAd,+BAAc;QACd,iBAAiB,EAAjB,qCAAiB;QACjB,kBAAkB,EAAlB,uCAAkB;QAClB,gBAAgB,EAAhB,0CAAgB;KACjB,CAAA;IAED,IAAI,YAAY;QAAE,UAAU,CAAC,QAAQ,CAAC,GAAG,YAAY,CAAA;IACrD,IAAI,WAAW;QAAE,UAAU,CAAC,gBAAgB,CAAC,GAAG,WAAW,CAAA;IAC3D,IAAI,gBAAgB,IAAI,OAAO;QAC7B,UAAU,CAAC,iBAAiB,CAAC,GAAG,gBAAgB,CAAA;IAElD,OAAO,UAAU,CAAA;AACnB,CAAC,CAAA;AAnBY,QAAA,aAAa,iBAmBzB"}

package/dist/components/uikit/Select/SelectInput.typed.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=SelectInput.typed.js.map

package/dist/components/uikit/Select/SelectInput.typed.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectInput.typed.js","sourceRoot":"","sources":["../../../../src/components/uikit/Select/SelectInput.typed.ts"],"names":[],"mappings":""}

package/dist/components/uikit/Select/SelectLoader.js

@@ -0,0 +1,37 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SelectLoader = void 0;
+const react_1 = __importDefault(require("react"));
+const Styled = __importStar(require("./Select.styled"));
+const SelectLoader = () => {
+    return (react_1.default.createElement(Styled.Loader, null,
+        react_1.default.createElement(Styled.Chevron, null)));
+};
+exports.SelectLoader = SelectLoader;
+//# sourceMappingURL=SelectLoader.js.map

package/dist/components/uikit/Select/SelectLoader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectLoader.js","sourceRoot":"","sources":["../../../../src/components/uikit/Select/SelectLoader.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAAyB;AACzB,wDAAyC;AAEzC,MAAM,YAAY,GAAG,GAAG,EAAE;IACxB,OAAO,CACL,8BAAC,MAAM,CAAC,MAAM;QACZ,8BAAC,MAAM,CAAC,OAAO,OAAG,CACJ,CACjB,CAAA;AACH,CAAC,CAAA;AAEQ,oCAAY"}

package/dist/components/uikit/Select/components/ClearIndicator/ClearIndicator.js

@@ -0,0 +1,36 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ClearIndicator = void 0;
+const react_1 = __importDefault(require("react"));
+const Styled = __importStar(require("./CloseIndicator.styled"));
+const react_select_1 = require("react-select");
+const ClearIndicator = (props) => (react_1.default.createElement(react_select_1.components.ClearIndicator, Object.assign({}, props),
+    react_1.default.createElement(Styled.CustomIcon, null)));
+exports.ClearIndicator = ClearIndicator;
+//# sourceMappingURL=ClearIndicator.js.map

package/dist/components/uikit/Select/components/ClearIndicator/ClearIndicator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClearIndicator.js","sourceRoot":"","sources":["../../../../../../src/components/uikit/Select/components/ClearIndicator/ClearIndicator.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAAyB;AACzB,gEAAiD;AACjD,+CAA8D;AAE9D,MAAM,cAAc,GAAG,CAAC,KAA0B,EAAE,EAAE,CAAC,CACrD,8BAAC,yBAAU,CAAC,cAAc,oBAAK,KAAK;IAClC,8BAAC,MAAM,CAAC,UAAU,OAAG,CACK,CAC7B,CAAA;AAEQ,wCAAc"}

package/dist/components/uikit/Select/components/ClearIndicator/CloseIndicator.styled.js

@@ -0,0 +1,23 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CustomIcon = void 0;
+const styled_components_1 = __importDefault(require("styled-components"));
+const Close4_svg_1 = __importDefault(require("../../../../../icons/Close4.svg"));
+const animation_2 = require("../../../../../constants/animation/animation");
+exports.CustomIcon = (0, styled_components_1.default)(Close4_svg_1.default) `
+  transition: transform 0.3s ${animation_2.AnimationFunctions.animation_1};
+  & path {
+    transition: stroke 0.3s ${animation_2.AnimationFunctions.animation_1};
+    stroke: ${(props) => props.theme.icons.primary};
+  }
+  &:hover {
+    transform: scale(1.1);
+    & path {
+      stroke: ${(props) => props.theme.icons.negative};
+    }
+  }
+`;
+//# sourceMappingURL=CloseIndicator.styled.js.map

package/dist/components/uikit/Select/components/ClearIndicator/CloseIndicator.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CloseIndicator.styled.js","sourceRoot":"","sources":["../../../../../../src/components/uikit/Select/components/ClearIndicator/CloseIndicator.styled.ts"],"names":[],"mappings":";;;;;;AAAA,0EAAsC;AACtC,iFAAuD;AACvD,4EAAiF;AAEpE,QAAA,UAAU,GAAG,IAAA,2BAAM,EAAC,oBAAS,CAAC,CAAA;+BACZ,8BAAkB,CAAC,WAAW;;8BAE/B,8BAAkB,CAAC,WAAW;cAC9C,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO;;;;;gBAKlC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ;;;CAGpD,CAAA"}

package/dist/components/uikit/Select/components/DropdownIndicator/DropdownIndicator.js

@@ -0,0 +1,37 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DropdownIndicator = void 0;
+const react_1 = __importDefault(require("react"));
+const react_select_1 = require("react-select");
+const Styled = __importStar(require("./DropdownIndicator.styled"));
+const DropdownIndicator = (props) => {
+    return (react_1.default.createElement(react_select_1.components.DropdownIndicator, Object.assign({}, props), props.selectProps.icon ? (react_1.default.createElement(Styled.CustomIcon, { className: "custom-icon" }, props.selectProps.icon)) : (react_1.default.createElement(Styled.Icon, { "$isDisabled": props.isDisabled, "$hasValue": props.hasValue, "$isFocused": props.isFocused, "$menuIsOpen": props.selectProps.menuIsOpen }))));
+};
+exports.DropdownIndicator = DropdownIndicator;
+//# sourceMappingURL=DropdownIndicator.js.map

package/dist/components/uikit/Select/components/DropdownIndicator/DropdownIndicator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownIndicator.js","sourceRoot":"","sources":["../../../../../../src/components/uikit/Select/components/DropdownIndicator/DropdownIndicator.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAAyB;AACzB,+CAAiE;AACjE,mEAAoD;AAEpD,MAAM,iBAAiB,GAAG,CAAC,KAA6B,EAAE,EAAE;IAC1D,OAAO,CACL,8BAAC,yBAAU,CAAC,iBAAiB,oBAAK,KAAK,GACpC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,CACxB,8BAAC,MAAM,CAAC,UAAU,IAAC,SAAS,EAAC,aAAa,IACvC,KAAK,CAAC,WAAW,CAAC,IAAI,CACL,CACrB,CAAC,CAAC,CAAC,CACF,8BAAC,MAAM,CAAC,IAAI,mBACG,KAAK,CAAC,UAAU,eAClB,KAAK,CAAC,QAAQ,gBACb,KAAK,CAAC,SAAS,iBACd,KAAK,CAAC,WAAW,CAAC,UAAU,GACzC,CACH,CAC4B,CAChC,CAAA;AACH,CAAC,CAAA;AAEQ,8CAAiB"}

package/dist/components/uikit/Select/components/DropdownIndicator/DropdownIndicator.styled.js

@@ -0,0 +1,33 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Icon = exports.CustomIcon = void 0;
+const styled_components_1 = __importDefault(require("styled-components"));
+const ChevronSelect_svg_1 = __importDefault(require("../../../../../icons/ChevronSelect.svg"));
+const getFill = (props, theme) => {
+    if (props.$isDisabled)
+        return theme.icons.primary;
+    if (props.$isFocused && props.$menuIsOpen)
+        return theme.icons.accent;
+    if (props.$hasValue)
+        return theme.icons.primary;
+    return theme.icons.primary;
+};
+exports.CustomIcon = styled_components_1.default.span `
+  display: flex;
+  width: 24px;
+  height: 24px;
+  & path {
+    fill: ${(props) => props.theme.icons.primary};
+  }
+`;
+exports.Icon = (0, styled_components_1.default)(ChevronSelect_svg_1.default) `
+  transform: ${(props) => props.$isFocused && props.$menuIsOpen ? '0' : 'rotate(-180deg)'};
+  transition: transform 0.2s ease-in;
+  & > path {
+    fill: ${(props) => getFill(props, props.theme)};
+  }
+`;
+//# sourceMappingURL=DropdownIndicator.styled.js.map

package/dist/components/uikit/Select/components/DropdownIndicator/DropdownIndicator.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownIndicator.styled.js","sourceRoot":"","sources":["../../../../../../src/components/uikit/Select/components/DropdownIndicator/DropdownIndicator.styled.ts"],"names":[],"mappings":";;;;;;AAAA,0EAAsC;AACtC,+FAA0D;AAU1D,MAAM,OAAO,GAAG,CAAC,KAAa,EAAE,KAAa,EAAE,EAAE;IAC/C,IAAI,KAAK,CAAC,WAAW;QAAE,OAAO,KAAK,CAAC,KAAK,CAAC,OAAO,CAAA;IACjD,IAAI,KAAK,CAAC,UAAU,IAAI,KAAK,CAAC,WAAW;QAAE,OAAO,KAAK,CAAC,KAAK,CAAC,MAAM,CAAA;IACpE,IAAI,KAAK,CAAC,SAAS;QAAE,OAAO,KAAK,CAAC,KAAK,CAAC,OAAO,CAAA;IAE/C,OAAO,KAAK,CAAC,KAAK,CAAC,OAAO,CAAA;AAC5B,CAAC,CAAA;AAEY,QAAA,UAAU,GAAG,2BAAM,CAAC,IAAI,CAAA;;;;;YAKzB,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO;;CAE/C,CAAA;AAEY,QAAA,IAAI,GAAG,IAAA,2BAAM,EAAC,2BAAK,CAAC,CAAQ;eAC1B,CAAC,KAAK,EAAE,EAAE,CACrB,KAAK,CAAC,UAAU,IAAI,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,iBAAiB;;;YAGvD,CAAC,KAAK,EAAE,EAAE,CAAC,OAAO,CAAC,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC;;CAEjD,CAAA"}

package/dist/components/uikit/Select/components/IndicatorSeparator/IndicatorSeparator.js

@@ -0,0 +1,40 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IndicatorSeparator = void 0;
+const react_1 = __importDefault(require("react"));
+const Styled = __importStar(require("./IndicatorSeparator.styles"));
+const IndicatorSeparator = (props) => {
+    var _a;
+    if (!((_a = props.selectProps) === null || _a === void 0 ? void 0 : _a.isSeparator))
+        return null;
+    return (react_1.default.createElement("div", Object.assign({}, props),
+        react_1.default.createElement(Styled.Indicator, null)));
+};
+exports.IndicatorSeparator = IndicatorSeparator;
+//# sourceMappingURL=IndicatorSeparator.js.map

package/dist/components/uikit/Select/components/IndicatorSeparator/IndicatorSeparator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IndicatorSeparator.js","sourceRoot":"","sources":["../../../../../../src/components/uikit/Select/components/IndicatorSeparator/IndicatorSeparator.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAAyB;AAEzB,oEAAqD;AAErD,MAAM,kBAAkB,GAAG,CAAC,KAA8B,EAAE,EAAE;;IAC5D,IAAI,CAAC,CAAA,MAAA,KAAK,CAAC,WAAW,0CAAE,WAAW,CAAA;QAAE,OAAO,IAAI,CAAA;IAEhD,OAAO,CACL,uDAAS,KAAK;QACZ,8BAAC,MAAM,CAAC,SAAS,OAAG,CAChB,CACP,CAAA;AACH,CAAC,CAAA;AAEQ,gDAAkB"}

package/dist/components/uikit/Select/components/IndicatorSeparator/IndicatorSeparator.styles.js

@@ -0,0 +1,15 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Indicator = void 0;
+const styled_components_1 = __importDefault(require("styled-components"));
+exports.Indicator = styled_components_1.default.span `
+  align-self: stretch;
+  margin-bottom: 8px;
+  margin-top: 8px;
+  width: 1px;
+  border-left: 1px dashed ${(props) => props.theme.stroke.primary};
+`;
+//# sourceMappingURL=IndicatorSeparator.styles.js.map

package/dist/components/uikit/Select/components/IndicatorSeparator/IndicatorSeparator.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IndicatorSeparator.styles.js","sourceRoot":"","sources":["../../../../../../src/components/uikit/Select/components/IndicatorSeparator/IndicatorSeparator.styles.ts"],"names":[],"mappings":";;;;;;AAAA,0EAAsC;AAEzB,QAAA,SAAS,GAAG,2BAAM,CAAC,IAAI,CAAA;;;;;4BAKR,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO;CAChE,CAAA"}

package/dist/components/uikit/Select/components/OptionWithCheckbox/OptionWithCheckbox.js

@@ -0,0 +1,27 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.OptionWithCheckbox = void 0;
+const react_1 = __importDefault(require("react"));
+const react_select_1 = require("react-select");
+const Checkbox_1 = require("../../../Checkbox");
+const OptionWithCheckbox = (_a) => {
+    var { children } = _a, props = __rest(_a, ["children"]);
+    return (react_1.default.createElement(react_select_1.components.Option, Object.assign({}, props),
+        react_1.default.createElement(Checkbox_1.Checkbox, { checked: props.isSelected, text: props.label, size: "M" })));
+};
+exports.OptionWithCheckbox = OptionWithCheckbox;
+//# sourceMappingURL=OptionWithCheckbox.js.map

package/dist/components/uikit/Select/components/OptionWithCheckbox/OptionWithCheckbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OptionWithCheckbox.js","sourceRoot":"","sources":["../../../../../../src/components/uikit/Select/components/OptionWithCheckbox/OptionWithCheckbox.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kDAAyB;AACzB,+CAAsD;AAEtD,gDAA4C;AAE5C,MAAM,kBAAkB,GAAG,CAAC,EAAmC,EAAE,EAAE;QAAvC,EAAE,QAAQ,OAAyB,EAApB,KAAK,cAApB,YAAsB,CAAF;IAC9C,OAAO,CACL,8BAAC,yBAAU,CAAC,MAAM,oBAAK,KAAK;QAC1B,8BAAC,mBAAQ,IAAC,OAAO,EAAE,KAAK,CAAC,UAAU,EAAE,IAAI,EAAE,KAAK,CAAC,KAAK,EAAE,IAAI,EAAC,GAAG,GAAG,CACjD,CACrB,CAAA;AACH,CAAC,CAAA;AAEQ,gDAAkB"}

package/dist/components/uikit/Select/components/OptionWithCheckbox/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./OptionWithCheckbox"), exports);
+//# sourceMappingURL=index.js.map

package/dist/components/uikit/Select/components/OptionWithCheckbox/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/uikit/Select/components/OptionWithCheckbox/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,uDAAoC"}