@itcase/ui 1.9.37 → 1.9.38

package/dist/components/Accordion.js

@@ -4,10 +4,11 @@ import clsx from 'clsx';
 import castArray from 'lodash/castArray';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from '../hooks/useStyles/useStyles.js';
+import { mergeAppearanceKeys } from '../utils/mergeAppearanceKeys.js';
 import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
-import { B as Badge, I as Icon } from '../Icon_es_BoUAbwyu.js';
-import { D as Divider } from '../Divider_es_Cod0xv2q.js';
-import { T as Text } from '../Text_es_DR4Alx-v.js';
+import { B as Badge, I as Icon } from '../Icon_es_DNVHNKFK.js';
+import { D as Divider } from '../Divider_es_BR7ZO8w0.js';
+import { T as Text } from '../Text_es_B85LGfjW.js';
 import { icons16 } from '@itcase/icons/default';
 import 'lodash/camelCase';
 import 'lodash/upperFirst';
@@ -24,7 +25,7 @@ import 'lodash/maxBy';
 import 'react-inlinesvg';
 import '../hoc/urlWithAssetPrefix.js';
 import '../context/UrlAssetPrefix.js';
-import '../Link_es_OpkyzWe6.js';
+import '../Link_es_BwLH5S8y.js';
 
 const accordionAppearanceSize = {
     sizeXXL: {
@@ -153,9 +154,8 @@ function AccordionItem(props) {
     const appearanceConfig = useAppearanceConfig(appearance, accordionItemConfig);
     const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
     const { fillClass, fillHoverClass, titleBorderColorClass, titleFillClass, titleFillHoverClass, titleTextColor, titleTextSize, titleTextWeight, titleWidthClass, borderColorClass, badgeAppearance, badgeAppearanceSize, badgeShape, badgeSize, badgeTextColor, badgeTextSize, badgeValue, contentTextColor, contentTextSize, contentTextWeight, dividerDirection, dividerFill, dividerSize, icon, iconFill, iconFillIcon, iconFillSize, iconShape, iconSize, iconSrc, shapeClass, shapeStrengthClass, showDivider, sizeClass, zeroGap, zeroPadding, } = propsGenerator;
-    //@ts-expect-error
     const { styles } = useStyles(props);
-    return (jsxs("div", { className: clsx('accordion-item', className, zeroPadding && 'accordion-item_zero-padding', zeroGap && 'accordion-item_zero-gap', borderColorClass && `border-color_${borderColorClass}`, shapeClass && `shape_${shapeClass}`, shapeStrengthClass && `shape-strength_${shapeStrengthClass}`, sizeClass && `accordion-item_size_${sizeClass}`, isExpanded && 'accordion-item_state_open'), style: styles, children: [jsxs("div", { className: clsx('accordion-item__header', fillClass && `fill_${fillClass}`, fillHoverClass && `fill_hover_${fillHoverClass}`), children: [jsx(Text, { className: clsx('accordion-item__title', titleBorderColorClass && `border-color_${titleBorderColorClass}`, titleFillClass && `fill_${titleFillClass}`, titleFillHoverClass && `fill_hover_${titleFillHoverClass}`, titleWidthClass && `width_${titleWidthClass}`, onClick && 'cursor_type_pointer'), size: titleTextSize, textColor: titleTextColor, textWeight: titleTextWeight, onClick: onClickTitle, children: title }), jsxs("div", { className: "accordion-item__action", children: [badgeValue && (jsx(Badge, { appearance: `${badgeAppearance} ${badgeAppearanceSize}`, className: "accordion-item__badge", size: badgeSize, textColor: badgeTextColor, textSize: badgeTextSize, shape: badgeShape, value: badgeValue })), (icon || iconSrc) && (jsx(Icon, { className: clsx('accordion-item__icon'), fill: iconFill, fillSize: iconFillSize, iconFill: iconFillIcon, iconSize: iconSize, imageSrc: iconSrc, shape: iconShape, SvgImage: icon, onClick: onClickTitle }))] }), showDivider && (jsx(Divider, { width: "fill", direction: dividerDirection, size: dividerSize, fill: dividerFill || 'surfaceTertiary' }))] }), beforeContent, isExpanded && (jsxs("div", { className: clsx('accordion-item__content'), children: [content && (jsx("div", { className: clsx('accordion-item__content-inner', fillClass && `fill_${fillClass}`), children: jsx(Text, { size: contentTextSize, textColor: contentTextColor, textWeight: contentTextWeight, children: content }) })), children] })), afterContent] }));
+    return (jsxs("div", { className: clsx('accordion-item', className, zeroPadding && 'accordion-item_zero-padding', zeroGap && 'accordion-item_zero-gap', borderColorClass && `border-color_${borderColorClass}`, shapeClass && `shape_${shapeClass}`, shapeStrengthClass && `shape-strength_${shapeStrengthClass}`, sizeClass && `accordion-item_size_${sizeClass}`, isExpanded && 'accordion-item_state_open'), style: styles, children: [jsxs("div", { className: clsx('accordion-item__header', fillClass && `fill_${fillClass}`, fillHoverClass && `fill_hover_${fillHoverClass}`), children: [jsx(Text, { className: clsx('accordion-item__title', titleBorderColorClass && `border-color_${titleBorderColorClass}`, titleFillClass && `fill_${titleFillClass}`, titleFillHoverClass && `fill_hover_${titleFillHoverClass}`, titleWidthClass && `width_${titleWidthClass}`, onClick && 'cursor_type_pointer'), size: titleTextSize, textColor: titleTextColor, textWeight: titleTextWeight, onClick: onClickTitle, children: title }), jsxs("div", { className: "accordion-item__action", children: [badgeValue && (jsx(Badge, { appearance: mergeAppearanceKeys(badgeAppearance, badgeAppearanceSize), className: "accordion-item__badge", size: badgeSize, textColor: badgeTextColor, textSize: badgeTextSize, shape: badgeShape, value: badgeValue })), (icon || iconSrc) && (jsx(Icon, { className: clsx('accordion-item__icon'), fill: iconFill, fillSize: iconFillSize, iconFill: iconFillIcon, iconSize: iconSize, imageSrc: iconSrc, shape: iconShape, SvgImage: icon, onClick: onClickTitle }))] }), showDivider && (jsx(Divider, { width: "fill", direction: dividerDirection, size: dividerSize, fill: dividerFill || 'surfaceTertiary' }))] }), beforeContent, isExpanded && (jsxs("div", { className: clsx('accordion-item__content'), children: [content && (jsx("div", { className: clsx('accordion-item__content-inner', fillClass && `fill_${fillClass}`), children: jsx(Text, { size: contentTextSize, textColor: contentTextColor, textWeight: contentTextWeight, children: content }) })), children] })), afterContent] }));
 }
 
 function Accordion(props) {
@@ -204,7 +204,6 @@ function Accordion(props) {
     }, [items, children, appearance, expandedItems, onClickAccordionItem]);
     const propsGenerator = useDevicePropsGenerator(props);
     const { fillClass, borderColorClass, shapeClass, shapeStrengthClass, widthClass, } = propsGenerator;
-    //@ts-expect-error
     const { styles: accordionStyles } = useStyles(props);
     return (jsx("div", { className: clsx(className, 'accordion', borderColorClass && `border-color_${borderColorClass}`, fillClass && `fill_${fillClass}`, shapeClass && `shape_${shapeClass}`, shapeStrengthClass && `shape-strength_${shapeStrengthClass}`, widthClass && `width_${widthClass}`), "data-testid": dataTestId, "data-tour": dataTour, style: accordionStyles, children: accordionItemsList }));
 }

package/dist/components/Avatar.js

@@ -1,4 +1,4 @@
-export { A as Avatar, b as avatarAppearance, a as avatarConfig } from '../Avatar_es_DONdO4MV.js';
+export { A as Avatar, b as avatarAppearance, a as avatarConfig } from '../Avatar_es_2Na9ZgVL.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'clsx';
@@ -16,12 +16,12 @@ import 'react-responsive';
 import '../utils/setViewportProperty.js';
 import '../hooks.js';
 import '../hooks/useStyles/styleAttributes.js';
-import '../Icon_es_BoUAbwyu.js';
+import '../Icon_es_DNVHNKFK.js';
 import 'react-inlinesvg';
 import '../hoc/urlWithAssetPrefix.js';
 import '../context/UrlAssetPrefix.js';
 import '../hooks/useStyles/useStyles.js';
 import 'lodash/maxBy';
-import '../Link_es_OpkyzWe6.js';
-import '../Text_es_DR4Alx-v.js';
-import '../Image_es_CTXiU4L4.js';
+import '../Link_es_BwLH5S8y.js';
+import '../Text_es_B85LGfjW.js';
+import '../Image_es_DbD3JzLa.js';

package/dist/components/AvatarStack.js

@@ -1,11 +1,12 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import clsx from 'clsx';
+import { mergeAppearanceKeys } from '../utils/mergeAppearanceKeys.js';
 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_DONdO4MV.js';
-import { G as Group } from '../Group_es_CrDAyR_E.js';
-import { T as Text } from '../Text_es_DR4Alx-v.js';
+import { A as Avatar } from '../Avatar_es_2Na9ZgVL.js';
+import { G as Group } from '../Group_es_BVpRj4LR.js';
+import { T as Text } from '../Text_es_B85LGfjW.js';
 import 'react';
 import 'lodash/camelCase';
 import 'lodash/castArray';
@@ -20,12 +21,12 @@ import '../utils/setViewportProperty.js';
 import '../hooks.js';
 import '../hooks/useStyles/styleAttributes.js';
 import 'lodash/maxBy';
-import '../Icon_es_BoUAbwyu.js';
+import '../Icon_es_DNVHNKFK.js';
 import 'react-inlinesvg';
 import '../hoc/urlWithAssetPrefix.js';
 import '../context/UrlAssetPrefix.js';
-import '../Link_es_OpkyzWe6.js';
-import '../Image_es_CTXiU4L4.js';
+import '../Link_es_BwLH5S8y.js';
+import '../Image_es_DbD3JzLa.js';
 
 const avatarStackAppearanceSize = {
     size16: {
@@ -59,9 +60,8 @@ function AvatarStack(props) {
     const appearanceConfig = useAppearanceConfig(appearance, avatarStackConfig);
     const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
     const { size } = propsGenerator;
-    //@ts-expect-error
     const { styles: avatarStackStyles } = useStyles(props);
-    return (avatarsList.length && (jsxs("div", { className: clsx(className, 'avatar-stack', direction && `group_direction_${direction}`, size && `avatar-stack_size_${size}`, isSkeleton && `avatar-stack-skeleton`), style: avatarStackStyles, children: [avatarsList.slice(0, length).map((item) => (jsx(Avatar, { appearance: `${avatarAppearance} size${size}`, className: "avatar-stack__item", src: item.src, textSize: "l", firstName: item.firstName, secondName: item.lastName, shape: "circular" }, item.id))), avatarsList.length > length && (jsx(Group, { className: "avatar-stack__item avatar-stack__item-text", width: size, height: size, fill: "surfaceSecondary", children: jsxs(Text, { size: "xs", textColor: "surfaceTextPrimary", textWeight: "600", children: ["+", avatarsList.length - length] }) }))] })));
+    return (avatarsList.length && (jsxs("div", { className: clsx(className, 'avatar-stack', direction && `group_direction_${direction}`, size && `avatar-stack_size_${size}`, isSkeleton && `avatar-stack-skeleton`), style: avatarStackStyles, children: [avatarsList.slice(0, length).map((item) => (jsx(Avatar, { appearance: mergeAppearanceKeys(avatarAppearance, `size${size}`), className: "avatar-stack__item", src: item.src, textSize: "l", firstName: item.firstName, secondName: item.lastName, shape: "circular" }, item.id))), avatarsList.length > length && (jsx(Group, { className: "avatar-stack__item avatar-stack__item-text", width: `${size}px`, height: `${size}px`, fill: "surfaceSecondary", children: jsxs(Text, { size: "xs", textColor: "surfaceTextPrimary", textWeight: "600", children: ["+", avatarsList.length - length] }) }))] })));
 }
 
 export { AvatarStack };

package/dist/components/Badge.js

@@ -1,4 +1,4 @@
-export { B as Badge, f as badgeAppearance, g as badgeConfig } from '../Icon_es_BoUAbwyu.js';
+export { B as Badge, f as badgeAppearance, g as badgeConfig } from '../Icon_es_DNVHNKFK.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'clsx';
@@ -21,5 +21,5 @@ import '../hooks.js';
 import '../hooks/useStyles/styleAttributes.js';
 import '../hooks/useStyles/useStyles.js';
 import 'lodash/maxBy';
-import '../Link_es_OpkyzWe6.js';
-import '../Text_es_DR4Alx-v.js';
+import '../Link_es_BwLH5S8y.js';
+import '../Text_es_B85LGfjW.js';

package/dist/components/Breadcrumbs.js

@@ -4,9 +4,9 @@ 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_BoUAbwyu.js';
-import { a as LinkWrapper } from '../Link_es_OpkyzWe6.js';
-import { T as Text } from '../Text_es_DR4Alx-v.js';
+import { I as Icon } from '../Icon_es_DNVHNKFK.js';
+import { a as LinkWrapper } from '../Link_es_BwLH5S8y.js';
+import { T as Text } from '../Text_es_B85LGfjW.js';
 import { icons12, icons14, icons16, icons20, icons24 } from '@itcase/icons/default';
 import 'lodash/camelCase';
 import 'lodash/castArray';
@@ -127,7 +127,6 @@ function BreadcrumbsItem(props) {
     const appearanceConfig = useAppearanceConfig(appearance, breadcrumbsConfig);
     const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
     const { fillClass, labelTextColor, labelTextColorHover, labelTextSize, borderColorClass, text, cursor, icon, iconFill, iconFillIcon, iconFillSize, iconShape, iconSize, iconSrc, shapeClass, sizeClass, underlineClass, } = propsGenerator;
-    // @ts-expect-error
     const { styles: itemStyles } = useStyles(props);
     return (jsxs(LinkWrapper, { className: clsx(className, 'breadcrumbs__item', borderColorClass && `border-color_${borderColorClass}`, isActive && 'breadcrumbs__item_current', sizeClass && `breadcrumbs__item_size_${sizeClass}`, shapeClass && `breadcrumbs__item_shape_${shapeClass}`, fillClass && `fill_${fillClass}`, underlineClass && `text-decoration_${underlineClass}`, isSkeleton && `breadcrumbs__item_skeleton`, onClick && (cursor || 'cursor_type_pointer')), "data-testid": dataTestId, "data-tour": dataTour, href: href, LinkComponent: "div", style: itemStyles, onClick: onClick, children: [jsx(Text, { className: "breadcrumbs__item-text", size: labelTextSize, textColor: labelTextColor, textColorHover: labelTextColorHover, children: text || children }), !isActive && (icon || iconSrc) && (jsx(Icon, { className: clsx('breadcrumbs__item-icon'), fill: iconFill, fillSize: iconFillSize, iconFill: iconFillIcon, iconSize: iconSize, imageSrc: iconSrc, shape: iconShape, SvgImage: icon }))] }));
 }
@@ -145,7 +144,6 @@ function Breadcrumbs(props) {
         }
         return [];
     }, [breadcrumbsList, children, appearance, isSkeleton]);
-    //@ts-expect-error
     const { styles: breadcrumbsStyles } = useStyles(props);
     return (jsx("div", { className: clsx(className, 'breadcrumbs', widthClass && `width_${widthClass}`, directionClass && `direction_${directionClass}`), "data-testid": dataTestId, "data-tour": dataTour, style: breadcrumbsStyles, children: breadcrumbsItemsList }));
 }

