@ozen-ui/kit 0.11.0 → 0.12.0

package/__inner__/cjs/components/Popover/Popover.js

@@ -1,5 +1,5 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.Popover = exports.cnPopover = void 0;
 var tslib_1 = require("tslib");
 var react_1 = tslib_1.__importStar(require("react"));
@@ -22,16 +22,16 @@ var PopoverContext_1 = require("./PopoverContext");
 exports.cnPopover = (0, classname_1.cn)('Popover');
 exports.Popover = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)(function (inProps, ref) {
     var props = (0, useThemeProps_1.useThemeProps)({ props: inProps, name: 'Popover' });
-    var _a = props.arrow, arrow = _a === void 0 ? constants_1.POPOVER_DEFAULT_ARROW : _a, _b = props.open, open = _b === void 0 ? constants_1.POPOVER_DEFAULT_OPEN : _b, _c = props.disableInteractive, disableInteractive = _c === void 0 ? constants_1.POPOVER_DEFAULT_DISABLE_INTERACTIVE : _c, _d = props.disableEnforceFocus, disableEnforceFocus = _d === void 0 ? constants_1.POPOVER_DEFAULT_DISABLE_ENFORCE_FOCUS : _d, _e = props.disableReturnFocus, disableReturnFocus = _e === void 0 ? constants_1.POPOVER_DEFAULT_DISABLE_RETURN_FOCUS : _e, _f = props.disableClickOutside, disableClickOutside = _f === void 0 ? constants_1.POPOVER_DEFAULT_DISABLE_CLICK_OUTSIDE : _f, _g = props.placement, placement = _g === void 0 ? constants_1.POPOVER_DEFAULT_PLACEMENT : _g, ignoreClickOutsideRefs = props.ignoreClickOutsideRefs, arrowProps = props.arrowProps, anchorRef = props.anchorRef, equalAnchorWidth = props.equalAnchorWidth, offset = props.offset, children = props.children, transitionProps = props.transitionProps, onClose = props.onClose, onEnter = props.onEnter, onEntered = props.onEntered, onExit = props.onExit, onExitedProp = props.onExited, className = props.className, position = props.position, style = props.style, setUpdate = props.setUpdate, other = tslib_1.__rest(props, ["arrow", "open", "disableInteractive", "disableEnforceFocus", "disableReturnFocus", "disableClickOutside", "placement", "ignoreClickOutsideRefs", "arrowProps", "anchorRef", "equalAnchorWidth", "offset", "children", "transitionProps", "onClose", "onEnter", "onEntered", "onExit", "onExited", "className", "position", "style", "setUpdate"]);
+    var _a = props.arrow, arrow = _a === void 0 ? constants_1.POPOVER_DEFAULT_ARROW : _a, _b = props.open, open = _b === void 0 ? constants_1.POPOVER_DEFAULT_OPEN : _b, _c = props.disableInteractive, disableInteractive = _c === void 0 ? constants_1.POPOVER_DEFAULT_DISABLE_INTERACTIVE : _c, _d = props.disableEnforceFocus, disableEnforceFocus = _d === void 0 ? constants_1.POPOVER_DEFAULT_DISABLE_ENFORCE_FOCUS : _d, _e = props.disableReturnFocus, disableReturnFocus = _e === void 0 ? constants_1.POPOVER_DEFAULT_DISABLE_RETURN_FOCUS : _e, _f = props.disableClickOutside, disableClickOutside = _f === void 0 ? constants_1.POPOVER_DEFAULT_DISABLE_CLICK_OUTSIDE : _f, _g = props.placement, placement = _g === void 0 ? constants_1.POPOVER_DEFAULT_PLACEMENT : _g, ignoreClickOutsideRefs = props.ignoreClickOutsideRefs, arrowProps = props.arrowProps, anchorRef = props.anchorRef, equalAnchorWidth = props.equalAnchorWidth, offset = props.offset, children = props.children, transitionProps = props.transitionProps, onClose = props.onClose, onEnter = props.onEnter, onEntered = props.onEntered, onExit = props.onExit, onExitedProp = props.onExited, className = props.className, position = props.position, style = props.style, setUpdate = props.setUpdate, _h = props.as, as = _h === void 0 ? constants_1.POPOVER_DEFAULT_TAG : _h, other = tslib_1.__rest(props, ["arrow", "open", "disableInteractive", "disableEnforceFocus", "disableReturnFocus", "disableClickOutside", "placement", "ignoreClickOutsideRefs", "arrowProps", "anchorRef", "equalAnchorWidth", "offset", "children", "transitionProps", "onClose", "onEnter", "onEntered", "onExit", "onExited", "className", "position", "style", "setUpdate", "as"]);
     var isClickOutSide = (0, react_1.useRef)(null);
-    var _h = tslib_1.__read((0, react_1.useState)(false), 2), openState = _h[0], setOpenState = _h[1];
+    var _j = tslib_1.__read((0, react_1.useState)(false), 2), openState = _j[0], setOpenState = _j[1];
     var focusedElement = (0, react_1.useRef)(null);
     var popoverRef = (0, react_1.useRef)(null);
-    var _j = (0, index_1.usePopoverManager)(popoverRef, 1000, openState), refsClickOutside = _j.refsClickOutside, isTop = _j.isTop;
+    var _k = (0, index_1.usePopoverManager)(popoverRef, 1000, openState), refsClickOutside = _k.refsClickOutside, isTop = _k.isTop;
     // Ловушка фокуса
     var trapRef = (0, useFocusTrap_1.useFocusTrap)({
         active: !disableEnforceFocus && isTop,
-        focusinTrap: false
+        focusinTrap: false,
     });
     // Нажатие клавиши {ESC}
     (0, useEventListener_1.useEventListener)({
@@ -42,7 +42,7 @@ exports.Popover = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)
             }
             onClose === null || onClose === void 0 ? void 0 : onClose();
         },
-        active: isTop
+        active: isTop,
     });
     (0, useClickOutside_1.useClickOutside)({
         refs: tslib_1.__spreadArray(tslib_1.__spreadArray(tslib_1.__spreadArray([
@@ -52,7 +52,7 @@ exports.Popover = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)
             isClickOutSide.current = true;
             onClose === null || onClose === void 0 ? void 0 : onClose();
         },
-        active: openState && !disableClickOutside
+        active: openState && !disableClickOutside,
     });
     var onExited = (0, react_1.useCallback)(function () {
         var _a, _b;
@@ -72,8 +72,8 @@ exports.Popover = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)
             options: {
                 // Позиционирование через position: absolute
                 // https://popper.js.org/docs/v2/modifiers/compute-styles/#gpuacceleration
-                gpuAcceleration: false
-            }
+                gpuAcceleration: false,
+            },
         },
         // Ширина всплывающего элемента
         {
@@ -91,14 +91,14 @@ exports.Popover = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)
                 state.elements.popper.style.width = "".concat((_b = state.elements.reference) === null || _b === void 0 ? void 0 : _b.offsetWidth, "px");
             },
             phase: 'beforeWrite',
