@itcase/ui 1.2.30 → 1.2.31

package/dist/{Icon-B2BwTQnP.js → Icon-PoesVPJn.js}

@@ -1,5 +1,6 @@
 'use strict';
 
+var tslib_es6 = require('./tslib.es6-CCZ3TN_7.js');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var clsx = require('clsx');
@@ -8,7 +9,7 @@ var index = require('./cjs/appearance/Icon.js');
 var useDeviceTargetClass = require('./cjs/hooks/useDeviceTargetClass.js');
 var useStyles = require('./cjs/hooks/useStyles.js');
 var Link = require('./Link-CqWzwh8V.js');
-var Tooltip = require('./Tooltip-PrwacZFC.js');
+var Tooltip = require('./Tooltip-CNJN2lf5.js');
 
 var iconConfig = {
     appearance: index.iconAppearance,
@@ -20,23 +21,16 @@ var Icon = React.forwardRef(function Icon(props, ref) {
     // TODO: Tooltip doesn't work that anymore
     // const [isTooltipVisible, setIsTooltipVisible] = useState(false)
     var id = props.id, width = props.width, height = props.height, after = props.after, Badge = props.Badge, before = props.before, className = props.className, dataTour = props.dataTour, href = props.href, imageSrc = props.imageSrc, link = props.link, linkRel = props.linkRel, linkTarget = props.linkTarget, showTooltip = props.showTooltip, SvgImage = props.SvgImage, tooltipAppearance = props.tooltipAppearance, tooltipText = props.tooltipText, tooltipTextSize = props.tooltipTextSize, tooltipTitle = props.tooltipTitle, tooltipTitleSize = props.tooltipTitleSize, onClick = props.onClick, onMouseEnter = props.onMouseEnter, onMouseLeave = props.onMouseLeave;
-    // const svgSizes = useMemo(() => {
-    //   const sizes: {
-    //     width?: string
-    //     height?: string
-    //   } = {}
-    //   if (width) {
-    //     sizes.width = width
-    //   }
-    //   if (height) {
-    //     sizes.height = height
-    //   }
-    //   return sizes
-    // }, [height, width])
     var ImageComponent = React.useMemo(function () {
         if (SvgImage) {
-            // return <SvgImage {...svgSizes} />
-            return jsxRuntime.jsx(SvgImage, { width: width, height: height });
+            var sizes = {};
+            if (width) {
+                sizes.width = width;
+            }
+            if (height) {
+                sizes.height = height;
+            }
+            return jsxRuntime.jsx(SvgImage, tslib_es6.__assign({}, sizes));
         }
         if (imageSrc) {
             if (imageSrc.endsWith('.svg')) {
@@ -46,7 +40,7 @@ var Icon = React.forwardRef(function Icon(props, ref) {
         }
         return null;
     }, [SvgImage, width, height, imageSrc]);
-    useDeviceTargetClass.useDeviceTargetClass(props, {
+    var cursorClass = useDeviceTargetClass.useDeviceTargetClass(props, {
         prefix: 'cursor_',
         propsKey: 'cursor',
     });
@@ -108,7 +102,8 @@ var Icon = React.forwardRef(function Icon(props, ref) {
     });
     // @ts-expect-error
     var iconStyles = useStyles.useStyles(props).styles;
-    return (jsxRuntime.jsxs("div", { className: clsx(className, 'icon', fillClass, fillHoverClass, fillSizeClass, fillDisabledClass, iconFillClass, iconFillHoverClass, iconFillDisabledClass, shapeClass, borderColorClass, borderColorHoverClass, borderWidthClass, borderTypeClass, Badge && 'icon_type_with-badge'), ref: ref, "data-tour": dataTour, id: id, style: iconStyles, onClick: onClick, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, children: [before, jsxRuntime.jsxs(Link.LinkWrapper, { className: clsx((link || href || onClick) && 'cursor_type_pointer', link || href ? 'icon__link' : 'icon__item', iconSizeClass), DefaultComponent: "div", href: link || href, rel: linkRel, target: linkTarget, children: [ImageComponent, Badge, showTooltip && (jsxRuntime.jsx(Tooltip.Tooltip, { className: clsx(className, 'icon__tooltip', alignmentClass), appearance: tooltipAppearance, text: tooltipText, textSize: tooltipTextSize, title: tooltipTitle, titleSize: tooltipTitleSize }))] }), after] }));
+    console.log('>>>>' + iconSizeClass);
+    return (jsxRuntime.jsxs("div", { className: clsx(className, 'icon', fillClass, fillHoverClass, fillSizeClass, fillDisabledClass, iconFillClass, iconFillHoverClass, iconFillDisabledClass, shapeClass, borderColorClass, borderColorHoverClass, borderWidthClass, borderTypeClass, Badge && 'icon_type_with-badge', onClick && cursorClass), ref: ref, "data-tour": dataTour, id: id, style: iconStyles, onClick: onClick, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, children: [before, jsxRuntime.jsxs(Link.LinkWrapper, { className: clsx((link || href || onClick) && 'cursor_type_pointer', link || href ? 'icon__link' : 'icon__item', iconSizeClass), DefaultComponent: "div", href: link || href, rel: linkRel, target: linkTarget, children: [ImageComponent, Badge, showTooltip && (jsxRuntime.jsx(Tooltip.Tooltip, { className: clsx(className, 'icon__tooltip', alignmentClass), appearance: tooltipAppearance, text: tooltipText, textSize: tooltipTextSize, title: tooltipTitle, titleSize: tooltipTitleSize }))] }), after] }));
 });
 var removeFillStroke = function (code) {
     return code.replace(/fill=".*?"/g, 'fill=""').replace(/stroke=".*?"/g, 'stroke=""');

package/dist/{Input-BaicBuyd.js → Input-DXbt_RWB.js}

@@ -18,7 +18,7 @@ var inputConfig = {
     },
 };
 var Input = React.forwardRef(function Input(props, ref) {
-    var id = props.id, isDisabled = props.isDisabled, appearance = props.appearance, autocomplete = props.autocomplete, className = props.className, dataTestId = props.dataTestId, index = props.index, name = props.name, placeholder = props.placeholder, state = props.state, type = props.type, value = props.value, onBlur = props.onBlur, onChange = props.onChange, onFocus = props.onFocus, onKeyDown = props.onKeyDown;
+    var id = props.id, isDisabled = props.isDisabled, appearance = props.appearance, autocomplete = props.autocomplete, className = props.className, dataTestId = props.dataTestId, index = props.index, name = props.name, placeholder = props.placeholder, state = props.state, _a = props.type, type = _a === void 0 ? 'text' : _a, value = props.value, onBlur = props.onBlur, onChange = props.onChange, onFocus = props.onFocus, onKeyDown = props.onKeyDown;
     var fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
         prefix: 'fill_',
         propsKey: 'fill',
@@ -131,7 +131,6 @@ var Input = React.forwardRef(function Input(props, ref) {
 });
 Input.defaultProps = {
     size: 'm',
-    type: 'text',
 };
 
 exports.Input = Input;

package/dist/{Input-DbzsXvEf.js → Input-HGM-rzzr.js}

@@ -16,7 +16,7 @@ var inputConfig = {
     },
 };
 var Input = React.forwardRef(function Input(props, ref) {
-    var id = props.id, isDisabled = props.isDisabled, appearance = props.appearance, autocomplete = props.autocomplete, className = props.className, dataTestId = props.dataTestId, index = props.index, name = props.name, placeholder = props.placeholder, state = props.state, type = props.type, value = props.value, onBlur = props.onBlur, onChange = props.onChange, onFocus = props.onFocus, onKeyDown = props.onKeyDown;
+    var id = props.id, isDisabled = props.isDisabled, appearance = props.appearance, autocomplete = props.autocomplete, className = props.className, dataTestId = props.dataTestId, index = props.index, name = props.name, placeholder = props.placeholder, state = props.state, _a = props.type, type = _a === void 0 ? 'text' : _a, value = props.value, onBlur = props.onBlur, onChange = props.onChange, onFocus = props.onFocus, onKeyDown = props.onKeyDown;
     var fillClass = useDeviceTargetClass(props, {
         prefix: 'fill_',
         propsKey: 'fill',
@@ -129,7 +129,6 @@ var Input = React.forwardRef(function Input(props, ref) {
 });
 Input.defaultProps = {
     size: 'm',
-    type: 'text',
 };
 
 export { Input as I, inputConfig as i };

package/dist/{Label-fp2Bus_T.js → Label-BBm19sQ-.js}

@@ -6,8 +6,8 @@ var clsx = require('clsx');
 var index = require('./cjs/appearance/Label.js');
 var useDeviceTargetClass = require('./cjs/hooks/useDeviceTargetClass.js');
 var useStyles = require('./cjs/hooks/useStyles.js');
-var Text = require('./Text-CC0xnhmx.js');
-var Tooltip = require('./Tooltip-PrwacZFC.js');
+var Text = require('./Text-1b-Bk7yG.js');
+var Tooltip = require('./Tooltip-CNJN2lf5.js');
 
 var labelConfig = {
     appearance: index.labelAppearance,
@@ -16,7 +16,7 @@ var labelConfig = {
     },
 };
 function Label(props) {
-    var children = props.children, cursor = props.cursor, after = props.after, appearance = props.appearance, before = props.before, className = props.className, dataTour = props.dataTour, label = props.label, labelTextColor = props.labelTextColor, labelTextColorHover = props.labelTextColorHover, labelTextSize = props.labelTextSize, labelTextWeight = props.labelTextWeight, labelTextWrap = props.labelTextWrap, mode = props.mode, set = props.set, showTooltip = props.showTooltip, tooltipAlignment = props.tooltipAlignment, tooltipAppearance = props.tooltipAppearance, tooltipArrowPosition = props.tooltipArrowPosition, tooltipContent = props.tooltipContent, tooltipText = props.tooltipText, tooltipTextSize = props.tooltipTextSize, tooltipTitle = props.tooltipTitle, tooltipTitleSize = props.tooltipTitleSize, type = props.type, onClick = props.onClick;
+    var children = props.children, cursor = props.cursor, after = props.after, appearance = props.appearance, before = props.before, className = props.className, dataTour = props.dataTour, _a = props.label, label = _a === void 0 ? 'Label' : _a, labelTextColor = props.labelTextColor, labelTextColorHover = props.labelTextColorHover, labelTextSize = props.labelTextSize, labelTextWeight = props.labelTextWeight, labelTextWrap = props.labelTextWrap, mode = props.mode, set = props.set, showTooltip = props.showTooltip, tooltipAlignment = props.tooltipAlignment, tooltipAppearance = props.tooltipAppearance, tooltipArrowPosition = props.tooltipArrowPosition, tooltipContent = props.tooltipContent, tooltipText = props.tooltipText, tooltipTextSize = props.tooltipTextSize, tooltipTitle = props.tooltipTitle, tooltipTitleSize = props.tooltipTitleSize, type = props.type, onClick = props.onClick;
     var tooltipRef = React.useRef(null);
     var onMouseEnterLabel = React.useCallback(function () {
         var _a;
@@ -81,9 +81,6 @@ function Label(props) {
                         // @ts-expect-error
                         ref: tooltipRef, alignment: tooltipAlignment, appearance: tooltipAppearance, arrowPosition: tooltipArrowPosition, text: tooltipText, textSize: tooltipTextSize, title: tooltipTitle, titleSize: tooltipTitleSize, children: tooltipContent }))] }), after] }));
 }
-Label.defaultProps = {
-    label: 'Label',
-};
 
 exports.Label = Label;
 exports.labelConfig = labelConfig;

package/dist/{Label-BfotYOmD.js → Label-Chm6tl6E.js}

@@ -4,8 +4,8 @@ import clsx from 'clsx';
 import { labelAppearance } from './appearance/Label.js';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
 import { useStyles } from './hooks/useStyles.js';
-import { T as Text } from './Text-kxGZButz.js';
-import { T as Tooltip } from './Tooltip-ccRCMYQM.js';
+import { T as Text } from './Text-DlSG_p4u.js';
+import { T as Tooltip } from './Tooltip-f5EWhsGj.js';
 
 var labelConfig = {
     appearance: labelAppearance,
@@ -14,7 +14,7 @@ var labelConfig = {
     },
 };
 function Label(props) {
-    var children = props.children, cursor = props.cursor, after = props.after, appearance = props.appearance, before = props.before, className = props.className, dataTour = props.dataTour, label = props.label, labelTextColor = props.labelTextColor, labelTextColorHover = props.labelTextColorHover, labelTextSize = props.labelTextSize, labelTextWeight = props.labelTextWeight, labelTextWrap = props.labelTextWrap, mode = props.mode, set = props.set, showTooltip = props.showTooltip, tooltipAlignment = props.tooltipAlignment, tooltipAppearance = props.tooltipAppearance, tooltipArrowPosition = props.tooltipArrowPosition, tooltipContent = props.tooltipContent, tooltipText = props.tooltipText, tooltipTextSize = props.tooltipTextSize, tooltipTitle = props.tooltipTitle, tooltipTitleSize = props.tooltipTitleSize, type = props.type, onClick = props.onClick;
+    var children = props.children, cursor = props.cursor, after = props.after, appearance = props.appearance, before = props.before, className = props.className, dataTour = props.dataTour, _a = props.label, label = _a === void 0 ? 'Label' : _a, labelTextColor = props.labelTextColor, labelTextColorHover = props.labelTextColorHover, labelTextSize = props.labelTextSize, labelTextWeight = props.labelTextWeight, labelTextWrap = props.labelTextWrap, mode = props.mode, set = props.set, showTooltip = props.showTooltip, tooltipAlignment = props.tooltipAlignment, tooltipAppearance = props.tooltipAppearance, tooltipArrowPosition = props.tooltipArrowPosition, tooltipContent = props.tooltipContent, tooltipText = props.tooltipText, tooltipTextSize = props.tooltipTextSize, tooltipTitle = props.tooltipTitle, tooltipTitleSize = props.tooltipTitleSize, type = props.type, onClick = props.onClick;
     var tooltipRef = useRef(null);
     var onMouseEnterLabel = useCallback(function () {
         var _a;
@@ -79,8 +79,5 @@ function Label(props) {
                         // @ts-expect-error
                         ref: tooltipRef, alignment: tooltipAlignment, appearance: tooltipAppearance, arrowPosition: tooltipArrowPosition, text: tooltipText, textSize: tooltipTextSize, title: tooltipTitle, titleSize: tooltipTitleSize, children: tooltipContent }))] }), after] }));
 }