package/dist/components/Button.js

@@ -1,7 +1,8 @@
-export { B as Button, a as buttonAppearance, b as buttonConfig } from '../Button_es_BDrXGgUw.js';
+export { B as Button, a as buttonAppearance, b as buttonConfig } from '../Button_es_ul2sDicM.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'clsx';
+import '../utils/mergeAppearanceKeys.js';
 import '../hooks/useAppearanceConfig/useAppearanceConfig.js';
 import '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import 'lodash/camelCase';
@@ -18,10 +19,10 @@ import '../hooks.js';
 import '../hooks/useStyles/styleAttributes.js';
 import '../hooks/useStyles/useStyles.js';
 import 'lodash/maxBy';
-import '../Icon_es_BoUAbwyu.js';
+import '../Icon_es_DNVHNKFK.js';
 import 'react-inlinesvg';
 import '../hoc/urlWithAssetPrefix.js';
 import '../context/UrlAssetPrefix.js';
-import '../Link_es_OpkyzWe6.js';
-import '../Text_es_DR4Alx-v.js';
-import '../Loader_es_CcFl-K-t.js';
+import '../Link_es_BwLH5S8y.js';
+import '../Text_es_B85LGfjW.js';
+import '../Loader_es_DFSNJsLL.js';

package/dist/components/Cell.js

