@alfalab/core-components 48.23.0-beta.0 → 48.23.0

package/calendar/components/calendar-mobile/Component.js

@@ -10,7 +10,7 @@ var mobile = require('../../../modal/mobile');
 var coreComponentsShared = require('../../../shared');
 var desktop_Component_desktop = require('../../desktop/Component.desktop.js');
 var utils = require('../../utils.js');
-var components_calendarMobile_calendarMonthOnlyView = require('../../calendarMonthOnlyView-d9c730cf.js');
+var components_calendarMobile_calendarMonthOnlyView = require('../../calendarMonthOnlyView-d7962ba1.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/calendar/components/calendar-mobile/calendarMonthOnlyView.js

@@ -15,7 +15,7 @@ require('../../useCalendar.js');
 require('../../useRange.js');
 require('../../utils.js');
 require('../days-table/Component.js');
-var components_calendarMobile_calendarMonthOnlyView = require('../../calendarMonthOnlyView-d9c730cf.js');
+var components_calendarMobile_calendarMonthOnlyView = require('../../calendarMonthOnlyView-d7962ba1.js');
 
 
 

package/calendar/components/calendar-mobile/index.d.ts

@@ -1,3 +1,3 @@
 export * from "./Component";
 export * from "./typings";
-export * from "../../calendarMonthOnlyView-d9c730cf";
+export * from "../../calendarMonthOnlyView-d7962ba1";

package/calendar/components/calendar-mobile/index.js

@@ -1,7 +1,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var components_calendarMobile_Component = require('./Component.js');
-var components_calendarMobile_calendarMonthOnlyView = require('../../calendarMonthOnlyView-d9c730cf.js');
+var components_calendarMobile_calendarMonthOnlyView = require('../../calendarMonthOnlyView-d7962ba1.js');
 
 
 

package/calendar/esm/Component.responsive.js

@@ -48,7 +48,7 @@ import '@juggle/resize-observer';
 import '../../button/esm/mobile';
 import '../../modal/esm/mobile';
 import './utils.js';
-import './calendarMonthOnlyView-a6afa5b6.js';
+import './calendarMonthOnlyView-fd95c592.js';
 import './useCalendar.js';
 import './useRange.js';
 import './usePeriod.js';

package/calendar/esm/components/calendar-mobile/Component.js

@@ -8,7 +8,7 @@ import { ModalMobile } from '../../../../modal/esm/mobile';
 import { getDataTestId } from '../../../../shared/esm';
 import { CalendarDesktop } from '../../desktop/Component.desktop.js';
 import { WEEKDAYS, isRangeValue } from '../../utils.js';
-import { s as styles, C as CalendarMonthOnlyView } from '../../calendarMonthOnlyView-a6afa5b6.js';
+import { s as styles, C as CalendarMonthOnlyView } from '../../calendarMonthOnlyView-fd95c592.js';
 import 'date-fns/endOfDay';
 import 'date-fns/startOfDay';
 import 'date-fns/startOfMonth';

package/calendar/esm/components/calendar-mobile/calendarMonthOnlyView.js

@@ -36,7 +36,7 @@ import '../../../../shared/esm';
 import 'date-fns/differenceInDays';
 import '@alfalab/hooks';
 import '../days-table/Component.js';
-export { C as CalendarMonthOnlyView } from '../../calendarMonthOnlyView-a6afa5b6.js';
+export { C as CalendarMonthOnlyView } from '../../calendarMonthOnlyView-fd95c592.js';
 import 'react-transition-group';
 import 'date-fns/isEqual';
 import 'date-fns/isLastDayOfMonth';

package/calendar/esm/components/calendar-mobile/index.d.ts

@@ -1,3 +1,3 @@
 export * from "./Component";
 export * from "./typings";
-export * from "../../calendarMonthOnlyView-a6afa5b6";
+export * from "../../calendarMonthOnlyView-fd95c592";

package/calendar/esm/components/calendar-mobile/index.js

@@ -1,5 +1,5 @@
 export { CalendarMobile, CalendarMonthOnlyViewHeader } from './Component.js';
-export { C as CalendarMonthOnlyView } from '../../calendarMonthOnlyView-a6afa5b6.js';
+export { C as CalendarMonthOnlyView } from '../../calendarMonthOnlyView-fd95c592.js';
 import 'tslib';
 import 'react';
 import 'react-merge-refs';

package/calendar/esm/index.js

@@ -70,6 +70,6 @@ import 'date-fns/setYear';
 import 'date-fns/subYears';
 import './useRange.js';
 import './usePeriod.js';
-import './calendarMonthOnlyView-a6afa5b6.js';
+import './calendarMonthOnlyView-fd95c592.js';
 import 'react-virtuoso';
 import '../../typography/esm';

package/calendar/esm/mobile/index.js

@@ -1,5 +1,5 @@
 export { CalendarMobile, CalendarMonthOnlyViewHeader } from '../components/calendar-mobile/Component.js';
-export { C as CalendarMonthOnlyView } from '../calendarMonthOnlyView-a6afa5b6.js';
+export { C as CalendarMonthOnlyView } from '../calendarMonthOnlyView-fd95c592.js';
 import 'tslib';
 import 'react';
 import 'react-merge-refs';

package/calendar/mobile/index.js

@@ -1,7 +1,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var components_calendarMobile_Component = require('../components/calendar-mobile/Component.js');
-var components_calendarMobile_calendarMonthOnlyView = require('../calendarMonthOnlyView-d9c730cf.js');
+var components_calendarMobile_calendarMonthOnlyView = require('../calendarMonthOnlyView-d7962ba1.js');
 
 
 

package/calendar/modern/Component.responsive.js

@@ -47,7 +47,7 @@ import '@juggle/resize-observer';
 import '../../button/modern/mobile';
 import '../../modal/modern/mobile';
 import './utils.js';
-import './calendarMonthOnlyView-44e1c26b.js';
+import './calendarMonthOnlyView-1bf0d693.js';
 import './useCalendar.js';
 import './useRange.js';
 import './usePeriod.js';

package/calendar/modern/components/calendar-mobile/Component.js

@@ -7,7 +7,7 @@ import { ModalMobile } from '../../../../modal/modern/mobile';
 import { getDataTestId } from '../../../../shared/modern';
 import { CalendarDesktop } from '../../desktop/Component.desktop.js';
 import { WEEKDAYS, isRangeValue } from '../../utils.js';
-import { s as styles, C as CalendarMonthOnlyView } from '../../calendarMonthOnlyView-44e1c26b.js';
+import { s as styles, C as CalendarMonthOnlyView } from '../../calendarMonthOnlyView-1bf0d693.js';
 import 'date-fns/endOfDay';
 import 'date-fns/startOfDay';
 import 'date-fns/startOfMonth';

package/calendar/modern/components/calendar-mobile/calendarMonthOnlyView.js

@@ -35,7 +35,7 @@ import '../../../../shared/modern';
 import 'date-fns/differenceInDays';
 import '@alfalab/hooks';
 import '../days-table/Component.js';
-export { C as CalendarMonthOnlyView } from '../../calendarMonthOnlyView-44e1c26b.js';
+export { C as CalendarMonthOnlyView } from '../../calendarMonthOnlyView-1bf0d693.js';
 import 'react-transition-group';
 import 'date-fns/isEqual';
 import 'date-fns/isLastDayOfMonth';

package/calendar/modern/components/calendar-mobile/index.d.ts

@@ -1,3 +1,3 @@
 export * from "./Component";
 export * from "./typings";
-export * from "../../calendarMonthOnlyView-44e1c26b";
+export * from "../../calendarMonthOnlyView-1bf0d693";

package/calendar/modern/components/calendar-mobile/index.js

@@ -1,5 +1,5 @@
 export { CalendarMobile, CalendarMonthOnlyViewHeader } from './Component.js';
-export { C as CalendarMonthOnlyView } from '../../calendarMonthOnlyView-44e1c26b.js';
+export { C as CalendarMonthOnlyView } from '../../calendarMonthOnlyView-1bf0d693.js';
 import 'react';
 import 'react-merge-refs';
 import '@juggle/resize-observer';

package/calendar/modern/index.js

@@ -69,6 +69,6 @@ import 'date-fns/setYear';
 import 'date-fns/subYears';
 import './useRange.js';
 import './usePeriod.js';
-import './calendarMonthOnlyView-44e1c26b.js';
+import './calendarMonthOnlyView-1bf0d693.js';
 import 'react-virtuoso';
 import '../../typography/modern';

package/calendar/modern/mobile/index.js

@@ -1,5 +1,5 @@
 export { CalendarMobile, CalendarMonthOnlyViewHeader } from '../components/calendar-mobile/Component.js';
-export { C as CalendarMonthOnlyView } from '../calendarMonthOnlyView-44e1c26b.js';
+export { C as CalendarMonthOnlyView } from '../calendarMonthOnlyView-1bf0d693.js';
 import 'react';
 import 'react-merge-refs';
 import '@juggle/resize-observer';

package/checkbox-group/components/base-checkbox-group/Component.d.ts

@@ -1,4 +1,6 @@
-import { ChangeEvent, FC, FocusEvent, MouseEvent, ReactNode } from 'react';
+/// <reference types="react" />
+import React from 'react';
+import { ChangeEvent, FocusEvent, MouseEvent, ReactNode } from "react";
 type Direction = 'horizontal' | 'vertical';
 type CheckboxGroupType = 'checkbox' | 'tag';
 type BaseCheckboxGroupProps = {
@@ -60,5 +62,5 @@ type BaseCheckboxGroupProps = {
         [key: string]: string;
     };
 };
-declare const BaseCheckboxGroup: FC<BaseCheckboxGroupProps>;
+declare const BaseCheckboxGroup: React.ForwardRefExoticComponent<BaseCheckboxGroupProps & React.RefAttributes<HTMLDivElement>>;
 export { Direction, CheckboxGroupType, BaseCheckboxGroupProps, BaseCheckboxGroup };

package/checkbox-group/components/base-checkbox-group/Component.js

@@ -12,7 +12,7 @@ var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 var commonStyles = {"component":"checkbox-group__component_1n5tb","error":"checkbox-group__error_1n5tb","tag":"checkbox-group__tag_1n5tb","checkboxList":"checkbox-group__checkboxList_1n5tb","vertical":"checkbox-group__vertical_1n5tb","checkbox":"checkbox-group__checkbox_1n5tb","horizontal":"checkbox-group__horizontal_1n5tb","tagLabel":"checkbox-group__tagLabel_1n5tb","label":"checkbox-group__label_1n5tb","sub":"checkbox-group__sub_1n5tb","errorMessage":"checkbox-group__errorMessage_1n5tb","hint":"checkbox-group__hint_1n5tb","hiddenInput":"checkbox-group__hiddenInput_1n5tb"};
 require('./index.css');
 
-var BaseCheckboxGroup = function (_a) {
+var BaseCheckboxGroup = React.forwardRef(function (_a, ref) {
     var _b, _c;
     var children = _a.children, className = _a.className, _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 ? 'checkbox' : _e, dataTestId = _a.dataTestId, _f = _a.disabled, disabled = _f === void 0 ? false : _f, styles = _a.styles;
     var renderCheckbox = function (child) {
@@ -39,18 +39,20 @@ var BaseCheckboxGroup = function (_a) {
             React__default.default.createElement("input", { type: 'checkbox', autoComplete: 'off', onChange: handleChange, disabled: disabled || child.props.disabled, checked: checked, className: commonStyles.hiddenInput, tabIndex: -1 })));
     };
     var errorMessage = typeof error === 'boolean' ? '' : error;
-    return (React__default.default.createElement("div", { className: cn__default.default(commonStyles.component, commonStyles[type], commonStyles[direction], (_b = {}, _b[commonStyles.error] = error, _b), className), "data-test-id": dataTestId },
-        label ? React__default.default.createElement("span", { className: cn__default.default(commonStyles.label, styles.label) }, label) : null,
+    return (React__default.default.createElement("div", { ref: ref, className: cn__default.default(commonStyles.component, commonStyles[type], commonStyles[direction], (_b = {}, _b[commonStyles.error] = error, _b), className), "data-test-id": dataTestId },
+        label ? (React__default.default.createElement("span", { className: cn__default.default(commonStyles.label, styles.label) }, label)) : null,
         children ? (React__default.default.createElement("div", { className: cn__default.default(commonStyles.checkboxList, (_c = {},
                 _c[styles.checkboxList] = type === 'checkbox',
                 _c)), onBlur: onBlur, onFocus: onFocus }, React.Children.map(children, function (child) {
             if (React.isValidElement(child)) {
-                return type === 'checkbox' ? renderCheckbox(child) : renderTag(child);
+                return type === 'checkbox'
+                    ? renderCheckbox(child)
+                    : renderTag(child);
             }
             return null;
         }))) : null,
         errorMessage && (React__default.default.createElement("span", { className: cn__default.default(commonStyles.sub, styles.sub, commonStyles.errorMessage), role: 'alert' }, errorMessage)),
         hint && !errorMessage && (React__default.default.createElement("span", { className: cn__default.default(commonStyles.sub, styles.sub, commonStyles.hint) }, hint))));
-};
+});
 
 exports.BaseCheckboxGroup = BaseCheckboxGroup;

package/checkbox-group/cssm/components/base-checkbox-group/Component.d.ts

@@ -1,4 +1,6 @@
-import { ChangeEvent, FC, FocusEvent, MouseEvent, ReactNode } from 'react';
+/// <reference types="react" />
+import React from 'react';
+import { ChangeEvent, FocusEvent, MouseEvent, ReactNode } from "react";
 type Direction = 'horizontal' | 'vertical';
 type CheckboxGroupType = 'checkbox' | 'tag';
 type BaseCheckboxGroupProps = {
@@ -60,5 +62,5 @@ type BaseCheckboxGroupProps = {
         [key: string]: string;
     };
 };
-declare const BaseCheckboxGroup: FC<BaseCheckboxGroupProps>;
+declare const BaseCheckboxGroup: React.ForwardRefExoticComponent<BaseCheckboxGroupProps & React.RefAttributes<HTMLDivElement>>;
 export { Direction, CheckboxGroupType, BaseCheckboxGroupProps, BaseCheckboxGroup };

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

@@ -11,7 +11,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 var commonStyles__default = /*#__PURE__*/_interopDefaultCompat(commonStyles);
 
-var BaseCheckboxGroup = function (_a) {
+var BaseCheckboxGroup = React.forwardRef(function (_a, ref) {
     var _b, _c;
     var children = _a.children, className = _a.className, _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 ? 'checkbox' : _e, dataTestId = _a.dataTestId, _f = _a.disabled, disabled = _f === void 0 ? false : _f, styles = _a.styles;
     var renderCheckbox = function (child) {
@@ -38,18 +38,20 @@ var BaseCheckboxGroup = function (_a) {
             React__default.default.createElement("input", { type: 'checkbox', autoComplete: 'off', onChange: handleChange, disabled: disabled || child.props.disabled, checked: checked, className: commonStyles__default.default.hiddenInput, tabIndex: -1 })));
     };
     var errorMessage = typeof error === 'boolean' ? '' : error;
-    return (React__default.default.createElement("div", { className: cn__default.default(commonStyles__default.default.component, commonStyles__default.default[type], commonStyles__default.default[direction], (_b = {}, _b[commonStyles__default.default.error] = error, _b), className), "data-test-id": dataTestId },
-        label ? React__default.default.createElement("span", { className: cn__default.default(commonStyles__default.default.label, styles.label) }, label) : null,
+    return (React__default.default.createElement("div", { ref: ref, className: cn__default.default(commonStyles__default.default.component, commonStyles__default.default[type], commonStyles__default.default[direction], (_b = {}, _b[commonStyles__default.default.error] = error, _b), className), "data-test-id": dataTestId },
+        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.checkboxList, (_c = {},
                 _c[styles.checkboxList] = type === 'checkbox',
                 _c)), onBlur: onBlur, onFocus: onFocus }, React.Children.map(children, function (child) {
             if (React.isValidElement(child)) {
-                return type === 'checkbox' ? renderCheckbox(child) : renderTag(child);
+                return type === 'checkbox'
+                    ? renderCheckbox(child)
+                    : renderTag(child);
             }
             return null;
         }))) : null,
         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))));