-Label.defaultProps = {
-    label: 'Label',
-};
 
 export { Label as L, labelConfig as l };

package/dist/{Link-CzC1kU5C.js → Link-CeQuavin.js}

@@ -1,4 +1,4 @@
-import { _ as __rest, a as __assign } from './tslib.es6-w7hdJ3oZ.js';
+import { a as __rest, _ as __assign } from './tslib.es6-5FtW-kfi.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import React from 'react';
 import clsx from 'clsx';

package/dist/Loader-CqEocvjh.js

@@ -0,0 +1,56 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import clsx from 'clsx';
+import { loaderAppearance } from './appearance/Loader.js';
+import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
+import { useStyles } from './hooks/useStyles.js';
+import { T as Text } from './Text-DlSG_p4u.js';
+
+// TODO: is better to use context?
+var loaderConfig = {
+    appearance: loaderAppearance,
+    setAppearance: function (newComponent) {
+        loaderConfig.appearance = newComponent;
+    },
+};
+function Loader(props) {
+    var _a, _b, _c;
+    var children = props.children, appearance = props.appearance, className = props.className, set = props.set, text = props.text, textColor = props.textColor, textSize = props.textSize;
+    var itemFillClass = useDeviceTargetClass(props, {
+        prefix: 'fill_',
+        propsKey: 'itemFill',
+    });
+    var fillClass = useDeviceTargetClass(props, {
+        prefix: 'fill_',
+        propsKey: 'fill',
+    });
+    var widthClass = useDeviceTargetClass(props, {
+        prefix: 'width_',
+        propsKey: 'width',
+    });
+    var heightClass = useDeviceTargetClass(props, {
+        prefix: 'height_',
+        propsKey: 'height',
+    });
+    var positionClass = useDeviceTargetClass(props, {
+        prefix: 'position_',
+        propsKey: 'position',
+    });
+    // @ts-expect-error
+    var loader = useStyles(props).styles;
+    var appearanceConfig = appearance && loaderConfig.appearance && loaderConfig.appearance[appearance];
+    return (jsxs("div", { className: clsx('loader', positionClass, widthClass ||
+            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.width) &&
+                "width_".concat(appearanceConfig.width).replace(/([A-Z])/g, '-$1').toLowerCase()), heightClass ||
+            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.height) &&
+                "height_".concat(appearanceConfig.height).replace(/([A-Z])/g, '-$1').toLowerCase()), fillClass ||
+            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.fill) &&
+                "fill_".concat(appearanceConfig.fill).replace(/([A-Z])/g, '-$1').toLowerCase()), className, set && "loader_set_".concat(set)), style: loader, children: [children || (jsxs("div", { className: "loader__inner", children: [jsx("span", { className: clsx('loader__item', itemFillClass ||
+                            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.itemFill) &&
+                                "fill_".concat((_a = appearanceConfig.itemFill) === null || _a === void 0 ? void 0 : _a.replace(/([A-Z])/g, '-$1')).toLowerCase())) }), jsx("span", { className: clsx('loader__item', itemFillClass ||
+                            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.itemFill) &&
+                                "fill_".concat((_b = appearanceConfig.itemFill) === null || _b === void 0 ? void 0 : _b.replace(/([A-Z])/g, '-$1')).toLowerCase())) }), jsx("span", { className: clsx('loader__item', itemFillClass ||
+                            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.itemFill) &&
+                                "fill_".concat((_c = appearanceConfig.itemFill) === null || _c === void 0 ? void 0 : _c.replace(/([A-Z])/g, '-$1')).toLowerCase())) })] })), text && (jsx(Text, { className: "loader__text", size: textSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textSize), textColor: textColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textColor), children: text }))] }));
+}
+
+export { Loader as L, loaderConfig as l };