@@ -1,11 +1,12 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import clsx from 'clsx';
+import { mergeAppearanceKeys } from '../utils/mergeAppearanceKeys.js';
 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_BoUAbwyu.js';
-import { L as Label } from '../Label_es_DTsS8xDD.js';
-import { T as Text } from '../Text_es_DR4Alx-v.js';
+import { I as Icon } from '../Icon_es_DNVHNKFK.js';
+import { L as Label } from '../Label_es_CbXFs_ts.js';
+import { T as Text } from '../Text_es_B85LGfjW.js';
 import 'react';
 import 'lodash/camelCase';
 import 'lodash/castArray';
@@ -23,7 +24,7 @@ import 'lodash/maxBy';
 import 'react-inlinesvg';
 import '../hoc/urlWithAssetPrefix.js';
 import '../context/UrlAssetPrefix.js';
-import '../Link_es_OpkyzWe6.js';
+import '../Link_es_BwLH5S8y.js';
 
 const cellAppearanceSize = {
     sizeXL: {
@@ -166,7 +167,6 @@ function Cell(props) {
     const appearanceConfig = useAppearanceConfig(appearance, cellConfig);
     const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
     const { directionClass, fillActiveClass, fillActiveHoverClass, fillClass, fillHoverClass, titleIconFill, titleIconFillHover, titleIconFillSize, titleIconItemFill, titleIconShape, titleIconSrc, titleLabelAppearance, titleLabelAppearanceSize, titleLabelShape, titleLabelSize, titleLabelTextSize, titleTextColor, titleTextSize, titleTextTruncate, titleTextWeight, titleTextWrap, borderColorActiveClass, borderColorActiveHoverClass, borderColorClass, borderColorHoverClass, reverseClass, shapeClass, sizeClass, valueIconFill, valueIconFillHover, valueIconFillSize, valueIconItemFill, valueIconShape, valueIconSrc, valueLabel, valueLabelAppearance, valueLabelAppearanceSize, valueLabelShape, valueLabelSize, valueLabelTextSize, valueTextAlign, valueTextColor, valueTextSize, valueTextTruncate, valueTextWeight, valueTextWrap, widthClass, zeroGap, zeroPadding, } = propsGenerator;
-    // @ts-expect-error
     const { data: dataStyles, styles: cellStyles } = useStyles(props);
     return (jsxs("div", { className: clsx(className, 'cell', sizeClass && `cell_size_${sizeClass}`, !isActive
             ? fillClass && `fill_${fillClass}`
@@ -179,7 +179,7 @@ function Cell(props) {
             ? borderColorHoverClass &&
                 `border-color_hover_${borderColorHoverClass}`
             : borderColorActiveHoverClass &&
-                `border-color_active_hover_${borderColorActiveHoverClass}`, reverseClass && `cell_reverse_${reverseClass}`, shapeClass && `cell_shape_${shapeClass}`, widthClass && `width_${widthClass}`, zeroPadding && 'cell_reset-padding', zeroGap && 'cell_reset-gap'), "data-testid": dataTestId, "data-tour": dataTour, style: cellStyles, onClick: onClick, onMouseEnter: onMouseEnter, children: [before && jsx("div", { className: "cell__before", children: before }), jsxs("div", { className: clsx('cell__wrapper', directionClass && `cell__wrapper_direction_${directionClass}`, isEqual && 'cell__wrapper-equal', isSameWidth && 'cell__wrapper-same-width'), children: [title && (jsxs("div", { className: "cell__data", style: dataStyles, children: [jsx(Text, { className: "cell__title", size: titleTextSize, textColor: titleTextColor, textTruncate: titleTextTruncate, textWeight: titleTextWeight, textWrap: titleTextWrap, tag: titleTag, children: title }), (titleIcon || titleIconSrc) && (jsx(Icon, { className: "cell__title-icon", fill: titleIconFill, fillSize: titleIconFillSize, iconFill: titleIconItemFill, iconFillHover: titleIconFillHover, imageSrc: titleIconSrc, shape: titleIconShape, SvgImage: titleIcon })), (showTitleLabel || titleLabel) && (jsx(Label, { appearance: `${titleLabelAppearance} ${titleLabelAppearanceSize}`, className: "cell__title-label", size: titleLabelSize, label: titleLabel, labelTextSize: titleLabelTextSize, shape: titleLabelShape }))] })), value && (jsxs("div", { className: "cell__data", style: dataStyles, children: [jsx(Text, { className: "cell__value", size: valueTextSize, textAlign: valueTextAlign, textColor: valueTextColor, textTruncate: valueTextTruncate, textWeight: valueTextWeight, textWrap: valueTextWrap, tag: valueTag, children: value }), (valueIcon || valueIconSrc) && (jsx(Icon, { className: "cell__value-icon", fill: valueIconFill, fillSize: valueIconFillSize, iconFill: valueIconItemFill, iconFillHover: valueIconFillHover, imageSrc: valueIconSrc, shape: valueIconShape, SvgImage: valueIcon })), (showValueLabel || valueLabel) && (jsx(Label, { appearance: `${valueLabelAppearance} ${valueLabelAppearanceSize}`, className: "cell__value-label", size: valueLabelSize, label: valueLabel, labelTextSize: valueLabelTextSize, shape: valueLabelShape }))] }))] }), after && jsx("div", { className: "cell__after", children: after })] }));
+                `border-color_active_hover_${borderColorActiveHoverClass}`, reverseClass && `cell_reverse_${reverseClass}`, shapeClass && `cell_shape_${shapeClass}`, widthClass && `width_${widthClass}`, zeroPadding && 'cell_reset-padding', zeroGap && 'cell_reset-gap'), "data-testid": dataTestId, "data-tour": dataTour, style: cellStyles, onClick: onClick, onMouseEnter: onMouseEnter, children: [before && jsx("div", { className: "cell__before", children: before }), jsxs("div", { className: clsx('cell__wrapper', directionClass && `cell__wrapper_direction_${directionClass}`, isEqual && 'cell__wrapper-equal', isSameWidth && 'cell__wrapper-same-width'), children: [title && (jsxs("div", { className: "cell__data", style: dataStyles, children: [jsx(Text, { className: "cell__title", size: titleTextSize, textColor: titleTextColor, textTruncate: titleTextTruncate, textWeight: titleTextWeight, textWrap: titleTextWrap, tag: titleTag, children: title }), (titleIcon || titleIconSrc) && (jsx(Icon, { className: "cell__title-icon", fill: titleIconFill, fillSize: titleIconFillSize, iconFill: titleIconItemFill, iconFillHover: titleIconFillHover, imageSrc: titleIconSrc, shape: titleIconShape, SvgImage: titleIcon })), (showTitleLabel || titleLabel) && (jsx(Label, { appearance: mergeAppearanceKeys(titleLabelAppearance, titleLabelAppearanceSize), className: "cell__title-label", size: titleLabelSize, label: titleLabel, labelTextSize: titleLabelTextSize, shape: titleLabelShape }))] })), value && (jsxs("div", { className: "cell__data", style: dataStyles, children: [jsx(Text, { className: "cell__value", size: valueTextSize, textAlign: valueTextAlign, textColor: valueTextColor, textTruncate: valueTextTruncate, textWeight: valueTextWeight, textWrap: valueTextWrap, tag: valueTag, children: value }), (valueIcon || valueIconSrc) && (jsx(Icon, { className: "cell__value-icon", fill: valueIconFill, fillSize: valueIconFillSize, iconFill: valueIconItemFill, iconFillHover: valueIconFillHover, imageSrc: valueIconSrc, shape: valueIconShape, SvgImage: valueIcon })), (showValueLabel || valueLabel) && (jsx(Label, { appearance: mergeAppearanceKeys(valueLabelAppearance, valueLabelAppearanceSize), className: "cell__value-label", size: valueLabelSize, label: valueLabel, labelTextSize: valueLabelTextSize, shape: valueLabelShape }))] }))] }), after && jsx("div", { className: "cell__after", children: after })] }));
 }
 
 export { Cell, cellAppearance, cellConfig };

