@ozen-ui/kit 0.11.0 → 0.12.0

package/__inner__/cjs/components/Accordion/Accordion.js

@@ -1,5 +1,5 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.Accordion = exports.cnAccordion = void 0;
 var tslib_1 = require("tslib");
 var react_1 = tslib_1.__importStar(require("react"));
@@ -19,7 +19,7 @@ exports.Accordion = (0, react_1.forwardRef)(function (inProps, ref) {
         value: expandedProp,
         defaultValue: defaultExpanded,
         name: 'Accordion',
-        state: 'open'
+        state: 'open',
     }), 2), expanded = _c[0], setExpanded = _c[1];
     var resolvedChildren = (0, react_is_1.isFragment)(childrenProp)
         ? childrenProp.props.children
@@ -30,9 +30,9 @@ exports.Accordion = (0, react_1.forwardRef)(function (inProps, ref) {
         onChange === null || onChange === void 0 ? void 0 : onChange(!expanded, e);
     }, [expanded]);
     var contextValue = (0, react_1.useMemo)(function () { return ({ expanded: !!expanded, toggle: handleChange, size: size }); }, [handleChange, expanded, size]);
-    return (react_1["default"].createElement("div", tslib_1.__assign({ ref: ref, className: (0, exports.cnAccordion)({ size: size, compressed: compressed, variant: variant }, [className]) }, other),
-        react_1["default"].createElement(AccordionContext_1.AccordionContext.Provider, { value: contextValue },
+    return (react_1.default.createElement("div", tslib_1.__assign({ ref: ref, className: (0, exports.cnAccordion)({ size: size, compressed: compressed, variant: variant }, [className]) }, other),
+        react_1.default.createElement(AccordionContext_1.AccordionContext.Provider, { value: contextValue },
             summary,
-            react_1["default"].createElement(Collapse_1.Collapse, { expanded: expanded, unmountOnClosed: unmountOnClosed }, children))));
+            react_1.default.createElement(Collapse_1.Collapse, { expanded: expanded, unmountOnClosed: unmountOnClosed }, children))));
 });
 exports.Accordion.displayName = 'Accordion';

package/__inner__/cjs/components/Accordion/AccordionContext.js

@@ -1,13 +1,13 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.useAccordionContext = exports.AccordionContext = void 0;
 var tslib_1 = require("tslib");
 var react_1 = tslib_1.__importStar(require("react"));
 var constants_1 = require("./constants");
