@itcase/ui 1.8.116 → 1.8.118

package/dist/cjs/components/Response.js

@@ -9,8 +9,8 @@ var urlWithAssetPrefix = require('../hoc/urlWithAssetPrefix.js');
 var useAppearanceConfig = require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('../hooks/useStyles/useStyles.js');
-var Button = require('../../Button_cjs_B2eZhvoC.js');
-var Group = require('../../Group_cjs_BxBk5T7A.js');
+var Button = require('../../Button_cjs_CvczxroQ.js');
+var Group = require('../../Group_cjs_CsJ6ICKK.js');
 var Text = require('../../Text_cjs_0EINiUq4.js');
 require('@itcase/common');
 require('../context/UrlAssetPrefix.js');
@@ -26,7 +26,7 @@ require('../utils/setViewportProperty.js');
 require('../hooks.js');
 require('../hooks/useStyles/styleAttributes.js');
 require('lodash/maxBy');
-require('../../Icon_cjs_D-UNVTqI.js');
+require('../../Icon_cjs_CUArL1z2.js');
 require('react-inlinesvg');
 require('../../Link_cjs_C5UsZUiF.js');
 require('../../Loader_cjs_Cme6Hi0B.js');
@@ -212,7 +212,7 @@ var Response = urlWithAssetPrefix.urlWithAssetPrefix(function Response(props) {
     }, [imageSrc, svgSrc, SvgImage, width, height, svgFillClass]);
     // @ts-expect-error
     var _a = useStyles.useStyles(props), responseStyles = _a.styles, wrapperStyles = _a.wrapper;
-    return (jsxRuntime.jsxs("div", { dataTestId: dataTestId, dataTour: dataTour, className: clsx(className, 'response', fillClass && "fill_".concat(fillClass), fillHoverClass && "fill_hover_".concat(fillHoverClass), shapeClass && "shape_".concat(shapeClass), shapeStrengthClass && "shape-strength_".concat(shapeStrengthClass), widthClass && "width_".concat(widthClass), borderColorClass && "border-color_".concat(borderColorClass), borderColorHoverClass && "border-color_hover_".concat(borderColorHoverClass), borderWidthClass && "border-width_".concat(borderWidthClass), borderTypeClass && "border_type_".concat(borderTypeClass), isSkeleton && "response_skeleton"), style: responseStyles, children: [before, jsxRuntime.jsxs("div", { className: "response__wrapper", style: wrapperStyles, children: [ImageComponent && (jsxRuntime.jsx("div", { className: clsx('response__image', svgFillClass && "svg_fill_".concat(svgFillClass), svgPathFillClass && "svg_path_fill_".concat(svgPathFillClass)), children: ImageComponent })), jsxRuntime.jsxs("div", { className: "response__wrapper-inner", children: [title && (jsxRuntime.jsx(Text.Text, { className: "response__title", size: titleTextSize, textColor: titleTextColor, textWeight: titleTextWeight, children: title })), desc && (jsxRuntime.jsx(Text.Text, { className: "response__desc", size: descTextSize, textColor: descTextColor, textWeight: descTextWeight, children: desc }))] })] }), (primaryButtonLabel ||
+    return (jsxRuntime.jsxs("div", { className: clsx(className, 'response', fillClass && "fill_".concat(fillClass), fillHoverClass && "fill_hover_".concat(fillHoverClass), shapeClass && "shape_".concat(shapeClass), shapeStrengthClass && "shape-strength_".concat(shapeStrengthClass), widthClass && "width_".concat(widthClass), borderColorClass && "border-color_".concat(borderColorClass), borderColorHoverClass && "border-color_hover_".concat(borderColorHoverClass), borderWidthClass && "border-width_".concat(borderWidthClass), borderTypeClass && "border_type_".concat(borderTypeClass), isSkeleton && "response_skeleton"), "data-test-id": dataTestId, "data-tour": dataTour, style: responseStyles, children: [before, jsxRuntime.jsxs("div", { className: "response__wrapper", style: wrapperStyles, children: [ImageComponent && (jsxRuntime.jsx("div", { className: clsx('response__image', svgFillClass && "svg_fill_".concat(svgFillClass), svgPathFillClass && "svg_path_fill_".concat(svgPathFillClass)), children: ImageComponent })), jsxRuntime.jsxs("div", { className: "response__wrapper-inner", children: [title && (jsxRuntime.jsx(Text.Text, { className: "response__title", size: titleTextSize, textColor: titleTextColor, textWeight: titleTextWeight, children: title })), desc && (jsxRuntime.jsx(Text.Text, { className: "response__desc", size: descTextSize, textColor: descTextColor, textWeight: descTextWeight, children: desc }))] })] }), (primaryButtonLabel ||
                 primaryButton ||
                 secondaryButtonLabel ||
                 secondaryButton ||

package/dist/cjs/components/Search.js

@@ -8,7 +8,7 @@ var clsx = require('clsx');
 var useAppearanceConfig = require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('../hooks/useStyles/useStyles.js');
-var Icon = require('../../Icon_cjs_D-UNVTqI.js');
+var Icon = require('../../Icon_cjs_CUArL1z2.js');
 var Text = require('../../Text_cjs_0EINiUq4.js');
 var Scrollbar = require('../../Scrollbar_cjs_DcKOfcNp.js');
 require('lodash/camelCase');

package/dist/cjs/components/Segmented.js

@@ -3,7 +3,7 @@
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var clsx = require('clsx');
-var Icon = require('../../Icon_cjs_D-UNVTqI.js');
+var Icon = require('../../Icon_cjs_CUArL1z2.js');
 var useAppearanceConfig = require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var Text = require('../../Text_cjs_0EINiUq4.js');
@@ -212,7 +212,7 @@ var segmentedConfig = {
         segmentedConfig.appearance = appearanceConfig;
     },
 };
-var Segmented = React.forwardRef(function (props) {
+var Segmented = function (props) {
     var className = props.className, name = props.name, appearance = props.appearance, isDisabled = props.isDisabled, _a = props.activeSegment, activeSegment = _a === void 0 ? {} : _a, segments = props.segments, isDisabled = props.isDisabled, setActiveSegment = props.setActiveSegment, isSkeleton = props.isSkeleton, onChange = props.onChange;
     var controlRef = React.useRef(null);
     var segmentsRefs = React.useMemo(function () {
@@ -253,7 +253,7 @@ var Segmented = React.forwardRef(function (props) {
                                             ? item.iconAfterActive || item.iconAfter
                                             : item.iconAfter, isActive: isActive })) : null] }) }, "".concat(name, "-").concat(item.value)));
                     }), jsxRuntime.jsx("div", { className: clsx('segmented__indicator', indicatorFillClass && "fill_".concat(indicatorFillClass)) })] }) }) }));