package/dist/Loader-DRTOGvF1.js

@@ -0,0 +1,59 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var clsx = require('clsx');
+var index = require('./cjs/appearance/Loader.js');
+var useDeviceTargetClass = require('./cjs/hooks/useDeviceTargetClass.js');
+var useStyles = require('./cjs/hooks/useStyles.js');
+var Text = require('./Text-1b-Bk7yG.js');
+
+// TODO: is better to use context?
+var loaderConfig = {
+    appearance: index.loaderAppearance,
+    setAppearance: function (newComponent) {
+        loaderConfig.appearance = newComponent;
+    },
+};
+function Loader(props) {
+    var _a, _b, _c;
+    var children = props.children, appearance = props.appearance, className = props.className, set = props.set, text = props.text, textColor = props.textColor, textSize = props.textSize;
+    var itemFillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'fill_',
+        propsKey: 'itemFill',
+    });
+    var fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'fill_',
+        propsKey: 'fill',
+    });
+    var widthClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'width_',
+        propsKey: 'width',
+    });
+    var heightClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'height_',
+        propsKey: 'height',
+    });
+    var positionClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'position_',
+        propsKey: 'position',
+    });
+    // @ts-expect-error
+    var loader = useStyles.useStyles(props).styles;
+    var appearanceConfig = appearance && loaderConfig.appearance && loaderConfig.appearance[appearance];
+    return (jsxRuntime.jsxs("div", { className: clsx('loader', positionClass, widthClass ||
+            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.width) &&
+                "width_".concat(appearanceConfig.width).replace(/([A-Z])/g, '-$1').toLowerCase()), heightClass ||
+            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.height) &&
+                "height_".concat(appearanceConfig.height).replace(/([A-Z])/g, '-$1').toLowerCase()), fillClass ||
+            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.fill) &&
+                "fill_".concat(appearanceConfig.fill).replace(/([A-Z])/g, '-$1').toLowerCase()), className, set && "loader_set_".concat(set)), style: loader, children: [children || (jsxRuntime.jsxs("div", { className: "loader__inner", children: [jsxRuntime.jsx("span", { className: clsx('loader__item', itemFillClass ||
+                            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.itemFill) &&
+                                "fill_".concat((_a = appearanceConfig.itemFill) === null || _a === void 0 ? void 0 : _a.replace(/([A-Z])/g, '-$1')).toLowerCase())) }), jsxRuntime.jsx("span", { className: clsx('loader__item', itemFillClass ||
+                            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.itemFill) &&
+                                "fill_".concat((_b = appearanceConfig.itemFill) === null || _b === void 0 ? void 0 : _b.replace(/([A-Z])/g, '-$1')).toLowerCase())) }), jsxRuntime.jsx("span", { className: clsx('loader__item', itemFillClass ||
+                            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.itemFill) &&
+                                "fill_".concat((_c = appearanceConfig.itemFill) === null || _c === void 0 ? void 0 : _c.replace(/([A-Z])/g, '-$1')).toLowerCase())) })] })), text && (jsxRuntime.jsx(Text.Text, { className: "loader__text", size: textSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textSize), textColor: textColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textColor), children: text }))] }));
+}
+
+exports.Loader = Loader;
+exports.loaderConfig = loaderConfig;

