@alfalab/core-components 45.9.0-beta.0 → 45.9.0-beta.2

package/pure-cell/cssm/utils.js

@@ -1,25 +1,27 @@
-import { getDataTestId } from '../../shared/cssm';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var coreComponentsShared = require('../../shared/cssm');
 
 function getPureCellTestIds(dataTestId) {
     return {
         pureCell: dataTestId,
-        addon: getDataTestId(dataTestId, 'addon'),
-        amount: getDataTestId(dataTestId, 'amount'),
-        amountText: getDataTestId(dataTestId, 'amount-text'),
-        amountTitle: getDataTestId(dataTestId, 'amount-title'),
-        coreAmountTitle: getDataTestId(dataTestId, 'core-amount-title'),
-        categoryName: getDataTestId(dataTestId, 'category-name'),
-        categoryPercent: getDataTestId(dataTestId, 'category-percent'),
-        categoryRightAddon: getDataTestId(dataTestId, 'category-right-addon'),
-        content: getDataTestId(dataTestId, 'content'),
-        footer: getDataTestId(dataTestId, 'footer'),
-        footerButton: getDataTestId(dataTestId, 'button'),
-        extraSubtitle: getDataTestId(dataTestId, 'footer-title'),
-        graphics: getDataTestId(dataTestId, 'graphics'),
-        main: getDataTestId(dataTestId, 'main'),
-        textContent: getDataTestId(dataTestId, 'text_content'),
-        textValue: getDataTestId(dataTestId, 'text_value'),
+        addon: coreComponentsShared.getDataTestId(dataTestId, 'addon'),
+        amount: coreComponentsShared.getDataTestId(dataTestId, 'amount'),
+        amountText: coreComponentsShared.getDataTestId(dataTestId, 'amount-text'),
+        amountTitle: coreComponentsShared.getDataTestId(dataTestId, 'amount-title'),
+        coreAmountTitle: coreComponentsShared.getDataTestId(dataTestId, 'core-amount-title'),
+        categoryName: coreComponentsShared.getDataTestId(dataTestId, 'category-name'),
+        categoryPercent: coreComponentsShared.getDataTestId(dataTestId, 'category-percent'),
+        categoryRightAddon: coreComponentsShared.getDataTestId(dataTestId, 'category-right-addon'),
+        content: coreComponentsShared.getDataTestId(dataTestId, 'content'),
+        footer: coreComponentsShared.getDataTestId(dataTestId, 'footer'),
+        footerButton: coreComponentsShared.getDataTestId(dataTestId, 'button'),
+        extraSubtitle: coreComponentsShared.getDataTestId(dataTestId, 'footer-title'),
+        graphics: coreComponentsShared.getDataTestId(dataTestId, 'graphics'),
+        main: coreComponentsShared.getDataTestId(dataTestId, 'main'),
+        textContent: coreComponentsShared.getDataTestId(dataTestId, 'text_content'),
+        textValue: coreComponentsShared.getDataTestId(dataTestId, 'text_value'),
     };
 }
 
-export { getPureCellTestIds };
+exports.getPureCellTestIds = getPureCellTestIds;

package/radio/cssm/Component.js

@@ -1,38 +1,50 @@
-import React, { forwardRef, useRef } from 'react';
-import mergeRefs from 'react-merge-refs';
-import cn from 'classnames';
-import { dom } from '../../shared/cssm';
-import { useFocus } from '@alfalab/hooks';
-import styles from './index.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
 