-});
+};
 
 exports.Segmented = Segmented;
 exports.segmentedAppearance = segmentedAppearance;

package/dist/cjs/components/Select.js

@@ -3,11 +3,11 @@
 var tslib_es6 = require('../../tslib.es6_cjs_CCZ3TN_7.js');
 var jsxRuntime = require('react/jsx-runtime');
 var Select = require('react-select');
-var Icon = require('../../Icon_cjs_D-UNVTqI.js');
+var Icon = require('../../Icon_cjs_CUArL1z2.js');
 var React = require('react');
 var clsx = require('clsx');
 var CreatableSelect = require('react-select/creatable');
-var Group = require('../../Group_cjs_BxBk5T7A.js');
+var Group = require('../../Group_cjs_CsJ6ICKK.js');
 var Text = require('../../Text_cjs_0EINiUq4.js');
 var useAppearanceConfig = require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');

package/dist/cjs/components/Swiper.js

@@ -6,7 +6,7 @@ var clsx = require('clsx');
 var react = require('swiper/react');
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('../hooks/useStyles/useStyles.js');
-var Icon = require('../../Icon_cjs_D-UNVTqI.js');
+var Icon = require('../../Icon_cjs_CUArL1z2.js');
 require('../../tslib.es6_cjs_CCZ3TN_7.js');
 require('lodash/camelCase');
 require('lodash/castArray');

package/dist/cjs/components/Tab.js

@@ -7,7 +7,7 @@ var useActiveClasses = require('../hooks/useActiveClasses/useActiveClasses.js');
 var useAppearanceConfig = require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('../hooks/useStyles/useStyles.js');
-var Icon = require('../../Icon_cjs_D-UNVTqI.js');
+var Icon = require('../../Icon_cjs_CUArL1z2.js');
 var Divider = require('../../Divider_cjs_DUYtmwn2.js');
 var Link = require('../../Link_cjs_C5UsZUiF.js');
 var Text = require('../../Text_cjs_0EINiUq4.js');

package/dist/cjs/components/Tile.js

@@ -5,7 +5,7 @@ var clsx = require('clsx');
 var useAppearanceConfig = require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('../hooks/useStyles/useStyles.js');
-var Icon = require('../../Icon_cjs_D-UNVTqI.js');
+var Icon = require('../../Icon_cjs_CUArL1z2.js');
 var Text = require('../../Text_cjs_0EINiUq4.js');
 var tslib_es6 = require('../../tslib.es6_cjs_CCZ3TN_7.js');
 require('react');