package/dist/{MenuItem-BJ3uGKCH.js → MenuItem-DPJ_9FxW.js}

@@ -7,7 +7,7 @@ var index = require('./cjs/appearance/MenuItem.js');
 var useDeviceTargetClass = require('./cjs/hooks/useDeviceTargetClass.js');
 var useStyles = require('./cjs/hooks/useStyles.js');
 var Link = require('./Link-CqWzwh8V.js');
-var Text = require('./Text-CC0xnhmx.js');
+var Text = require('./Text-1b-Bk7yG.js');
 
 var menuItemConfig = {
     appearance: index.menuItemAppearance,
@@ -72,8 +72,19 @@ function MenuItem(props) {
     // @ts-expect-error
     var menuItem = useStyles.useStyles(props).styles;
     var appearanceConfig = appearance && menuItemConfig.appearance && menuItemConfig.appearance[appearance];
-    return (jsxRuntime.jsx("div", { className: clsx('menu-item', isActive && 'menu-item_state_active', isHover && 'menu-item_state_hover', directionClass, className, sizeClass, fillClass ||
-            (appearance && "fill_".concat(appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.fill).replace(/([A-Z])/g, '-$1').toLowerCase()), fillHoverClass, fillActiveClass, fillActiveHoverClass, fillDisabledClass, shapeClass, typeClass, widthClass, set && "menu-item_set_".concat(set), justifyContentClass), style: menuItem, onClick: onClick, onMouseEnter: onMouseEnter, children: jsxRuntime.jsx(Link.Link, { className: clsx('menu-item__label', alignDirectionClass, alignClass), fill: linkFill, href: link || href, rel: rel, target: target, underline: underline, children: jsxRuntime.jsxs(React.Fragment, { children: [before, children || (jsxRuntime.jsxs(React.Fragment, { children: [label && (jsxRuntime.jsx(Text.Text, { className: "menu-item__label", size: textSize, textColor: textColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textColor), textColorGradient: textGradient, textColorHover: textColorHover || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textColorHover), textStyle: textStyle, textWeight: textWeight, textWrap: textWrap, textColorActive: isActive && (textColorActive || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textColorActive)), children: label })), desc && (jsxRuntime.jsx(Text.Text, { className: "menu-item__desc", size: descTextSize, textColor: descTextColor, textColorGradient: descTextGradient, textColorHover: descTextColorHover, textStyle: descTextStyle, textWeight: descTextWeight, textWrap: descTextWrap, children: desc }))] })), after] }) }) }));
+    return (jsxRuntime.jsx("div", { className: clsx('menu-item', isActive && 'menu-item_state_active', isHover && 'menu-item_state_hover', directionClass ||
+            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.direction) &&
+                "menu-item_direction_".concat(appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.direction)
+                    .replace(/([A-Z])/g, '-$1')
+                    .toLowerCase()), className, sizeClass ||
+            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.size) &&
+                "menu-item_size_".concat(appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.size).replace(/([A-Z])/g, '-$1').toLowerCase()), fillClass ||
+            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.fill) &&
+                "fill_".concat(appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.fill).replace(/([A-Z])/g, '-$1').toLowerCase()), fillHoverClass, fillActiveClass, fillActiveHoverClass, fillDisabledClass, shapeClass ||
+            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.shape) &&
+                "menu-item_shape_".concat(appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.shape).replace(/([A-Z])/g, '-$1').toLowerCase()), typeClass, widthClass ||
+            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.width) &&
+                "width_".concat(appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.width).replace(/([A-Z])/g, '-$1').toLowerCase()), set && "menu-item_set_".concat(set), justifyContentClass), style: menuItem, onClick: onClick, onMouseEnter: onMouseEnter, children: jsxRuntime.jsx(Link.Link, { className: clsx('menu-item__label', alignDirectionClass, alignClass), fill: linkFill, href: link || href, rel: rel, target: target, underline: underline, children: jsxRuntime.jsxs(React.Fragment, { children: [before, children || (jsxRuntime.jsxs(React.Fragment, { children: [label && (jsxRuntime.jsx(Text.Text, { className: "menu-item__label", size: textSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textSize), textColor: textColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textColor), textColorGradient: textGradient, textColorHover: textColorHover || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textColorHover), textStyle: textStyle, textWeight: textWeight, textWrap: textWrap, textColorActive: isActive && (textColorActive || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textColorActive)), children: label })), desc && (jsxRuntime.jsx(Text.Text, { className: "menu-item__desc", size: descTextSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.descTextSize), textColor: descTextColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.descTextColor), textColorGradient: descTextGradient, textColorHover: descTextColorHover || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.descTextColorHover), textStyle: descTextStyle, textWeight: descTextWeight, textWrap: descTextWrap, children: desc }))] })), after] }) }) }));
 }
 MenuItem.defaultProps = {
     direction: 'horizontal',

package/dist/{MenuItem-BEYVY0Vf.js → MenuItem-zHzWXIvQ.js}

@@ -4,8 +4,8 @@ import clsx from 'clsx';
 import { menuItemAppearance } from './appearance/MenuItem.js';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
 import { useStyles } from './hooks/useStyles.js';
-import { L as Link } from './Link-CzC1kU5C.js';
-import { T as Text } from './Text-kxGZButz.js';
+import { L as Link } from './Link-CeQuavin.js';
+import { T as Text } from './Text-DlSG_p4u.js';
 
 var menuItemConfig = {
     appearance: menuItemAppearance,
@@ -70,8 +70,19 @@ function MenuItem(props) {
     // @ts-expect-error
     var menuItem = useStyles(props).styles;
     var appearanceConfig = appearance && menuItemConfig.appearance && menuItemConfig.appearance[appearance];
-    return (jsx("div", { className: clsx('menu-item', isActive && 'menu-item_state_active', isHover && 'menu-item_state_hover', directionClass, className, sizeClass, fillClass ||
-            (appearance && "fill_".concat(appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.fill).replace(/([A-Z])/g, '-$1').toLowerCase()), fillHoverClass, fillActiveClass, fillActiveHoverClass, fillDisabledClass, shapeClass, typeClass, widthClass, set && "menu-item_set_".concat(set), justifyContentClass), style: menuItem, onClick: onClick, onMouseEnter: onMouseEnter, children: jsx(Link, { className: clsx('menu-item__label', alignDirectionClass, alignClass), fill: linkFill, href: link || href, rel: rel, target: target, underline: underline, children: jsxs(React.Fragment, { children: [before, children || (jsxs(React.Fragment, { children: [label && (jsx(Text, { className: "menu-item__label", size: textSize, textColor: textColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textColor), textColorGradient: textGradient, textColorHover: textColorHover || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textColorHover), textStyle: textStyle, textWeight: textWeight, textWrap: textWrap, textColorActive: isActive && (textColorActive || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textColorActive)), children: label })), desc && (jsx(Text, { className: "menu-item__desc", size: descTextSize, textColor: descTextColor, textColorGradient: descTextGradient, textColorHover: descTextColorHover, textStyle: descTextStyle, textWeight: descTextWeight, textWrap: descTextWrap, children: desc }))] })), after] }) }) }));
+    return (jsx("div", { className: clsx('menu-item', isActive && 'menu-item_state_active', isHover && 'menu-item_state_hover', directionClass ||
+            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.direction) &&
+                "menu-item_direction_".concat(appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.direction)
+                    .replace(/([A-Z])/g, '-$1')
+                    .toLowerCase()), className, sizeClass ||
+            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.size) &&
+                "menu-item_size_".concat(appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.size).replace(/([A-Z])/g, '-$1').toLowerCase()), fillClass ||
+            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.fill) &&
+                "fill_".concat(appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.fill).replace(/([A-Z])/g, '-$1').toLowerCase()), fillHoverClass, fillActiveClass, fillActiveHoverClass, fillDisabledClass, shapeClass ||
+            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.shape) &&
+                "menu-item_shape_".concat(appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.shape).replace(/([A-Z])/g, '-$1').toLowerCase()), typeClass, widthClass ||
+            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.width) &&
+                "width_".concat(appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.width).replace(/([A-Z])/g, '-$1').toLowerCase()), set && "menu-item_set_".concat(set), justifyContentClass), style: menuItem, onClick: onClick, onMouseEnter: onMouseEnter, children: jsx(Link, { className: clsx('menu-item__label', alignDirectionClass, alignClass), fill: linkFill, href: link || href, rel: rel, target: target, underline: underline, children: jsxs(React.Fragment, { children: [before, children || (jsxs(React.Fragment, { children: [label && (jsx(Text, { className: "menu-item__label", size: textSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textSize), textColor: textColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textColor), textColorGradient: textGradient, textColorHover: textColorHover || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textColorHover), textStyle: textStyle, textWeight: textWeight, textWrap: textWrap, textColorActive: isActive && (textColorActive || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textColorActive)), children: label })), desc && (jsx(Text, { className: "menu-item__desc", size: descTextSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.descTextSize), textColor: descTextColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.descTextColor), textColorGradient: descTextGradient, textColorHover: descTextColorHover || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.descTextColorHover), textStyle: descTextStyle, textWeight: descTextWeight, textWrap: descTextWrap, children: desc }))] })), after] }) }) }));
 }
 MenuItem.defaultProps = {
     direction: 'horizontal',

package/dist/{Scrollbar-CrGXCZ_F.js → Scrollbar-Bo7z7ELm.js}

@@ -3,25 +3,22 @@ import clsx from 'clsx';
 import { Scrollbar as Scrollbar$1 } from 'react-scrollbars-custom';
 
 function Scrollbar(props) {
-    var children = props.children, className = props.className, scrollbarWidth = props.scrollbarWidth, scrollHeight = props.scrollHeight, onScroll = props.onScroll, noDefaultStyles = props.noDefaultStyles;
-    return (jsx(Scrollbar$1, { className: clsx('scrollbar', className), onScroll: onScroll, scrollbarWidth: scrollbarWidth, noDefaultStyles: noDefaultStyles, wrapperProps: {
-            className: 'scrollbar__wrapper',
+    var children = props.children, className = props.className, noDefaultStyles = props.noDefaultStyles, scrollbarWidth = props.scrollbarWidth, _a = props.scrollHeight, scrollHeight = _a === void 0 ? '200' : _a, onScroll = props.onScroll;
+    return (jsx(Scrollbar$1, { className: clsx('scrollbar', className), noDefaultStyles: noDefaultStyles, scrollbarWidth: scrollbarWidth, style: { height: scrollHeight + 'px' }, contentProps: {
+            className: 'scrollbar__scroll-content',
         }, scrollerProps: {
             className: 'scrollbar__scroll',
-        }, contentProps: {
-            className: 'scrollbar__scroll-content',
-        }, trackXProps: {
-            className: 'scrollbar__track-x',
-        }, trackYProps: {
-            className: 'scrollbar__track-y',
         }, thumbXProps: {
             className: 'scrollbar__track-x-item',
         }, thumbYProps: {
             className: 'scrollbar__track-y-item',
-        }, style: { height: scrollHeight + 'px' }, children: children }));
+        }, trackXProps: {
+            className: 'scrollbar__track-x',
+        }, trackYProps: {
+            className: 'scrollbar__track-y',
+        }, wrapperProps: {
+            className: 'scrollbar__wrapper',
+        }, onScroll: onScroll, children: children }));
 }
-Scrollbar.defaultProps = {
-    scrollHeight: '200',
-};
 
 export { Scrollbar as S };

package/dist/{Scrollbar-DVlIZzvz.js → Scrollbar-CKbA0jQU.js}

@@ -5,25 +5,22 @@ var clsx = require('clsx');
 var reactScrollbarsCustom = require('react-scrollbars-custom');
 
 function Scrollbar(props) {
-    var children = props.children, className = props.className, scrollbarWidth = props.scrollbarWidth, scrollHeight = props.scrollHeight, onScroll = props.onScroll, noDefaultStyles = props.noDefaultStyles;
-    return (jsxRuntime.jsx(reactScrollbarsCustom.Scrollbar, { className: clsx('scrollbar', className), onScroll: onScroll, scrollbarWidth: scrollbarWidth, noDefaultStyles: noDefaultStyles, wrapperProps: {
-            className: 'scrollbar__wrapper',
+    var children = props.children, className = props.className, noDefaultStyles = props.noDefaultStyles, scrollbarWidth = props.scrollbarWidth, _a = props.scrollHeight, scrollHeight = _a === void 0 ? '200' : _a, onScroll = props.onScroll;
+    return (jsxRuntime.jsx(reactScrollbarsCustom.Scrollbar, { className: clsx('scrollbar', className), noDefaultStyles: noDefaultStyles, scrollbarWidth: scrollbarWidth, style: { height: scrollHeight + 'px' }, contentProps: {
+            className: 'scrollbar__scroll-content',
         }, scrollerProps: {
             className: 'scrollbar__scroll',
-        }, contentProps: {
-            className: 'scrollbar__scroll-content',
-        }, trackXProps: {
-            className: 'scrollbar__track-x',
-        }, trackYProps: {
-            className: 'scrollbar__track-y',
         }, thumbXProps: {
             className: 'scrollbar__track-x-item',
         }, thumbYProps: {
             className: 'scrollbar__track-y-item',
-        }, style: { height: scrollHeight + 'px' }, children: children }));
+        }, trackXProps: {
+            className: 'scrollbar__track-x',
+        }, trackYProps: {
+            className: 'scrollbar__track-y',
+        }, wrapperProps: {
+            className: 'scrollbar__wrapper',
+        }, onScroll: onScroll, children: children }));
 }
-Scrollbar.defaultProps = {
-    scrollHeight: '200',
-};
 
 exports.Scrollbar = Scrollbar;

package/dist/{Text-CC0xnhmx.js → Text-1b-Bk7yG.js}

@@ -69,11 +69,10 @@ function Text(props) {
             ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.size) &&
                 "text_size_".concat(appearanceConfig.size).replace(/([A-Z])/g, '-$1').toLowerCase()), weightClass, textAlignClass, textColorClass ||
             ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textColor) &&