-exports.AccordionContext = react_1["default"].createContext({
+exports.AccordionContext = react_1.default.createContext({
     expanded: false,
     toggle: function () { return undefined; },
-    size: constants_1.DEFAULT_ACCORDION_SIZE
+    size: constants_1.DEFAULT_ACCORDION_SIZE,
 });
 var useAccordionContext = function () { return (0, react_1.useContext)(exports.AccordionContext); };
 exports.useAccordionContext = useAccordionContext;

package/__inner__/cjs/components/Accordion/components/AccordionDetails/AccordionDetails.js

@@ -1,5 +1,5 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.AccordionDetails = exports.cnAccordionDetails = void 0;
 var tslib_1 = require("tslib");
 var react_1 = tslib_1.__importStar(require("react"));
@@ -7,6 +7,6 @@ var classname_1 = require("../../../../utils/classname");
 exports.cnAccordionDetails = (0, classname_1.cn)('AccordionDetails');
 exports.AccordionDetails = (0, react_1.forwardRef)(function (_a, ref) {
     var children = _a.children, className = _a.className, other = tslib_1.__rest(_a, ["children", "className"]);
-    return (react_1["default"].createElement("div", tslib_1.__assign({ className: (0, exports.cnAccordionDetails)('', [className]) }, other, { ref: ref }), children));
+    return (react_1.default.createElement("div", tslib_1.__assign({ className: (0, exports.cnAccordionDetails)('', [className]) }, other, { ref: ref }), children));
 });
 exports.AccordionDetails.displayName = 'AccordionDetails';

package/__inner__/cjs/components/Accordion/components/AccordionDetails/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("./AccordionDetails"), exports);

package/__inner__/cjs/components/Accordion/components/AccordionSummary/AccordionSummary.js

@@ -1,5 +1,5 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.AccordionSummary = exports.cnAccordionSummary = void 0;
 var tslib_1 = require("tslib");
 var react_1 = tslib_1.__importStar(require("react"));
@@ -13,18 +13,18 @@ var iconSizeMapper = {
     s: 's',
     m: 's',
     l: 'm',
-    xl: 'm'
+    xl: 'm',
 };
 exports.cnAccordionSummary = (0, classname_1.cn)('AccordionSummary');
 exports.AccordionSummary = (0, react_1.forwardRef)(function (inProps, ref) {
     var props = (0, useThemeProps_1.useThemeProps)({ props: inProps, name: 'AccordionSummary' });
     var _a = (0, AccordionContext_1.useAccordionContext)(), size = _a.size, toggle = _a.toggle, expanded = _a.expanded;
     var children = props.children, _b = props.expandIconPosition, expandIconPosition = _b === void 0 ? constants_1.DEFAULT_ACCORDION_EXPAND_ICON_POSITION : _b, className = props.className, onClick = props.onClick, other = tslib_1.__rest(props, ["children", "expandIconPosition", "className", "onClick"]);
-    var Icon = (0, react_1.useMemo)(function () { return (react_1["default"].createElement("div", { className: (0, exports.cnAccordionSummary)('ExpandIconBox', {
-            expandIconPosition: expandIconPosition
+    var Icon = (0, react_1.useMemo)(function () { return (react_1.default.createElement("div", { className: (0, exports.cnAccordionSummary)('ExpandIconBox', {
+            expandIconPosition: expandIconPosition,
         }) },
-        react_1["default"].createElement(icons_1.ChevronDownIcon, { size: iconSizeMapper[size], className: (0, exports.cnAccordionSummary)('ExpandIcon', {
-                expanded: expanded
+        react_1.default.createElement(icons_1.ChevronDownIcon, { size: iconSizeMapper[size], className: (0, exports.cnAccordionSummary)('ExpandIcon', {
+                expanded: expanded,
             }) }))); }, [size, expanded]);
     var handleKeyDown = (0, react_1.useCallback)(function (e) {
         if ((0, isKey_1.isKey)(e, 'Enter') || (0, isKey_1.isKey)(e, 'Space')) {
@@ -36,8 +36,8 @@ exports.AccordionSummary = (0, react_1.forwardRef)(function (inProps, ref) {
         toggle(e);
         onClick === null || onClick === void 0 ? void 0 : onClick(e);
     }, [onClick, toggle]);
-    return (react_1["default"].createElement("div", tslib_1.__assign({ className: (0, exports.cnAccordionSummary)({ expandIconPosition: expandIconPosition }, [className]), tabIndex: 0, onClick: handleClick, onKeyDown: handleKeyDown, role: "button", "aria-expanded": expanded, ref: ref }, other),
+    return (react_1.default.createElement("div", tslib_1.__assign({ className: (0, exports.cnAccordionSummary)({ expandIconPosition: expandIconPosition }, [className]), tabIndex: 0, onClick: handleClick, onKeyDown: handleKeyDown, role: "button", "aria-expanded": expanded, ref: ref }, other),
         Icon,
-        react_1["default"].createElement("div", { className: (0, exports.cnAccordionSummary)('Content') }, children)));
+        react_1.default.createElement("div", { className: (0, exports.cnAccordionSummary)('Content') }, children)));
 });
 exports.AccordionSummary.displayName = 'AccordionSummary';

package/__inner__/cjs/components/Accordion/components/AccordionSummary/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("./AccordionSummary"), exports);

package/__inner__/cjs/components/Accordion/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("./AccordionDetails"), exports);
 tslib_1.__exportStar(require("./AccordionSummary"), exports);

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

@@ -1,5 +1,5 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.DEFAULT_ACCORDION_EXPAND_ICON_POSITION = exports.DEFAULT_ACCORDION_VARIANT = exports.DEFAULT_ACCORDION_SIZE = void 0;
 exports.DEFAULT_ACCORDION_SIZE = 'm';
 exports.DEFAULT_ACCORDION_VARIANT = 'corner-primary';

package/__inner__/cjs/components/Accordion/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("./types"), exports);
 tslib_1.__exportStar(require("./Accordion"), exports);

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

@@ -1,5 +1,5 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.accordionVariant = exports.accordionSizeVariant = exports.accordionExpandIconPositionVariant = void 0;
 exports.accordionExpandIconPositionVariant = ['left', 'right'];
 exports.accordionSizeVariant = ['s', 'm', 'l', 'xl'];

package/__inner__/cjs/components/Alert/Alert.js

@@ -1,5 +1,5 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.Alert = exports.alertColorVariant = exports.alertStatusVariant = exports.cnAlert = void 0;
 var tslib_1 = require("tslib");
 require("./Alert.css");
@@ -19,22 +19,22 @@ exports.alertStatusVariant = [
 ];
 exports.alertColorVariant = ['light', 'dark'];
 var matchStatusToIcon = {
-    neutral: react_1["default"].createElement(icons_1.InfoCircleFilledIcon, { size: "s" }),
-    info: react_1["default"].createElement(icons_1.InfoCircleFilledIcon, { size: "s" }),
-    warning: react_1["default"].createElement(icons_1.WarningTriangleFilledIcon, { size: "s" }),
-    success: react_1["default"].createElement(icons_1.CheckCircleFilledIcon, { size: "s" }),
-    error: react_1["default"].createElement(icons_1.WarningCircleFilledIcon, { size: "s" })
+    neutral: react_1.default.createElement(icons_1.InfoCircleFilledIcon, { size: "s" }),
+    info: react_1.default.createElement(icons_1.InfoCircleFilledIcon, { size: "s" }),
+    warning: react_1.default.createElement(icons_1.WarningTriangleFilledIcon, { size: "s" }),
+    success: react_1.default.createElement(icons_1.CheckCircleFilledIcon, { size: "s" }),
+    error: react_1.default.createElement(icons_1.WarningCircleFilledIcon, { size: "s" }),
 };
 exports.Alert = (0, react_1.forwardRef)(function (inProps, ref) {
     var props = (0, useThemeProps_1.useThemeProps)({
         props: inProps,
-        name: 'Alert'
+        name: 'Alert',
     });
     var _a = props.status, status = _a === void 0 ? constants_1.ALERT_DEFAULT_STATUS : _a, _b = props.showIcon, showIcon = _b === void 0 ? constants_1.ALERT_DEFAULT_SHOW_ICON : _b, _c = props.color, color = _c === void 0 ? constants_1.ALERT_DEFAULT_COLOR : _c, children = props.children, actionProp = props.action, onClose = props.onClose, title = props.title, className = props.className, otherProps = tslib_1.__rest(props, ["status", "showIcon", "color", "children", "action", "onClose", "title", "className"]);
     var action = (0, react_1.useMemo)(function () {
         var actionProps = {
             size: '2xs',
-            className: (0, exports.cnAlert)('Button')
+            className: (0, exports.cnAlert)('Button'),
         };
         if (!actionProp) {
             return null;
@@ -42,16 +42,16 @@ exports.Alert = (0, react_1.forwardRef)(function (inProps, ref) {
         if (typeof actionProp === 'function') {
             return actionProp(actionProps);
         }
-        return react_1["default"].cloneElement(actionProp, actionProps);
+        return react_1.default.cloneElement(actionProp, actionProps);
     }, [actionProp]);
-    return (react_1["default"].createElement(Paper_1.Paper, tslib_1.__assign({ role: "alert", radius: "xs", shadow: "m", background: color === 'light' ? 'main' : 'main-inverse', className: (0, exports.cnAlert)({ status: status, hasCloseButton: !!onClose, color: color }, [
+    return (react_1.default.createElement(Paper_1.Paper, tslib_1.__assign({ role: "alert", radius: "xs", shadow: "m", background: color === 'light' ? 'main' : 'main-inverse', className: (0, exports.cnAlert)({ status: status, hasCloseButton: !!onClose, color: color }, [
             className,
         ]) }, otherProps, { ref: ref }),
-        showIcon && (react_1["default"].createElement("div", { className: (0, exports.cnAlert)('Icon') }, matchStatusToIcon[status])),
-        react_1["default"].createElement("div", { className: (0, exports.cnAlert)('Content') },
-            react_1["default"].createElement("div", { className: (0, exports.cnAlert)('Title') }, title),
-            children && react_1["default"].createElement("div", { className: (0, exports.cnAlert)('Body') }, children),
-            action && react_1["default"].createElement("div", { className: (0, exports.cnAlert)('Action') }, action)),
-        onClose && (react_1["default"].createElement(IconButton_1.IconButton, { size: "s", variant: "function", icon: icons_1.CloseIcon, "aria-label": "\u0417\u0430\u043A\u0440\u044B\u0442\u044C", onClick: onClose, className: (0, exports.cnAlert)('CloseButton') }))));
+        showIcon && (react_1.default.createElement("div", { className: (0, exports.cnAlert)('Icon') }, matchStatusToIcon[status])),
+        react_1.default.createElement("div", { className: (0, exports.cnAlert)('Content') },
+            react_1.default.createElement("div", { className: (0, exports.cnAlert)('Title') }, title),
+            children && react_1.default.createElement("div", { className: (0, exports.cnAlert)('Body') }, children),
+            action && react_1.default.createElement("div", { className: (0, exports.cnAlert)('Action') }, action)),
+        onClose && (react_1.default.createElement(IconButton_1.IconButton, { size: "s", variant: "function", icon: icons_1.CloseIcon, "aria-label": "\u0417\u0430\u043A\u0440\u044B\u0442\u044C", onClick: onClose, className: (0, exports.cnAlert)('CloseButton') }))));
 });
 exports.Alert.displayName = 'Alert';

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

@@ -1,5 +1,5 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.ALERT_DEFAULT_COLOR = exports.ALERT_DEFAULT_SHOW_ICON = exports.ALERT_DEFAULT_STATUS = void 0;
 exports.ALERT_DEFAULT_STATUS = 'info';
 exports.ALERT_DEFAULT_SHOW_ICON = true;

package/__inner__/cjs/components/Alert/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("./Alert"), exports);

package/__inner__/cjs/components/Avatar/Avatar.js

@@ -1,5 +1,5 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.Avatar = exports.cnAvatar = exports.avatarHueVariant = exports.avatarSizeVariant = void 0;
 var tslib_1 = require("tslib");
 require("./Avatar.css");
@@ -43,7 +43,7 @@ var matchSizeIndicatorToAvatar = {
     s: 's',
     m: 's',
     l: 'm',
-    xl: 'm'
+    xl: 'm',
 };
 exports.Avatar = (0, react_1.forwardRef)(function (inProps, ref) {
     var props = (0, useThemeProps_1.useThemeProps)({ props: inProps, name: 'Avatar' });
@@ -53,8 +53,8 @@ exports.Avatar = (0, react_1.forwardRef)(function (inProps, ref) {
     var colorShades = ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h'];
     var color = "".concat(colorShades[(0, get_hash_number_1.getHashNumber)(name, colorShades.length)]).concat(hue);
     var initials = getInitials(name);
-    return (react_1["default"].createElement("div", tslib_1.__assign({ className: (0, exports.cnAvatar)({ size: size, color: !showImage && color }, [className]) }, other, { ref: ref }),
-        src && showImage ? (react_1["default"].createElement("img", { src: src, alt: name, className: (0, exports.cnAvatar)('Image'), onError: off })) : (initials),
-        online && (react_1["default"].createElement(Indicator_1.Indicator, tslib_1.__assign({ variant: "success", size: indicatorSize, className: (0, exports.cnAvatar)('Online'), border: true }, indicatorProps)))));
+    return (react_1.default.createElement("div", tslib_1.__assign({ className: (0, exports.cnAvatar)({ size: size, color: !showImage && color }, [className]) }, other, { ref: ref }),
+        src && showImage ? (react_1.default.createElement("img", { src: src, alt: name, className: (0, exports.cnAvatar)('Image'), onError: off })) : (initials),
+        online && (react_1.default.createElement(Indicator_1.Indicator, tslib_1.__assign({ variant: "success", size: indicatorSize, className: (0, exports.cnAvatar)('Online'), border: true }, indicatorProps)))));
 });
 exports.Avatar.displayName = 'Avatar';

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

@@ -1,5 +1,5 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.AVATAR_DEFAULT_HUE = exports.AVATAR_DEFAULT_ONLINE = exports.AVATAR_DEFAULT_SIZE = void 0;
 exports.AVATAR_DEFAULT_SIZE = 'm';
 exports.AVATAR_DEFAULT_ONLINE = false;

package/__inner__/cjs/components/Avatar/get-hash-number.js

@@ -1,5 +1,5 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.getHashNumber = void 0;
 var cache = {};
 var getHashNumber = function (value, maxNumber) {

package/__inner__/cjs/components/Avatar/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("./Avatar"), exports);

package/__inner__/cjs/components/Backdrop/Backdrop.js

@@ -1,5 +1,5 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.Backdrop = exports.cnBackdrop = void 0;
 var tslib_1 = require("tslib");
 require("./Backdrop.css");
@@ -13,7 +13,7 @@ exports.cnBackdrop = (0, classname_1.cn)('Backdrop');
 exports.Backdrop = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)(function (inProps, ref) {
     var props = (0, useThemeProps_1.useThemeProps)({ props: inProps, name: 'Backdrop' });
     var _a = props.as, Tag = _a === void 0 ? constants_1.BACKDROP_DEFAULT_TAG : _a, open = props.open, onClose = props.onClose, isInvisible = props.isInvisible, className = props.className, children = props.children, zIndex = props.zIndex, transitionProps = props.transitionProps, styleProp = props.style, other = tslib_1.__rest(props, ["as", "open", "onClose", "isInvisible", "className", "children", "zIndex", "transitionProps", "style"]);
-    return (react_1["default"].createElement(react_transition_group_1.CSSTransition, tslib_1.__assign({}, transitionProps, { classNames: (0, exports.cnBackdrop)({ animation: true }), timeout: 300, "in": open, unmountOnExit: true, appear: true }),
-        react_1["default"].createElement(Tag, tslib_1.__assign({ "aria-hidden": true, className: (0, exports.cnBackdrop)({ isInvisible: isInvisible }, [className]), onClick: onClose, style: tslib_1.__assign({ '--backdrop-z-index': zIndex }, styleProp) }, other, { ref: ref }), children)));
+    return (react_1.default.createElement(react_transition_group_1.CSSTransition, tslib_1.__assign({}, transitionProps, { classNames: (0, exports.cnBackdrop)({ animation: true }), timeout: 300, in: open, unmountOnExit: true, appear: true }),
+        react_1.default.createElement(Tag, tslib_1.__assign({ "aria-hidden": true, className: (0, exports.cnBackdrop)({ isInvisible: isInvisible }, [className]), onClick: onClose, style: tslib_1.__assign({ '--backdrop-z-index': zIndex }, styleProp) }, other, { ref: ref }), children)));
 });
 exports.Backdrop.displayName = 'Backdrop';

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

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

package/__inner__/cjs/components/Backdrop/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("./Backdrop"), exports);

package/__inner__/cjs/components/Badge/Badge.css

@@ -7,6 +7,7 @@
 }
 .Badge-Content {
   --badge-content-scale: 1;
+  z-index: var(--z-index-absolute);
   display: inline-flex;
   flex-shrink: 0;
   justify-content: center;
@@ -14,8 +15,10 @@
   transform: scale(var(--badge-content-scale))
     translate(var(--badge-content-translate));
   transform-origin: var(--badge-content-transform-origin);
-  transition: transform var(--transition-default),
-    color var(--transition-default), background-color var(--transition-default);
+  transition:
+    transform var(--transition-default),
+    color var(--transition-default),
+    background-color var(--transition-default);
 }
 .Badge-Content_horizontalOrigin_left.Badge-Content_verticalOrigin_top {
     --badge-content-translate: -50%, -50%;

package/__inner__/cjs/components/Badge/Badge.js

@@ -1,5 +1,5 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.Badge = exports.cnBadge = exports.badgeVerticalOriginVariant = exports.badgeHorizontalOriginVariant = exports.badgeAsVariant = exports.badgeSizeVariant = exports.badgeVariant = exports.badgeColorVariant = void 0;
 var tslib_1 = require("tslib");
 require("./Badge.css");
@@ -41,16 +41,16 @@ exports.Badge = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)(f
         }
         return null;
     }, [max, content, variant]);
-    return (react_1["default"].createElement(Tag, tslib_1.__assign({ className: (0, exports.cnBadge)({}, [className]) }, other, { ref: ref }),
+    return (react_1.default.createElement(Tag, tslib_1.__assign({ className: (0, exports.cnBadge)({}, [className]) }, other, { ref: ref }),
         children,
-        react_1["default"].createElement("span", tslib_1.__assign({}, contentProps, { className: (0, exports.cnBadge)('Content', {
+        react_1.default.createElement("span", tslib_1.__assign({}, contentProps, { className: (0, exports.cnBadge)('Content', {
                 variant: variant,
                 size: size,
                 color: color,
                 horizontalOrigin: !!children && horizontalOrigin,
                 verticalOrigin: !!children && verticalOrigin,
                 invisible: invisible,
-                onlyBadge: !children
+                onlyBadge: !children,
             }, [contentProps === null || contentProps === void 0 ? void 0 : contentProps.className]) }), displayedContent)));
 });
 exports.Badge.displayName = 'Badge';

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

@@ -1,5 +1,5 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.BADGE_DEFAULT_VERTICAL_ORIGIN = exports.BADGE_DEFAULT_HORIZONTAL_ORIGIN = exports.BADGE_DEFAULT_COLOR = exports.BADGE_DEFAULT_VARIANT = exports.BADGE_DEFAULT_TAG = exports.BADGE_DEFAULT_SIZE = void 0;
 exports.BADGE_DEFAULT_SIZE = 's';
 exports.BADGE_DEFAULT_TAG = 'div';

package/__inner__/cjs/components/Badge/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("./Badge"), exports);

package/__inner__/cjs/components/Breadcrumbs/Breadcrumbs.js

@@ -1,5 +1,5 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.Breadcrumbs = exports.cnBreadcrumbs = void 0;
 var tslib_1 = require("tslib");
 require("./Breadcrumbs.css");
@@ -17,18 +17,18 @@ exports.Breadcrumbs = (0, react_1.forwardRef)(function (_a, ref) {
         : children;
     return (
     // TODO: Подумать о возможности выбора рутового компонента
-    react_1["default"].createElement(BreadcrumbsContext_1.BreadcrumbsContext.Provider, { value: { size: size } },
-        react_1["default"].createElement("nav", tslib_1.__assign({ className: (0, exports.cnBreadcrumbs)({
-                size: size
+    react_1.default.createElement(BreadcrumbsContext_1.BreadcrumbsContext.Provider, { value: { size: size } },
+        react_1.default.createElement("nav", tslib_1.__assign({ className: (0, exports.cnBreadcrumbs)({
+                size: size,
             }, [className]), "aria-label": "\u041D\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u044F" }, other, { ref: ref }),
-            react_1["default"].createElement("ol", { className: (0, exports.cnBreadcrumbs)('List') }, react_1.Children.toArray(resolvedChildren).map(function (child, index, arr) {
+            react_1.default.createElement("ol", { className: (0, exports.cnBreadcrumbs)('List') }, react_1.Children.toArray(resolvedChildren).map(function (child, index, arr) {
                 if (!(0, react_1.isValidElement)(child))
                     return null;
                 var isLast = index === arr.length - 1;
-                return (react_1["default"].createElement(react_1.Fragment, { key: child.key || index },
-                    react_1["default"].createElement("li", { className: (0, exports.cnBreadcrumbs)('Item') }, child),
-                    !!Separator && !isLast && (react_1["default"].createElement("li", { className: (0, exports.cnBreadcrumbs)('Separator'), "aria-hidden": true },
-                        react_1["default"].createElement(Separator, { color: "var(--color-content-disabled)", size: "s" })))));
+                return (react_1.default.createElement(react_1.Fragment, { key: child.key || index },
+                    react_1.default.createElement("li", { className: (0, exports.cnBreadcrumbs)('Item') }, child),
+                    !!Separator && !isLast && (react_1.default.createElement("li", { className: (0, exports.cnBreadcrumbs)('Separator'), "aria-hidden": true },
+                        react_1.default.createElement(Separator, { color: "var(--color-content-disabled)", size: "s" })))));
             })))));
 });
 exports.Breadcrumbs.displayName = 'Breadcrumbs';

package/__inner__/cjs/components/Breadcrumbs/BreadcrumbsContext.js

@@ -1,11 +1,11 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.useBreadcrumbsContext = exports.BreadcrumbsContext = void 0;
 var tslib_1 = require("tslib");
 var react_1 = tslib_1.__importStar(require("react"));
 var constants_1 = require("./constants");
-exports.BreadcrumbsContext = react_1["default"].createContext({
-    size: constants_1.BREADCRUMBS_DEFAULT_SIZE
+exports.BreadcrumbsContext = react_1.default.createContext({
+    size: constants_1.BREADCRUMBS_DEFAULT_SIZE,
 });
 var useBreadcrumbsContext = function () { return (0, react_1.useContext)(exports.BreadcrumbsContext); };
 exports.useBreadcrumbsContext = useBreadcrumbsContext;

package/__inner__/cjs/components/Breadcrumbs/components/BreadcrumbItem.js

@@ -1,5 +1,5 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.BreadcrumbItem = exports.cnBreadcrumbItem = void 0;
 var tslib_1 = require("tslib");
 var react_1 = tslib_1.__importDefault(require("react"));
@@ -12,6 +12,6 @@ exports.cnBreadcrumbItem = (0, classname_1.cn)('BreadcrumbItem');
 exports.BreadcrumbItem = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)(function (_a, ref) {
     var _b = _a.as, as = _b === void 0 ? constants_1.BREADCRUMB_ITEM_DEFAULT_TAG : _b, disabled = _a.disabled, IconLeftProp = _a.iconLeft, IconRightProp = _a.iconRight, children = _a.children, className = _a.className, other = tslib_1.__rest(_a, ["as", "disabled", "iconLeft", "iconRight", "children", "className"]);
     var size = (0, BreadcrumbsContext_1.useBreadcrumbsContext)().size;
-    return (react_1["default"].createElement(Button_1.Button, tslib_1.__assign({}, other, { className: (0, exports.cnBreadcrumbItem)({}, [className]), as: as, variant: "function", disabled: disabled, size: size, iconLeft: IconLeftProp, iconRight: IconRightProp, ref: ref }), children));
+    return (react_1.default.createElement(Button_1.Button, tslib_1.__assign({}, other, { className: (0, exports.cnBreadcrumbItem)({}, [className]), as: as, variant: "function", disabled: disabled, size: size, iconLeft: IconLeftProp, iconRight: IconRightProp, ref: ref }), children));
 });
 exports.BreadcrumbItem.displayName = 'BreadcrumbItem';

package/__inner__/cjs/components/Breadcrumbs/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("./BreadcrumbItem"), exports);

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

@@ -1,5 +1,5 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.BREADCRUMB_ITEM_DEFAULT_TAG = exports.BREADCRUMBS_DEFAULT_SIZE = void 0;
 exports.BREADCRUMBS_DEFAULT_SIZE = 's';
 exports.BREADCRUMB_ITEM_DEFAULT_TAG = 'a';

package/__inner__/cjs/components/Breadcrumbs/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("./components"), exports);
 tslib_1.__exportStar(require("./Breadcrumbs"), exports);

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

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

package/__inner__/cjs/components/Button/Button.js

@@ -1,5 +1,5 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.Button = exports.cnButton = exports.buttonColorVariant = exports.buttonVariant = void 0;
 var tslib_1 = require("tslib");
 require("./Button.css");
@@ -29,7 +29,7 @@ exports.cnButton = (0, classname_1.cn)('Button');
 exports.Button = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)(function (inProps, ref) {
     var props = (0, useThemeProps_1.useThemeProps)({
         props: inProps,
-        name: 'Button'
+        name: 'Button',
     });
     var _a = props.as, Tag = _a === void 0 ? constants_1.BUTTON_DEFAULT_TAG : _a, _b = props.variant, variant = _b === void 0 ? constants_1.BUTTON_DEFAULT_VARIANT : _b, _c = props.color, color = _c === void 0 ? constants_1.BUTTON_DEFAULT_COLOR : _c, _d = props.size, size = _d === void 0 ? constants_1.BUTTON_DEFAULT_SIZE : _d, IconLeft = props.iconLeft, IconRight = props.iconRight, loading = props.loading, children = props.children, disabled = props.disabled, className = props.className, fullWidth = props.fullWidth, onClick = props.onClick, other = tslib_1.__rest(props, ["as", "variant", "color", "size", "iconLeft", "iconRight", "loading", "children", "disabled", "className", "fullWidth", "onClick"]);
     var iconSize = (0, getIconSizeToFormElement_1.getIconSizeToFormElement)(size);
@@ -39,20 +39,20 @@ exports.Button = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)(
         }
     };
     var isInteractionPrevented = disabled || loading;
-    var childContent = (react_1["default"].createElement(react_1["default"].Fragment, null,
-        react_1["default"].createElement("span", { className: (0, exports.cnButton)('Label') },
-            IconLeft && react_1["default"].createElement(IconLeft, { size: iconSize }),
+    var childContent = (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("span", { className: (0, exports.cnButton)('Label') },
+            IconLeft && react_1.default.createElement(IconLeft, { size: iconSize }),
             children,
-            IconRight && react_1["default"].createElement(IconRight, { size: iconSize })),
-        react_1["default"].createElement(react_transition_group_1.CSSTransition, { "in": loading, timeout: 120, classNames: (0, exports.cnButton)('Loader', { animation: true }), unmountOnExit: true },
-            react_1["default"].createElement(Loader_1.Loader, { size: iconSize, color: "var(--color-content-disabled)", className: (0, exports.cnButton)('Loader') }))));
-    return (react_1["default"].createElement(Tag, tslib_1.__assign({ disabled: isInteractionPrevented, onClick: handleClick, type: "button", className: (0, exports.cnButton)({
+            IconRight && react_1.default.createElement(IconRight, { size: iconSize })),
+        react_1.default.createElement(react_transition_group_1.CSSTransition, { in: loading, timeout: 120, classNames: (0, exports.cnButton)('Loader', { animation: true }), unmountOnExit: true },
+            react_1.default.createElement(Loader_1.Loader, { size: iconSize, color: "var(--color-content-disabled)", className: (0, exports.cnButton)('Loader') }))));
+    return (react_1.default.createElement(Tag, tslib_1.__assign({ disabled: isInteractionPrevented, onClick: handleClick, type: "button", className: (0, exports.cnButton)({
             variant: variant,
             size: size,
             disabled: disabled,
             loading: loading,
             color: color,
-            fullWidth: fullWidth
+            fullWidth: fullWidth,
         }, [className]) }, (isInteractionPrevented && { tabIndex: -1 }), other, { ref: ref }), childContent));
 });
 exports.Button.displayName = 'Button';

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

@@ -1,5 +1,5 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.BUTTON_DEFAULT_TAG = exports.BUTTON_DEFAULT_COLOR = exports.BUTTON_DEFAULT_VARIANT = exports.BUTTON_DEFAULT_SIZE = void 0;
 exports.BUTTON_DEFAULT_SIZE = 'm';
 exports.BUTTON_DEFAULT_VARIANT = 'contained';

package/__inner__/cjs/components/Button/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("./Button"), exports);

package/__inner__/cjs/components/Card/Card.js

@@ -1,5 +1,5 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.Card = exports.cardBackgroundColorVariant = exports.cardBorderColorVariant = exports.cardBorderVariant = exports.cardBorderWidthVariant = exports.cardSizeVariant = exports.cnCard = void 0;
 var tslib_1 = require("tslib");
 require("./Card.css");
@@ -17,20 +17,20 @@ exports.cardBackgroundColorVariant = ['standard', 'selected'];
 var matchBorderRadiusPaperToCard = {
     s: 'xs',
     m: 's',
-    l: 'l'
+    l: 'l',
 };
 var matchBackgroundColorPaperToCard = {
     selected: 'action-light',
-    standard: 'main'
+    standard: 'main',
 };
 exports.Card = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)(function (inProps, ref) {
     var props = (0, useThemeProps_1.useThemeProps)({ props: inProps, name: 'Card' });
     var _a = props.size, size = _a === void 0 ? 'm' : _a, _b = props.disabled, disabled = _b === void 0 ? false : _b, _c = props.interactive, interactive = _c === void 0 ? false : _c, _d = props.borderWidth, borderWidth = _d === void 0 ? 's' : _d, _e = props.borderVariant, borderVariant = _e === void 0 ? 'solid' : _e, _f = props.borderColor, borderColor = _f === void 0 ? 'standard' : _f, _g = props.backgroundColor, backgroundColor = _g === void 0 ? 'standard' : _g, _h = props.as, Tag = _h === void 0 ? 'div' : _h, className = props.className, children = props.children, other = tslib_1.__rest(props, ["size", "disabled", "interactive", "borderWidth", "borderVariant", "borderColor", "backgroundColor", "as", "className", "children"]);
     var shouldBeInteractive = !disabled && interactive;
     var shouldShowBorder = borderWidth !== 'none';
-    return (react_1["default"].createElement(Paper_1.Paper, tslib_1.__assign({ as: Tag, radius: matchBorderRadiusPaperToCard[size], background: matchBackgroundColorPaperToCard[backgroundColor] }, other, { ref: ref, "aria-disabled": disabled }, (shouldBeInteractive && { tabIndex: 0 }), { className: (0, exports.cnCard)(tslib_1.__assign({ size: size, disabled: disabled, interactive: shouldBeInteractive, backgroundColor: backgroundColor, borderWidth: borderWidth }, (shouldShowBorder && {
+    return (react_1.default.createElement(Paper_1.Paper, tslib_1.__assign({ as: Tag, radius: matchBorderRadiusPaperToCard[size], background: matchBackgroundColorPaperToCard[backgroundColor] }, other, { ref: ref, "aria-disabled": disabled }, (shouldBeInteractive && { tabIndex: 0 }), { className: (0, exports.cnCard)(tslib_1.__assign({ size: size, disabled: disabled, interactive: shouldBeInteractive, backgroundColor: backgroundColor, borderWidth: borderWidth }, (shouldShowBorder && {
             borderVariant: borderVariant,
-            borderColor: borderColor
+            borderColor: borderColor,
         })), [className]) }), children));
 });
 exports.Card.displayName = 'Card';

package/__inner__/cjs/components/Card/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("./Card"), exports);