@@ -120,37 +120,33 @@ var tileAppearanceStyle = {
 var tileAppearanceSurface = {
     surfacePrimary: {
         fill: 'surfacePrimary',
-        fillHover: 'surfacePrimaryHover',
         titleTextColor: 'surfaceTextPrimary',
         descTextColor: 'surfaceTextPrimary',
-        borderColor: 'surfaceBorderPrimary',
+        borderColor: 'surfaceBorderTertiary',
         badgeAppearance: 'accentPrimary',
         iconFillIcon: 'surfaceItemPrimary',
     },
     surfaceSecondary: {
         fill: 'surfaceSecondary',
-        fillHover: 'surfaceSecondaryHover',
         titleTextColor: 'surfaceTextPrimary',
         descTextColor: 'surfaceTextPrimary',
-        borderColor: 'surfaceBorderPrimary',
+        borderColor: 'surfaceBorderTertiary',
         badgeAppearance: 'accentPrimary',
         iconFillIcon: 'surfaceItemPrimary',
     },
     surfaceTertiary: {
         fill: 'surfaceTertiary',
-        fillHover: 'surfaceTertiaryHover',
         titleTextColor: 'surfaceTextPrimary',
         descTextColor: 'surfaceTextPrimary',
-        borderColor: 'surfaceBorderPrimary',
+        borderColor: 'surfaceBorderTertiary',
         badgeAppearance: 'accentPrimary',
         iconFillIcon: 'surfaceItemPrimary',
     },
     surfaceQuaternary: {
         fill: 'surfaceQuaternary',
-        fillHover: 'surfaceQuaternaryHover',
         titleTextColor: 'surfaceTextPrimary',
         descTextColor: 'surfaceTextPrimary',
-        borderColor: 'surfaceBorderPrimary',
+        borderColor: 'surfaceBorderTertiary',
         badgeAppearance: 'accentPrimary',
         iconFillIcon: 'surfaceItemPrimary',
     },

package/dist/cjs/components/Title.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Icon = require('../../Icon_cjs_D-UNVTqI.js');
+var Icon = require('../../Icon_cjs_CUArL1z2.js');
 require('../../tslib.es6_cjs_CCZ3TN_7.js');
 require('react/jsx-runtime');
 require('react');

package/dist/cjs/components/Tooltip.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Icon = require('../../Icon_cjs_D-UNVTqI.js');
+var Icon = require('../../Icon_cjs_CUArL1z2.js');
 require('../../tslib.es6_cjs_CCZ3TN_7.js');
 require('react/jsx-runtime');
 require('react');

package/dist/cjs/components/Warning.js

@@ -3,7 +3,7 @@
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var clsx = require('clsx');
-var Icon = require('../../Icon_cjs_D-UNVTqI.js');
+var Icon = require('../../Icon_cjs_CUArL1z2.js');
 var Text = require('../../Text_cjs_0EINiUq4.js');
 var useAppearanceConfig = require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');

package/dist/components/Accordion.js

@@ -6,7 +6,7 @@ import castArray from 'lodash/castArray';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from '../hooks/useStyles/useStyles.js';
 import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
-import { B as Badge, I as Icon } from '../Icon_es_Cstv1LFr.js';
+import { B as Badge, I as Icon } from '../Icon_es_CNrc90oI.js';
 import { D as Divider } from '../Divider_es_CCLBFIx6.js';
 import { T as Text } from '../Text_es_CwV9rjFD.js';
 import { icons16 } from '@itcase/icons/default';

package/dist/components/Avatar.js

@@ -1,4 +1,4 @@
-export { A as Avatar, b as avatarAppearance, a as avatarConfig } from '../Avatar_es__NA_FQGM.js';
+export { A as Avatar, b as avatarAppearance, a as avatarConfig } from '../Avatar_es_Cpn1PNmO.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'clsx';
@@ -17,7 +17,7 @@ import 'react-responsive';
 import '../utils/setViewportProperty.js';
 import '../hooks.js';
 import '../hooks/useStyles/styleAttributes.js';
-import '../Icon_es_Cstv1LFr.js';
+import '../Icon_es_CNrc90oI.js';
 import 'react-inlinesvg';
 import '../hoc/urlWithAssetPrefix.js';
 import '../context/UrlAssetPrefix.js';

package/dist/components/AvatarStack.js

@@ -3,8 +3,8 @@ import clsx from 'clsx';
 import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from '../hooks/useStyles/useStyles.js';
-import { A as Avatar } from '../Avatar_es__NA_FQGM.js';
-import { G as Group } from '../Group_es_DIfmrMSM.js';
+import { A as Avatar } from '../Avatar_es_Cpn1PNmO.js';
+import { G as Group } from '../Group_es_DRqIIM9m.js';
 import { T as Text } from '../Text_es_CwV9rjFD.js';
 import { _ as __assign } from '../tslib.es6_es_Bwu1Cn-t.js';
 import 'react';
@@ -21,7 +21,7 @@ import '../utils/setViewportProperty.js';
 import '../hooks.js';
 import '../hooks/useStyles/styleAttributes.js';
 import 'lodash/maxBy';
-import '../Icon_es_Cstv1LFr.js';
+import '../Icon_es_CNrc90oI.js';
 import 'react-inlinesvg';
 import '../hoc/urlWithAssetPrefix.js';
 import '../context/UrlAssetPrefix.js';

package/dist/components/Badge.js

@@ -1,4 +1,4 @@
-export { B as Badge, f as badgeAppearance, g as badgeConfig } from '../Icon_es_Cstv1LFr.js';
+export { B as Badge, f as badgeAppearance, g as badgeConfig } from '../Icon_es_CNrc90oI.js';
 import '../tslib.es6_es_Bwu1Cn-t.js';
 import 'react/jsx-runtime';
 import 'react';

package/dist/components/Breadcrumbs.js

@@ -4,7 +4,7 @@ import clsx from 'clsx';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from '../hooks/useStyles/useStyles.js';
 import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
-import { I as Icon } from '../Icon_es_Cstv1LFr.js';
+import { I as Icon } from '../Icon_es_CNrc90oI.js';
 import { a as LinkWrapper } from '../Link_es_XiqbdwLp.js';
 import { T as Text } from '../Text_es_CwV9rjFD.js';
 import { _ as __assign } from '../tslib.es6_es_Bwu1Cn-t.js';

package/dist/components/Button.js

@@ -1,8 +1,8 @@
-export { B as Button, a as buttonAppearance, b as buttonConfig } from '../Button_es_C8qinRU4.js';
+export { B as Button, a as buttonAppearance, b as buttonConfig } from '../Button_es_BmbsQu5F.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'clsx';
-import '../Icon_es_Cstv1LFr.js';
+import '../Icon_es_CNrc90oI.js';
 import '../tslib.es6_es_Bwu1Cn-t.js';
 import 'react-inlinesvg';
 import '../hoc/urlWithAssetPrefix.js';

package/dist/components/Cell.js

@@ -3,8 +3,8 @@ import clsx from 'clsx';
 import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from '../hooks/useStyles/useStyles.js';
-import { I as Icon } from '../Icon_es_Cstv1LFr.js';
-import { L as Label } from '../Label_es_C4Icioi8.js';
+import { I as Icon } from '../Icon_es_CNrc90oI.js';
+import { L as Label } from '../Label_es_I01RN9hv.js';
 import { T as Text } from '../Text_es_CwV9rjFD.js';
 import { _ as __assign } from '../tslib.es6_es_Bwu1Cn-t.js';
 import 'react';

package/dist/components/Chips.js

@@ -1,4 +1,4 @@
-export { C as Chips, b as ChipsGroup, a as chipsAppearance, c as chipsConfig } from '../ChipsGroup_es_Dj0Lu5zm.js';
+export { C as Chips, b as ChipsGroup, a as chipsAppearance, c as chipsConfig } from '../ChipsGroup_es_Dg1GmJ-9.js';
 import 'react/jsx-runtime';
 import 'clsx';
 import '../hooks/useAppearanceConfig/useAppearanceConfig.js';
@@ -19,7 +19,7 @@ import '../hooks.js';
 import '../hooks/useStyles/styleAttributes.js';
 import '../hooks/useStyles/useStyles.js';
 import 'lodash/maxBy';
-import '../Icon_es_Cstv1LFr.js';
+import '../Icon_es_CNrc90oI.js';
 import 'react-inlinesvg';
 import '../hoc/urlWithAssetPrefix.js';
 import '../context/UrlAssetPrefix.js';

package/dist/components/Choice.js

@@ -4,7 +4,7 @@ import clsx from 'clsx';
 import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from '../hooks/useStyles/useStyles.js';
-import { I as Icon } from '../Icon_es_Cstv1LFr.js';
+import { I as Icon } from '../Icon_es_CNrc90oI.js';
 import { L as Loader } from '../Loader_es_ByhTIMxS.js';
 import { T as Text } from '../Text_es_CwV9rjFD.js';
 import { _ as __assign } from '../tslib.es6_es_Bwu1Cn-t.js';

package/dist/components/CookiesWarning.js

@@ -4,7 +4,7 @@ import clsx from 'clsx';
 import Cookies from 'js-cookie';
 import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
-import { B as Button } from '../Button_es_C8qinRU4.js';
+import { B as Button } from '../Button_es_BmbsQu5F.js';
 import { T as Text } from '../Text_es_CwV9rjFD.js';
 import { _ as __assign } from '../tslib.es6_es_Bwu1Cn-t.js';
 import 'lodash/camelCase';
@@ -19,7 +19,7 @@ import 'react-responsive';
 import '../utils/setViewportProperty.js';
 import '../hooks.js';
 import '../hooks/useStyles/styleAttributes.js';
-import '../Icon_es_Cstv1LFr.js';
+import '../Icon_es_CNrc90oI.js';
 import 'react-inlinesvg';
 import '../hoc/urlWithAssetPrefix.js';
 import '../context/UrlAssetPrefix.js';

package/dist/components/Dadata.js

@@ -3,7 +3,7 @@ import { jsx } from 'react/jsx-runtime';
 import { useMemo } from 'react';
 import clsx from 'clsx';
 import { PartySuggestions } from 'react-dadata';
-import { I as Input } from '../Input_es_CHuhHbMo.js';
+import { I as Input } from '../Input_es_CiDHjDqJ.js';
 import '../hooks/useAppearanceConfig/useAppearanceConfig.js';
 import '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import 'lodash/camelCase';

package/dist/components/DatePeriod.js

@@ -2,10 +2,10 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import { useCallback } from 'react';
 import clsx from 'clsx';
 import { DATE_PERIOD_INTERVALS } from '@itcase/common';
-import { D as DatePickerInput } from '../DatePicker_es_B6WjNDiN.js';
+import { D as DatePickerInput } from '../DatePicker_es_lMIvYFM6.js';
 import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
-import { b as ChipsGroup, C as Chips } from '../ChipsGroup_es_Dj0Lu5zm.js';
+import { b as ChipsGroup, C as Chips } from '../ChipsGroup_es_Dg1GmJ-9.js';
 import { _ as __assign } from '../tslib.es6_es_Bwu1Cn-t.js';
 import 'date-fns/locale';
 import 'react-datepicker';
@@ -21,16 +21,16 @@ import 'react-responsive';
 import '../utils/setViewportProperty.js';
 import '../hooks.js';
 import '../hooks/useStyles/styleAttributes.js';
-import '../Button_es_C8qinRU4.js';
-import '../Icon_es_Cstv1LFr.js';
+import '../Button_es_BmbsQu5F.js';
+import '../Icon_es_CNrc90oI.js';
 import 'react-inlinesvg';
 import '../hoc/urlWithAssetPrefix.js';
 import '../context/UrlAssetPrefix.js';
 import '../Link_es_XiqbdwLp.js';
 import '../Text_es_CwV9rjFD.js';
 import '../Loader_es_ByhTIMxS.js';
-import '../Input_es_CHuhHbMo.js';
-import '../Label_es_C4Icioi8.js';
+import '../Input_es_CiDHjDqJ.js';
+import '../Label_es_I01RN9hv.js';
 import '@itcase/icons/default';
 import 'lodash/castArray';
 

package/dist/components/DatePicker.js

@@ -1,4 +1,4 @@
-export { D as DatePickerInput, a as datePickerAppearance, d as datePickerConfig } from '../DatePicker_es_B6WjNDiN.js';
+export { D as DatePickerInput, a as datePickerAppearance, d as datePickerConfig } from '../DatePicker_es_lMIvYFM6.js';
 import '../tslib.es6_es_Bwu1Cn-t.js';
 import 'react/jsx-runtime';
 import 'react';
@@ -21,14 +21,14 @@ import '../hooks.js';
 import '../hooks/useStyles/styleAttributes.js';
 import '../hooks/useStyles/useStyles.js';
 import 'lodash/maxBy';
-import '../Button_es_C8qinRU4.js';
-import '../Icon_es_Cstv1LFr.js';
+import '../Button_es_BmbsQu5F.js';
+import '../Icon_es_CNrc90oI.js';
 import 'react-inlinesvg';
 import '../hoc/urlWithAssetPrefix.js';
 import '../context/UrlAssetPrefix.js';
 import '../Link_es_XiqbdwLp.js';
 import '../Text_es_CwV9rjFD.js';
 import '../Loader_es_ByhTIMxS.js';
-import '../Input_es_CHuhHbMo.js';
-import '../Label_es_C4Icioi8.js';
+import '../Input_es_CiDHjDqJ.js';
+import '../Label_es_I01RN9hv.js';
 import '@itcase/icons/default';

package/dist/components/Drawer.js

@@ -3,7 +3,7 @@ import { useRef, useEffect } from 'react';
 import clsx from 'clsx';
 import ReactDrawer from 'react-modern-drawer';
 import { D as Divider } from '../Divider_es_CCLBFIx6.js';
-import { I as Icon, b as Title } from '../Icon_es_Cstv1LFr.js';
+import { I as Icon, b as Title } from '../Icon_es_CNrc90oI.js';
 import { T as Text } from '../Text_es_CwV9rjFD.js';
 import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';

package/dist/components/Dropdown.js

@@ -1,4 +1,4 @@
-export { D as Dropdown, a as DropdownItem, d as dropdownItemAppearance, b as dropdownItemConfig } from '../DropdownItem_es_uFi08Joi.js';
+export { D as Dropdown, a as DropdownItem, d as dropdownItemAppearance, b as dropdownItemConfig } from '../DropdownItem_es_BUs02mjJ.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'clsx';
@@ -18,7 +18,7 @@ import '../hooks.js';
 import '../hooks/useStyles/styleAttributes.js';
 import '../hooks/useStyles/useStyles.js';
 import 'lodash/maxBy';
-import '../Icon_es_Cstv1LFr.js';
+import '../Icon_es_CNrc90oI.js';
 import 'react-inlinesvg';
 import '../hoc/urlWithAssetPrefix.js';
 import '../context/UrlAssetPrefix.js';

package/dist/components/Flex.js

@@ -24,7 +24,7 @@ function Flex(props) {
     var directionClass = propsGenerator.directionClass, justifyContentClass = propsGenerator.justifyContentClass, alignContentClass = propsGenerator.alignContentClass, alignItemsClass = propsGenerator.alignItemsClass, fillClass = propsGenerator.fillClass, borderColorClass = propsGenerator.borderColorClass, borderTypeClass = propsGenerator.borderTypeClass, dataTestId = propsGenerator.dataTestId, dataTour = propsGenerator.dataTour, flowClass = propsGenerator.flowClass, positionClass = propsGenerator.positionClass, shapeClass = propsGenerator.shapeClass, widthClass = propsGenerator.widthClass, wrapClass = propsGenerator.wrapClass;
     // @ts-expect-error
     var _b = useStyles(props), flexStyles = _b.styles, flexWrapperStyles = _b.wrapper;
-    return (jsx(Tag, { id: id, className: clsx(className, 'flex', widthClass && "width_".concat(widthClass), alignContentClass && "flex_align-content_".concat(alignContentClass), alignItemsClass && "flex_align-items_".concat(alignItemsClass), directionClass && "flex_direction_".concat(directionClass), fillClass && "fill_".concat(fillClass), flowClass && "flex_flow_".concat(flowClass), borderColorClass && "border-color_".concat(borderColorClass), borderTypeClass && "border_type_".concat(borderTypeClass), positionClass && "position_".concat(positionClass), justifyContentClass && "flex_justify-content_".concat(justifyContentClass), shapeClass && "flex_shape_".concat(shapeClass), type && "flex_type_".concat(type), wrapClass && "flex_wrap_".concat(wrapClass)), dataTestId: dataTestId, dataTour: dataTour, style: Object.assign({}, flexStyles, style), onClick: onClick, children: jsx("div", { className: "flex__wrapper", style: flexWrapperStyles, children: children }) }));
+    return (jsx(Tag, { id: id, className: clsx(className, 'flex', widthClass && "width_".concat(widthClass), alignContentClass && "flex_align-content_".concat(alignContentClass), alignItemsClass && "flex_align-items_".concat(alignItemsClass), directionClass && "flex_direction_".concat(directionClass), fillClass && "fill_".concat(fillClass), flowClass && "flex_flow_".concat(flowClass), borderColorClass && "border-color_".concat(borderColorClass), borderTypeClass && "border_type_".concat(borderTypeClass), positionClass && "position_".concat(positionClass), justifyContentClass && "flex_justify-content_".concat(justifyContentClass), shapeClass && "flex_shape_".concat(shapeClass), type && "flex_type_".concat(type), wrapClass && "flex_wrap_".concat(wrapClass)), "data-test-id": dataTestId, "data-tour": dataTour, style: Object.assign({}, flexStyles, style), onClick: onClick, children: jsx("div", { className: "flex__wrapper", style: flexWrapperStyles, children: children }) }));
 }
 
 function FlexItem(props) {
@@ -34,7 +34,7 @@ function FlexItem(props) {
     // @ts-expect-error
     var flexItemStyles = useStyles(props).styles;
     return (jsx(Tag, { className: clsx(className, 'flex__item', positionClass && "position_".concat(positionClass), alignItemsClass && "flex__item_align-items_".concat(alignItemsClass), alignSelfClass && "flex__item_align-self_".concat(alignSelfClass), directionClass && "flex__item_direction_".concat(directionClass), fillClass && "fill_".concat(fillClass), fillHoverClass && "fill_hover_".concat(fillHoverClass), growClass && "flex__item_grow_".concat(growClass), justifyContentClass &&
-            "flex__item_justify-content_".concat(justifyContentClass), shapeClass && "flex__item_shape_".concat(shapeClass), widthClass && "width_".concat(widthClass), wrapClass && "flex__item_wrap_".concat(wrapClass)), dataTestId: dataTestId, dataTour: dataTour, htmlFor: htmlFor, style: Object.assign({}, flexItemStyles, style), children: children }));
+            "flex__item_justify-content_".concat(justifyContentClass), shapeClass && "flex__item_shape_".concat(shapeClass), widthClass && "width_".concat(widthClass), wrapClass && "flex__item_wrap_".concat(wrapClass)), "data-test-id": dataTestId, "data-tour": dataTour, htmlFor: htmlFor, style: Object.assign({}, flexItemStyles, style), children: children }));
 }
 
 export { Flex, FlexItem };