-                "text-color_".concat(appearanceConfig.textColor).replace(/([A-Z])/g, '-$1').toLowerCase()), textColorActiveClass, textColorHoverClass, textGradientClass, textStyleClass, textWrapClass, textTruncateClass, type && "text_type_".concat(type), mode && "text_mode_".concat(mode), widthClass, cursorClass, onClick && (cursor || 'cursor_type_pointer')), "data-test-id": dataTestId, "data-tour": dataTour, htmlFor: htmlFor, style: textStyles, onClick: onClick, onDoubleClick: onDoubleClick, children: [before, children, after] }));
+                "text-color_".concat(appearanceConfig.textColor).replace(/([A-Z])/g, '-$1').toLowerCase()), textColorActiveClass, textColorHoverClass, textGradientClass, textStyleClass, textWrapClass, textTruncateClass, type && "text_type_".concat(type), mode && "text_mode_".concat(mode), widthClass ||
+            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.width) &&
+                "width_".concat(appearanceConfig.width).replace(/([A-Z])/g, '-$1').toLowerCase()), cursorClass, onClick && (cursor || 'cursor_type_pointer')), "data-test-id": dataTestId, "data-tour": dataTour, htmlFor: htmlFor, style: textStyles, onClick: onClick, onDoubleClick: onDoubleClick, children: [before, children, after] }));
 }