package/dist/components/Checkbox.js

@@ -2,7 +2,7 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import clsx from 'clsx';
 import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
-import { T as Text } from '../Text_es_DR4Alx-v.js';
+import { T as Text } from '../Text_es_B85LGfjW.js';
 import 'react';
 import 'lodash/camelCase';
 import 'lodash/castArray';
@@ -22,15 +22,15 @@ import 'lodash/maxBy';
 const checkboxAppearanceDefault = {
     defaultPrimary: {
         fillCheckbox: 'surfaceSecondary',
-        fillCheckboxActive: 'surfaceActiveSecondary',
-        fillCheckboxActiveHover: 'surfaceActiveHoverTertiary',
+        fillCheckboxActive: 'surfaceSecondary',
+        fillCheckboxActiveHover: 'surfaceTertiary',
         fillCheckboxHover: 'surfaceHoverTertiary',
         fillCheckmark: 'surfacePrimary',
         labelTextColor: 'surfaceTextPrimary',
         descTextColor: 'surfaceTextPrimary',
         borderColorCheckbox: 'surfaceBorderPrimary',
-        borderColorCheckboxActive: 'surfaceBorderActivePrimary',
-        borderColorCheckboxActiveHover: 'surfaceBorderActivePrimary',
+        borderColorCheckboxActive: 'surfaceBorderPrimary',
+        borderColorCheckboxActiveHover: 'surfaceBorderPrimary',
         borderColorCheckboxHover: 'surfaceBorderHoverPrimary',
     },
 };