package/dist/components/Grid.js

@@ -33,7 +33,7 @@ function GridItem(props) {
     var directionClass = propsGenerator.directionClass, justifySelfClass = propsGenerator.justifySelfClass, alignSelfClass = propsGenerator.alignSelfClass, fillClass = propsGenerator.fillClass, fillHoverClass = propsGenerator.fillHoverClass, columnEndClass = propsGenerator.columnEndClass, columnGapClass = propsGenerator.columnGapClass, columnSpanClass = propsGenerator.columnSpanClass, columnStartClass = propsGenerator.columnStartClass, dataTestId = propsGenerator.dataTestId, dataTour = propsGenerator.dataTour, gapClass = propsGenerator.gapClass, heightClass = propsGenerator.heightClass, orderClass = propsGenerator.orderClass, rowEndClass = propsGenerator.rowEndClass, rowGapClass = propsGenerator.rowGapClass, rowSpanClass = propsGenerator.rowSpanClass, rowStartClass = propsGenerator.rowStartClass, widthClass = propsGenerator.widthClass;
     // @ts-expect-error
     var gridItemStyles = useStyles(props).styles;
-    return (jsx("div", { id: id, className: clsx(className, 'grid__item', orderClass && "order_".concat(orderClass), fillClass && "fill_".concat(fillClass), fillHoverClass && "fill_hover_".concat(fillHoverClass), alignSelfClass && "grid__item_align-self_".concat(alignSelfClass), justifySelfClass && "grid__item_justify-self_".concat(justifySelfClass), columnStartClass && "grid__item_column-start_".concat(columnStartClass), columnEndClass && "grid__item_column-end_".concat(columnEndClass), columnSpanClass && "grid__item_column-span_".concat(columnSpanClass), rowStartClass && "grid__item_row-start_".concat(rowStartClass), rowEndClass && "grid__item_row-end_".concat(rowEndClass), rowSpanClass && "grid__item_row-span_".concat(rowSpanClass), directionClass && "direction_".concat(directionClass), gapClass && "gap_".concat(gapClass), widthClass && "width_".concat(widthClass), heightClass && "height_".concat(heightClass), rowGapClass && "row-gap_".concat(rowGapClass), columnGapClass && "column-gap_".concat(columnGapClass)), dataTestId: dataTestId, dataTour: dataTour, style: Object.assign({}, gridItemStyles, style), onClick: onClick, children: children }));
+    return (jsx("div", { id: id, className: clsx(className, 'grid__item', orderClass && "order_".concat(orderClass), fillClass && "fill_".concat(fillClass), fillHoverClass && "fill_hover_".concat(fillHoverClass), alignSelfClass && "grid__item_align-self_".concat(alignSelfClass), justifySelfClass && "grid__item_justify-self_".concat(justifySelfClass), columnStartClass && "grid__item_column-start_".concat(columnStartClass), columnEndClass && "grid__item_column-end_".concat(columnEndClass), columnSpanClass && "grid__item_column-span_".concat(columnSpanClass), rowStartClass && "grid__item_row-start_".concat(rowStartClass), rowEndClass && "grid__item_row-end_".concat(rowEndClass), rowSpanClass && "grid__item_row-span_".concat(rowSpanClass), directionClass && "direction_".concat(directionClass), gapClass && "gap_".concat(gapClass), widthClass && "width_".concat(widthClass), heightClass && "height_".concat(heightClass), rowGapClass && "row-gap_".concat(rowGapClass), columnGapClass && "column-gap_".concat(columnGapClass)), "data-test-id": dataTestId, "data-tour": dataTour, style: Object.assign({}, gridItemStyles, style), onClick: onClick, children: children }));
 }
 
 function GridRow(props) {
@@ -42,7 +42,7 @@ function GridRow(props) {
     var fillClass = propsGenerator.fillClass, fillHoverClass = propsGenerator.fillHoverClass, borderColorClass = propsGenerator.borderColorClass, heightClass = propsGenerator.heightClass, widthClass = propsGenerator.widthClass;
     // @ts-expect-error
     var gridRowStyles = useStyles(props).styles;
-    return (jsx(Tag, { id: id, className: clsx(className, 'grid__row', widthClass && "width_".concat(widthClass), heightClass && "height_".concat(heightClass), fillClass && "fill_".concat(fillClass), fillHoverClass && "fill_hover_".concat(fillHoverClass), borderColorClass && "border-color_".concat(borderColorClass)), dataTestId: dataTestId, dataTour: dataTour, htmlFor: htmlFor, style: gridRowStyles, onClick: onClick, children: children }));
+    return (jsx(Tag, { id: id, className: clsx(className, 'grid__row', widthClass && "width_".concat(widthClass), heightClass && "height_".concat(heightClass), fillClass && "fill_".concat(fillClass), fillHoverClass && "fill_hover_".concat(fillHoverClass), borderColorClass && "border-color_".concat(borderColorClass)), "data-test-id": dataTestId, "data-tour": dataTour, htmlFor: htmlFor, style: gridRowStyles, onClick: onClick, children: children }));
 }
 
 export { Grid, GridItem, GridRow };

package/dist/components/Group.js

@@ -1,4 +1,4 @@
-export { G as Group, a as groupAppearance, g as groupConfig } from '../Group_es_DIfmrMSM.js';
+export { G as Group, a as groupAppearance, g as groupConfig } from '../Group_es_DRqIIM9m.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'clsx';

package/dist/components/HeroTitle.js

@@ -4,7 +4,7 @@ import clsx from 'clsx';
 import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from '../hooks/useStyles/useStyles.js';
-import { I as Icon } from '../Icon_es_Cstv1LFr.js';
+import { I as Icon } from '../Icon_es_CNrc90oI.js';
 import { _ as __assign } from '../tslib.es6_es_Bwu1Cn-t.js';
 import 'lodash/camelCase';
 import 'lodash/castArray';
@@ -74,7 +74,7 @@ function HeroTitle(props) {
         }
         return size ? size : 'span';
     }, [size, tag]);