-Text.defaultProps = {
-    tag: 'span',
-};
 
 exports.Text = Text;
 exports.textConfig = textConfig;

package/dist/{Text-kxGZButz.js → Text-DlSG_p4u.js}

@@ -67,10 +67,9 @@ function Text(props) {
             ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.size) &&
                 "text_size_".concat(appearanceConfig.size).replace(/([A-Z])/g, '-$1').toLowerCase()), weightClass, textAlignClass, textColorClass ||
             ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textColor) &&
-                "text-color_".concat(appearanceConfig.textColor).replace(/([A-Z])/g, '-$1').toLowerCase()), textColorActiveClass, textColorHoverClass, textGradientClass, textStyleClass, textWrapClass, textTruncateClass, type && "text_type_".concat(type), mode && "text_mode_".concat(mode), widthClass, cursorClass, onClick && (cursor || 'cursor_type_pointer')), "data-test-id": dataTestId, "data-tour": dataTour, htmlFor: htmlFor, style: textStyles, onClick: onClick, onDoubleClick: onDoubleClick, children: [before, children, after] }));
+                "text-color_".concat(appearanceConfig.textColor).replace(/([A-Z])/g, '-$1').toLowerCase()), textColorActiveClass, textColorHoverClass, textGradientClass, textStyleClass, textWrapClass, textTruncateClass, type && "text_type_".concat(type), mode && "text_mode_".concat(mode), widthClass ||
+            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.width) &&
+                "width_".concat(appearanceConfig.width).replace(/([A-Z])/g, '-$1').toLowerCase()), cursorClass, onClick && (cursor || 'cursor_type_pointer')), "data-test-id": dataTestId, "data-tour": dataTour, htmlFor: htmlFor, style: textStyles, onClick: onClick, onDoubleClick: onDoubleClick, children: [before, children, after] }));
 }