-            requires: ['computeStyles']
+            requires: ['computeStyles'],
         },
         // Отступы от якорного элемента
         {
             name: 'offset',
             options: {
-                offset: offset
-            }
+                offset: offset,
+            },
         },
     ]; }, [offset, equalAnchorWidth]);
     // Якорный элемент или координаты
@@ -114,18 +114,18 @@ exports.Popover = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)
                         bottom: (position === null || position === void 0 ? void 0 : position.y) || 0,
                         right: (position === null || position === void 0 ? void 0 : position.x) || 0,
                         width: 0,
-                        height: 0
+                        height: 0,
                     };
-                }
+                },
             };
         return undefined;
     }, [anchorRef === null || anchorRef === void 0 ? void 0 : anchorRef.current, position]);
-    var _k = tslib_1.__read((0, react_1.useState)(null), 2), popperElement = _k[0], setPopperElement = _k[1];
-    var _l = (0, react_popper_1.usePopper)(resolveReferenceElement, popperElement, {
+    var _l = tslib_1.__read((0, react_1.useState)(null), 2), popperElement = _l[0], setPopperElement = _l[1];
+    var _m = (0, react_popper_1.usePopper)(resolveReferenceElement, popperElement, {
         placement: placement,
         strategy: 'fixed',
-        modifiers: modifiers
-    }), styles = _l.styles, attributes = _l.attributes, update = _l.update;
+        modifiers: modifiers,
+    }), styles = _m.styles, attributes = _m.attributes, update = _m.update;
     // Передача метода по перерасчету расположения компонента Popover в родительский компонент
     (0, react_1.useEffect)(function () {
         setUpdate === null || setUpdate === void 0 ? void 0 : setUpdate(update);
@@ -142,10 +142,10 @@ exports.Popover = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)
         setOpenState(open);
     }, [open]);
     var portalRef = (0, useMultiRef_1.useMultiRef)([ref, popoverRef, trapRef, setPopperElement]);