-const SIZE_TO_CLASSNAME_MAP = {
+var tslib = require('tslib');
+var React = require('react');
+var mergeRefs = require('react-merge-refs');
+var cn = require('classnames');
+var coreComponentsShared = require('../../shared/cssm');
+var hooks = require('@alfalab/hooks');
+var styles = require('./index.module.css');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
+var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
+var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
+
+var SIZE_TO_CLASSNAME_MAP = {
     s: 'size-20',
     m: 'size-24',
     20: 'size-20',
     24: 'size-24',
 };
-const Radio = forwardRef(({ onChange, className, circleClassName, contentClassName, name, disabled, inactive, dataTestId, label, checked, hint, size = 20, align = 'start', addons, block, labelProps, ...restProps }, ref) => {
-    const labelRef = useRef(null);
-    const [focused] = useFocus(labelRef, 'keyboard');
-    const handleChange = (event) => {
+var Radio = React.forwardRef(function (_a, ref) {
+    var _b;
+    var onChange = _a.onChange, className = _a.className, circleClassName = _a.circleClassName, contentClassName = _a.contentClassName, name = _a.name, disabled = _a.disabled, inactive = _a.inactive, dataTestId = _a.dataTestId, label = _a.label, checked = _a.checked, hint = _a.hint, _c = _a.size, size = _c === void 0 ? 20 : _c, _d = _a.align, align = _d === void 0 ? 'start' : _d, addons = _a.addons, block = _a.block, labelProps = _a.labelProps, restProps = tslib.__rest(_a, ["onChange", "className", "circleClassName", "contentClassName", "name", "disabled", "inactive", "dataTestId", "label", "checked", "hint", "size", "align", "addons", "block", "labelProps"]);
+    var labelRef = React.useRef(null);
+    var focused = hooks.useFocus(labelRef, 'keyboard')[0];
+    var handleChange = function (event) {
         if (onChange) {
-            onChange(event, { checked: event.target.checked, name });
+            onChange(event, { checked: event.target.checked, name: name });
         }
     };
-    return (React.createElement("label", { ...labelProps, className: cn(styles.container, styles[SIZE_TO_CLASSNAME_MAP[size]], styles[align], className, labelProps?.className, {
-            [styles.disabled]: disabled || inactive,
-            [styles.checked]: checked,
-            [styles.focused]: focused,
-            [styles.block]: block,
-        }), ref: mergeRefs([labelRef, ref, labelProps?.ref]) },
-        React.createElement("input", { type: 'radio', onChange: handleChange, "data-test-id": dataTestId, disabled: disabled || inactive, checked: checked, name: name, ...restProps }),
-        React.createElement("span", { className: cn(styles.circle, circleClassName) }),
-        (label || hint) && (React.createElement("span", { className: cn(styles.content, contentClassName) },
-            label && React.createElement("span", { className: styles.label }, label),
-            hint && React.createElement("span", { className: styles.hint }, hint))),
+    return (React__default.default.createElement("label", tslib.__assign({}, labelProps, { className: cn__default.default(styles__default.default.container, styles__default.default[SIZE_TO_CLASSNAME_MAP[size]], styles__default.default[align], className, labelProps === null || labelProps === void 0 ? void 0 : labelProps.className, (_b = {},
+            _b[styles__default.default.disabled] = disabled || inactive,
+            _b[styles__default.default.checked] = checked,
+            _b[styles__default.default.focused] = focused,
+            _b[styles__default.default.block] = block,
+            _b)), ref: mergeRefs__default.default([labelRef, ref, labelProps === null || labelProps === void 0 ? void 0 : labelProps.ref]) }),
+        React__default.default.createElement("input", tslib.__assign({ type: 'radio', onChange: handleChange, "data-test-id": dataTestId, disabled: disabled || inactive, checked: checked, name: name }, restProps)),
+        React__default.default.createElement("span", { className: cn__default.default(styles__default.default.circle, circleClassName) }),
+        (label || hint) && (React__default.default.createElement("span", { className: cn__default.default(styles__default.default.content, contentClassName) },
+            label && React__default.default.createElement("span", { className: styles__default.default.label }, label),
+            hint && React__default.default.createElement("span", { className: styles__default.default.hint }, hint))),
         addons && (
         // eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions
-        React.createElement("span", { className: styles.addons, onClick: dom.preventDefault }, addons))));
+        React__default.default.createElement("span", { className: styles__default.default.addons, onClick: coreComponentsShared.dom.preventDefault }, addons))));
 });
 
-export { Radio };
+exports.Radio = Radio;

package/radio/cssm/index.js

@@ -1,7 +1,7 @@
-export { Radio } from './Component.js';
-import 'react';
-import 'react-merge-refs';
-import 'classnames';
-import '../../shared/cssm';
-import '@alfalab/hooks';
-import './index.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Component = require('./Component.js');
+
+
+
+exports.Radio = Component.Radio;

package/radio-group/Component.responsive.js

@@ -3,6 +3,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var React = require('react');
 var coreComponentsMq = require('../mq');
+var coreComponentsShared = require('../shared');
 var desktop_Component_desktop = require('./desktop/Component.desktop.js');
 var mobile_Component_mobile = require('./mobile/Component.mobile.js');
 
@@ -11,7 +12,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 var RadioGroup = React.forwardRef(function (_a, ref) {
-    var _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, restProps = tslib.__rest(_a, ["breakpoint"]);
+    var _b = _a.breakpoint, breakpoint = _b === void 0 ? coreComponentsShared.getComponentBreakpoint() : _b, restProps = tslib.__rest(_a, ["breakpoint"]);
     var query = "(min-width: ".concat(breakpoint, "px)");
     var isDesktop = coreComponentsMq.useMatchMedia(query)[0];
     var Component = isDesktop ? desktop_Component_desktop.RadioGroupDesktop : mobile_Component_mobile.RadioGroupMobile;

package/radio-group/cssm/Component.responsive.js

@@ -1,19 +1,22 @@
-import React, { forwardRef } from 'react';
-import { useMatchMedia } from '../../mq/cssm';
-import { RadioGroupDesktop } from './desktop/Component.desktop.js';
-import { RadioGroupMobile } from './mobile/Component.mobile.js';
-import './components/base-radio-group/Component.js';
-import 'classnames';
-import '@alfalab/hooks';
-import './components/base-radio-group/index.module.css';
-import './desktop/desktop.module.css';
-import './mobile/mobile.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
 
-const RadioGroup = forwardRef(({ breakpoint = 1024, ...restProps }, ref) => {
-    const query = `(min-width: ${breakpoint}px)`;
-    const [isDesktop] = useMatchMedia(query);
-    const Component = isDesktop ? RadioGroupDesktop : RadioGroupMobile;
-    return React.createElement(Component, { ref: ref, ...restProps });
+var tslib = require('tslib');
+var React = require('react');
+var coreComponentsMq = require('../../mq/cssm');
+var coreComponentsShared = require('../../shared/cssm');
+var desktop_Component_desktop = require('./desktop/Component.desktop.js');
+var mobile_Component_mobile = require('./mobile/Component.mobile.js');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+var RadioGroup = React.forwardRef(function (_a, ref) {
+    var _b = _a.breakpoint, breakpoint = _b === void 0 ? coreComponentsShared.getComponentBreakpoint() : _b, restProps = tslib.__rest(_a, ["breakpoint"]);
+    var query = "(min-width: ".concat(breakpoint, "px)");
+    var isDesktop = coreComponentsMq.useMatchMedia(query)[0];
+    var Component = isDesktop ? desktop_Component_desktop.RadioGroupDesktop : mobile_Component_mobile.RadioGroupMobile;
+    return React__default.default.createElement(Component, tslib.__assign({ ref: ref }, restProps));
 });
 
-export { RadioGroup };
+exports.RadioGroup = RadioGroup;

package/radio-group/cssm/components/base-radio-group/Component.js

@@ -1,57 +1,56 @@
-import React, { forwardRef, useState, Children, isValidElement, cloneElement } from 'react';
-import cn from 'classnames';
-import { useDidUpdateEffect } from '@alfalab/hooks';
-import commonStyles from './index.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
 
-const BaseRadioGroup = forwardRef(({ children, className, radioListClassName, direction = 'vertical', label, error, hint, onChange, onBlur, onFocus, type = 'radio', dataTestId, disabled = false, name, value, styles, }, ref) => {
-    const [stateValue, setStateValue] = useState('');
-    useDidUpdateEffect(() => {
+var tslib = require('tslib');
+var React = require('react');
+var cn = require('classnames');
+var hooks = require('@alfalab/hooks');
+var commonStyles = require('./index.module.css');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
+var commonStyles__default = /*#__PURE__*/_interopDefaultCompat(commonStyles);
+
+var BaseRadioGroup = React.forwardRef(function (_a, ref) {
+    var _b, _c;
+    var children = _a.children, className = _a.className, radioListClassName = _a.radioListClassName, _d = _a.direction, direction = _d === void 0 ? 'vertical' : _d, label = _a.label, error = _a.error, hint = _a.hint, onChange = _a.onChange, onBlur = _a.onBlur, onFocus = _a.onFocus, _e = _a.type, type = _e === void 0 ? 'radio' : _e, dataTestId = _a.dataTestId, _f = _a.disabled, disabled = _f === void 0 ? false : _f, name = _a.name, value = _a.value, styles = _a.styles;
+    var _g = React.useState(''), stateValue = _g[0], setStateValue = _g[1];
+    hooks.useDidUpdateEffect(function () {
         setStateValue(value);
     }, [value]);
-    const isChecked = (childValue) => value !== null && (value || stateValue) === childValue;
-    const handleChange = (event, childValue) => {
+    var isChecked = function (childValue) {
+        return value !== null && (value || stateValue) === childValue;
+    };
+    var handleChange = function (event, childValue) {
         setStateValue(childValue);
         if (onChange) {
-            onChange(event, { name, value: childValue });
+            onChange(event, { name: name, value: childValue });
         }
     };
-    const renderRadio = (child) => {
-        const { className: childClassName, value: childValue } = child.props;
-        return cloneElement(child, {
-            onChange: (event) => handleChange(event, childValue),
-            disabled,
-            ...child.props,
-            checked: isChecked(childValue),
-            name,
-            className: cn(childClassName, commonStyles[`${direction}Radio`]),
-        });
+    var renderRadio = function (child) {
+        var _a = child.props, childClassName = _a.className, childValue = _a.value;
+        return React.cloneElement(child, tslib.__assign(tslib.__assign({ onChange: function (event) { return handleChange(event, childValue); }, disabled: disabled }, child.props), { checked: isChecked(childValue), name: name, className: cn__default.default(childClassName, commonStyles__default.default["".concat(direction, "Radio")]) }));
     };
-    const renderTag = (child) => {
-        const childValue = child.props.value;
-        const checked = isChecked(childValue);
-        const clone = cloneElement(child, {
-            onClick: (event) => handleChange(event, childValue),
-            disabled,
-            ...child.props,
-            checked,
-            name,
-            tabIndex: -1,
-        });
-        return (React.createElement("label", { className: cn(commonStyles[`${direction}Radio`], commonStyles[`${direction}TagLabel`]) },
-            React.createElement("input", { type: 'radio', autoComplete: 'off', onChange: (event) => handleChange(event, childValue), disabled: disabled || child.props.disabled, name: name, checked: checked, className: commonStyles.hiddenInput, value: child.props.value }),
+    var renderTag = function (child) {
+        var childValue = child.props.value;
+        var checked = isChecked(childValue);
+        var clone = React.cloneElement(child, tslib.__assign(tslib.__assign({ onClick: function (event) { return handleChange(event, childValue); }, disabled: disabled }, child.props), { checked: checked, name: name, tabIndex: -1 }));
+        return (React__default.default.createElement("label", { className: cn__default.default(commonStyles__default.default["".concat(direction, "Radio")], commonStyles__default.default["".concat(direction, "TagLabel")]) },
+            React__default.default.createElement("input", { type: 'radio', autoComplete: 'off', onChange: function (event) { return handleChange(event, childValue); }, disabled: disabled || child.props.disabled, name: name, checked: checked, className: commonStyles__default.default.hiddenInput, value: child.props.value }),
             clone));
     };
-    const errorMessage = typeof error === 'boolean' ? '' : error;
-    return (React.createElement("div", { className: cn(commonStyles.component, commonStyles[type], { [commonStyles.error]: error }, className), "data-test-id": dataTestId, ref: ref },
-        label ? (React.createElement("span", { className: cn(commonStyles.label, styles.label) }, label)) : null,
-        children ? (React.createElement("div", { className: cn(commonStyles.radioList, commonStyles[`${direction}RadioList`], radioListClassName, { [styles.radioList]: type === 'radio' }), onBlur: onBlur, onFocus: onFocus }, Children.map(children, (child) => {
-            if (isValidElement(child)) {
+    var errorMessage = typeof error === 'boolean' ? '' : error;
+    return (React__default.default.createElement("div", { className: cn__default.default(commonStyles__default.default.component, commonStyles__default.default[type], (_b = {}, _b[commonStyles__default.default.error] = error, _b), className), "data-test-id": dataTestId, ref: ref },
+        label ? (React__default.default.createElement("span", { className: cn__default.default(commonStyles__default.default.label, styles.label) }, label)) : null,
+        children ? (React__default.default.createElement("div", { className: cn__default.default(commonStyles__default.default.radioList, commonStyles__default.default["".concat(direction, "RadioList")], radioListClassName, (_c = {}, _c[styles.radioList] = type === 'radio', _c)), onBlur: onBlur, onFocus: onFocus }, React.Children.map(children, function (child) {
+            if (React.isValidElement(child)) {
                 return type === 'radio' ? renderRadio(child) : renderTag(child);
             }
             return null;
         }))) : null,
-        errorMessage && (React.createElement("span", { className: cn(commonStyles.sub, styles.sub, commonStyles.errorMessage), role: 'alert' }, errorMessage)),
-        hint && !errorMessage && (React.createElement("span", { className: cn(commonStyles.sub, styles.sub, commonStyles.hint) }, hint))));
+        errorMessage && (React__default.default.createElement("span", { className: cn__default.default(commonStyles__default.default.sub, styles.sub, commonStyles__default.default.errorMessage), role: 'alert' }, errorMessage)),
+        hint && !errorMessage && (React__default.default.createElement("span", { className: cn__default.default(commonStyles__default.default.sub, styles.sub, commonStyles__default.default.hint) }, hint))));
 });
 
-export { BaseRadioGroup };
+exports.BaseRadioGroup = BaseRadioGroup;

package/radio-group/cssm/components/base-radio-group/index.js

@@ -1,5 +1,7 @@
-export { BaseRadioGroup } from './Component.js';
-import 'react';
-import 'classnames';
-import '@alfalab/hooks';
-import './index.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var components_baseRadioGroup_Component = require('./Component.js');
+
+
+
+exports.BaseRadioGroup = components_baseRadioGroup_Component.BaseRadioGroup;

package/radio-group/cssm/desktop/Component.desktop.js

@@ -1,10 +1,15 @@
-import React, { forwardRef } from 'react';
-import { BaseRadioGroup } from '../components/base-radio-group/Component.js';
-import styles from './desktop.module.css';
-import 'classnames';
-import '@alfalab/hooks';
-import '../components/base-radio-group/index.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
 
-const RadioGroupDesktop = forwardRef((props, ref) => React.createElement(BaseRadioGroup, { ...props, ref: ref, styles: styles }));
+var tslib = require('tslib');
+var React = require('react');
+var components_baseRadioGroup_Component = require('../components/base-radio-group/Component.js');
+var styles = require('./desktop.module.css');
 
-export { RadioGroupDesktop };
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
+
+var RadioGroupDesktop = React.forwardRef(function (props, ref) { return React__default.default.createElement(components_baseRadioGroup_Component.BaseRadioGroup, tslib.__assign({}, props, { ref: ref, styles: styles__default.default })); });
+
+exports.RadioGroupDesktop = RadioGroupDesktop;

package/radio-group/cssm/desktop/index.js

@@ -1,7 +1,7 @@
-export { RadioGroupDesktop } from './Component.desktop.js';
-import 'react';
-import '../components/base-radio-group/Component.js';
-import 'classnames';
-import '@alfalab/hooks';
-import '../components/base-radio-group/index.module.css';
-import './desktop.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var desktop_Component_desktop = require('./Component.desktop.js');
+
+
+
+exports.RadioGroupDesktop = desktop_Component_desktop.RadioGroupDesktop;

package/radio-group/cssm/index.js

@@ -1,11 +1,7 @@
-export { RadioGroup } from './Component.responsive.js';
-import 'react';
-import '../../mq/cssm';
-import './desktop/Component.desktop.js';
-import './components/base-radio-group/Component.js';
-import 'classnames';
-import '@alfalab/hooks';
-import './components/base-radio-group/index.module.css';
-import './desktop/desktop.module.css';
-import './mobile/Component.mobile.js';
-import './mobile/mobile.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Component_responsive = require('./Component.responsive.js');
+
+
+
+exports.RadioGroup = Component_responsive.RadioGroup;

package/radio-group/cssm/mobile/Component.mobile.js

@@ -1,10 +1,15 @@
-import React, { forwardRef } from 'react';
-import { BaseRadioGroup } from '../components/base-radio-group/Component.js';
-import styles from './mobile.module.css';
-import 'classnames';
-import '@alfalab/hooks';
-import '../components/base-radio-group/index.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
 
-const RadioGroupMobile = forwardRef((props, ref) => (React.createElement(BaseRadioGroup, { ...props, ref: ref, styles: styles })));
+var tslib = require('tslib');
+var React = require('react');
+var components_baseRadioGroup_Component = require('../components/base-radio-group/Component.js');
+var styles = require('./mobile.module.css');
 
-export { RadioGroupMobile };
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
+
+var RadioGroupMobile = React.forwardRef(function (props, ref) { return (React__default.default.createElement(components_baseRadioGroup_Component.BaseRadioGroup, tslib.__assign({}, props, { ref: ref, styles: styles__default.default }))); });
+
+exports.RadioGroupMobile = RadioGroupMobile;

package/radio-group/cssm/mobile/index.js

@@ -1,7 +1,7 @@
-export { RadioGroupMobile } from './Component.mobile.js';
-import 'react';
-import '../components/base-radio-group/Component.js';
-import 'classnames';
-import '@alfalab/hooks';
-import '../components/base-radio-group/index.module.css';
-import './mobile.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var mobile_Component_mobile = require('./Component.mobile.js');
+
+
+
+exports.RadioGroupMobile = mobile_Component_mobile.RadioGroupMobile;

package/radio-group/esm/Component.responsive.js

@@ -1,6 +1,7 @@
 import { __rest, __assign } from 'tslib';
 import React, { forwardRef } from 'react';
 import { useMatchMedia } from '../../mq/esm';
+import { getComponentBreakpoint } from '../../shared/esm';
 import { RadioGroupDesktop } from './desktop/Component.desktop.js';
 import { RadioGroupMobile } from './mobile/Component.mobile.js';
 import './components/base-radio-group/Component.js';
@@ -8,7 +9,7 @@ import 'classnames';
 import '@alfalab/hooks';
 
 var RadioGroup = forwardRef(function (_a, ref) {
-    var _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, restProps = __rest(_a, ["breakpoint"]);
+    var _b = _a.breakpoint, breakpoint = _b === void 0 ? getComponentBreakpoint() : _b, restProps = __rest(_a, ["breakpoint"]);
     var query = "(min-width: ".concat(breakpoint, "px)");
     var isDesktop = useMatchMedia(query)[0];
     var Component = isDesktop ? RadioGroupDesktop : RadioGroupMobile;

package/radio-group/esm/index.js

@@ -2,6 +2,7 @@ export { RadioGroup } from './Component.responsive.js';
 import 'tslib';
 import 'react';
 import '../../mq/esm';
+import '../../shared/esm';
 import './desktop/Component.desktop.js';
 import './components/base-radio-group/Component.js';
 import 'classnames';

package/radio-group/modern/Component.responsive.js

@@ -1,12 +1,13 @@
 import React, { forwardRef } from 'react';
 import { useMatchMedia } from '../../mq/modern';
+import { getComponentBreakpoint } from '../../shared/modern';
 import { RadioGroupDesktop } from './desktop/Component.desktop.js';
 import { RadioGroupMobile } from './mobile/Component.mobile.js';
 import './components/base-radio-group/Component.js';
 import 'classnames';
 import '@alfalab/hooks';
 
-const RadioGroup = forwardRef(({ breakpoint = 1024, ...restProps }, ref) => {
+const RadioGroup = forwardRef(({ breakpoint = getComponentBreakpoint(), ...restProps }, ref) => {
     const query = `(min-width: ${breakpoint}px)`;
     const [isDesktop] = useMatchMedia(query);
     const Component = isDesktop ? RadioGroupDesktop : RadioGroupMobile;

package/radio-group/modern/index.js

@@ -1,6 +1,7 @@
 export { RadioGroup } from './Component.responsive.js';
 import 'react';
 import '../../mq/modern';
+import '../../shared/modern';
 import './desktop/Component.desktop.js';
 import './components/base-radio-group/Component.js';
 import 'classnames';