-Text.defaultProps = {
-    tag: 'span',
-};
 
 export { Text as T, textConfig as t };

package/dist/{Title-CQ_Fr1hO.js → Title-mkus84Rh.js}

@@ -13,8 +13,8 @@ var titleConfig = {
     },
 };
 function Title(props) {
-    var children = props.children, after = props.after, afterWrapper = props.afterWrapper, appearance = props.appearance, before = props.before, beforeWrapper = props.beforeWrapper, className = props.className, dataTour = props.dataTour, mode = props.mode, size = props.size, sizeDesktop = props.sizeDesktop, sizeMobile = props.sizeMobile, sizeTablet = props.sizeTablet, _a = props.tag, tag = _a === void 0 ? 'span' : _a, text = props.text, textWrap = props.textWrap, onClick = props.onClick;
-    var _b = useUserDeviceContext(), isMobile = _b.isMobile, isTablet = _b.isTablet, isDesktop = _b.isDesktop;
+    var children = props.children, after = props.after, afterWrapper = props.afterWrapper, appearance = props.appearance, before = props.before, beforeWrapper = props.beforeWrapper, className = props.className, dataTour = props.dataTour, mode = props.mode, _a = props.size, size = _a === void 0 ? 'h3' : _a, sizeDesktop = props.sizeDesktop, sizeMobile = props.sizeMobile, sizeTablet = props.sizeTablet, _b = props.tag, tag = _b === void 0 ? 'span' : _b, text = props.text, textWrap = props.textWrap, onClick = props.onClick;
+    var _c = useUserDeviceContext(), isMobile = _c.isMobile, isTablet = _c.isTablet, isDesktop = _c.isDesktop;
     var directionClass = useDeviceTargetClass(props, {
         prefix: 'title_direction_',
         propsKey: 'direction',
@@ -80,7 +80,7 @@ function Title(props) {
         propsKey: 'height',
     });
     // @ts-expect-error
-    var _c = useStyles(props), titleStyles = _c.styles, titleWrapperStyles = _c.wrapper;
+    var _d = useStyles(props), titleStyles = _d.styles, titleWrapperStyles = _d.wrapper;
     var appearanceConfig = appearance && titleConfig.appearance && titleConfig.appearance[appearance];
     // Element type (h1, h2, ..., h6)
     var Tag = useMemo(function () {
@@ -102,8 +102,5 @@ function Title(props) {
             ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textColor) &&
                 "text-color_".concat(appearanceConfig.textColor).replace(/([A-Z])/g, '-$1').toLowerCase()), textColorActiveClass, textColorHoverClass, typeClass, textGradientClass, textStyleClass, weightClass, textWrap && "word-wrap_".concat(textWrap)), "data-tour": dataTour, style: titleStyles, onClick: onClick, children: [before, jsxs("span", { className: clsx(textAlignClass, directionWrapperClass, 'title__wrapper', textTruncateClass), style: titleWrapperStyles, children: [beforeWrapper, children || text, afterWrapper] }), after] }));
 }
-Title.defaultProps = {
-    size: 'h3',
-};
 
 export { Title as T, titleConfig as t };

package/dist/{Title-Ze_OL1Co.js → Title-o5ofk8ge.js}

