@ozen-ui/kit 0.11.0 → 0.12.0

package/__inner__/cjs/components/Tabs/Tabs.js

@@ -1,5 +1,5 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.Tabs = exports.cnTabs = void 0;
 var tslib_1 = require("tslib");
 require("./Tabs.css");
@@ -12,7 +12,7 @@ var components_1 = require("./components");
 var TabsContext_1 = require("./TabsContext");
 var types_1 = require("./types");
 exports.cnTabs = (0, classname_1.cn)('Tabs');
-exports.Tabs = react_1["default"].forwardRef(function (_a, ref) {
+exports.Tabs = react_1.default.forwardRef(function (_a, ref) {
     var _b, _c;
     var children = _a.children, value = _a.value, onChange = _a.onChange, _d = _a.size, size = _d === void 0 ? 'm' : _d, className = _a.className, _e = _a.variant, variant = _e === void 0 ? 'default' : _e, disableScrollButtons = _a.disableScrollButtons, other = tslib_1.__rest(_a, ["children", "value", "onChange", "size", "className", "variant", "disableScrollButtons"]);
     var tabsListRef = (0, react_1.useRef)(null);
@@ -24,7 +24,7 @@ exports.Tabs = react_1["default"].forwardRef(function (_a, ref) {
     var _g = tslib_1.__read((0, react_1.useState)({ translateX: 0, width: 0 }), 2), indicatorStyles = _g[0], setIndicatorStyles = _g[1];
     var _h = tslib_1.__read((0, react_1.useState)({
         start: false,
-        end: false
+        end: false,
     }), 2), scrollButtonsActivity = _h[0], setScrollButtonActivity = _h[1];
     /**
      * Привязка value дочернего компонента к его индексу
@@ -33,14 +33,14 @@ exports.Tabs = react_1["default"].forwardRef(function (_a, ref) {
     var tabsValueToIndex = (0, react_1.useMemo)(function () { return new Map(); }, [children]);
     /** Children только ноды Табов */
     var onlyTabsChildren = (0, react_1.useMemo)(function () {
-        return react_1["default"].Children.toArray(children)
-            .filter(function (child) { return react_1["default"].isValidElement(child) && (child === null || child === void 0 ? void 0 : child.type) === components_1.Tab; })
+        return react_1.default.Children.toArray(children)
+            .filter(function (child) { return react_1.default.isValidElement(child) && (child === null || child === void 0 ? void 0 : child.type) === components_1.Tab; })
             .map(function (child, index) {
-            if (!react_1["default"].isValidElement(child))
+            if (!react_1.default.isValidElement(child))
                 return null;
             var childValue = child.props.value || index;
             tabsValueToIndex.set(childValue, index);
-            return react_1["default"].cloneElement(child, { value: childValue });
+            return react_1.default.cloneElement(child, { value: childValue });
         });
     }, [children]);
     var isScrollButtonsActive = variant === 'scrollable' &&
@@ -67,7 +67,7 @@ exports.Tabs = react_1["default"].forwardRef(function (_a, ref) {
             scrollBoxMeta = {
                 scrollLeft: scrollBoxNode.scrollLeft,
                 left: tabsRect.left,
-                right: tabsRect.right
+                right: tabsRect.right,
             };
         }
         return { tabsListMeta: tabsListMeta, activeTabMeta: activeTabMeta, scrollBoxMeta: scrollBoxMeta };
@@ -99,7 +99,7 @@ exports.Tabs = react_1["default"].forwardRef(function (_a, ref) {
         var width = activeTabMeta.width;
         setIndicatorStyles({
             translateX: translateX,
-            width: width
+            width: width,
         });
     };
     /** Скроллит в нужную позицию */
@@ -183,7 +183,7 @@ exports.Tabs = react_1["default"].forwardRef(function (_a, ref) {
     var context = (0, react_1.useMemo)(function () { return ({
         onChange: handleChange,
         currentValue: value,
-        size: size
+        size: size,
     }); }, [handleChange, value, size]);
     (0, react_1.useEffect)(function () {
         if (isMounted) {
@@ -230,20 +230,20 @@ exports.Tabs = react_1["default"].forwardRef(function (_a, ref) {
             debouncedUpdateIndicatorStyles();
             debouncedUpdateScrollButtonsActivity();
             debouncedScrollCorrection();
-        }
+        },
     });
     (0, useEventListener_1.useEventListener)({
         eventName: 'keydown',
         handler: handleKeyDown,
-        element: scrollBoxRef
+        element: scrollBoxRef,
     });
-    return (react_1["default"].createElement("div", tslib_1.__assign({ className: (0, exports.cnTabs)({}, [className]), ref: ref }, other),
-        isScrollButtonsActive && (react_1["default"].createElement(components_1.ScrollButton, { size: size, className: (0, exports.cnTabs)('ScrollButton'), direction: "left", invisible: !scrollButtonsActivity.start, onClick: handleClickScrollButton('left') })),
-        react_1["default"].createElement("div", { ref: scrollBoxRef, onScroll: updateScrollButtonsActivity, className: (0, exports.cnTabs)('ScrollBox') },
-            react_1["default"].createElement("div", { className: (0, exports.cnTabs)('IndicatorContainer') },
-                react_1["default"].createElement("div", { className: (0, exports.cnTabs)('List'), role: "tablist", ref: tabsListRef },
-                    react_1["default"].createElement(TabsContext_1.TabsContext.Provider, { value: context }, onlyTabsChildren)),
-                isMounted && (react_1["default"].createElement(components_1.TabsIndicator, { ref: indicatorRef, indicatorStyles: indicatorStyles, className: (0, exports.cnTabs)('Indicator') })))),
-        isScrollButtonsActive && (react_1["default"].createElement(components_1.ScrollButton, { size: size, ref: scrollButtonRef, direction: "right", className: (0, exports.cnTabs)('ScrollButton'), invisible: !scrollButtonsActivity.end, onClick: handleClickScrollButton('right') }))));
+    return (react_1.default.createElement("div", tslib_1.__assign({ className: (0, exports.cnTabs)({}, [className]), ref: ref }, other),
+        isScrollButtonsActive && (react_1.default.createElement(components_1.ScrollButton, { size: size, className: (0, exports.cnTabs)('ScrollButton'), direction: "left", invisible: !scrollButtonsActivity.start, onClick: handleClickScrollButton('left') })),
+        react_1.default.createElement("div", { ref: scrollBoxRef, onScroll: updateScrollButtonsActivity, className: (0, exports.cnTabs)('ScrollBox') },
+            react_1.default.createElement("div", { className: (0, exports.cnTabs)('IndicatorContainer') },
+                react_1.default.createElement("div", { className: (0, exports.cnTabs)('List'), role: "tablist", ref: tabsListRef },
+                    react_1.default.createElement(TabsContext_1.TabsContext.Provider, { value: context }, onlyTabsChildren)),
+                isMounted && (react_1.default.createElement(components_1.TabsIndicator, { ref: indicatorRef, indicatorStyles: indicatorStyles, className: (0, exports.cnTabs)('Indicator') })))),
+        isScrollButtonsActive && (react_1.default.createElement(components_1.ScrollButton, { size: size, ref: scrollButtonRef, direction: "right", className: (0, exports.cnTabs)('ScrollButton'), invisible: !scrollButtonsActivity.end, onClick: handleClickScrollButton('right') }))));
 });
 exports.Tabs.displayName = 'Tabs';

package/__inner__/cjs/components/Tabs/TabsContext.js

@@ -1,9 +1,9 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.TabsContext = void 0;
 var tslib_1 = require("tslib");
 var react_1 = tslib_1.__importDefault(require("react"));
-exports.TabsContext = react_1["default"].createContext({});
+exports.TabsContext = react_1.default.createContext({});
 // Именованный провайдер
 if (process.env.NODE_ENV !== 'production') {
     exports.TabsContext.displayName = 'TabsContext';

package/__inner__/cjs/components/Tabs/components/ScrollButton/ScrollButton.js

@@ -1,5 +1,5 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.ScrollButton = exports.ariaLabelByDirection = exports.iconByDirection = exports.cnScrollButton = exports.scrollButtonDirectionVariant = void 0;
 var tslib_1 = require("tslib");
 require("./ScrollButton.css");
@@ -10,18 +10,18 @@ exports.scrollButtonDirectionVariant = ['left', 'right'];
 exports.cnScrollButton = (0, classname_1.cn)('ScrollButton');
 exports.iconByDirection = {
     left: icons_1.ChevronLeftIcon,
-    right: icons_1.ChevronRightIcon
+    right: icons_1.ChevronRightIcon,
 };
 exports.ariaLabelByDirection = {
     left: 'Прокрутить вкладки влево',
-    right: 'Прокрутить вкладки вправо'
+    right: 'Прокрутить вкладки вправо',
 };
-exports.ScrollButton = react_1["default"].forwardRef(function (_a, ref) {
+exports.ScrollButton = react_1.default.forwardRef(function (_a, ref) {
     var direction = _a.direction, invisible = _a.invisible, className = _a.className, _b = _a.size, size = _b === void 0 ? 'm' : _b, other = tslib_1.__rest(_a, ["direction", "invisible", "className", "size"]);
     var ariaLabel = (0, react_1.useMemo)(function () { return exports.ariaLabelByDirection[direction]; }, [direction]);
     var Icon = (0, react_1.useMemo)(function () { return exports.iconByDirection[direction]; }, [direction]);
     var tabIndex = invisible ? -1 : 0;
-    return (react_1["default"].createElement("button", tslib_1.__assign({ className: (0, exports.cnScrollButton)({ invisible: invisible, direction: direction, size: size }, [className]), tabIndex: tabIndex, "aria-label": ariaLabel, ref: ref }, other),
-        react_1["default"].createElement(Icon, { size: "s" })));
+    return (react_1.default.createElement("button", tslib_1.__assign({ className: (0, exports.cnScrollButton)({ invisible: invisible, direction: direction, size: size }, [className]), tabIndex: tabIndex, "aria-label": ariaLabel, ref: ref }, other),
+        react_1.default.createElement(Icon, { size: "s" })));
 });
 exports.ScrollButton.displayName = 'ScrollButton';

package/__inner__/cjs/components/Tabs/components/ScrollButton/index.js

@@ -1,16 +1,5 @@
 "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];
-}));
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.ScrollButton = void 0;
 var ScrollButton_1 = require("./ScrollButton");
-__createBinding(exports, ScrollButton_1, "ScrollButton");
+Object.defineProperty(exports, "ScrollButton", { enumerable: true, get: function () { return ScrollButton_1.ScrollButton; } });

package/__inner__/cjs/components/Tabs/components/Tab/Tab.js

@@ -1,5 +1,5 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.Tab = exports.TabComponent = exports.cnTab = void 0;
 var tslib_1 = require("tslib");
 require("./Tab.css");
@@ -8,7 +8,7 @@ var classname_1 = require("../../../../utils/classname");
 var getIconSizeToFormElement_1 = require("../../../../utils/getIconSizeToFormElement");
 var TabsContext_1 = require("../../TabsContext");
 exports.cnTab = (0, classname_1.cn)('Tab');
-exports.TabComponent = react_1["default"].forwardRef(function (_a, ref) {
+exports.TabComponent = react_1.default.forwardRef(function (_a, ref) {
     var label = _a.label, disabled = _a.disabled, multiline = _a.multiline, className = _a.className, IconLeft = _a.iconLeft, IconRight = _a.iconRight, value = _a.value, href = _a.href, onClick = _a.onClick, other = tslib_1.__rest(_a, ["label", "disabled", "multiline", "className", "iconLeft", "iconRight", "value", "href", "onClick"]);
     var _b = (0, react_1.useContext)(TabsContext_1.TabsContext), _c = _b.size, size = _c === void 0 ? 'm' : _c, currentValue = _b.currentValue, onChange = _b.onChange;
     var iconSize = (0, getIconSizeToFormElement_1.getIconSizeToFormElement)(size);
@@ -27,24 +27,24 @@ exports.TabComponent = react_1["default"].forwardRef(function (_a, ref) {
             disabled: disabled,
             onlyIcon: !label,
             active: isActive,
-            multiline: multiline
+            multiline: multiline,
         }, [className]),
         role: 'tab',
         'aria-controls': "tab-".concat(value),
         tabIndex: isActive && !disabled ? 0 : -1,
         'aria-selected': isActive,
-        onClick: handleClick
+        onClick: handleClick,
     };
     if (href) {
-        return (react_1["default"].createElement("a", tslib_1.__assign({}, commonProps, other, { href: href, ref: ref }),
-            IconLeft && react_1["default"].createElement(IconLeft, { size: iconSize }),
-            !!label && react_1["default"].createElement("span", { className: (0, exports.cnTab)('Label', { size: size }) }, label),
-            IconRight && react_1["default"].createElement(IconRight, { size: iconSize })));
+        return (react_1.default.createElement("a", tslib_1.__assign({}, commonProps, other, { href: href, ref: ref }),
+            IconLeft && react_1.default.createElement(IconLeft, { size: iconSize }),
+            !!label && react_1.default.createElement("span", { className: (0, exports.cnTab)('Label', { size: size }) }, label),
+            IconRight && react_1.default.createElement(IconRight, { size: iconSize })));
     }
-    return (react_1["default"].createElement("button", tslib_1.__assign({}, commonProps, (disabled && { tabIndex: -1 }), other, { type: "button", disabled: disabled, ref: ref }),
-        IconLeft && react_1["default"].createElement(IconLeft, { size: iconSize }),
-        !!label && react_1["default"].createElement("span", { className: (0, exports.cnTab)('Label', { size: size }) }, label),
-        IconRight && react_1["default"].createElement(IconRight, { size: iconSize })));
+    return (react_1.default.createElement("button", tslib_1.__assign({}, commonProps, (disabled && { tabIndex: -1 }), other, { type: "button", disabled: disabled, ref: ref }),
+        IconLeft && react_1.default.createElement(IconLeft, { size: iconSize }),
+        !!label && react_1.default.createElement("span", { className: (0, exports.cnTab)('Label', { size: size }) }, label),
+        IconRight && react_1.default.createElement(IconRight, { size: iconSize })));
 });
 exports.TabComponent.displayName = 'Tab';
-exports.Tab = react_1["default"].memo(exports.TabComponent);
+exports.Tab = react_1.default.memo(exports.TabComponent);

package/__inner__/cjs/components/Tabs/components/Tab/index.js

@@ -1,4 +1,4 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./Tab"), exports);

package/__inner__/cjs/components/Tabs/components/TabsIndicator/TabsIndicator.js

@@ -1,14 +1,14 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.TabsIndicator = void 0;
 var tslib_1 = require("tslib");
 var react_1 = tslib_1.__importStar(require("react"));
 exports.TabsIndicator = (0, react_1.forwardRef)(function (_a, ref) {
     var indicatorStyles = _a.indicatorStyles, otherProps = tslib_1.__rest(_a, ["indicatorStyles"]);
     var translateX = indicatorStyles.translateX, width = indicatorStyles.width;
-    return (react_1["default"].createElement("div", tslib_1.__assign({ ref: ref, style: {
+    return (react_1.default.createElement("div", tslib_1.__assign({ ref: ref, style: {
             transform: "translateX(".concat(translateX, "px)"),
-            width: width
+            width: width,
         } }, otherProps)));
 });
 exports.TabsIndicator.displayName = 'TabsIndicator';

package/__inner__/cjs/components/Tabs/components/TabsIndicator/index.js

@@ -1,4 +1,4 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./TabsIndicator"), exports);

package/__inner__/cjs/components/Tabs/components/index.js

@@ -1,5 +1,5 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./TabsIndicator"), exports);
 tslib_1.__exportStar(require("./ScrollButton"), exports);

package/__inner__/cjs/components/Tabs/index.js

@@ -1,5 +1,5 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./Tabs"), exports);
 tslib_1.__exportStar(require("./components/Tab"), exports);

package/__inner__/cjs/components/Tabs/types.js

@@ -1,5 +1,5 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.ControlKeys = exports.tabsVariant = exports.tabsSizeVariant = void 0;
 exports.tabsSizeVariant = ['xs', 's', 'm', 'l'];
 exports.tabsVariant = ['default', 'scrollable'];
@@ -8,4 +8,4 @@ var ControlKeys;
 (function (ControlKeys) {
     ControlKeys["ArrowLeft"] = "ArrowLeft";
     ControlKeys["ArrowRight"] = "ArrowRight";
-})(ControlKeys = exports.ControlKeys || (exports.ControlKeys = {}));
+})(ControlKeys || (exports.ControlKeys = ControlKeys = {}));

package/__inner__/cjs/components/Tag/Tag.js

@@ -1,5 +1,5 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.Tag = exports.cnTag = exports.tagSizeVariant = exports.tagVariant = void 0;
 var tslib_1 = require("tslib");
 require("./Tag.css");
@@ -22,10 +22,10 @@ exports.cnTag = (0, classname_1.cn)('Tag');
 exports.Tag = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)(function (inProps, ref) {
     var props = (0, useThemeProps_1.useThemeProps)({ props: inProps, name: 'Tag' });
     var _a = props.size, size = _a === void 0 ? constants_1.TAG_DEFAULT_SIZE : _a, _b = props.as, Tag = _b === void 0 ? constants_1.TAG_DEFAULT_AS : _b, _c = props.variant, variant = _c === void 0 ? constants_1.TAG_DEFAULT_VARIANT : _c, IconLeft = props.iconLeft, IconRight = props.iconRight, label = props.label, className = props.className, onRemove = props.onRemove, other = tslib_1.__rest(props, ["size", "as", "variant", "iconLeft", "iconRight", "label", "className", "onRemove"]);
-    return (react_1["default"].createElement(Tag, tslib_1.__assign({ className: (0, exports.cnTag)({ variant: variant, size: size }, [className]) }, other, { ref: ref }),
-        IconLeft && react_1["default"].createElement(IconLeft, { size: "s" }),
-        react_1["default"].createElement("span", { className: (0, exports.cnTag)('Label') }, label),
-        IconRight && react_1["default"].createElement(IconRight, { size: "s" }),
-        !!onRemove && (react_1["default"].createElement(components_1.RemoveButton, { onClick: onRemove, className: (0, exports.cnTag)('RemoveButton'), size: size }))));
+    return (react_1.default.createElement(Tag, tslib_1.__assign({ className: (0, exports.cnTag)({ variant: variant, size: size }, [className]) }, other, { ref: ref }),
+        IconLeft && react_1.default.createElement(IconLeft, { size: "s" }),
+        react_1.default.createElement("span", { className: (0, exports.cnTag)('Label') }, label),
+        IconRight && react_1.default.createElement(IconRight, { size: "s" }),
+        !!onRemove && (react_1.default.createElement(components_1.RemoveButton, { onClick: onRemove, className: (0, exports.cnTag)('RemoveButton'), size: size }))));
 });
 exports.Tag.displayName = 'Tag';

package/__inner__/cjs/components/Tag/components/RemoveButton/Remove2xsIcon.js

@@ -1,8 +1,8 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.Remove2xsIcon = void 0;
 var tslib_1 = require("tslib");
 var react_1 = tslib_1.__importStar(require("react"));
-exports.Remove2xsIcon = (0, react_1.forwardRef)(function (props, ref) { return (react_1["default"].createElement("svg", tslib_1.__assign({ width: "8", height: "8", viewBox: "0 0 8 8", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { ref: ref }),
-    react_1["default"].createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M1.14645 1.14645C1.34171 0.951184 1.65829 0.951184 1.85355 1.14645L4 3.29289L6.14645 1.14645C6.34171 0.951184 6.65829 0.951184 6.85355 1.14645C7.04882 1.34171 7.04882 1.65829 6.85355 1.85355L4.70711 4L6.85355 6.14645C7.04882 6.34171 7.04882 6.65829 6.85355 6.85355C6.65829 7.04882 6.34171 7.04882 6.14645 6.85355L4 4.70711L1.85355 6.85355C1.65829 7.04882 1.34171 7.04882 1.14645 6.85355C0.951184 6.65829 0.951184 6.34171 1.14645 6.14645L3.29289 4L1.14645 1.85355C0.951184 1.65829 0.951184 1.34171 1.14645 1.14645Z", fill: "currentColor" }))); });
+exports.Remove2xsIcon = (0, react_1.forwardRef)(function (props, ref) { return (react_1.default.createElement("svg", tslib_1.__assign({ width: "8", height: "8", viewBox: "0 0 8 8", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { ref: ref }),
+    react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M1.14645 1.14645C1.34171 0.951184 1.65829 0.951184 1.85355 1.14645L4 3.29289L6.14645 1.14645C6.34171 0.951184 6.65829 0.951184 6.85355 1.14645C7.04882 1.34171 7.04882 1.65829 6.85355 1.85355L4.70711 4L6.85355 6.14645C7.04882 6.34171 7.04882 6.65829 6.85355 6.85355C6.65829 7.04882 6.34171 7.04882 6.14645 6.85355L4 4.70711L1.85355 6.85355C1.65829 7.04882 1.34171 7.04882 1.14645 6.85355C0.951184 6.65829 0.951184 6.34171 1.14645 6.14645L3.29289 4L1.14645 1.85355C0.951184 1.65829 0.951184 1.34171 1.14645 1.14645Z", fill: "currentColor" }))); });
 exports.Remove2xsIcon.displayName = 'Remove2xsIcon';

package/__inner__/cjs/components/Tag/components/RemoveButton/RemoveButton.js

@@ -1,5 +1,5 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.RemoveButton = exports.removeButtonSizeVariant = void 0;
 var tslib_1 = require("tslib");
 var react_1 = tslib_1.__importStar(require("react"));
@@ -9,11 +9,11 @@ exports.removeButtonSizeVariant = ['s', 'xs', '2xs'];
 var icons = {
     s: RemoveSIcon_1.RemoveSIcon,
     xs: RemoveSIcon_1.RemoveSIcon,
-    '2xs': Remove2xsIcon_1.Remove2xsIcon
+    '2xs': Remove2xsIcon_1.Remove2xsIcon,
 };
 exports.RemoveButton = (0, react_1.forwardRef)(function (_a, ref) {
     var size = _a.size, props = tslib_1.__rest(_a, ["size"]);
     var Icon = (0, react_1.useMemo)(function () { return icons[size]; }, [size]);
-    return react_1["default"].createElement(Icon, tslib_1.__assign({}, props, { ref: ref }));
+    return react_1.default.createElement(Icon, tslib_1.__assign({}, props, { ref: ref }));
 });
 exports.RemoveButton.displayName = 'RemoveButton';

package/__inner__/cjs/components/Tag/components/RemoveButton/RemoveSIcon.js

@@ -1,8 +1,8 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.RemoveSIcon = void 0;
 var tslib_1 = require("tslib");
 var react_1 = tslib_1.__importStar(require("react"));
-exports.RemoveSIcon = (0, react_1.forwardRef)(function (props, ref) { return (react_1["default"].createElement("svg", tslib_1.__assign({ width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { ref: ref }),
-    react_1["default"].createElement("path", { d: "M3.75776 3.75739C3.46486 4.05028 3.46486 4.52516 3.75776 4.81805L6.93974 8.00003L3.75776 11.182C3.46486 11.4749 3.46486 11.9498 3.75776 12.2427C4.05065 12.5356 4.52552 12.5356 4.81842 12.2427L8.0004 9.06069L11.1824 12.2427C11.4753 12.5356 11.9501 12.5356 12.243 12.2427C12.5359 11.9498 12.5359 11.4749 12.243 11.182L9.06106 8.00003L12.243 4.81805C12.5359 4.52516 12.5359 4.05028 12.243 3.75739C11.9501 3.4645 11.4753 3.4645 11.1824 3.75739L8.0004 6.93937L4.81842 3.75739C4.52552 3.4645 4.05065 3.4645 3.75776 3.75739Z", fill: "currentColor" }))); });
+exports.RemoveSIcon = (0, react_1.forwardRef)(function (props, ref) { return (react_1.default.createElement("svg", tslib_1.__assign({ width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { ref: ref }),
+    react_1.default.createElement("path", { d: "M3.75776 3.75739C3.46486 4.05028 3.46486 4.52516 3.75776 4.81805L6.93974 8.00003L3.75776 11.182C3.46486 11.4749 3.46486 11.9498 3.75776 12.2427C4.05065 12.5356 4.52552 12.5356 4.81842 12.2427L8.0004 9.06069L11.1824 12.2427C11.4753 12.5356 11.9501 12.5356 12.243 12.2427C12.5359 11.9498 12.5359 11.4749 12.243 11.182L9.06106 8.00003L12.243 4.81805C12.5359 4.52516 12.5359 4.05028 12.243 3.75739C11.9501 3.4645 11.4753 3.4645 11.1824 3.75739L8.0004 6.93937L4.81842 3.75739C4.52552 3.4645 4.05065 3.4645 3.75776 3.75739Z", fill: "currentColor" }))); });
 exports.RemoveSIcon.displayName = 'RemoveSIcon';

package/__inner__/cjs/components/Tag/components/RemoveButton/index.js

@@ -1,4 +1,4 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./RemoveButton"), exports);

package/__inner__/cjs/components/Tag/components/index.js

@@ -1,4 +1,4 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./RemoveButton"), exports);

package/__inner__/cjs/components/Tag/constants.js

@@ -1,5 +1,5 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.TAG_DEFAULT_SIZE = exports.TAG_DEFAULT_VARIANT = exports.TAG_DEFAULT_AS = void 0;
 exports.TAG_DEFAULT_AS = 'div';
 exports.TAG_DEFAULT_VARIANT = 'neutral';

package/__inner__/cjs/components/Tag/index.js

@@ -1,4 +1,4 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./Tag"), exports);

package/__inner__/cjs/components/Textarea/Textarea.js

@@ -1,5 +1,5 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.Textarea = exports.cnTextarea = void 0;
 var tslib_1 = require("tslib");
 require("./Textarea.css");
@@ -13,12 +13,12 @@ exports.cnTextarea = (0, classname_1.cn)('Textarea');
 exports.Textarea = (0, react_1.forwardRef)(function (inProps, ref) {
     var props = (0, useThemeProps_1.useThemeProps)({
         props: inProps,
-        name: 'Textarea'
+        name: 'Textarea',
     });
     var _a = props.size, size = _a === void 0 ? constants_1.TEXTAREA_DEFAULT_SIZE : _a, autoFocus = props.autoFocus, maxLength = props.maxLength, expand = props.expand, placeholder = props.placeholder, id = props.id, name = props.name, error = props.error, fullWidth = props.fullWidth, cols = props.cols, rows = props.rows, className = props.className, label = props.label, hint = props.hint, value = props.value, defaultValue = props.defaultValue, onChange = props.onChange, required = props.required, textareaRef = props.textareaRef, disabled = props.disabled, textareaProps = props.textareaProps, labelRef = props.labelRef, labelProps = props.labelProps, other = tslib_1.__rest(props, ["size", "autoFocus", "maxLength", "expand", "placeholder", "id", "name", "error", "fullWidth", "cols", "rows", "className", "label", "hint", "value", "defaultValue", "onChange", "required", "textareaRef", "disabled", "textareaProps", "labelRef", "labelProps"]);
-    return (react_1["default"].createElement(FieldControl_1.FieldControl, tslib_1.__assign({ size: size, error: error, disabled: disabled, required: required, fullWidth: fullWidth }, other, { className: (0, exports.cnTextarea)({
-            expand: expand
+    return (react_1.default.createElement(FieldControl_1.FieldControl, tslib_1.__assign({ size: size, error: error, disabled: disabled, required: required, fullWidth: fullWidth }, other, { className: (0, exports.cnTextarea)({
+            expand: expand,
         }, [className]), ref: ref }),
-        react_1["default"].createElement(components_1.TextareaConsumer, { autoFocus: autoFocus, maxLength: maxLength, placeholder: placeholder, id: id, name: name, cols: cols, expand: expand, rows: rows, label: label, hint: hint, value: value, defaultValue: defaultValue, onChange: onChange, textareaRef: textareaRef, textareaProps: textareaProps, labelRef: labelRef, labelProps: labelProps })));
+        react_1.default.createElement(components_1.TextareaConsumer, { autoFocus: autoFocus, maxLength: maxLength, placeholder: placeholder, id: id, name: name, cols: cols, expand: expand, rows: rows, label: label, hint: hint, value: value, defaultValue: defaultValue, onChange: onChange, textareaRef: textareaRef, textareaProps: textareaProps, labelRef: labelRef, labelProps: labelProps })));
 });
 exports.Textarea.displayName = 'Textarea';

package/__inner__/cjs/components/Textarea/components/TextareaConsumer.js

@@ -1,5 +1,5 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.TextareaConsumer = void 0;
 var tslib_1 = require("tslib");
 var react_1 = tslib_1.__importStar(require("react"));
@@ -24,13 +24,13 @@ var TextareaConsumer = function (_a) {
             fieldRef.current.style.blockSize = "".concat(scrollHeight, "px");
         }
     }, [value]);
-    return (react_1["default"].createElement(react_1["default"].Fragment, null,
-        react_1["default"].createElement("label", { className: (0, Textarea_1.cnTextarea)('Body') },
-            react_1["default"].createElement(FieldLabel_1.FieldLabel, tslib_1.__assign({}, labelProps, { className: (0, Textarea_1.cnTextarea)('Label', [labelProps === null || labelProps === void 0 ? void 0 : labelProps.className]), ref: labelRef || (labelProps === null || labelProps === void 0 ? void 0 : labelProps.ref) }), label),
-            react_1["default"].createElement(FieldInput_1.FieldInput, tslib_1.__assign({ as: "textarea", id: id, name: name, cols: cols, rows: rows, disabled: disabled, value: valueProp, required: required, defaultValue: defaultValue, maxLength: maxLength, placeholder: placeholder, autoFocus: autoFocus, onChange: onChange }, textareaProps, { className: (0, Textarea_1.cnTextarea)('Field', {}, [textareaProps === null || textareaProps === void 0 ? void 0 : textareaProps.className]), ref: (0, useMultiRef_1.useMultiRef)([textareaRef || (textareaProps === null || textareaProps === void 0 ? void 0 : textareaProps.ref), fieldRef]) })),
-            react_1["default"].createElement(Fieldset_1.Fieldset, null)),
-        react_1["default"].createElement(FieldHint_1.FieldHint, null,
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("label", { className: (0, Textarea_1.cnTextarea)('Body') },
+            react_1.default.createElement(FieldLabel_1.FieldLabel, tslib_1.__assign({}, labelProps, { className: (0, Textarea_1.cnTextarea)('Label', [labelProps === null || labelProps === void 0 ? void 0 : labelProps.className]), ref: labelRef || (labelProps === null || labelProps === void 0 ? void 0 : labelProps.ref) }), label),
+            react_1.default.createElement(FieldInput_1.FieldInput, tslib_1.__assign({ as: "textarea", id: id, name: name, cols: cols, rows: rows, disabled: disabled, value: valueProp, required: required, defaultValue: defaultValue, maxLength: maxLength, placeholder: placeholder, autoFocus: autoFocus, onChange: onChange }, textareaProps, { className: (0, Textarea_1.cnTextarea)('Field', {}, [textareaProps === null || textareaProps === void 0 ? void 0 : textareaProps.className]), ref: (0, useMultiRef_1.useMultiRef)([textareaRef || (textareaProps === null || textareaProps === void 0 ? void 0 : textareaProps.ref), fieldRef]) })),
+            react_1.default.createElement(Fieldset_1.Fieldset, null)),
+        react_1.default.createElement(FieldHint_1.FieldHint, null,
             hint,
-            maxLength && react_1["default"].createElement(index_1.TextareaCounter, { maxLength: maxLength }))));
+            maxLength && react_1.default.createElement(index_1.TextareaCounter, { maxLength: maxLength }))));
 };
 exports.TextareaConsumer = TextareaConsumer;

package/__inner__/cjs/components/Textarea/components/TextareaCounter.js

@@ -1,5 +1,5 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.TextareaCounter = void 0;
 var tslib_1 = require("tslib");
 var react_1 = tslib_1.__importStar(require("react"));
@@ -20,6 +20,6 @@ var TextareaCounter = function (_a) {
             disabled = fieldControl.disabled;
         }
     }
-    return react_1["default"].createElement("span", { className: (0, index_1.cnTextarea)('Counter', { disabled: disabled }) }, counter);
+    return react_1.default.createElement("span", { className: (0, index_1.cnTextarea)('Counter', { disabled: disabled }) }, counter);
 };
 exports.TextareaCounter = TextareaCounter;

package/__inner__/cjs/components/Textarea/components/index.js

@@ -1,5 +1,5 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./TextareaCounter"), exports);
 tslib_1.__exportStar(require("./TextareaConsumer"), exports);

package/__inner__/cjs/components/Textarea/constants.js

@@ -1,4 +1,4 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.TEXTAREA_DEFAULT_SIZE = void 0;
 exports.TEXTAREA_DEFAULT_SIZE = 'm';

package/__inner__/cjs/components/Textarea/index.js

@@ -1,5 +1,5 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./Textarea"), exports);
 tslib_1.__exportStar(require("./types"), exports);

package/__inner__/cjs/components/Textarea/types.js

@@ -1,4 +1,4 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.textareaExpandVariant = void 0;
 exports.textareaExpandVariant = ['autoSize', 'verticalResize'];

package/__inner__/cjs/components/ThemeProvider/ThemeProvider.js

@@ -1,5 +1,5 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.ThemeProvider = exports.cnThemeProvider = exports.THEME_DEFAULT_TAG = void 0;
 var tslib_1 = require("tslib");
 require("./ThemeProvider.css");
@@ -11,7 +11,7 @@ exports.THEME_DEFAULT_TAG = 'div';
 exports.cnThemeProvider = (0, classname_1.cn)('Theme');
 exports.ThemeProvider = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)(function (_a, ref) {
     var children = _a.children, theme = _a.theme, className = _a.className, _b = _a.as, Tag = _b === void 0 ? exports.THEME_DEFAULT_TAG : _b, other = tslib_1.__rest(_a, ["children", "theme", "className", "as"]);
-    return (react_1["default"].createElement(ThemeProviderContext_1.ThemeProviderContext.Provider, { value: theme },
-        react_1["default"].createElement(Tag, tslib_1.__assign({ className: (0, exports.cnThemeProvider)(theme === null || theme === void 0 ? void 0 : theme.tokens, [className]) }, other, { ref: ref }), children)));
+    return (react_1.default.createElement(ThemeProviderContext_1.ThemeProviderContext.Provider, { value: theme },
+        react_1.default.createElement(Tag, tslib_1.__assign({ className: (0, exports.cnThemeProvider)(theme === null || theme === void 0 ? void 0 : theme.tokens, [className]) }, other, { ref: ref }), children)));
 });
 exports.ThemeProvider.displayName = 'ThemeProvider';

package/__inner__/cjs/components/ThemeProvider/ThemeProviderContext.js

@@ -1,5 +1,5 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.useTheme = exports.ThemeProviderContext = void 0;
 var react_1 = require("react");
 exports.ThemeProviderContext = (0, react_1.createContext)(undefined);

package/__inner__/cjs/components/ThemeProvider/index.js

@@ -1,5 +1,5 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.useTheme = exports.themeHelper = void 0;
 var tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./ThemeProvider"), exports);
@@ -8,7 +8,7 @@ tslib_1.__exportStar(require("./themes/themeOzenDefault"), exports);
 tslib_1.__exportStar(require("./themes/themeBBusinessDefault"), exports);
 exports.themeHelper = tslib_1.__importStar(require("./themes/helper"));
 var ThemeProviderContext_1 = require("./ThemeProviderContext");
-tslib_1.__createBinding(exports, ThemeProviderContext_1, "useTheme");
+Object.defineProperty(exports, "useTheme", { enumerable: true, get: function () { return ThemeProviderContext_1.useTheme; } });
 tslib_1.__exportStar(require("./localization/localization"), exports);
 tslib_1.__exportStar(require("./utils"), exports);
 tslib_1.__exportStar(require("./types"), exports);

package/__inner__/cjs/components/ThemeProvider/localization/localization.js

@@ -1,36 +1,36 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.localization = exports.localizationLanguageVariant = void 0;
 exports.localizationLanguageVariant = ['RU', 'ENG', 'KZN'];
 exports.localization = {
     RU: {
         defaultProps: {
             Loader: {
-                'aria-label': 'Загрузка'
+                'aria-label': 'Загрузка',
             },
             FilePicker: {
-                clearText: 'Очистить поле'
-            }
-        }
+                clearText: 'Очистить поле',
+            },
+        },
     },
     KZN: {
         defaultProps: {
             Loader: {
-                'aria-label': 'Жүктеу'
+                'aria-label': 'Жүктеу',
             },
             FilePicker: {
-                clearText: 'Өрісті тазалаңыз'
-            }
-        }
+                clearText: 'Өрісті тазалаңыз',
+            },
+        },
     },
     ENG: {
         defaultProps: {
             Loader: {
-                'aria-label': 'Loading'
+                'aria-label': 'Loading',
             },
             FilePicker: {
-                clearText: 'Clear field'
-            }
-        }
-    }
+                clearText: 'Clear field',
+            },
+        },
+    },
 };

package/__inner__/cjs/components/ThemeProvider/themes/helper.js

@@ -1,5 +1,5 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.transition = exports.typography = exports.space = exports.zIndex = exports.breakpoint = exports.shadow = exports.borderWidth = exports.borderRadius = exports.color = void 0;
 exports.color = [
     '--color-content-primary',