-    return (react_1["default"].createElement(PopoverContext_1.PopoverContext.Provider, { value: { isTop: isTop } },
-        react_1["default"].createElement(react_transition_group_1.CSSTransition, tslib_1.__assign({ classNames: (0, exports.cnPopover)({ animation: true }), timeout: 120 }, transitionProps, { "in": openState, onEnter: onEnter, onEntered: onEntered, onExit: onExit, onExited: onExited, unmountOnExit: true }),
-            react_1["default"].createElement(Portal_1.Portal, tslib_1.__assign({ as: constants_1.POPOVER_DEFAULT_TAG, radius: "xs", shadow: "l", background: "main" }, other, { style: tslib_1.__assign(tslib_1.__assign({}, style), styles.popper), ref: portalRef, className: (0, exports.cnPopover)({ disableInteractive: disableInteractive }, [className]) }, attributes.popper),
+    return (react_1.default.createElement(PopoverContext_1.PopoverContext.Provider, { value: { isTop: isTop } },
+        react_1.default.createElement(react_transition_group_1.CSSTransition, tslib_1.__assign({ classNames: (0, exports.cnPopover)({ animation: true }), timeout: 120 }, transitionProps, { in: openState, onEnter: onEnter, onEntered: onEntered, onExit: onExit, onExited: onExited, unmountOnExit: true }),
+            react_1.default.createElement(Portal_1.Portal, tslib_1.__assign({ as: as, radius: "xs", shadow: "l", background: "main" }, other, { style: tslib_1.__assign(tslib_1.__assign({}, style), styles.popper), ref: portalRef, className: (0, exports.cnPopover)({ disableInteractive: disableInteractive }, [className]) }, attributes.popper),
                 children,
-                arrow && (react_1["default"].createElement(components_1.PopoverArrow, tslib_1.__assign({}, arrowProps, { style: tslib_1.__assign(tslib_1.__assign({}, arrowProps === null || arrowProps === void 0 ? void 0 : arrowProps.style), styles.arrow), "data-popper-arrow": true })))))));
+                arrow && (react_1.default.createElement(components_1.PopoverArrow, tslib_1.__assign({}, arrowProps, { style: tslib_1.__assign(tslib_1.__assign({}, arrowProps === null || arrowProps === void 0 ? void 0 : arrowProps.style), styles.arrow), "data-popper-arrow": true })))))));
 });
 exports.Popover.displayName = 'Popover';

package/__inner__/cjs/components/Popover/PopoverContext.js

@@ -1,10 +1,10 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.usePopover = exports.PopoverContext = void 0;
 var tslib_1 = require("tslib");
 var react_1 = tslib_1.__importStar(require("react"));