-};
+});
 
 exports.BaseCheckboxGroup = BaseCheckboxGroup;

package/checkbox-group/esm/components/base-checkbox-group/Component.d.ts

@@ -1,4 +1,6 @@
-import { ChangeEvent, FC, FocusEvent, MouseEvent, ReactNode } from 'react';
+/// <reference types="react" />
+import React from 'react';
+import { ChangeEvent, FocusEvent, MouseEvent, ReactNode } from "react";
 type Direction = 'horizontal' | 'vertical';
 type CheckboxGroupType = 'checkbox' | 'tag';
 type BaseCheckboxGroupProps = {
@@ -60,5 +62,5 @@ type BaseCheckboxGroupProps = {
         [key: string]: string;
     };
 };
-declare const BaseCheckboxGroup: FC<BaseCheckboxGroupProps>;
+declare const BaseCheckboxGroup: React.ForwardRefExoticComponent<BaseCheckboxGroupProps & React.RefAttributes<HTMLDivElement>>;
 export { Direction, CheckboxGroupType, BaseCheckboxGroupProps, BaseCheckboxGroup };

package/checkbox-group/esm/components/base-checkbox-group/Component.js

@@ -1,11 +1,11 @@
 import { __assign } from 'tslib';
-import React, { Children, isValidElement, cloneElement } from 'react';
+import React, { forwardRef, Children, isValidElement, cloneElement } from 'react';
 import cn from 'classnames';
 
 var commonStyles = {"component":"checkbox-group__component_1n5tb","error":"checkbox-group__error_1n5tb","tag":"checkbox-group__tag_1n5tb","checkboxList":"checkbox-group__checkboxList_1n5tb","vertical":"checkbox-group__vertical_1n5tb","checkbox":"checkbox-group__checkbox_1n5tb","horizontal":"checkbox-group__horizontal_1n5tb","tagLabel":"checkbox-group__tagLabel_1n5tb","label":"checkbox-group__label_1n5tb","sub":"checkbox-group__sub_1n5tb","errorMessage":"checkbox-group__errorMessage_1n5tb","hint":"checkbox-group__hint_1n5tb","hiddenInput":"checkbox-group__hiddenInput_1n5tb"};
 require('./index.css');
 