-    return (jsxs(Tag, { className: clsx(className, 'heroTitle', fillClass && "fill_".concat(fillClass), svgFillClass && "svg_fill_".concat(svgFillClass), svgFillHoverClass && "svg_fill_hover_".concat(svgFillHoverClass), widthClass && "width_".concat(widthClass), heightClass && "height_".concat(heightClass), size && "hero-title_size_".concat(size), directionClass && "hero-title_direction_".concat(directionClass), 'text', textColorClass && "text-color_".concat(textColorClass), textColorActiveClass && "text-color_active_".concat(textColorActiveClass), textColorHoverClass && "text-color_hover_".concat(textColorHoverClass), typeClass && "hero-title_type_".concat(typeClass), textColorGradientClass && "text-gradient_".concat(textColorGradientClass), textStyleClass && "text-style_".concat(textStyleClass), textWeightClass && "text-weight_".concat(textWeightClass), textWrap && "word-wrap_".concat(textWrap), isSkeleton && 'hero-title_skeleton'), dataTestId: dataTestId, dataTour: dataTour, style: heroTitleStyles, onClick: onClick, children: [before, jsxs("span", { className: clsx(textAlignClass && "text-align_".concat(textAlignClass), wrapperDirectionClass &&
+    return (jsxs(Tag, { className: clsx(className, 'heroTitle', fillClass && "fill_".concat(fillClass), svgFillClass && "svg_fill_".concat(svgFillClass), svgFillHoverClass && "svg_fill_hover_".concat(svgFillHoverClass), widthClass && "width_".concat(widthClass), heightClass && "height_".concat(heightClass), size && "hero-title_size_".concat(size), directionClass && "hero-title_direction_".concat(directionClass), 'text', textColorClass && "text-color_".concat(textColorClass), textColorActiveClass && "text-color_active_".concat(textColorActiveClass), textColorHoverClass && "text-color_hover_".concat(textColorHoverClass), typeClass && "hero-title_type_".concat(typeClass), textColorGradientClass && "text-gradient_".concat(textColorGradientClass), textStyleClass && "text-style_".concat(textStyleClass), textWeightClass && "text-weight_".concat(textWeightClass), textWrap && "word-wrap_".concat(textWrap), isSkeleton && 'hero-title_skeleton'), "data-test-id": dataTestId, "data-tour": dataTour, style: heroTitleStyles, onClick: onClick, children: [before, jsxs("span", { className: clsx(textAlignClass && "text-align_".concat(textAlignClass), wrapperDirectionClass &&
                     "hero-title-direction_".concat(wrapperDirectionClass), 'hero-title__wrapper', textTruncateClass && "text-truncate_".concat(textTruncateClass)), style: heroTitleWrapperStyles, children: [(iconBefore || iconBeforeSrc) && (jsx(Icon, { className: clsx('title__icon_before', iconBadgeValue && 'title__icon_before-badge'), fill: iconBeforeFill, fillSize: iconBeforeFillSize, badgeAppearance: iconBadgeAppearance, badgeClass: 'title__icon_before_badge', badgeShape: iconBadgeShape, badgeSize: iconBadgeSize, badgeTextColor: iconBadgeTextColor, badgeTextSize: iconBadgeTextSize, badgeValue: iconBadgeValue, iconFill: iconBeforeFillIcon, iconSize: iconBeforeSize, imageSrc: iconBeforeSrc, shape: iconBeforeShape, SvgImage: iconBefore })), beforeWrapper, children || text, afterWrapper, (iconAfter || iconAfterSrc) && (jsx(Icon, { className: clsx('title__icon_after', iconBadgeValue && 'title__icon_after-badge'), fill: iconAfterFill, fillSize: iconAfterFillSize, badgeAppearance: iconBadgeAppearance, badgeClass: 'title__icon_after_badge', badgeShape: iconBadgeShape, badgeSize: iconBadgeSize, badgeTextColor: iconBadgeTextColor, badgeTextSize: iconBadgeTextSize, badgeValue: iconBadgeValue, iconFill: iconAfterFillIcon, iconSize: iconAfterSize, imageSrc: iconAfterSrc, shape: iconAfterShape, SvgImage: iconAfter }))] }), after] }));
 }
 

package/dist/components/Icon.js

@@ -1,4 +1,4 @@
-export { I as Icon, e as iconAppearance, i as iconConfig } from '../Icon_es_Cstv1LFr.js';
+export { I as Icon, e as iconAppearance, i as iconConfig } from '../Icon_es_CNrc90oI.js';
 import '../tslib.es6_es_Bwu1Cn-t.js';
 import 'react/jsx-runtime';
 import 'react';

package/dist/components/Input.js

@@ -1,4 +1,4 @@
-export { I as Input, a as inputAppearance, i as inputConfig } from '../Input_es_CHuhHbMo.js';
+export { I as Input, a as inputAppearance, i as inputConfig } from '../Input_es_CiDHjDqJ.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'clsx';

package/dist/components/InputPassword.js

@@ -4,7 +4,7 @@ import { useState, useMemo, useCallback } from 'react';
 import clsx from 'clsx';
 import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
-import { I as Icon } from '../Icon_es_Cstv1LFr.js';
+import { I as Icon } from '../Icon_es_CNrc90oI.js';
 import 'lodash/camelCase';
 import 'lodash/castArray';
 import 'lodash/upperFirst';

package/dist/components/Label.js

@@ -1,4 +1,4 @@
-export { L as Label, a as labelAppearance, l as labelConfig } from '../Label_es_C4Icioi8.js';
+export { L as Label, a as labelAppearance, l as labelConfig } from '../Label_es_I01RN9hv.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'clsx';
@@ -19,7 +19,7 @@ import '../hooks.js';
 import '../hooks/useStyles/styleAttributes.js';
 import '../hooks/useStyles/useStyles.js';
 import 'lodash/maxBy';
-import '../Icon_es_Cstv1LFr.js';
+import '../Icon_es_CNrc90oI.js';
 import 'react-inlinesvg';
 import '../hoc/urlWithAssetPrefix.js';
 import '../context/UrlAssetPrefix.js';

package/dist/components/MenuItem.js

@@ -4,7 +4,7 @@ import clsx from 'clsx';
 import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from '../hooks/useStyles/useStyles.js';
-import { I as Icon, T as Tooltip } from '../Icon_es_Cstv1LFr.js';
+import { I as Icon, T as Tooltip } from '../Icon_es_CNrc90oI.js';
 import { L as Link } from '../Link_es_XiqbdwLp.js';
 import { T as Text } from '../Text_es_CwV9rjFD.js';
 import { _ as __assign } from '../tslib.es6_es_Bwu1Cn-t.js';

package/dist/components/Modal.js

@@ -5,7 +5,7 @@ import ReactDOM from 'react-dom';
 import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from '../hooks/useStyles/useStyles.js';
-import { b as Title, I as Icon } from '../Icon_es_Cstv1LFr.js';
+import { b as Title, I as Icon } from '../Icon_es_CNrc90oI.js';
 import { O as Overlay } from '../Overlay_es_DF3DAdxS.js';
 import { _ as __assign } from '../tslib.es6_es_Bwu1Cn-t.js';
 import { icons24, icons32, icons40 } from '@itcase/icons/default';

package/dist/components/ModalSheetBottom.js

@@ -6,7 +6,7 @@ import { Sheet } from 'react-modal-sheet';
 import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from '../hooks/useStyles/useStyles.js';
-import { b as Title } from '../Icon_es_Cstv1LFr.js';
+import { b as Title } from '../Icon_es_CNrc90oI.js';
 import 'lodash/camelCase';
 import 'lodash/castArray';
 import 'lodash/upperFirst';
@@ -43,7 +43,7 @@ var modalSheetBottomAppearance = {
 var modalSheetBottomConfig = {
     appearance: modalSheetBottomAppearance};
 var ModalSheetBottom = React.forwardRef(function Modal(props, ref) {
-    var dataTestId = props.dataTestId, dataTour = props.dataTour, appearance = props.appearance, initialIsOpen = props.initialIsOpen, title = props.title, isDisabled = props.isDisabled, closeButton = props.closeButton, onCloseModalSheetBottom = props.onCloseModalSheetBottom, onOpenModalSheetBottom = props.onOpenModalSheetBottom, children = props.children;
+    var appearance = props.appearance, initialIsOpen = props.initialIsOpen, title = props.title, isDisabled = props.isDisabled, closeButton = props.closeButton, onCloseModalSheetBottom = props.onCloseModalSheetBottom, onOpenModalSheetBottom = props.onOpenModalSheetBottom, children = props.children;
     var _a = useState(initialIsOpen), isOpen = _a[0], setIsOpen = _a[1];
     var openModalSheetBottom = useCallback(function () {
         setIsOpen(true);
@@ -64,7 +64,7 @@ var ModalSheetBottom = React.forwardRef(function Modal(props, ref) {
     var titleTextColor = propsGenerator.titleTextColor, titleTextColorHover = propsGenerator.titleTextColorHover, titleTextSize = propsGenerator.titleTextSize, titleTextTruncate = propsGenerator.titleTextTruncate, titleTextWeight = propsGenerator.titleTextWeight, titleTextWidth = propsGenerator.titleTextWidth, titleTextWrap = propsGenerator.titleTextWrap, zeroPadding = propsGenerator.zeroPadding;
     // @ts-expect-error
     var styles = useStyles(props).styles;
-    return (jsxs(Sheet, __assign({ dataTestId: dataTestId, dataTour: dataTour, className: "modal-sheet-bottom", isOpen: isOpen, onClose: closeModalSheetBottom }, props, { children: [jsxs(Sheet.Container, { className: "modal-sheet-bottom__container", style: styles, children: [jsx(Sheet.Header, { className: "modal-sheet-bottom__header", children: closeButton && (jsx("div", { className: "modal-sheet-bottom__close", onClick: closeModalSheetBottom, children: closeButton })) }), jsx(Sheet.Content, { className: "modal-sheet-bottom__content", children: jsx(Sheet.Scroller, { autoPadding: true, children: jsxs("div", { className: clsx('modal-sheet-bottom__content-wrapper', zeroPadding && 'modal-sheet-bottom__content-reset-padding'), children: [title && (jsx(Title, { className: "modal__title", width: titleTextWidth, size: titleTextSize, textColor: titleTextColor, textColorHover: titleTextColorHover, textTruncate: titleTextTruncate, textWeight: titleTextWeight, textWrap: titleTextWrap, children: title })), children] }) }) })] }), jsx(Sheet.Backdrop, { className: "modal-sheet-bottom__backdrop", onClick: closeModalSheetBottom })] })));
+    return (jsxs(Sheet, __assign({ className: "modal-sheet-bottom", isOpen: isOpen, onClose: closeModalSheetBottom }, props, { children: [jsxs(Sheet.Container, { className: "modal-sheet-bottom__container", style: styles, children: [jsx(Sheet.Header, { className: "modal-sheet-bottom__header", children: closeButton && (jsx("div", { className: "modal-sheet-bottom__close", onClick: closeModalSheetBottom, children: closeButton })) }), jsx(Sheet.Content, { className: "modal-sheet-bottom__content", children: jsx(Sheet.Scroller, { autoPadding: true, children: jsxs("div", { className: clsx('modal-sheet-bottom__content-wrapper', zeroPadding && 'modal-sheet-bottom__content-reset-padding'), children: [title && (jsx(Title, { className: "modal__title", width: titleTextWidth, size: titleTextSize, textColor: titleTextColor, textColorHover: titleTextColorHover, textTruncate: titleTextTruncate, textWeight: titleTextWeight, textWrap: titleTextWrap, children: title })), children] }) }) })] }), jsx(Sheet.Backdrop, { className: "modal-sheet-bottom__backdrop", onClick: closeModalSheetBottom })] })));
 });
 
 export { ModalSheetBottom, modalSheetBottomAppearance };