package/dist/components/Checkmark.js

@@ -116,7 +116,6 @@ function Checkmark(props) {
     const appearanceConfig = useAppearanceConfig(appearance, checkmarkConfig);
     const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
     const { fillActiveClass, fillActiveHoverClass, fillClass, fillHoverClass, borderColorActiveClass, borderColorActiveHoverClass, borderColorClass, borderColorHoverClass, borderWidthClass, checkmarkFillClass, sizeClass, } = propsGenerator;
-    // @ts-expect-error
     const { styles: checkmarkStyles } = useStyles(props);
     return (jsx("div", { className: clsx(className, 'checkmark', sizeClass && `checkmark_size_${sizeClass}`, !isChecked || !isActive
             ? fillClass && `fill_${fillClass}`

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_BB6xVGnI.js';
+export { C as Chips, b as ChipsGroup, a as chipsAppearance, c as chipsConfig } from '../ChipsGroup_es_wecRqt6G.js';
 import 'react/jsx-runtime';
 import 'clsx';
 import '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
@@ -18,9 +18,9 @@ import '../hooks/useStyles/styleAttributes.js';
 import '../hooks/useStyles/useStyles.js';
 import 'lodash/maxBy';
 import '../hooks/useAppearanceConfig/useAppearanceConfig.js';
-import '../Icon_es_BoUAbwyu.js';
+import '../Icon_es_DNVHNKFK.js';
 import 'react-inlinesvg';
 import '../hoc/urlWithAssetPrefix.js';
 import '../context/UrlAssetPrefix.js';
-import '../Link_es_OpkyzWe6.js';
-import '../Text_es_DR4Alx-v.js';
+import '../Link_es_BwLH5S8y.js';
+import '../Text_es_B85LGfjW.js';

package/dist/components/Choice.js

@@ -4,9 +4,9 @@ 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_BoUAbwyu.js';
-import { L as Loader } from '../Loader_es_CcFl-K-t.js';
-import { T as Text } from '../Text_es_DR4Alx-v.js';
+import { I as Icon } from '../Icon_es_DNVHNKFK.js';
+import { L as Loader } from '../Loader_es_DFSNJsLL.js';
+import { T as Text } from '../Text_es_B85LGfjW.js';
 import 'lodash/camelCase';
 import 'lodash/castArray';
 import 'lodash/upperFirst';
@@ -23,7 +23,7 @@ import 'lodash/maxBy';
 import 'react-inlinesvg';
 import '../hoc/urlWithAssetPrefix.js';
 import '../context/UrlAssetPrefix.js';
-import '../Link_es_OpkyzWe6.js';
+import '../Link_es_BwLH5S8y.js';
 
 const choiceAppearanceDefault = {
     defaultMutedPrimary: {
@@ -69,15 +69,14 @@ const choiceAppearanceDisabled = {
         fillItemActive: 'surfaceDisabled',
         fillItemActiveHover: 'surfaceDisabled',
         fillItemHover: 'surfaceTertiary',
-        labelTextActiveColor: 'surfaceTextQuaternary',
         labelTextColor: 'surfaceTextQuaternary',
         borderColor: 'surfaceBorderPrimary',
         iconAfterFill: 'surfaceItemPrimary',
-        iconAfterFillActive: 'surfaceItemActiveDisabled',
+        iconAfterFillActive: 'disabledItemSecondary',
         iconBeforeFill: 'surfaceItemPrimary',
-        iconBeforeFillActive: 'surfaceItemActiveDisabled',
+        iconBeforeFillActive: 'disabledItemSecondary',
         iconFill: 'surfaceItemPrimary',
-        iconFillActive: 'surfaceActiveItemDisabled',
+        iconFillActive: 'disabledItemSecondary',
     },
 };
 
@@ -105,14 +104,14 @@ const choiceAppearanceRequire = {
         fillItemActive: 'warningSecondary',
         fillItemHover: 'warningHoverPrimary',
         labelTextColor: 'warningTextSecondary',
-        labelTextColorActive: 'warningTextActivePrimary',
+        labelTextColorActive: 'warningTextPrimary',
         borderColor: 'warningBorderSecondary',
         iconAfterFill: 'warningItemSecondary',
-        iconAfterFillActive: 'warningItemActiveTertiary',
+        iconAfterFillActive: 'warningItemTertiary',
         iconBeforeFill: 'warningItemSecondary',
-        iconBeforeFillActive: 'warningItemActiveTertiary',
+        iconBeforeFillActive: 'warningItemTertiary',
         iconFill: 'warningItemSecondary',
-        iconFillActive: 'warningItemActiveTertiary',
+        iconFillActive: 'warningItemTertiary',
     },
 };
 
@@ -183,11 +182,11 @@ const choiceAppearanceSuccess = {
         labelTextColorActive: 'successTextActivePrimary',
         borderColor: 'successBorderSecondary',
         iconAfterFill: 'successItemSecondary',
-        iconAfterFillActive: 'successItemActiveTertiary',
+        iconAfterFillActive: 'successItemTertiary',
         iconBeforeFill: 'successItemSecondary',
-        iconBeforeFillActive: 'successItemActiveTertiary',
+        iconBeforeFillActive: 'successItemTertiary',
         iconFill: 'successItemSecondary',
-        iconFillActive: 'successItemActiveTertiary',
+        iconFillActive: 'successItemTertiary',
     },
 };
 
@@ -219,7 +218,6 @@ function Choice(props) {
     const appearanceConfig = useAppearanceConfig(appearance, choiceConfig, isDisabled);
     const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
     const { size, fillClass, fillItemActiveClass, fillItemActiveDisabledClass, fillItemActiveHoverClass, fillItemClass, fillItemDisabledClass, fillItemHoverClass, labelTextColor, labelTextColorActive, labelTextColorActiveHover, labelTextColorHover, labelTextSize, labelTextWeight, labelTextWrap, borderColorClass, borderTypeClass, borderWidthClass, iconAfterFill, iconAfterFillActive, iconAfterFillDisabled, iconAfterSize, iconBeforeFill, iconBeforeFillActive, iconBeforeFillDisabled, iconBeforeSize, iconFill, iconFillActive, iconFillDisabled, iconSize, shapeClass, shapeStrengthClass, wrapClass, } = propsGenerator;
-    //@ts-expect-error
     const { styles } = useStyles(props);
     return (jsxs("div", { id: id, className: clsx(className, 'choice', size && `choice_size_${size}`, fillClass && `fill_${fillClass}`, wrapClass && `choice_wrap_${wrapClass}`, shapeClass && `shape_${shapeClass}`, shapeStrengthClass && `shape-strength_${shapeStrengthClass}`, isSkeleton && `choice_skeleton`), ref: controlRef, "data-testid": dataTestId && `${dataTestId}Choice`, "data-tour": dataTour, style: styles, children: [before && jsx("div", { className: "choice__before", children: before }), isLoading ? (jsx(Loader, { width: "fill", height: "fill", fill: "surfacePrimary", itemFill: "surfaceItemPrimary" })) : (jsx(React.Fragment, { children: options.map((item) => {
                     const isActive = typeof active === 'object'

package/dist/components/CookiesWarning.js

@@ -4,8 +4,8 @@ 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_BDrXGgUw.js';
-import { T as Text } from '../Text_es_DR4Alx-v.js';
+import { B as Button } from '../Button_es_ul2sDicM.js';
+import { T as Text } from '../Text_es_B85LGfjW.js';
 import 'lodash/camelCase';
 import 'lodash/castArray';
 import 'lodash/upperFirst';
@@ -18,14 +18,15 @@ import 'react-responsive';
 import '../utils/setViewportProperty.js';
 import '../hooks.js';
 import '../hooks/useStyles/styleAttributes.js';
+import '../utils/mergeAppearanceKeys.js';
 import '../hooks/useStyles/useStyles.js';
 import 'lodash/maxBy';
-import '../Icon_es_BoUAbwyu.js';
+import '../Icon_es_DNVHNKFK.js';
 import 'react-inlinesvg';
 import '../hoc/urlWithAssetPrefix.js';
 import '../context/UrlAssetPrefix.js';
-import '../Link_es_OpkyzWe6.js';
-import '../Loader_es_CcFl-K-t.js';
+import '../Link_es_BwLH5S8y.js';
+import '../Loader_es_DFSNJsLL.js';
 
 const cookiesWarningAppearanceDefault = {
     defaultPrimary: {

package/dist/components/Dadata.js

@@ -2,7 +2,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_BUJJnw5X.js';
+import { I as Input } from '../Input_es_CYUPx5I_.js';
 import '../hooks/useAppearanceConfig/useAppearanceConfig.js';
 import '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import 'lodash/camelCase';

package/dist/components/DatePeriod.js

@@ -3,19 +3,20 @@ import { useCallback } from 'react';
 import clsx from 'clsx';
 import { DateTime } from 'luxon';
 import { DATE_PERIOD_INTERVALS } from '@itcase/common';
+import { mergeAppearanceKeys } from '../utils/mergeAppearanceKeys.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_BB6xVGnI.js';
-import { D as DatePickerInput } from '../DatePicker_es_D3e0JZtJ.js';
+import { b as ChipsGroup, C as Chips } from '../ChipsGroup_es_wecRqt6G.js';
+import { D as DatePickerInput } from '../DatePicker_es_CCZmi-lN.js';
 import 'react-select';
-import '../Icon_es_BoUAbwyu.js';
-import { S as SelectContainer } from '../SelectContainer_es_YFoz_R-E.js';
+import '../Icon_es_DNVHNKFK.js';
+import { S as SelectContainer } from '../SelectContainer_es_Bqek7tN5.js';
 import 'lodash/camelCase';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../context/Notifications.js';
 import '../context/UIContext.js';
-import '../Group_es_CrDAyR_E.js';
+import '../Group_es_BVpRj4LR.js';
 import 'lodash/castArray';
 import '../hooks.js';
 import '../hooks/useStyles/styleAttributes.js';
@@ -24,20 +25,20 @@ import '../hooks/useMediaQueries/useMediaQueries.js';
 import 'react-responsive';
 import '../utils/setViewportProperty.js';
 import '../hooks/useStyles/useStyles.js';
-import '../Text_es_DR4Alx-v.js';
+import '../Text_es_B85LGfjW.js';
 import 'date-fns/locale';
 import 'react-datepicker';
-import '../Button_es_BDrXGgUw.js';
-import '../Link_es_OpkyzWe6.js';
-import '../Loader_es_CcFl-K-t.js';
-import '../Input_es_BUJJnw5X.js';
-import '../Label_es_DTsS8xDD.js';
+import '../Button_es_ul2sDicM.js';
+import '../Link_es_BwLH5S8y.js';
+import '../Loader_es_DFSNJsLL.js';
+import '../Input_es_CYUPx5I_.js';
+import '../Label_es_CbXFs_ts.js';
 import '@itcase/icons/default';
 import 'react-inlinesvg';
 import '../hoc/urlWithAssetPrefix.js';
 import '../context/UrlAssetPrefix.js';
 import 'react-select/creatable';
-import '../Divider_es_Cod0xv2q.js';
+import '../Divider_es_BR7ZO8w0.js';
 
 const datePeriodAppearanceShape = {
     circular: {
@@ -151,23 +152,22 @@ function DatePeriod(props) {
         return (dateStartIso === normalizedDatePeriodValueStart &&
             dateEndIso === normalizedDatePeriodValueEnd);
     }, [datePeriodValueEnd, datePeriodValueStart]);
-    return (jsxs("div", { className: clsx(className, 'date-period', sizeClass && `date-period_size_${sizeClass}`, isSkeleton && `date-period_skeleton`), "data-testid": dataTestId, "data-tour": dataTour, children: [jsxs("div", { className: clsx('date-period__wrapper', shapeClass && `shape_${shapeClass}`, shapeStrengthClass && `shape-strength_${shapeStrengthClass}`, fillClass && `fill_${fillClass}`, 'cursor_type_pointer'), children: [jsx(ChipsGroup, { className: "date-period__choice", direction: "horizontal", children: datePeriodIntervalsList.map((datePeriodItem) => (jsx(Chips, { appearance: `${chipsAppearance} ${chipsAppearanceSize}`, label: datePeriodItem.label, shape: chipsShape, isActive: checkIsChipsActive(datePeriodItem), onClick: () => onClickPeriodChips(datePeriodItem) }, datePeriodItem.value))) }), jsx(DatePickerInput, { className: "date-period__datepicker", datePickerProps: {
-                            appearance: `${datePickerAppearance} ${datePickerAppearanceSize}`,
+    return (jsxs("div", { className: clsx(className, 'date-period', sizeClass && `date-period_size_${sizeClass}`, isSkeleton && `date-period_skeleton`), "data-testid": dataTestId, "data-tour": dataTour, children: [jsxs("div", { className: clsx('date-period__wrapper', shapeClass && `shape_${shapeClass}`, shapeStrengthClass && `shape-strength_${shapeStrengthClass}`, fillClass && `fill_${fillClass}`, 'cursor_type_pointer'), children: [jsx(ChipsGroup, { className: "date-period__choice", direction: "horizontal", children: datePeriodIntervalsList.map((datePeriodItem) => (jsx(Chips, { appearance: mergeAppearanceKeys(chipsAppearance, chipsAppearanceSize), label: datePeriodItem.label, shape: chipsShape, isActive: checkIsChipsActive(datePeriodItem), onClick: () => onClickPeriodChips(datePeriodItem) }, datePeriodItem.value))) }), jsx(DatePickerInput, { className: "date-period__datepicker", datePickerProps: {
+                            appearance: mergeAppearanceKeys(datePickerAppearance, datePickerAppearanceSize),
                             dateFormat: 'dd/MM/yyyy',
                             monthsShown: monthsShown,
                             popperPlacement: popperPlacement,
                             selectsRange: selectsRange,
                             showWeekNumbers: showWeekNumbers,
                             isClearable: false,
-                            isStartDefaultNull: true,
                             onKeyDown: onKeyDown,
                         }, endValue: datePeriodValueEnd, inputProps: {
-                            appearance: `${datePickerInputAppearance} ${datePickerInputAppearanceSize} ghost`,
+                            appearance: mergeAppearanceKeys(datePickerInputAppearance, datePickerInputAppearanceSize, 'ghost'),
                             className: `date-period__datepicker-input date-period__datepicker-input_size_${sizeClass} `,
                             fillHover: datePickerInputFillHover,
                             textSize: datePickerInputTextSize,
                             placeholder: 'Выбрать период',
-                        }, value: datePeriodValueStart, onChange: onChangeDatePeriod })] }), datePeriodSelectFirstOptions && (jsx(SelectContainer, { appearance: `${selectAppearance} ${selectAppearanceSize}`, className: "date-period__select", width: "180px", minWidth: "180px", options: datePeriodSelectFirstOptions, placeholder: datePeriodSelectFirstPlaceholder, shape: selectShape, value: datePeriodSelectFirstValue, isSearchable: true, onChange: onChangeDatePeriodFirstSelect })), datePeriodSelectSecondOptions && (jsx(SelectContainer, { appearance: `${selectAppearance} ${selectAppearanceSize}`, className: "date-period__select", width: "180px", minWidth: "180px", options: datePeriodSelectSecondOptions, placeholder: datePeriodSelectSecondPlaceholder, shape: selectShape, value: datePeriodSelectSecondValue, isSearchable: true, onChange: onChangeDatePeriodSecondSelect }))] }));
+                        }, value: datePeriodValueStart, onChange: onChangeDatePeriod })] }), datePeriodSelectFirstOptions && (jsx(SelectContainer, { appearance: mergeAppearanceKeys(selectAppearance, selectAppearanceSize), className: "date-period__select", width: "180px", minWidth: "180px", options: datePeriodSelectFirstOptions, placeholder: datePeriodSelectFirstPlaceholder, shape: selectShape, value: datePeriodSelectFirstValue, isSearchable: true, onChange: onChangeDatePeriodFirstSelect })), datePeriodSelectSecondOptions && (jsx(SelectContainer, { appearance: mergeAppearanceKeys(selectAppearance, selectAppearanceSize), className: "date-period__select", width: "180px", minWidth: "180px", options: datePeriodSelectSecondOptions, placeholder: datePeriodSelectSecondPlaceholder, shape: selectShape, value: datePeriodSelectSecondValue, isSearchable: true, onChange: onChangeDatePeriodSecondSelect }))] }));
 }
 
 export { DatePeriod, datePeriodAppearance, datePeriodConfig };

package/dist/components/DatePicker.js

@@ -1,4 +1,4 @@
-export { D as DatePickerInput, a as datePickerAppearance, d as datePickerConfig } from '../DatePicker_es_D3e0JZtJ.js';
+export { D as DatePickerInput, a as datePickerAppearance, d as datePickerConfig } from '../DatePicker_es_CCZmi-lN.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'clsx';
@@ -20,14 +20,15 @@ import '../hooks.js';
 import '../hooks/useStyles/styleAttributes.js';
 import '../hooks/useStyles/useStyles.js';
 import 'lodash/maxBy';
-import '../Button_es_BDrXGgUw.js';
-import '../Icon_es_BoUAbwyu.js';
+import '../Button_es_ul2sDicM.js';
+import '../utils/mergeAppearanceKeys.js';
+import '../Icon_es_DNVHNKFK.js';
 import 'react-inlinesvg';
 import '../hoc/urlWithAssetPrefix.js';
 import '../context/UrlAssetPrefix.js';
-import '../Link_es_OpkyzWe6.js';
-import '../Text_es_DR4Alx-v.js';
-import '../Loader_es_CcFl-K-t.js';
-import '../Input_es_BUJJnw5X.js';
-import '../Label_es_DTsS8xDD.js';
+import '../Link_es_BwLH5S8y.js';
+import '../Text_es_B85LGfjW.js';
+import '../Loader_es_DFSNJsLL.js';
+import '../Input_es_CYUPx5I_.js';
+import '../Label_es_CbXFs_ts.js';
 import '@itcase/icons/default';

package/dist/components/Divider.js

@@ -1,4 +1,4 @@
-export { D as Divider, a as dividerAppearance, d as dividerConfig } from '../Divider_es_Cod0xv2q.js';
+export { D as Divider, a as dividerAppearance, d as dividerConfig } from '../Divider_es_BR7ZO8w0.js';
 import 'react/jsx-runtime';
 import 'clsx';
 import '../hooks/useAppearanceConfig/useAppearanceConfig.js';

package/dist/components/Dot.js

@@ -21,7 +21,6 @@ function Dot(props) {
     const { className, children } = props;
     const propsGenerator = useDevicePropsGenerator(props);
     const { dataTestId, dataTour, fillClass, borderColorClass, borderTypeClass, shapeClass, sizeClass, } = propsGenerator;
-    // @ts-expect-error
     const { styles } = useStyles(props);
     return (jsx("div", { className: clsx(className, 'dot', borderColorClass && `border-color_${borderColorClass}`, borderTypeClass && `border_type_${borderTypeClass}`, fillClass && `fill_${fillClass}`, shapeClass && `dot_shape_${shapeClass}`, sizeClass && `dot_size_${sizeClass}`), "data-testid": dataTestId, "data-tour": dataTour, style: styles, children: children }));
 }

package/dist/components/Drawer.js

@@ -4,9 +4,9 @@ import clsx from 'clsx';
 import ReactDrawer from 'react-modern-drawer';
 import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
-import { D as Divider } from '../Divider_es_Cod0xv2q.js';
-import { I as Icon, b as Title } from '../Icon_es_BoUAbwyu.js';
-import { T as Text } from '../Text_es_DR4Alx-v.js';
+import { D as Divider } from '../Divider_es_BR7ZO8w0.js';
+import { I as Icon, b as Title } from '../Icon_es_DNVHNKFK.js';
+import { T as Text } from '../Text_es_B85LGfjW.js';
 import { icons24 } from '@itcase/icons/default';
 import 'lodash/camelCase';
 import 'lodash/castArray';
@@ -25,7 +25,7 @@ import 'lodash/maxBy';
 import 'react-inlinesvg';
 import '../hoc/urlWithAssetPrefix.js';
 import '../context/UrlAssetPrefix.js';
-import '../Link_es_OpkyzWe6.js';
+import '../Link_es_BwLH5S8y.js';
 
 const drawerAppearanceSize = {
     sizeH3: {

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_CgVFMUyM.js';
+export { D as Dropdown, a as DropdownItem, d as dropdownItemAppearance, b as dropdownItemConfig } from '../DropdownItem_es__mygSEH6.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'clsx';
@@ -18,10 +18,10 @@ import '../hooks.js';
 import '../hooks/useStyles/styleAttributes.js';
 import '../hooks/useStyles/useStyles.js';
 import 'lodash/maxBy';
-import '../Icon_es_BoUAbwyu.js';
+import '../Icon_es_DNVHNKFK.js';
 import 'react-inlinesvg';
 import '../hoc/urlWithAssetPrefix.js';
 import '../context/UrlAssetPrefix.js';
-import '../Link_es_OpkyzWe6.js';
-import '../Text_es_DR4Alx-v.js';
-import '../Divider_es_Cod0xv2q.js';
+import '../Link_es_BwLH5S8y.js';
+import '../Text_es_B85LGfjW.js';
+import '../Divider_es_BR7ZO8w0.js';