-var BaseCheckboxGroup = function (_a) {
+var BaseCheckboxGroup = forwardRef(function (_a, ref) {
     var _b, _c;
     var children = _a.children, className = _a.className, _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 ? 'checkbox' : _e, dataTestId = _a.dataTestId, _f = _a.disabled, disabled = _f === void 0 ? false : _f, styles = _a.styles;
     var renderCheckbox = function (child) {
@@ -32,18 +32,20 @@ var BaseCheckboxGroup = function (_a) {
             React.createElement("input", { type: 'checkbox', autoComplete: 'off', onChange: handleChange, disabled: disabled || child.props.disabled, checked: checked, className: commonStyles.hiddenInput, tabIndex: -1 })));
     };
     var errorMessage = typeof error === 'boolean' ? '' : error;
-    return (React.createElement("div", { className: cn(commonStyles.component, commonStyles[type], commonStyles[direction], (_b = {}, _b[commonStyles.error] = error, _b), className), "data-test-id": dataTestId },
-        label ? React.createElement("span", { className: cn(commonStyles.label, styles.label) }, label) : null,
+    return (React.createElement("div", { ref: ref, className: cn(commonStyles.component, commonStyles[type], commonStyles[direction], (_b = {}, _b[commonStyles.error] = error, _b), className), "data-test-id": dataTestId },
+        label ? (React.createElement("span", { className: cn(commonStyles.label, styles.label) }, label)) : null,
         children ? (React.createElement("div", { className: cn(commonStyles.checkboxList, (_c = {},
                 _c[styles.checkboxList] = type === 'checkbox',
                 _c)), onBlur: onBlur, onFocus: onFocus }, Children.map(children, function (child) {
             if (isValidElement(child)) {
-                return type === 'checkbox' ? renderCheckbox(child) : renderTag(child);
+                return type === 'checkbox'
+                    ? renderCheckbox(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))));
-};
+});
 
 export { BaseCheckboxGroup };

package/checkbox-group/modern/components/base-checkbox-group/Component.d.ts

@@ -1,4 +1,6 @@
-import { ChangeEvent, FC, FocusEvent, MouseEvent, ReactNode } from 'react';
+/// <reference types="react" />
+import React from 'react';
+import { ChangeEvent, FocusEvent, MouseEvent, ReactNode } from "react";
 type Direction = 'horizontal' | 'vertical';
 type CheckboxGroupType = 'checkbox' | 'tag';
 type BaseCheckboxGroupProps = {
@@ -60,5 +62,5 @@ type BaseCheckboxGroupProps = {
         [key: string]: string;
     };
 };
-declare const BaseCheckboxGroup: FC<BaseCheckboxGroupProps>;
+declare const BaseCheckboxGroup: React.ForwardRefExoticComponent<BaseCheckboxGroupProps & React.RefAttributes<HTMLDivElement>>;
 export { Direction, CheckboxGroupType, BaseCheckboxGroupProps, BaseCheckboxGroup };

package/checkbox-group/modern/components/base-checkbox-group/Component.js

@@ -1,10 +1,10 @@
-import React, { Children, isValidElement, cloneElement } from 'react';
+import React, { forwardRef, Children, isValidElement, cloneElement } from 'react';
 import cn from 'classnames';
 
 const commonStyles = {"component":"checkbox-group__component_1n5tb","error":"checkbox-group__error_1n5tb","tag":"checkbox-group__tag_1n5tb","checkboxList":"checkbox-group__checkboxList_1n5tb","vertical":"checkbox-group__vertical_1n5tb","checkbox":"checkbox-group__checkbox_1n5tb","horizontal":"checkbox-group__horizontal_1n5tb","tagLabel":"checkbox-group__tagLabel_1n5tb","label":"checkbox-group__label_1n5tb","sub":"checkbox-group__sub_1n5tb","errorMessage":"checkbox-group__errorMessage_1n5tb","hint":"checkbox-group__hint_1n5tb","hiddenInput":"checkbox-group__hiddenInput_1n5tb"};
 require('./index.css');
 
-const BaseCheckboxGroup = ({ children, className, direction = 'vertical', label, error, hint, onChange, onBlur, onFocus, type = 'checkbox', dataTestId, disabled = false, styles, }) => {
+const BaseCheckboxGroup = forwardRef(({ children, className, direction = 'vertical', label, error, hint, onChange, onBlur, onFocus, type = 'checkbox', dataTestId, disabled = false, styles, }, ref) => {
     const renderCheckbox = (child) => {
         const { name, checked, className: childClassName } = child.props;
         const handleChange = (event) => {
@@ -34,18 +34,20 @@ const BaseCheckboxGroup = ({ children, className, direction = 'vertical', label,
             React.createElement("input", { type: 'checkbox', autoComplete: 'off', onChange: handleChange, disabled: disabled || child.props.disabled, checked: checked, className: commonStyles.hiddenInput, tabIndex: -1 })));
     };
     const errorMessage = typeof error === 'boolean' ? '' : error;
-    return (React.createElement("div", { className: cn(commonStyles.component, commonStyles[type], commonStyles[direction], { [commonStyles.error]: error }, className), "data-test-id": dataTestId },
-        label ? React.createElement("span", { className: cn(commonStyles.label, styles.label) }, label) : null,
+    return (React.createElement("div", { ref: ref, className: cn(commonStyles.component, commonStyles[type], commonStyles[direction], { [commonStyles.error]: error }, className), "data-test-id": dataTestId },
+        label ? (React.createElement("span", { className: cn(commonStyles.label, styles.label) }, label)) : null,
         children ? (React.createElement("div", { className: cn(commonStyles.checkboxList, {
                 [styles.checkboxList]: type === 'checkbox',
             }), onBlur: onBlur, onFocus: onFocus }, Children.map(children, (child) => {
             if (isValidElement(child)) {
-                return type === 'checkbox' ? renderCheckbox(child) : renderTag(child);
+                return type === 'checkbox'
+                    ? renderCheckbox(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))));
-};
+});
 
 export { BaseCheckboxGroup };

package/checkbox-group/moderncssm/components/base-checkbox-group/Component.d.ts

@@ -1,4 +1,6 @@
-import { ChangeEvent, FC, FocusEvent, MouseEvent, ReactNode } from 'react';
+/// <reference types="react" />
+import React from 'react';
+import { ChangeEvent, FocusEvent, MouseEvent, ReactNode } from "react";
 type Direction = 'horizontal' | 'vertical';
 type CheckboxGroupType = 'checkbox' | 'tag';
 type BaseCheckboxGroupProps = {
@@ -60,5 +62,5 @@ type BaseCheckboxGroupProps = {
         [key: string]: string;
     };
 };
-declare const BaseCheckboxGroup: FC<BaseCheckboxGroupProps>;
+declare const BaseCheckboxGroup: React.ForwardRefExoticComponent<BaseCheckboxGroupProps & React.RefAttributes<HTMLDivElement>>;
 export { Direction, CheckboxGroupType, BaseCheckboxGroupProps, BaseCheckboxGroup };

package/checkbox-group/moderncssm/components/base-checkbox-group/Component.js

@@ -1,8 +1,8 @@
-import React, { Children, isValidElement, cloneElement } from 'react';
+import React, { forwardRef, Children, isValidElement, cloneElement } from 'react';
 import cn from 'classnames';
 import commonStyles from './index.module.css';
 
-const BaseCheckboxGroup = ({ children, className, direction = 'vertical', label, error, hint, onChange, onBlur, onFocus, type = 'checkbox', dataTestId, disabled = false, styles, }) => {
+const BaseCheckboxGroup = forwardRef(({ children, className, direction = 'vertical', label, error, hint, onChange, onBlur, onFocus, type = 'checkbox', dataTestId, disabled = false, styles, }, ref) => {
     const renderCheckbox = (child) => {
         const { name, checked, className: childClassName } = child.props;
         const handleChange = (event) => {
@@ -32,18 +32,20 @@ const BaseCheckboxGroup = ({ children, className, direction = 'vertical', label,
             React.createElement("input", { type: 'checkbox', autoComplete: 'off', onChange: handleChange, disabled: disabled || child.props.disabled, checked: checked, className: commonStyles.hiddenInput, tabIndex: -1 })));
     };
     const errorMessage = typeof error === 'boolean' ? '' : error;
-    return (React.createElement("div", { className: cn(commonStyles.component, commonStyles[type], commonStyles[direction], { [commonStyles.error]: error }, className), "data-test-id": dataTestId },
-        label ? React.createElement("span", { className: cn(commonStyles.label, styles.label) }, label) : null,
+    return (React.createElement("div", { ref: ref, className: cn(commonStyles.component, commonStyles[type], commonStyles[direction], { [commonStyles.error]: error }, className), "data-test-id": dataTestId },
+        label ? (React.createElement("span", { className: cn(commonStyles.label, styles.label) }, label)) : null,
         children ? (React.createElement("div", { className: cn(commonStyles.checkboxList, {
                 [styles.checkboxList]: type === 'checkbox',
             }), onBlur: onBlur, onFocus: onFocus }, Children.map(children, (child) => {
             if (isValidElement(child)) {
-                return type === 'checkbox' ? renderCheckbox(child) : renderTag(child);
+                return type === 'checkbox'
+                    ? renderCheckbox(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))));
-};
+});
 
 export { BaseCheckboxGroup };

package/confirmation/components/screens/initial/component.js

@@ -10,7 +10,7 @@ var coreComponentsTypography = require('../../../../typography');
 var hooks = require('@alfalab/hooks');
 var context = require('../../../context.js');
 var components_header_component = require('../../header/component.js');
-var components_screens_initial_countdownSection = require('../../../countdown-section-a0ef9e36.js');
+var components_screens_initial_countdownSection = require('../../../countdown-section-4b769e3d.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/confirmation/components/screens/initial/countdown-section.js

@@ -7,7 +7,7 @@ require('../../../../spinner');
 require('../../../../typography');
 require('../../../context.js');
 require('../../../utils.js');
-var components_screens_initial_countdownSection = require('../../../countdown-section-a0ef9e36.js');
+var components_screens_initial_countdownSection = require('../../../countdown-section-4b769e3d.js');
 
 
 

package/confirmation/esm/component.responsive.js

@@ -16,7 +16,7 @@ import '../../code-input/esm/mobile';
 import '../../link/esm';
 import '../../typography/esm';
 import './components/header/component.js';
-import './countdown-section-2f6f8adb.js';
+import './countdown-section-8cccd867.js';
 import '../../button/esm';
 import '../../spinner/esm';
 import './components/screens/hint/component.js';

package/confirmation/esm/components/base-confirmation/component.js

@@ -15,7 +15,7 @@ import '../../../../code-input/esm/mobile';
 import '../../../../link/esm';
 import '../../../../typography/esm';
 import '../header/component.js';
-import '../../countdown-section-2f6f8adb.js';
+import '../../countdown-section-8cccd867.js';
 import '../../../../button/esm';
 import '../../../../spinner/esm';
 import '../countdown-loader/component.js';

package/confirmation/esm/components/base-confirmation/index.js

@@ -13,7 +13,7 @@ import '../../../../code-input/esm/mobile';
 import '../../../../link/esm';
 import '../../../../typography/esm';
 import '../header/component.js';
-import '../../countdown-section-2f6f8adb.js';
+import '../../countdown-section-8cccd867.js';
 import '../../../../button/esm';
 import '../../../../spinner/esm';
 import '../screens/hint/component.js';

package/confirmation/esm/components/index.js

@@ -14,6 +14,6 @@ import '@alfalab/hooks';
 import '../context.js';
 import '../utils.js';
 import './header/component.js';
-import '../countdown-section-2f6f8adb.js';
+import '../countdown-section-8cccd867.js';
 import '../../../button/esm';
 import '../../../spinner/esm';

package/confirmation/esm/components/screens/index.js

@@ -13,7 +13,7 @@ import '@alfalab/hooks';
 import '../../context.js';
 import '../../utils.js';
 import '../header/component.js';
-import '../../countdown-section-2f6f8adb.js';
+import '../../countdown-section-8cccd867.js';
 import '../../../../button/esm';
 import '../../../../spinner/esm';
 import '../countdown-loader/component.js';

package/confirmation/esm/components/screens/initial/component.js

@@ -8,7 +8,7 @@ import { Text } from '../../../../../typography/esm';
 import { usePrevious, useLayoutEffect_SAFE_FOR_SSR } from '@alfalab/hooks';
 import { ConfirmationContext } from '../../../context.js';
 import { Header } from '../../header/component.js';
-import { s as styles, C as CountdownSection } from '../../../countdown-section-2f6f8adb.js';
+import { s as styles, C as CountdownSection } from '../../../countdown-section-8cccd867.js';
 import '../../../utils.js';
 import '../../../../../button/esm';
 import '../../../../../spinner/esm';

package/confirmation/esm/components/screens/initial/countdown-section.js

@@ -4,5 +4,5 @@ import '../../../../../button/esm';
 import '../../../../../spinner/esm';
 import '../../../../../typography/esm';
 import '../../../context.js';
-export { C as CountdownSection } from '../../../countdown-section-2f6f8adb.js';
+export { C as CountdownSection } from '../../../countdown-section-8cccd867.js';
 import '../../../utils.js';

package/confirmation/esm/components/screens/initial/index.js

@@ -10,6 +10,6 @@ import '@alfalab/hooks';
 import '../../../context.js';
 import '../../../utils.js';
 import '../../header/component.js';
-import '../../../countdown-section-2f6f8adb.js';
+import '../../../countdown-section-8cccd867.js';
 import '../../../../../button/esm';
 import '../../../../../spinner/esm';

package/confirmation/esm/desktop/component.desktop.js

@@ -13,7 +13,7 @@ import '../../../code-input/esm/mobile';
 import '../../../link/esm';
 import '../../../typography/esm';
 import '../components/header/component.js';
-import '../countdown-section-2f6f8adb.js';
+import '../countdown-section-8cccd867.js';
 import '../../../button/esm';
 import '../../../spinner/esm';
 import '../components/screens/hint/component.js';

package/confirmation/esm/desktop/index.js

@@ -14,7 +14,7 @@ import '../../../code-input/esm/mobile';
 import '../../../link/esm';
 import '../../../typography/esm';
 import '../components/header/component.js';
-import '../countdown-section-2f6f8adb.js';
+import '../countdown-section-8cccd867.js';
 import '../../../button/esm';
 import '../../../spinner/esm';
 import '../components/screens/hint/component.js';

package/confirmation/esm/index.js

@@ -16,7 +16,7 @@ import '../../code-input/esm/mobile';
 import '../../link/esm';
 import '../../typography/esm';
 import './components/header/component.js';
-import './countdown-section-2f6f8adb.js';
+import './countdown-section-8cccd867.js';
 import '../../button/esm';
 import '../../spinner/esm';
 import './components/screens/hint/component.js';

package/confirmation/esm/mobile/component.mobile.js

@@ -13,7 +13,7 @@ import '../../../code-input/esm/mobile';
 import '../../../link/esm';
 import '../../../typography/esm';
 import '../components/header/component.js';
-import '../countdown-section-2f6f8adb.js';
+import '../countdown-section-8cccd867.js';
 import '../../../button/esm';
 import '../../../spinner/esm';
 import '../components/screens/hint/component.js';

package/confirmation/esm/mobile/index.js

@@ -14,7 +14,7 @@ import '../../../code-input/esm/mobile';
 import '../../../link/esm';
 import '../../../typography/esm';
 import '../components/header/component.js';
-import '../countdown-section-2f6f8adb.js';
+import '../countdown-section-8cccd867.js';
 import '../../../button/esm';
 import '../../../spinner/esm';
 import '../components/screens/hint/component.js';

package/confirmation/esm/shared/index.js

@@ -15,6 +15,6 @@ import '../../../link/esm';
 import '../../../typography/esm';
 import '@alfalab/hooks';
 import '../components/header/component.js';
-import '../countdown-section-2f6f8adb.js';
+import '../countdown-section-8cccd867.js';
 import '../../../button/esm';
 import '../../../spinner/esm';