@@ -15,8 +15,8 @@ var titleConfig = {
     },
 };
 function Title(props) {
-    var children = props.children, after = props.after, afterWrapper = props.afterWrapper, appearance = props.appearance, before = props.before, beforeWrapper = props.beforeWrapper, className = props.className, dataTour = props.dataTour, mode = props.mode, size = props.size, sizeDesktop = props.sizeDesktop, sizeMobile = props.sizeMobile, sizeTablet = props.sizeTablet, _a = props.tag, tag = _a === void 0 ? 'span' : _a, text = props.text, textWrap = props.textWrap, onClick = props.onClick;
-    var _b = UIContext.useUserDeviceContext(), isMobile = _b.isMobile, isTablet = _b.isTablet, isDesktop = _b.isDesktop;
+    var children = props.children, after = props.after, afterWrapper = props.afterWrapper, appearance = props.appearance, before = props.before, beforeWrapper = props.beforeWrapper, className = props.className, dataTour = props.dataTour, mode = props.mode, _a = props.size, size = _a === void 0 ? 'h3' : _a, sizeDesktop = props.sizeDesktop, sizeMobile = props.sizeMobile, sizeTablet = props.sizeTablet, _b = props.tag, tag = _b === void 0 ? 'span' : _b, text = props.text, textWrap = props.textWrap, onClick = props.onClick;
+    var _c = UIContext.useUserDeviceContext(), isMobile = _c.isMobile, isTablet = _c.isTablet, isDesktop = _c.isDesktop;
     var directionClass = useDeviceTargetClass.useDeviceTargetClass(props, {
         prefix: 'title_direction_',
         propsKey: 'direction',
@@ -82,7 +82,7 @@ function Title(props) {
         propsKey: 'height',
     });
     // @ts-expect-error
-    var _c = useStyles.useStyles(props), titleStyles = _c.styles, titleWrapperStyles = _c.wrapper;
+    var _d = useStyles.useStyles(props), titleStyles = _d.styles, titleWrapperStyles = _d.wrapper;
     var appearanceConfig = appearance && titleConfig.appearance && titleConfig.appearance[appearance];
     // Element type (h1, h2, ..., h6)
     var Tag = React.useMemo(function () {
@@ -104,9 +104,6 @@ function Title(props) {
             ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textColor) &&
                 "text-color_".concat(appearanceConfig.textColor).replace(/([A-Z])/g, '-$1').toLowerCase()), textColorActiveClass, textColorHoverClass, typeClass, textGradientClass, textStyleClass, weightClass, textWrap && "word-wrap_".concat(textWrap)), "data-tour": dataTour, style: titleStyles, onClick: onClick, children: [before, jsxRuntime.jsxs("span", { className: clsx(textAlignClass, directionWrapperClass, 'title__wrapper', textTruncateClass), style: titleWrapperStyles, children: [beforeWrapper, children || text, afterWrapper] }), after] }));
 }
-Title.defaultProps = {
-    size: 'h3',
-};
 
 exports.Title = Title;
 exports.titleConfig = titleConfig;

package/dist/{Tooltip-PrwacZFC.js → Tooltip-CNJN2lf5.js}

@@ -6,8 +6,8 @@ var clsx = require('clsx');
 var index = require('./cjs/appearance/Tooltip.js');
 var useDeviceTargetClass = require('./cjs/hooks/useDeviceTargetClass.js');
 var useStyles = require('./cjs/hooks/useStyles.js');
-var Text = require('./Text-CC0xnhmx.js');
-var Title = require('./Title-Ze_OL1Co.js');
+var Text = require('./Text-1b-Bk7yG.js');
+var Title = require('./Title-o5ofk8ge.js');
 
 var tooltipConfig = {
     appearance: index.tooltipAppearance,
@@ -113,7 +113,23 @@ var Tooltip = React.forwardRef(function Tooltip(props, ref) {
     var appearanceConfig = (appearance && tooltipConfig.appearance && tooltipConfig.appearance[appearance]);
     return (jsxRuntime.jsxs("div", { className: clsx(className, 'tooltip', isTooltipVisible === true && 'tooltip_state_open', isTooltipVisible === false && 'tooltip_state_close', fillClass ||
             ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.fill) &&
-                "fill_".concat(appearanceConfig.fill).replace(/([A-Z])/g, '-$1').toLowerCase()), shapeClass, alignPosition && "tooltip_align-position_".concat(alignPosition), alignDirectionClass, alignClass, alignmentClass, borderWidthClass, borderColorClass, borderTypeClass, elevationClass, sizeClass, arrowPosition && "tooltip_type_arrow tooltip_arrow_position_".concat(arrowPosition), type && "tooltip_type_".concat(type), set && "tooltip_set_".concat(set), widthClass), ref: tooltipElementRef, style: tooltipStyles, onAnimationEnd: onAnimationEnd, children: [before, jsxRuntime.jsxs("div", { className: "tooltip__inner", children: [title && (jsxRuntime.jsx(Title.Title, { className: "tooltip__title", size: titleSize, textColor: titleTextColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.titleTextColor), textWeight: titleTextWeight || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.titleTextWeight), children: title })), text && (jsxRuntime.jsx(Text.Text, { className: "tooltip__text", size: textSize, textColor: textColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textColor), children: text })), children] }), after] }));
+                "fill_".concat(appearanceConfig.fill).replace(/([A-Z])/g, '-$1').toLowerCase()), shapeClass ||
+            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.shape) &&
+                "tooltip_shape_".concat(appearanceConfig.shape).replace(/([A-Z])/g, '-$1').toLowerCase()), alignPosition && "tooltip_align-position_".concat(alignPosition), alignDirectionClass ||
+            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.alignDirection) &&
+                "align_".concat(appearanceConfig.alignDirection).replace(/([A-Z])/g, '-$1').toLowerCase()), alignClass ||
+            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.align) &&
+                "align_".concat(appearanceConfig.align).replace(/([A-Z])/g, '-$1').toLowerCase()), alignmentClass ||
+            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.alignment) &&
+                "alignment_".concat(appearanceConfig.alignment).replace(/([A-Z])/g, '-$1').toLowerCase()), borderWidthClass, borderColorClass ||
+            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.borderColor) &&
+                "border-color_".concat(appearanceConfig.borderColor)
+                    .replace(/([A-Z])/g, '-$1')
+                    .toLowerCase()), borderTypeClass, elevationClass ||
+            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.elevation) &&
+                "elevation_".concat(appearanceConfig.elevation).replace(/([A-Z])/g, '-$1').toLowerCase()), sizeClass ||
+            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.size) &&
+                "tooltip_size_".concat(appearanceConfig.size).replace(/([A-Z])/g, '-$1').toLowerCase()), arrowPosition && "tooltip_type_arrow tooltip_arrow_position_".concat(arrowPosition), type && "tooltip_type_".concat(type), set && "tooltip_set_".concat(set), widthClass), ref: tooltipElementRef, style: tooltipStyles, onAnimationEnd: onAnimationEnd, children: [before, jsxRuntime.jsxs("div", { className: "tooltip__inner", children: [title && (jsxRuntime.jsx(Title.Title, { className: "tooltip__title", size: titleSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.titleSize), textColor: titleTextColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.titleTextColor), textWeight: titleTextWeight || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.titleTextWeight), children: title })), text && (jsxRuntime.jsx(Text.Text, { className: "tooltip__text", size: textSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textSize), textColor: textColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textColor), children: text })), children] }), after] }));
 });
 
 exports.Tooltip = Tooltip;