-exports.PopoverContext = react_1["default"].createContext({
-    isTop: false
+exports.PopoverContext = react_1.default.createContext({
+    isTop: false,
 });
 var usePopover = function () { return (0, react_1.useContext)(exports.PopoverContext); };
 exports.usePopover = usePopover;

package/__inner__/cjs/components/Popover/PopoverManager.js

@@ -1,5 +1,5 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.usePopoverManager = void 0;
 var Modal_1 = require("../Modal");
 exports.usePopoverManager = Modal_1.useModalManager;

package/__inner__/cjs/components/Popover/components/PopoverArrow.js

@@ -1,13 +1,13 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.PopoverArrow = void 0;
 var tslib_1 = require("tslib");
 var react_1 = tslib_1.__importStar(require("react"));
 var Popover_1 = require("../Popover");
 exports.PopoverArrow = (0, react_1.forwardRef)(function (_a, ref) {
     var _b = _a.size, size = _b === void 0 ? 's' : _b, className = _a.className, style = _a.style, other = tslib_1.__rest(_a, ["size", "className", "style"]);
-    return (react_1["default"].createElement("div", tslib_1.__assign({ className: (0, Popover_1.cnPopover)('Arrow', { size: size }, [className]), style: style }, other, { ref: ref }), size === 'xs' ? (react_1["default"].createElement("svg", { width: "6", height: "12", viewBox: "0 0 6 12", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
-        react_1["default"].createElement("path", { d: "M6 12L6 0C6 0 6 1.5 4 3L1.06594 5.20054C0.532609 5.60054 0.532609 6.39946 1.06594 6.79946L4 9C6 10.5 6 12 6 12Z", fill: "currentColor" }))) : (react_1["default"].createElement("svg", { width: "8", height: "16", viewBox: "0 0 8 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
-        react_1["default"].createElement("path", { d: "M8 16L8 0C8 0 8 2 5.33333 4L2.13256 6.40058C1.06589 7.20058 1.06589 8.79942 2.13256 9.59942L5.33333 12C8 14 8 16 8 16Z", fill: "currentColor" })))));
+    return (react_1.default.createElement("div", tslib_1.__assign({ className: (0, Popover_1.cnPopover)('Arrow', { size: size }, [className]), style: style }, other, { ref: ref }), size === 'xs' ? (react_1.default.createElement("svg", { width: "6", height: "12", viewBox: "0 0 6 12", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+        react_1.default.createElement("path", { d: "M6 12L6 0C6 0 6 1.5 4 3L1.06594 5.20054C0.532609 5.60054 0.532609 6.39946 1.06594 6.79946L4 9C6 10.5 6 12 6 12Z", fill: "currentColor" }))) : (react_1.default.createElement("svg", { width: "8", height: "16", viewBox: "0 0 8 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+        react_1.default.createElement("path", { d: "M8 16L8 0C8 0 8 2 5.33333 4L2.13256 6.40058C1.06589 7.20058 1.06589 8.79942 2.13256 9.59942L5.33333 12C8 14 8 16 8 16Z", fill: "currentColor" })))));
 });
 exports.PopoverArrow.displayName = 'PopoverArrow';

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

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

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

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

@@ -1,5 +1,5 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.POPOVER_DEFAULT_PLACEMENT = exports.POPOVER_DEFAULT_DISABLE_CLICK_OUTSIDE = exports.POPOVER_DEFAULT_DISABLE_RETURN_FOCUS = exports.POPOVER_DEFAULT_DISABLE_ENFORCE_FOCUS = exports.POPOVER_DEFAULT_DISABLE_INTERACTIVE = exports.POPOVER_DEFAULT_OPEN = exports.POPOVER_DEFAULT_ARROW = exports.POPOVER_DEFAULT_TAG = void 0;
 var Paper_1 = require("../Paper");
 exports.POPOVER_DEFAULT_TAG = Paper_1.Paper;

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

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

@@ -1,5 +1,5 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.popoverPlacementVariant = void 0;
 exports.popoverPlacementVariant = [
     'top-start',

package/__inner__/cjs/components/Portal/Portal.js

@@ -1,5 +1,5 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.Portal = exports.PORTAL_DEFAULT_TAG = void 0;
 var tslib_1 = require("tslib");
 var react_1 = tslib_1.__importDefault(require("react"));
@@ -11,10 +11,10 @@ exports.PORTAL_DEFAULT_TAG = 'div';
 exports.Portal = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)(function (inProps, ref) {
     var _a = (0, useThemeProps_1.useThemeProps)({
         props: inProps,
-        name: 'Portal'
+        name: 'Portal',
     }), children = _a.children, container = _a.container, className = _a.className, _b = _a.as, Tag = _b === void 0 ? exports.PORTAL_DEFAULT_TAG : _b, other = tslib_1.__rest(_a, ["children", "container", "className", "as"]);
     var theme = (0, ThemeProvider_1.useTheme)();
     var portalContainer = container || window.document.body;
-    return (0, react_dom_1.createPortal)(react_1["default"].createElement(ThemeProvider_1.ThemeProvider, tslib_1.__assign({ theme: theme, className: className, as: Tag }, other, { ref: ref }), children), portalContainer);
+    return (0, react_dom_1.createPortal)(react_1.default.createElement(ThemeProvider_1.ThemeProvider, tslib_1.__assign({ theme: theme, className: className, as: Tag }, other, { ref: ref }), children), portalContainer);
 });
 exports.Portal.displayName = 'Portal';

package/__inner__/cjs/components/Portal/PortalContext.js

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

package/__inner__/cjs/components/Portal/PortalManager.js

@@ -1,5 +1,5 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.usePortalManager = exports.portalManager = exports.createPortalManager = void 0;
 var tslib_1 = require("tslib");
 var react_1 = require("react");
@@ -24,7 +24,7 @@ var createPortalManager = function () {
         },
         unsubscribe: function (event) {
             events = events.filter(function (e) { return e !== event; });
-        }
+        },
     };
 };
 exports.createPortalManager = createPortalManager;

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

package/__inner__/cjs/components/ProgressBar/ProgressBar.js

@@ -1,5 +1,5 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.ProgressBar = exports.cnProgressBar = void 0;
 var tslib_1 = require("tslib");
 require("./ProgressBar.css");
@@ -17,16 +17,16 @@ exports.ProgressBar = (0, polymorphicComponentWithRef_1.polymorphicComponentWith
             return undefined;
         var translateX = Math.max(-100, Math.min(0, (value || 0) - 100));
         return {
-            '--progressbar-translate-x': "translateX(".concat(translateX, "%)")
+            '--progressbar-translate-x': "translateX(".concat(translateX, "%)"),
         };
     };
-    return (react_1["default"].createElement(Tag, tslib_1.__assign({}, (isValueSet && {
+    return (react_1.default.createElement(Tag, tslib_1.__assign({}, (isValueSet && {
         'aria-valuemin': 0,
         'aria-valuemax': 100,
-        'aria-valuenow': value
+        'aria-valuenow': value,
     }), { className: (0, exports.cnProgressBar)({ filled: isFilled, indefinite: !isValueSet }, [
             className,
         ]), role: "progressbar" }, other, { ref: ref }),
-        react_1["default"].createElement("span", { className: (0, exports.cnProgressBar)('ProgressLine'), style: setProgressLineStyles() })));
+        react_1.default.createElement("span", { className: (0, exports.cnProgressBar)('ProgressLine'), style: setProgressLineStyles() })));
 });
 exports.ProgressBar.displayName = 'ProgressBar';

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

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

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

package/__inner__/cjs/components/Radio/Radio.js

@@ -1,5 +1,5 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.Radio = exports.cnRadio = void 0;
 var tslib_1 = require("tslib");
 require("./Radio.css");
@@ -13,7 +13,7 @@ exports.cnRadio = (0, classname_1.cn)('Radio');
 exports.Radio = (0, react_1.forwardRef)(function (inProps, ref) {
     var props = (0, useThemeProps_1.useThemeProps)({
         props: inProps,
-        name: 'Radio'
+        name: 'Radio',
     });
     var _a = props.align, align = _a === void 0 ? constants_1.RADIO_DEFAULT_ALIGN : _a, _b = props.labelPlacement, labelPlacement = _b === void 0 ? constants_1.RADIO_DEFAULT_LABEL_PLACEMENT : _b, _c = props.size, sizeProp = _c === void 0 ? constants_1.RADIO_DEFAULT_SIZE : _c, onChangeProp = props.onChange, checkedProp = props.checked, nameProp = props.name, className = props.className, label = props.label, labelProps = props.labelProps, disabled = props.disabled, inputRef = props.inputRef, other = tslib_1.__rest(props, ["align", "labelPlacement", "size", "onChange", "checked", "name", "className", "label", "labelProps", "disabled", "inputRef"]);
     var radioGroup = (0, react_1.useContext)(RadioGroupContext_1.RadioGroupContext);
@@ -35,13 +35,13 @@ exports.Radio = (0, react_1.forwardRef)(function (inProps, ref) {
         onChangeProp === null || onChangeProp === void 0 ? void 0 : onChangeProp(event);
         radioGroup === null || radioGroup === void 0 ? void 0 : radioGroup.onChange(event);
     };
-    return (react_1["default"].createElement(FormControlLabel_1.FormControlLabel, tslib_1.__assign({ label: label, size: size, labelPlacement: labelPlacement, disabled: disabled, align: align, className: className, ref: ref }, labelProps),
-        react_1["default"].createElement("span", { className: (0, exports.cnRadio)({
+    return (react_1.default.createElement(FormControlLabel_1.FormControlLabel, tslib_1.__assign({ label: label, size: size, labelPlacement: labelPlacement, disabled: disabled, align: align, className: className, ref: ref }, labelProps),
+        react_1.default.createElement("span", { className: (0, exports.cnRadio)({
                 size: size,
                 disabled: disabled,
-                checked: checked
+                checked: checked,
             }) },
-            react_1["default"].createElement("input", tslib_1.__assign({ className: (0, exports.cnRadio)('Input'), disabled: disabled, checked: checked, onChange: onChange, name: name }, other, { type: "radio", ref: inputRef })),
-            react_1["default"].createElement("span", { className: (0, exports.cnRadio)('Box') }))));
+            react_1.default.createElement("input", tslib_1.__assign({ className: (0, exports.cnRadio)('Input'), disabled: disabled, checked: checked, onChange: onChange, name: name }, other, { type: "radio", ref: inputRef })),
+            react_1.default.createElement("span", { className: (0, exports.cnRadio)('Box') }))));
 });
 exports.Radio.displayName = 'Radio';

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

@@ -1,5 +1,5 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.RADIO_DEFAULT_SIZE = exports.RADIO_DEFAULT_LABEL_PLACEMENT = exports.RADIO_DEFAULT_ALIGN = void 0;
 exports.RADIO_DEFAULT_ALIGN = 'center';
 exports.RADIO_DEFAULT_LABEL_PLACEMENT = 'right';

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

package/__inner__/cjs/components/RadioGroup/RadioGroup.js

@@ -1,5 +1,5 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.RadioGroup = exports.cnRadioGroup = void 0;
 var tslib_1 = require("tslib");
 require("./RadioGroup.css");
@@ -16,27 +16,27 @@ exports.cnRadioGroup = (0, classname_1.cn)('RadioGroup');
 exports.RadioGroup = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)(function (inProps, ref) {
     var props = (0, useThemeProps_1.useThemeProps)({
         props: inProps,
-        name: 'RadioGroup'
+        name: 'RadioGroup',
     });
     var _a = props.direction, direction = _a === void 0 ? constants_1.RADIO_GROUP_DEFAULT_DIRECTION : _a, _b = props.size, size = _b === void 0 ? constants_1.RADIO_GROUP_DEFAULT_SIZE : _b, _c = props.as, Tag = _c === void 0 ? constants_1.RADIO_GROUP_DEFAULT_AS : _c, title = props.title, className = props.className, children = props.children, name = props.name, valueProp = props.value, defaultValue = props.defaultValue, onChange = props.onChange, other = tslib_1.__rest(props, ["direction", "size", "as", "title", "className", "children", "name", "value", "defaultValue", "onChange"]);
     var _d = tslib_1.__read((0, useControlled_1.useControlled)({
         value: valueProp,
         defaultValue: defaultValue,
         name: 'RadioGroup',
-        state: 'value'
+        state: 'value',
     }), 2), valueState = _d[0], setValueState = _d[1];
     var handleChange = function (event) {
         setValueState(event.target.value);
         onChange === null || onChange === void 0 ? void 0 : onChange(event);
     };
-    return (react_1["default"].createElement(Tag, tslib_1.__assign({ className: (0, exports.cnRadioGroup)({ size: size }, [className]), role: "radiogroup" }, other, { ref: ref }),
-        react_1["default"].createElement(RadioGroupContext_1.RadioGroupContext.Provider, { value: {
+    return (react_1.default.createElement(Tag, tslib_1.__assign({ className: (0, exports.cnRadioGroup)({ size: size }, [className]), role: "radiogroup" }, other, { ref: ref }),
+        react_1.default.createElement(RadioGroupContext_1.RadioGroupContext.Provider, { value: {
                 value: valueState,
                 onChange: handleChange,
                 name: name,
-                size: size
+                size: size,
             } },
-            title && react_1["default"].createElement(FormTitle_1.FormTitle, { size: size }, title),
-            react_1["default"].createElement(FormGroup_1.FormGroup, { direction: direction, size: size }, children))));
+            title && react_1.default.createElement(FormTitle_1.FormTitle, { size: size }, title),
+            react_1.default.createElement(FormGroup_1.FormGroup, { direction: direction, size: size }, children))));
 });
 exports.RadioGroup.displayName = 'RadioGroup';

package/__inner__/cjs/components/RadioGroup/RadioGroupContext.js

@@ -1,6 +1,6 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.RadioGroupContext = void 0;
 var tslib_1 = require("tslib");
 var react_1 = tslib_1.__importDefault(require("react"));
-exports.RadioGroupContext = react_1["default"].createContext(undefined);
+exports.RadioGroupContext = react_1.default.createContext(undefined);

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

@@ -1,5 +1,5 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.RADIO_GROUP_DEFAULT_AS = exports.RADIO_GROUP_DEFAULT_SIZE = exports.RADIO_GROUP_DEFAULT_DIRECTION = void 0;
 exports.RADIO_GROUP_DEFAULT_DIRECTION = 'column';
 exports.RADIO_GROUP_DEFAULT_SIZE = 'm';

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

package/__inner__/cjs/components/SectionMessage/SectionMessage.js

@@ -1,5 +1,5 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.SectionMessage = exports.sectionMessageSizeVariant = exports.sectionMessageStatusVariant = exports.cnSectionMessage = void 0;
 var tslib_1 = require("tslib");
 require("./SectionMessage.css");
@@ -19,30 +19,30 @@ exports.sectionMessageStatusVariant = [
 exports.sectionMessageSizeVariant = ['xs', 's', 'm', 'l'];
 var matchVariantToIcon = {
     neutral: {
-        m: react_1["default"].createElement(icons_1.InfoCircleOutlineIcon, { size: "m" }),
-        s: react_1["default"].createElement(icons_1.InfoCircleOutlineIcon, { size: "s" })
+        m: react_1.default.createElement(icons_1.InfoCircleOutlineIcon, { size: "m" }),
+        s: react_1.default.createElement(icons_1.InfoCircleOutlineIcon, { size: "s" }),
     },
     info: {
-        m: react_1["default"].createElement(icons_1.InfoCircleOutlineIcon, { size: "m" }),
-        s: react_1["default"].createElement(icons_1.InfoCircleOutlineIcon, { size: "s" })
+        m: react_1.default.createElement(icons_1.InfoCircleOutlineIcon, { size: "m" }),
+        s: react_1.default.createElement(icons_1.InfoCircleOutlineIcon, { size: "s" }),
     },
     warning: {
-        m: react_1["default"].createElement(icons_1.WarningTriangleOutlineIcon, { size: "m" }),
-        s: react_1["default"].createElement(icons_1.WarningTriangleOutlineIcon, { size: "s" })
+        m: react_1.default.createElement(icons_1.WarningTriangleOutlineIcon, { size: "m" }),
+        s: react_1.default.createElement(icons_1.WarningTriangleOutlineIcon, { size: "s" }),
     },
     success: {
-        m: react_1["default"].createElement(icons_1.CheckCircleOutlineIcon, { size: "m" }),
-        s: react_1["default"].createElement(icons_1.CheckCircleOutlineIcon, { size: "s" })
+        m: react_1.default.createElement(icons_1.CheckCircleOutlineIcon, { size: "m" }),
+        s: react_1.default.createElement(icons_1.CheckCircleOutlineIcon, { size: "s" }),
     },
     error: {
-        m: react_1["default"].createElement(icons_1.WarningCircleOutlineIcon, { size: "m" }),
-        s: react_1["default"].createElement(icons_1.WarningCircleOutlineIcon, { size: "s" })
-    }
+        m: react_1.default.createElement(icons_1.WarningCircleOutlineIcon, { size: "m" }),
+        s: react_1.default.createElement(icons_1.WarningCircleOutlineIcon, { size: "s" }),
+    },
 };
 exports.SectionMessage = (0, react_1.forwardRef)(function (inProps, ref) {
     var props = (0, useThemeProps_1.useThemeProps)({
         props: inProps,
-        name: 'SectionMessage'
+        name: 'SectionMessage',
     });
     var _a = props.status, status = _a === void 0 ? constants_1.SECTION_MESSAGE_DEFAULT_STATUS : _a, _b = props.size, size = _b === void 0 ? constants_1.SECTION_MESSAGE_DEFAULT_SIZE : _b, _c = props.showIcon, showIcon = _c === void 0 ? true : _c, children = props.children, action = props.action, title = props.title, className = props.className, otherProps = tslib_1.__rest(props, ["status", "size", "showIcon", "children", "action", "title", "className"]);
     var iconSize = size === 'm' || size === 'l' ? 'm' : 's';
@@ -50,7 +50,7 @@ exports.SectionMessage = (0, react_1.forwardRef)(function (inProps, ref) {
         var actionProps = {
             variant: 'function',
             size: size,
-            className: (0, exports.cnSectionMessage)('Button')
+            className: (0, exports.cnSectionMessage)('Button'),
         };
         if (!action) {
             return null;
@@ -58,13 +58,13 @@ exports.SectionMessage = (0, react_1.forwardRef)(function (inProps, ref) {
         if (typeof action === 'function') {
             return action(actionProps);
         }
-        return react_1["default"].cloneElement(action, actionProps);
+        return react_1.default.cloneElement(action, actionProps);
     };
-    return (react_1["default"].createElement("div", tslib_1.__assign({ className: (0, exports.cnSectionMessage)({ status: status, size: size }, [className]), role: "alert" }, otherProps, { ref: ref }),
-        showIcon && (react_1["default"].createElement("div", { className: (0, exports.cnSectionMessage)('Icon') }, matchVariantToIcon[status][iconSize])),
-        react_1["default"].createElement("div", { className: (0, exports.cnSectionMessage)('Content') },
-            title && react_1["default"].createElement("div", { className: (0, exports.cnSectionMessage)('Title') }, title),
-            children && (react_1["default"].createElement("div", { className: (0, exports.cnSectionMessage)('Body') }, children)),
-            action && (react_1["default"].createElement("div", { className: (0, exports.cnSectionMessage)('Action') }, resolveAction(action))))));
+    return (react_1.default.createElement("div", tslib_1.__assign({ className: (0, exports.cnSectionMessage)({ status: status, size: size }, [className]), role: "alert" }, otherProps, { ref: ref }),
+        showIcon && (react_1.default.createElement("div", { className: (0, exports.cnSectionMessage)('Icon') }, matchVariantToIcon[status][iconSize])),
+        react_1.default.createElement("div", { className: (0, exports.cnSectionMessage)('Content') },
+            title && react_1.default.createElement("div", { className: (0, exports.cnSectionMessage)('Title') }, title),
+            children && (react_1.default.createElement("div", { className: (0, exports.cnSectionMessage)('Body') }, children)),
+            action && (react_1.default.createElement("div", { className: (0, exports.cnSectionMessage)('Action') }, resolveAction(action))))));
 });
 exports.SectionMessage.displayName = 'SectionMessage';

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

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

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

package/__inner__/cjs/components/Segment/Segment.js

@@ -1,5 +1,5 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.Segment = exports.segmentSelectedVariant = exports.segmentVariant = exports.cnSegment = void 0;
 var tslib_1 = require("tslib");
 require("./Segment.css");
@@ -19,7 +19,7 @@ exports.Segment = (0, react_1.forwardRef)(function (inProps, ref) {
         name: 'Segment',
         value: valueProp,
         defaultValue: defaultValue,
-        state: 'value'
+        state: 'value',
     }), 2), valueState = _g[0], setValueState = _g[1];
     var handleChange = (0, react_1.useCallback)(function (e) {
         setValueState(e.target.value);
@@ -32,15 +32,15 @@ exports.Segment = (0, react_1.forwardRef)(function (inProps, ref) {
         iconSize: iconSize,
         selectedColor: selectedColor,
         selected: valueState,
-        onChange: handleChange
+        onChange: handleChange,
     }); }, [name, disabled, iconSize, selectedColor, valueState, handleChange]);
-    return (react_1["default"].createElement("fieldset", tslib_1.__assign({ ref: ref, disabled: disabled, className: (0, exports.cnSegment)('', {
+    return (react_1.default.createElement("fieldset", tslib_1.__assign({ ref: ref, disabled: disabled, className: (0, exports.cnSegment)('', {
             size: size,
             variant: variant,
             disabled: disabled,
             selectedColor: selectedColor,
-            fullWidth: fullWidth
+            fullWidth: fullWidth,
         }, [className]) }, other),
-        react_1["default"].createElement(SegmentContext_1.SegmentContext.Provider, { value: contextState }, children)));
+        react_1.default.createElement(SegmentContext_1.SegmentContext.Provider, { value: contextState }, children)));
 });
 exports.Segment.displayName = 'Segment';

package/__inner__/cjs/components/Segment/SegmentContext.js

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

package/__inner__/cjs/components/Segment/components/SegmentItem.js

@@ -1,5 +1,5 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.SegmentItem = exports.cnSegmentItem = void 0;
 var tslib_1 = require("tslib");
 require("./SegmentItem.css");
@@ -15,10 +15,10 @@ exports.SegmentItem = (0, react_1.forwardRef)(function (_a, ref) {
         onChange === null || onChange === void 0 ? void 0 : onChange(event);
         onChangeProp === null || onChangeProp === void 0 ? void 0 : onChangeProp(event);
     };
-    return (react_1["default"].createElement("label", tslib_1.__assign({ ref: ref, className: (0, exports.cnSegmentItem)('', tslib_1.__assign({ disabled: disabled, selected: selected }, (selected && { selectedColor: selectedColor })), [className]), "data-testid": dataTestId }, labelProps),
-        Icon && (react_1["default"].createElement(Icon, { className: (0, exports.cnSegmentItem)('Icon'), ref: iconRef, size: iconSize })),
+    return (react_1.default.createElement("label", tslib_1.__assign({ ref: ref, className: (0, exports.cnSegmentItem)('', tslib_1.__assign({ disabled: disabled, selected: selected }, (selected && { selectedColor: selectedColor })), [className]), "data-testid": dataTestId }, labelProps),
+        Icon && (react_1.default.createElement(Icon, { className: (0, exports.cnSegmentItem)('Icon'), ref: iconRef, size: iconSize })),
         children,
-        react_1["default"].createElement("input", tslib_1.__assign({ disabled: disabled, type: "radio", name: nameProp || name, ref: inputRef, className: (0, exports.cnSegmentItem)('Radio'), onChange: handleChange, checked: selected, value: value, "data-testid": inputTestId }, other)),
-        react_1["default"].createElement("span", { className: (0, exports.cnSegmentItem)('Box') })));
+        react_1.default.createElement("input", tslib_1.__assign({ disabled: disabled, type: "radio", name: nameProp || name, ref: inputRef, className: (0, exports.cnSegmentItem)('Radio'), onChange: handleChange, checked: selected, value: value, "data-testid": inputTestId }, other)),
+        react_1.default.createElement("span", { className: (0, exports.cnSegmentItem)('Box') })));
 });
 exports.SegmentItem.displayName = 'SegmentItem';

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

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

@@ -1,5 +1,5 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.SEGMENT_DEFAULT_DISABLED = exports.SEGMENT_DEFAULT_FULL_WIDTH = exports.SEGMENT_DEFAULT_SELECTED_COLOR = exports.SEGMENT_DEFAULT_VARIANT = exports.SEGMENT_DEFAULT_SIZE = void 0;
 exports.SEGMENT_DEFAULT_SIZE = 'm';
 exports.SEGMENT_DEFAULT_VARIANT = 'primary';