@itcase/ui 1.1.25 → 1.2.1

package/dist/{cjs/Badge-C_bYrtVY.js → Badge-2JkquAEb.js}

@@ -1,14 +1,10 @@
 'use strict';
 
-var jsxRuntime = require('./jsx-runtime-BBxmckJR.js');
+var jsxRuntime = require('react/jsx-runtime');
 var clsx = require('clsx');
-var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
-var useStyles = require('./hooks/useStyles.js');
-var Text = require('./Text-B0SULA92.js');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var clsx__default = /*#__PURE__*/_interopDefault(clsx);
+var useDeviceTargetClass = require('./cjs/hooks/useDeviceTargetClass.js');
+var useStyles = require('./cjs/hooks/useStyles.js');
+var Text = require('./Text-_YhyTsQ1.js');
 
 var badgeConfig = {
     appearance: undefined,
@@ -58,12 +54,12 @@ function Badge(props) {
     // @ts-expect-error
     var badgeStyles = useStyles.useStyles(props).styles;
     var appearanceConfig = appearance && badgeConfig.appearance && badgeConfig.appearance[appearance];
-    return (jsxRuntime.jsxRuntimeExports.jsx("div", { className: clsx__default.default(className, 'badge', !value && 'badge_type_status', mode && "badge_mode_".concat(mode), borderColorClass, borderColorHoverClass, borderWidthClass, borderTypeClass, fillClass ||
+    return (jsxRuntime.jsx("div", { className: clsx(className, 'badge', !value && 'badge_type_status', mode && "badge_mode_".concat(mode), borderColorClass, borderColorHoverClass, borderWidthClass, borderTypeClass, fillClass ||
             ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.fill) &&
                 ((_a = "fill_".concat(appearanceConfig.fill)) === null || _a === void 0 ? void 0 : _a.replace(/([A-Z])/g, '-$1').toLowerCase())), fillHoverClass ||
             ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.fillHover) &&
                 ((_b = "fill_hover_".concat(appearanceConfig.fillHover)) === null || _b === void 0 ? void 0 : _b.replace(/([A-Z])/g, '-$1').toLowerCase())), positionClass, sizeClass, shapeClass), style: badgeStyles, children: children ||
-            (value && (jsxRuntime.jsxRuntimeExports.jsx(Text.Text, { size: textSize, textColor: textColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textColor), children: value }))) }));
+            (value && (jsxRuntime.jsx(Text.Text, { size: textSize, textColor: textColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textColor), children: value }))) }));
 }
 Badge.defaultProps = {
     size: 'm',

package/dist/{Badge-CLV5v6N7.js → Badge-CrhdvxY6.js}

@@ -1,8 +1,8 @@
-import { j as jsxRuntimeExports } from './jsx-runtime-C2uP7l8s.js';
+import { jsx } from 'react/jsx-runtime';
 import clsx from 'clsx';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
 import { useStyles } from './hooks/useStyles.js';
-import { T as Text } from './Text-Dz-KPI5I.js';
+import { T as Text } from './Text-CG3xPG27.js';
 
 var badgeConfig = {
     appearance: undefined,
@@ -52,12 +52,12 @@ function Badge(props) {
     // @ts-expect-error
     var badgeStyles = useStyles(props).styles;
     var appearanceConfig = appearance && badgeConfig.appearance && badgeConfig.appearance[appearance];
-    return (jsxRuntimeExports.jsx("div", { className: clsx(className, 'badge', !value && 'badge_type_status', mode && "badge_mode_".concat(mode), borderColorClass, borderColorHoverClass, borderWidthClass, borderTypeClass, fillClass ||
+    return (jsx("div", { className: clsx(className, 'badge', !value && 'badge_type_status', mode && "badge_mode_".concat(mode), borderColorClass, borderColorHoverClass, borderWidthClass, borderTypeClass, fillClass ||
             ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.fill) &&
                 ((_a = "fill_".concat(appearanceConfig.fill)) === null || _a === void 0 ? void 0 : _a.replace(/([A-Z])/g, '-$1').toLowerCase())), fillHoverClass ||
             ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.fillHover) &&
                 ((_b = "fill_hover_".concat(appearanceConfig.fillHover)) === null || _b === void 0 ? void 0 : _b.replace(/([A-Z])/g, '-$1').toLowerCase())), positionClass, sizeClass, shapeClass), style: badgeStyles, children: children ||
-            (value && (jsxRuntimeExports.jsx(Text, { size: textSize, textColor: textColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textColor), children: value }))) }));
+            (value && (jsx(Text, { size: textSize, textColor: textColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textColor), children: value }))) }));
 }
 Badge.defaultProps = {
     size: 'm',

package/dist/Button-BA3ZeUjj.js

@@ -0,0 +1,90 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import React from 'react';
+import clsx from 'clsx';
+import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
+import { useStyles } from './hooks/useStyles.js';
+import { I as Icon } from './Icon-CsE2-ieX.js';
+import { a as LinkWrapper } from './Link-Bqu5amIb.js';
+import { L as Loader } from './Loader-CJ8ZCdwy.js';
+import { T as Text } from './Text-CG3xPG27.js';
+
+var buttonConfig = {
+    appearance: undefined,
+    setAppearance: function (newComponent) {
+        buttonConfig.appearance = newComponent;
+    },
+};
+var Button = React.forwardRef(function Button(props, ref) {
+    var children = props.children; props.width; var isDisabled = props.isDisabled, after = props.after, appearance = props.appearance, Badge = props.Badge, before = props.before, className = props.className, dataTestId = props.dataTestId, dataTour = props.dataTour, fillIcon = props.fillIcon, fillIconAfter = props.fillIconAfter, fillIconBefore = props.fillIconBefore, href = props.href, _b = props.htmlType, htmlType = _b === void 0 ? 'button' : _b, icon = props.icon, iconAfter = props.iconAfter, iconAfterFill = props.iconAfterFill, iconAfterFillSize = props.iconAfterFillSize, iconAfterShape = props.iconAfterShape, iconAfterSize = props.iconAfterSize, iconAfterSrc = props.iconAfterSrc, iconBefore = props.iconBefore, iconBeforeFill = props.iconBeforeFill, iconBeforeFillSize = props.iconBeforeFillSize, iconBeforeShape = props.iconBeforeShape, iconBeforeSize = props.iconBeforeSize, iconBeforeSrc = props.iconBeforeSrc, iconFill = props.iconFill, iconFillSize = props.iconFillSize, iconShape = props.iconShape, iconSize = props.iconSize, iconSrc = props.iconSrc, label = props.label, labelTextColor = props.labelTextColor, labelTextColorHover = props.labelTextColorHover, labelTextSize = props.labelTextSize, labelTextSizeMobile = props.labelTextSizeMobile, 
+    // @ts-expect-error
+    labelTextTruncate = props.labelTextTruncate, labelTextWeight = props.labelTextWeight, 
+    // @ts-expect-error
+    labelTextWidth = props.labelTextWidth, labelTextWrap = props.labelTextWrap, link = props.link, loaderFill = props.loaderFill, loaderItemFill = props.loaderItemFill, _c = props.loaderSet, loaderSet = _c === void 0 ? 'simple' : _c, _d = props.loading, loading = _d === void 0 ? false : _d, rel = props.rel, set = props.set; props.size; var target = props.target, onClick = props.onClick, onMouseDown = props.onMouseDown;
+    var widthClass = useDeviceTargetClass(props, {
+        prefix: 'button_width_',
+        propsKey: 'width',
+    });
+    var sizeClass = useDeviceTargetClass(props, {
+        prefix: 'button_size_',
+        propsKey: 'size',
+    });
+    var fillClass = useDeviceTargetClass(props, {
+        prefix: 'fill_',
+        propsKey: 'fill',
+    });
+    var fillHoverClass = useDeviceTargetClass(props, {
+        prefix: 'fill_hover_',
+        propsKey: 'fillHover',
+    });
+    var borderWidthClass = useDeviceTargetClass(props, {
+        prefix: 'border-width_',
+        propsKey: 'borderWidth',
+    });
+    var borderColorClass = useDeviceTargetClass(props, {
+        prefix: 'border-color_',
+        propsKey: 'borderColor',
+    });
+    var shapeClass = useDeviceTargetClass(props, {
+        prefix: 'button_shape_',
+        propsKey: 'shape',
+    });
+    var borderTypeClass = useDeviceTargetClass(props, {
+        prefix: 'border_type_',
+        propsKey: 'borderType',
+    });
+    var elevationClass = useDeviceTargetClass(props, {
+        prefix: 'elevation_',
+        propsKey: 'elevation',
+    });
+    // @ts-expect-error
+    var _f = useStyles(props), labelStyles = _f.label, buttonStyles = _f.styles;
+    var appearanceConfig = appearance && buttonConfig.appearance && buttonConfig.appearance[appearance];
+    return (jsx(LinkWrapper, { className: clsx(className, 'button', label && 'button_type_label', borderColorClass ? 'button_set_outlined' : set ? "button_set_".concat(set) : 'button_set_filled', borderWidthClass ||
+            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.borderWidth) &&
+                "border-width_".concat(appearanceConfig.borderWidth)
+                    .replace(/([A-Z])/g, '-$1')
+                    .toLowerCase()), borderColorClass ||
+            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.borderColor) &&
+                "border-color_".concat(appearanceConfig.borderColor)
+                    .replace(/([A-Z])/g, '-$1')
+                    .toLowerCase()), borderTypeClass ||
+            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.borderType) &&
+                "border-type_".concat(appearanceConfig.borderType).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()), fillHoverClass ||
+            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.fillHover) &&
+                "fill_hover_".concat(appearanceConfig.fillHover).replace(/([A-Z])/g, '-$1').toLowerCase()), shapeClass, sizeClass, widthClass, elevationClass, onClick && 'cursor_type_pointer', isDisabled && 'cursor_type_default', Badge && 'button_type_badge', !label &&
+            (iconBefore || iconBeforeSrc || iconAfter || iconAfterSrc || icon || iconSrc) &&
+            'button_type_icon', label &&
+            (after ||
+                before ||
+                icon ||
+                iconAfter ||
+                iconAfterSrc ||
+                iconBefore ||
+                iconBeforeSrc ||
+                iconSrc) &&
+            'button_type_with-icon', loading && 'button_state_loading button_type_loader'), "data-test-id": dataTestId && "".concat(dataTestId, "Button"), "data-tour": dataTour, DefaultComponent: "button", disabled: isDisabled, href: link || href, rel: rel, style: buttonStyles, target: target, type: htmlType, onClick: onClick, onMouseDown: onMouseDown, children: jsxs("div", { className: "button__wrapper", ref: ref, children: [loading && (jsx(Loader, { className: clsx(className, 'button__loader', shapeClass), fill: loaderFill || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.loaderFill), itemFill: loaderItemFill || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.loaderItemFill), set: loaderSet })), before, (iconBefore || iconBeforeSrc) && (jsx(Icon, { className: "button__icon_before", fill: fillIconBefore, fillSize: iconBeforeFillSize, iconFill: iconBeforeFill || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.iconBeforeFill), imageSrc: iconBeforeSrc, shape: iconBeforeShape, size: iconBeforeSize, SvgImage: iconBefore })), (icon || iconSrc) && (jsx(Icon, { className: "button__icon", fill: fillIcon, fillSize: iconFillSize, iconFill: iconFill || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.iconFill), imageSrc: iconSrc, shape: iconShape, size: iconSize, SvgImage: icon })), (children || label || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.label)) && (jsx(Text, { className: "button__label", width: labelTextWidth, size: labelTextSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.labelTextSize) || undefined, sizeMobile: labelTextSizeMobile, style: labelStyles, textColor: labelTextColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.labelTextColor), textColorHover: labelTextColorHover || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.labelTextColorHover), textTruncate: labelTextTruncate, textWeight: labelTextWeight, textWrap: labelTextWrap, children: children || label || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.label) })), (iconAfter || iconAfterSrc) && (jsx(Icon, { className: "button__icon_after", fill: fillIconAfter, fillSize: iconAfterFillSize, iconFill: iconAfterFill || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.iconAfterFill), imageSrc: iconAfterSrc, shape: iconAfterShape, size: iconAfterSize, SvgImage: iconAfter })), Badge, after] }) }));
+});
+
+export { Button as B, buttonConfig as b };

package/dist/Button-VkatyBmt.js

@@ -0,0 +1,93 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var clsx = require('clsx');
+var useDeviceTargetClass = require('./cjs/hooks/useDeviceTargetClass.js');
+var useStyles = require('./cjs/hooks/useStyles.js');
+var Icon = require('./Icon-Co5Mtpt_.js');
+var Link = require('./Link-DQxoFKhI.js');
+var Loader = require('./Loader-fA11tUEJ.js');
+var Text = require('./Text-_YhyTsQ1.js');
+
+var buttonConfig = {
+    appearance: undefined,
+    setAppearance: function (newComponent) {
+        buttonConfig.appearance = newComponent;
+    },
+};
+var Button = React.forwardRef(function Button(props, ref) {
+    var children = props.children; props.width; var isDisabled = props.isDisabled, after = props.after, appearance = props.appearance, Badge = props.Badge, before = props.before, className = props.className, dataTestId = props.dataTestId, dataTour = props.dataTour, fillIcon = props.fillIcon, fillIconAfter = props.fillIconAfter, fillIconBefore = props.fillIconBefore, href = props.href, _b = props.htmlType, htmlType = _b === void 0 ? 'button' : _b, icon = props.icon, iconAfter = props.iconAfter, iconAfterFill = props.iconAfterFill, iconAfterFillSize = props.iconAfterFillSize, iconAfterShape = props.iconAfterShape, iconAfterSize = props.iconAfterSize, iconAfterSrc = props.iconAfterSrc, iconBefore = props.iconBefore, iconBeforeFill = props.iconBeforeFill, iconBeforeFillSize = props.iconBeforeFillSize, iconBeforeShape = props.iconBeforeShape, iconBeforeSize = props.iconBeforeSize, iconBeforeSrc = props.iconBeforeSrc, iconFill = props.iconFill, iconFillSize = props.iconFillSize, iconShape = props.iconShape, iconSize = props.iconSize, iconSrc = props.iconSrc, label = props.label, labelTextColor = props.labelTextColor, labelTextColorHover = props.labelTextColorHover, labelTextSize = props.labelTextSize, labelTextSizeMobile = props.labelTextSizeMobile, 
+    // @ts-expect-error
+    labelTextTruncate = props.labelTextTruncate, labelTextWeight = props.labelTextWeight, 
+    // @ts-expect-error
+    labelTextWidth = props.labelTextWidth, labelTextWrap = props.labelTextWrap, link = props.link, loaderFill = props.loaderFill, loaderItemFill = props.loaderItemFill, _c = props.loaderSet, loaderSet = _c === void 0 ? 'simple' : _c, _d = props.loading, loading = _d === void 0 ? false : _d, rel = props.rel, set = props.set; props.size; var target = props.target, onClick = props.onClick, onMouseDown = props.onMouseDown;
+    var widthClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'button_width_',
+        propsKey: 'width',
+    });
+    var sizeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'button_size_',
+        propsKey: 'size',
+    });
+    var fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'fill_',
+        propsKey: 'fill',
+    });
+    var fillHoverClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'fill_hover_',
+        propsKey: 'fillHover',
+    });
+    var borderWidthClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'border-width_',
+        propsKey: 'borderWidth',
+    });
+    var borderColorClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'border-color_',
+        propsKey: 'borderColor',
+    });
+    var shapeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'button_shape_',
+        propsKey: 'shape',
+    });
+    var borderTypeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'border_type_',
+        propsKey: 'borderType',
+    });
+    var elevationClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'elevation_',
+        propsKey: 'elevation',
+    });
+    // @ts-expect-error
+    var _f = useStyles.useStyles(props), labelStyles = _f.label, buttonStyles = _f.styles;
+    var appearanceConfig = appearance && buttonConfig.appearance && buttonConfig.appearance[appearance];
+    return (jsxRuntime.jsx(Link.LinkWrapper, { className: clsx(className, 'button', label && 'button_type_label', borderColorClass ? 'button_set_outlined' : set ? "button_set_".concat(set) : 'button_set_filled', borderWidthClass ||
+            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.borderWidth) &&
+                "border-width_".concat(appearanceConfig.borderWidth)
+                    .replace(/([A-Z])/g, '-$1')
+                    .toLowerCase()), borderColorClass ||
+            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.borderColor) &&
+                "border-color_".concat(appearanceConfig.borderColor)
+                    .replace(/([A-Z])/g, '-$1')
+                    .toLowerCase()), borderTypeClass ||
+            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.borderType) &&
+                "border-type_".concat(appearanceConfig.borderType).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()), fillHoverClass ||
+            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.fillHover) &&
+                "fill_hover_".concat(appearanceConfig.fillHover).replace(/([A-Z])/g, '-$1').toLowerCase()), shapeClass, sizeClass, widthClass, elevationClass, onClick && 'cursor_type_pointer', isDisabled && 'cursor_type_default', Badge && 'button_type_badge', !label &&
+            (iconBefore || iconBeforeSrc || iconAfter || iconAfterSrc || icon || iconSrc) &&
+            'button_type_icon', label &&
+            (after ||
+                before ||
+                icon ||
+                iconAfter ||
+                iconAfterSrc ||
+                iconBefore ||
+                iconBeforeSrc ||
+                iconSrc) &&
+            'button_type_with-icon', loading && 'button_state_loading button_type_loader'), "data-test-id": dataTestId && "".concat(dataTestId, "Button"), "data-tour": dataTour, DefaultComponent: "button", disabled: isDisabled, href: link || href, rel: rel, style: buttonStyles, target: target, type: htmlType, onClick: onClick, onMouseDown: onMouseDown, children: jsxRuntime.jsxs("div", { className: "button__wrapper", ref: ref, children: [loading && (jsxRuntime.jsx(Loader.Loader, { className: clsx(className, 'button__loader', shapeClass), fill: loaderFill || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.loaderFill), itemFill: loaderItemFill || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.loaderItemFill), set: loaderSet })), before, (iconBefore || iconBeforeSrc) && (jsxRuntime.jsx(Icon.Icon, { className: "button__icon_before", fill: fillIconBefore, fillSize: iconBeforeFillSize, iconFill: iconBeforeFill || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.iconBeforeFill), imageSrc: iconBeforeSrc, shape: iconBeforeShape, size: iconBeforeSize, SvgImage: iconBefore })), (icon || iconSrc) && (jsxRuntime.jsx(Icon.Icon, { className: "button__icon", fill: fillIcon, fillSize: iconFillSize, iconFill: iconFill || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.iconFill), imageSrc: iconSrc, shape: iconShape, size: iconSize, SvgImage: icon })), (children || label || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.label)) && (jsxRuntime.jsx(Text.Text, { className: "button__label", width: labelTextWidth, size: labelTextSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.labelTextSize) || undefined, sizeMobile: labelTextSizeMobile, style: labelStyles, textColor: labelTextColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.labelTextColor), textColorHover: labelTextColorHover || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.labelTextColorHover), textTruncate: labelTextTruncate, textWeight: labelTextWeight, textWrap: labelTextWrap, children: children || label || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.label) })), (iconAfter || iconAfterSrc) && (jsxRuntime.jsx(Icon.Icon, { className: "button__icon_after", fill: fillIconAfter, fillSize: iconAfterFillSize, iconFill: iconAfterFill || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.iconAfterFill), imageSrc: iconAfterSrc, shape: iconAfterShape, size: iconAfterSize, SvgImage: iconAfter })), Badge, after] }) }));
+});
+
+exports.Button = Button;
+exports.buttonConfig = buttonConfig;

package/dist/{cjs/Divider-D92wY8Fn.js → Divider-BjB5MD6u.js}

@@ -1,13 +1,9 @@
 'use strict';
 
-var jsxRuntime = require('./jsx-runtime-BBxmckJR.js');
+var jsxRuntime = require('react/jsx-runtime');
 var clsx = require('clsx');
-var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
-var useStyles = require('./hooks/useStyles.js');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var clsx__default = /*#__PURE__*/_interopDefault(clsx);
+var useDeviceTargetClass = require('./cjs/hooks/useDeviceTargetClass.js');
+var useStyles = require('./cjs/hooks/useStyles.js');
 
 function Divider(props) {
     var className = props.className;
@@ -45,7 +41,7 @@ function Divider(props) {
     });
     // @ts-expect-error
     var hrStyles = useStyles.useStyles(props).styles;
-    return (jsxRuntime.jsxRuntimeExports.jsx("hr", { className: clsx__default.default(className, 'divider', widthClass, directionClass, sizeClass, fillClass, fillHoverClass, fillActiveClass, fillActiveHoverClass, fillDisabledClass), style: hrStyles }));
+    return (jsxRuntime.jsx("hr", { className: clsx(className, 'divider', widthClass, directionClass, sizeClass, fillClass, fillHoverClass, fillActiveClass, fillActiveHoverClass, fillDisabledClass), style: hrStyles }));
 }
 Divider.defaultProps = {
     size: 'xs',

package/dist/{Divider-Dhj6sMWd.js → Divider-U5UdY-ef.js}

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from './jsx-runtime-C2uP7l8s.js';
+import { jsx } from 'react/jsx-runtime';
 import clsx from 'clsx';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
 import { useStyles } from './hooks/useStyles.js';
@@ -39,7 +39,7 @@ function Divider(props) {
     });
     // @ts-expect-error
     var hrStyles = useStyles(props).styles;
-    return (jsxRuntimeExports.jsx("hr", { className: clsx(className, 'divider', widthClass, directionClass, sizeClass, fillClass, fillHoverClass, fillActiveClass, fillActiveHoverClass, fillDisabledClass), style: hrStyles }));
+    return (jsx("hr", { className: clsx(className, 'divider', widthClass, directionClass, sizeClass, fillClass, fillHoverClass, fillActiveClass, fillActiveHoverClass, fillDisabledClass), style: hrStyles }));
 }
 Divider.defaultProps = {
     size: 'xs',

package/dist/{DropdownItem-CkojAA8a.js → DropdownItem-bB-KYqcL.js}

@@ -1,11 +1,11 @@
-import { j as jsxRuntimeExports } from './jsx-runtime-C2uP7l8s.js';
-import React__default, { useRef, useState, useCallback, useEffect } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import React, { useRef, useState, useCallback, useEffect } from 'react';
 import clsx from 'clsx';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
 import { useStyles } from './hooks/useStyles.js';
-import { D as Divider } from './Divider-Dhj6sMWd.js';
-import { L as Link } from './Link-DtzAAQn8.js';
-import { T as Text } from './Text-Dz-KPI5I.js';
+import { D as Divider } from './Divider-U5UdY-ef.js';
+import { L as Link } from './Link-Bqu5amIb.js';
+import { T as Text } from './Text-CG3xPG27.js';
 
 function Dropdown(props) {
     var after = props.after, before = props.before, animationClose = props.animationClose, animationOpen = props.animationOpen, children = props.children, className = props.className, set = props.set, isOpen = props.isOpen, setIsOpen = props.setIsOpen;
@@ -75,7 +75,7 @@ function Dropdown(props) {
     });
     // @ts-expect-error
     var styles = useStyles(props).styles;
-    return (jsxRuntimeExports.jsxs("div", { className: clsx(className, 'dropdown', alignmentClass, set && "dropdown_set_".concat(set), shapeClass, elevationClass, isOpen ? 'dropdown_state_open' : 'dropdown_state_close', animationState.className), ref: dropdownRef, style: styles, children: [before, children && (jsxRuntimeExports.jsx("div", { className: clsx('dropdown__wrapper', fillClass, fillHoverClass), 
+    return (jsxs("div", { className: clsx(className, 'dropdown', alignmentClass, set && "dropdown_set_".concat(set), shapeClass, elevationClass, isOpen ? 'dropdown_state_open' : 'dropdown_state_close', animationState.className), ref: dropdownRef, style: styles, children: [before, children && (jsx("div", { className: clsx('dropdown__wrapper', fillClass, fillHoverClass), 
                 // Add "onAnimationEnd" only for wrapper for ignore dropdown button
                 onAnimationEnd: onAnimationEnd, children: children })), after] }));
 }
@@ -144,7 +144,7 @@ function DropdownItem(props) {
     });
     // @ts-expect-error
     var dropdownItem = useStyles(props).styles;
-    return (jsxRuntimeExports.jsxs("div", { className: clsx('dropdown__item', isActive && 'dropdown__item_state_active', isHover && 'dropdown__item_state_hover', directionClass, className, fillClass, fillHoverClass, fillActiveClass, fillActiveHoverClass, fillDisabledClass, sizeClass, shapeClass, typeClass, widthClass, onClick && 'cursor_type_pointer', set && "dropdown__item_set_".concat(set), justifyContentClass), style: dropdownItem, onClick: onClick, onMouseEnter: onMouseEnter, children: [jsxRuntimeExports.jsx("div", { className: "dropdown__item-wrapper", children: jsxRuntimeExports.jsx(Link, { href: link || href, className: clsx('dropdown__item-link', alignDirectionClass, alignClass), underline: underline, fill: linkFill, target: target, rel: rel, children: jsxRuntimeExports.jsxs(React__default.Fragment, { children: [before, children || (jsxRuntimeExports.jsxs(React__default.Fragment, { children: [label && (jsxRuntimeExports.jsx(Text, { className: "dropdown__item-label", size: labelTextSize, textAlign: labelTextAlign, textColor: labelTextColor, textColorActive: isActive ? labelTextColorActive : undefined, textColorHover: labelTextColorHover, textColorGradient: labelTextGradient, textStyle: labelTextStyle, textWeight: labelTextWeight, textWrap: labelTextWrap, children: label })), desc && (jsxRuntimeExports.jsx(Text, { className: "dropdown__item-desc", size: descTextSize, textColor: descTextColor, textColorHover: descTextColorHover, textColorGradient: descTextGradient, textStyle: descTextStyle, textWeight: descTextWeight, textWrap: descTextWrap, children: desc }))] })), after] }) }) }), showDivider && (jsxRuntimeExports.jsx(Divider, { direction: dividerDirection, fill: dividerFill || 'surfaceTertiary', size: dividerSize, width: "fill" }))] }));
+    return (jsxs("div", { className: clsx('dropdown__item', isActive && 'dropdown__item_state_active', isHover && 'dropdown__item_state_hover', directionClass, className, fillClass, fillHoverClass, fillActiveClass, fillActiveHoverClass, fillDisabledClass, sizeClass, shapeClass, typeClass, widthClass, onClick && 'cursor_type_pointer', set && "dropdown__item_set_".concat(set), justifyContentClass), style: dropdownItem, onClick: onClick, onMouseEnter: onMouseEnter, children: [jsx("div", { className: "dropdown__item-wrapper", children: jsx(Link, { href: link || href, className: clsx('dropdown__item-link', alignDirectionClass, alignClass), underline: underline, fill: linkFill, target: target, rel: rel, children: jsxs(React.Fragment, { children: [before, children || (jsxs(React.Fragment, { children: [label && (jsx(Text, { className: "dropdown__item-label", size: labelTextSize, textAlign: labelTextAlign, textColor: labelTextColor, textColorActive: isActive ? labelTextColorActive : undefined, textColorHover: labelTextColorHover, textColorGradient: labelTextGradient, textStyle: labelTextStyle, textWeight: labelTextWeight, textWrap: labelTextWrap, children: label })), desc && (jsx(Text, { className: "dropdown__item-desc", size: descTextSize, textColor: descTextColor, textColorHover: descTextColorHover, textColorGradient: descTextGradient, textStyle: descTextStyle, textWeight: descTextWeight, textWrap: descTextWrap, children: desc }))] })), after] }) }) }), showDivider && (jsx(Divider, { direction: dividerDirection, fill: dividerFill || 'surfaceTertiary', size: dividerSize, width: "fill" }))] }));
 }
 DropdownItem.defaultProps = {
     size: 'l',

package/dist/{cjs/DropdownItem-2Nqtx3Vi.js → DropdownItem-m4hdxHp6.js}

@@ -1,18 +1,13 @@
 'use strict';
 
-var jsxRuntime = require('./jsx-runtime-BBxmckJR.js');
+var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var clsx = require('clsx');
-var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
-var useStyles = require('./hooks/useStyles.js');
-var Divider = require('./Divider-D92wY8Fn.js');
-var Link = require('./Link-DRV1vzHd.js');
-var Text = require('./Text-B0SULA92.js');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefault(React);
-var clsx__default = /*#__PURE__*/_interopDefault(clsx);
+var useDeviceTargetClass = require('./cjs/hooks/useDeviceTargetClass.js');
+var useStyles = require('./cjs/hooks/useStyles.js');
+var Divider = require('./Divider-BjB5MD6u.js');
+var Link = require('./Link-DQxoFKhI.js');
+var Text = require('./Text-_YhyTsQ1.js');
 
 function Dropdown(props) {
     var after = props.after, before = props.before, animationClose = props.animationClose, animationOpen = props.animationOpen, children = props.children, className = props.className, set = props.set, isOpen = props.isOpen, setIsOpen = props.setIsOpen;
@@ -82,7 +77,7 @@ function Dropdown(props) {
     });
     // @ts-expect-error
     var styles = useStyles.useStyles(props).styles;
-    return (jsxRuntime.jsxRuntimeExports.jsxs("div", { className: clsx__default.default(className, 'dropdown', alignmentClass, set && "dropdown_set_".concat(set), shapeClass, elevationClass, isOpen ? 'dropdown_state_open' : 'dropdown_state_close', animationState.className), ref: dropdownRef, style: styles, children: [before, children && (jsxRuntime.jsxRuntimeExports.jsx("div", { className: clsx__default.default('dropdown__wrapper', fillClass, fillHoverClass), 
+    return (jsxRuntime.jsxs("div", { className: clsx(className, 'dropdown', alignmentClass, set && "dropdown_set_".concat(set), shapeClass, elevationClass, isOpen ? 'dropdown_state_open' : 'dropdown_state_close', animationState.className), ref: dropdownRef, style: styles, children: [before, children && (jsxRuntime.jsx("div", { className: clsx('dropdown__wrapper', fillClass, fillHoverClass), 
                 // Add "onAnimationEnd" only for wrapper for ignore dropdown button
                 onAnimationEnd: onAnimationEnd, children: children })), after] }));
 }
@@ -151,7 +146,7 @@ function DropdownItem(props) {
     });
     // @ts-expect-error
     var dropdownItem = useStyles.useStyles(props).styles;
-    return (jsxRuntime.jsxRuntimeExports.jsxs("div", { className: clsx__default.default('dropdown__item', isActive && 'dropdown__item_state_active', isHover && 'dropdown__item_state_hover', directionClass, className, fillClass, fillHoverClass, fillActiveClass, fillActiveHoverClass, fillDisabledClass, sizeClass, shapeClass, typeClass, widthClass, onClick && 'cursor_type_pointer', set && "dropdown__item_set_".concat(set), justifyContentClass), style: dropdownItem, onClick: onClick, onMouseEnter: onMouseEnter, children: [jsxRuntime.jsxRuntimeExports.jsx("div", { className: "dropdown__item-wrapper", children: jsxRuntime.jsxRuntimeExports.jsx(Link.Link, { href: link || href, className: clsx__default.default('dropdown__item-link', alignDirectionClass, alignClass), underline: underline, fill: linkFill, target: target, rel: rel, children: jsxRuntime.jsxRuntimeExports.jsxs(React__default.default.Fragment, { children: [before, children || (jsxRuntime.jsxRuntimeExports.jsxs(React__default.default.Fragment, { children: [label && (jsxRuntime.jsxRuntimeExports.jsx(Text.Text, { className: "dropdown__item-label", size: labelTextSize, textAlign: labelTextAlign, textColor: labelTextColor, textColorActive: isActive ? labelTextColorActive : undefined, textColorHover: labelTextColorHover, textColorGradient: labelTextGradient, textStyle: labelTextStyle, textWeight: labelTextWeight, textWrap: labelTextWrap, children: label })), desc && (jsxRuntime.jsxRuntimeExports.jsx(Text.Text, { className: "dropdown__item-desc", size: descTextSize, textColor: descTextColor, textColorHover: descTextColorHover, textColorGradient: descTextGradient, textStyle: descTextStyle, textWeight: descTextWeight, textWrap: descTextWrap, children: desc }))] })), after] }) }) }), showDivider && (jsxRuntime.jsxRuntimeExports.jsx(Divider.Divider, { direction: dividerDirection, fill: dividerFill || 'surfaceTertiary', size: dividerSize, width: "fill" }))] }));
+    return (jsxRuntime.jsxs("div", { className: clsx('dropdown__item', isActive && 'dropdown__item_state_active', isHover && 'dropdown__item_state_hover', directionClass, className, fillClass, fillHoverClass, fillActiveClass, fillActiveHoverClass, fillDisabledClass, sizeClass, shapeClass, typeClass, widthClass, onClick && 'cursor_type_pointer', set && "dropdown__item_set_".concat(set), justifyContentClass), style: dropdownItem, onClick: onClick, onMouseEnter: onMouseEnter, children: [jsxRuntime.jsx("div", { className: "dropdown__item-wrapper", children: jsxRuntime.jsx(Link.Link, { href: link || href, className: clsx('dropdown__item-link', alignDirectionClass, alignClass), underline: underline, fill: linkFill, target: target, rel: rel, children: jsxRuntime.jsxs(React.Fragment, { children: [before, children || (jsxRuntime.jsxs(React.Fragment, { children: [label && (jsxRuntime.jsx(Text.Text, { className: "dropdown__item-label", size: labelTextSize, textAlign: labelTextAlign, textColor: labelTextColor, textColorActive: isActive ? labelTextColorActive : undefined, textColorHover: labelTextColorHover, textColorGradient: labelTextGradient, textStyle: labelTextStyle, textWeight: labelTextWeight, textWrap: labelTextWrap, children: label })), desc && (jsxRuntime.jsx(Text.Text, { className: "dropdown__item-desc", size: descTextSize, textColor: descTextColor, textColorHover: descTextColorHover, textColorGradient: descTextGradient, textStyle: descTextStyle, textWeight: descTextWeight, textWrap: descTextWrap, children: desc }))] })), after] }) }) }), showDivider && (jsxRuntime.jsx(Divider.Divider, { direction: dividerDirection, fill: dividerFill || 'surfaceTertiary', size: dividerSize, width: "fill" }))] }));
 }
 DropdownItem.defaultProps = {
     size: 'l',

package/dist/{Group-DLmtajo8.js → Group-BXfLh7AZ.js}

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from './jsx-runtime-C2uP7l8s.js';
+import { jsx } from 'react/jsx-runtime';
 import clsx from 'clsx';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
 import { useStyles } from './hooks/useStyles.js';
@@ -99,7 +99,7 @@ function Group(props) {
     var _b = useStyles(props), groupStyles = _b.styles, groupWrapperStyles = _b.wrapper;
     // prettier-ignore
     var appearanceConfig = (appearance && groupConfig.appearance && groupConfig.appearance[appearance]);
-    return (jsxRuntimeExports.jsx(Tag, { "data-tour": dataTour, htmlFor: htmlFor, id: id, name: name, style: Object.assign({}, groupStyles, style), className: clsx(className, 'group', widthClass, heightClass, columnsClass, contentAlignClass, alignDirectionClass, directionClass ||
+    return (jsx(Tag, { "data-tour": dataTour, htmlFor: htmlFor, id: id, name: name, style: Object.assign({}, groupStyles, style), className: clsx(className, 'group', widthClass, heightClass, columnsClass, contentAlignClass, alignDirectionClass, directionClass ||
             ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.direction) &&
                 "group_direction_".concat(appearanceConfig.direction)
                     .replace(/([A-Z])/g, '-$1')
@@ -115,7 +115,7 @@ function Group(props) {
             ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.borderWidth) &&
                 "border-width_".concat(appearanceConfig.borderWidth)
                     .replace(/([A-Z])/g, '-$1')
-                    .toLowerCase()), borderTypeClass, elevationClass, justifyContentClass), onClick: onClick, children: horizontalScroll ? (jsxRuntimeExports.jsx("div", { className: "group__wrapper", style: groupWrapperStyles, children: children })) : (children) }));
+                    .toLowerCase()), borderTypeClass, elevationClass, justifyContentClass), onClick: onClick, children: horizontalScroll ? (jsx("div", { className: "group__wrapper", style: groupWrapperStyles, children: children })) : (children) }));
 }
 Group.defaultProps = {
     tag: 'div',

package/dist/{cjs/Group-EFTg84wP.js → Group-Buo_BxGT.js}

@@ -1,13 +1,9 @@
 'use strict';
 
-var jsxRuntime = require('./jsx-runtime-BBxmckJR.js');
+var jsxRuntime = require('react/jsx-runtime');
 var clsx = require('clsx');
-var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
-var useStyles = require('./hooks/useStyles.js');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var clsx__default = /*#__PURE__*/_interopDefault(clsx);
+var useDeviceTargetClass = require('./cjs/hooks/useDeviceTargetClass.js');
+var useStyles = require('./cjs/hooks/useStyles.js');
 
 var groupConfig = {
     appearance: undefined,
@@ -105,7 +101,7 @@ function Group(props) {
     var _b = useStyles.useStyles(props), groupStyles = _b.styles, groupWrapperStyles = _b.wrapper;
     // prettier-ignore
     var appearanceConfig = (appearance && groupConfig.appearance && groupConfig.appearance[appearance]);
-    return (jsxRuntime.jsxRuntimeExports.jsx(Tag, { "data-tour": dataTour, htmlFor: htmlFor, id: id, name: name, style: Object.assign({}, groupStyles, style), className: clsx__default.default(className, 'group', widthClass, heightClass, columnsClass, contentAlignClass, alignDirectionClass, directionClass ||
+    return (jsxRuntime.jsx(Tag, { "data-tour": dataTour, htmlFor: htmlFor, id: id, name: name, style: Object.assign({}, groupStyles, style), className: clsx(className, 'group', widthClass, heightClass, columnsClass, contentAlignClass, alignDirectionClass, directionClass ||
             ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.direction) &&
                 "group_direction_".concat(appearanceConfig.direction)
                     .replace(/([A-Z])/g, '-$1')
@@ -121,7 +117,7 @@ function Group(props) {
             ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.borderWidth) &&
                 "border-width_".concat(appearanceConfig.borderWidth)
                     .replace(/([A-Z])/g, '-$1')
-                    .toLowerCase()), borderTypeClass, elevationClass, justifyContentClass), onClick: onClick, children: horizontalScroll ? (jsxRuntime.jsxRuntimeExports.jsx("div", { className: "group__wrapper", style: groupWrapperStyles, children: children })) : (children) }));
+                    .toLowerCase()), borderTypeClass, elevationClass, justifyContentClass), onClick: onClick, children: horizontalScroll ? (jsxRuntime.jsx("div", { className: "group__wrapper", style: groupWrapperStyles, children: children })) : (children) }));
 }
 Group.defaultProps = {
     tag: 'div',

package/dist/{cjs/Icon-C7ZJyN5o.js → Icon-Co5Mtpt_.js}

@@ -1,20 +1,14 @@
 'use strict';
 
-var _tslib = require('./_tslib-CKiUdo7p.js');
-var jsxRuntime = require('./jsx-runtime-BBxmckJR.js');
+var tslib_es6 = require('./tslib.es6-CKiUdo7p.js');
+var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var clsx = require('clsx');
 var SVG = require('react-inlinesvg');
-var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
-var useStyles = require('./hooks/useStyles.js');
-var Link = require('./Link-DRV1vzHd.js');
-var Tooltip = require('./Tooltip-DREz-tP6.js');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefault(React);
-var clsx__default = /*#__PURE__*/_interopDefault(clsx);
-var SVG__default = /*#__PURE__*/_interopDefault(SVG);
+var useDeviceTargetClass = require('./cjs/hooks/useDeviceTargetClass.js');
+var useStyles = require('./cjs/hooks/useStyles.js');
+var Link = require('./Link-DQxoFKhI.js');
+var Tooltip = require('./Tooltip-DkTKx9n-.js');
 
 var iconConfig = {
     appearance: {},
@@ -22,7 +16,7 @@ var iconConfig = {
         iconConfig.appearance = newComponent;
     },
 };
-var Icon = React__default.default.forwardRef(function Icon(props, ref) {
+var Icon = React.forwardRef(function Icon(props, ref) {
     var _a = React.useState(false), isTooltipVisible = _a[0], setIsTooltipVisible = _a[1];
     var Badge = props.Badge, SvgImage = props.SvgImage, after = props.after, before = props.before, className = props.className, dataTour = props.dataTour, height = props.height, href = props.href, id = props.id, imageSrc = props.imageSrc, link = props.link, linkRel = props.linkRel, linkTarget = props.linkTarget, showTooltip = props.showTooltip, tooltipAppearance = props.tooltipAppearance, tooltipText = props.tooltipText, tooltipTextSize = props.tooltipTextSize, tooltipTitle = props.tooltipTitle, tooltipTitleSize = props.tooltipTitleSize, width = props.width, onClick = props.onClick;
     var svgSizes = React.useMemo(function () {
@@ -99,17 +93,17 @@ var Icon = React__default.default.forwardRef(function Icon(props, ref) {
     var iconStyles = useStyles.useStyles(props).styles;
     var ImageComponent = React.useMemo(function () {
         if (SvgImage) {
-            return jsxRuntime.jsxRuntimeExports.jsx(SvgImage, _tslib.__assign({}, svgSizes));
+            return jsxRuntime.jsx(SvgImage, tslib_es6.__assign({}, svgSizes));
         }
         if (imageSrc) {
             if (imageSrc.endsWith('.svg')) {
-                return jsxRuntime.jsxRuntimeExports.jsx(SVG__default.default, { preProcessor: removeFillStroke, src: imageSrc });
+                return jsxRuntime.jsx(SVG, { preProcessor: removeFillStroke, src: imageSrc });
             }
-            return jsxRuntime.jsxRuntimeExports.jsx("img", { src: imageSrc });
+            return jsxRuntime.jsx("img", { src: imageSrc });
         }
         return null;
     }, [SvgImage, svgSizes, imageSrc]);
-    return (jsxRuntime.jsxRuntimeExports.jsx("div", { className: clsx__default.default(className, 'icon', fillClass, fillHoverClass, fillSizeClass, fillDisabledClass, iconFillClass, iconFillHoverClass, iconFillDisabledClass, shapeClass, borderColorClass, borderColorHoverClass, borderWidthClass, borderTypeClass, cursorClass, Badge && 'icon_type_with-badge', (link || href || onClick) && 'cursor_type_pointer'), "data-tour": dataTour, id: String(id), ref: ref, style: iconStyles, onClick: onClick, onMouseEnter: function () { return setIsTooltipVisible(true); }, onMouseLeave: function () { return setIsTooltipVisible(false); }, children: jsxRuntime.jsxRuntimeExports.jsxs(Link.LinkWrapper, { className: clsx__default.default(link || href ? 'icon__link' : 'icon__item', iconSizeClass), DefaultComponent: "div", href: link || href, rel: linkRel, target: linkTarget, children: [before, ImageComponent, after, Badge, isTooltipVisible && showTooltip && (jsxRuntime.jsxRuntimeExports.jsx(Tooltip.Tooltip, { appearance: tooltipAppearance, className: clsx__default.default(className, 'icon__tooltip', alignmentClass), text: tooltipText, textSize: tooltipTextSize, title: tooltipTitle, titleSize: tooltipTitleSize }))] }) }));
+    return (jsxRuntime.jsx("div", { className: clsx(className, 'icon', fillClass, fillHoverClass, fillSizeClass, fillDisabledClass, iconFillClass, iconFillHoverClass, iconFillDisabledClass, shapeClass, borderColorClass, borderColorHoverClass, borderWidthClass, borderTypeClass, cursorClass, Badge && 'icon_type_with-badge', (link || href || onClick) && 'cursor_type_pointer'), "data-tour": dataTour, id: String(id), ref: ref, style: iconStyles, onClick: onClick, onMouseEnter: function () { return setIsTooltipVisible(true); }, onMouseLeave: function () { return setIsTooltipVisible(false); }, children: jsxRuntime.jsxs(Link.LinkWrapper, { className: clsx(link || href ? 'icon__link' : 'icon__item', iconSizeClass), DefaultComponent: "div", href: link || href, rel: linkRel, target: linkTarget, children: [before, ImageComponent, after, Badge, isTooltipVisible && showTooltip && (jsxRuntime.jsx(Tooltip.Tooltip, { appearance: tooltipAppearance, className: clsx(className, 'icon__tooltip', alignmentClass), text: tooltipText, textSize: tooltipTextSize, title: tooltipTitle, titleSize: tooltipTitleSize }))] }) }));
 });
 Icon.defaultProps = {
     LinkComponent: 'a',

package/dist/{Icon-BLqnXYOO.js → Icon-CsE2-ieX.js}

@@ -1,12 +1,12 @@
-import { _ as __assign } from './_tslib-S-VPg1Cw.js';
-import { j as jsxRuntimeExports } from './jsx-runtime-C2uP7l8s.js';
-import React__default, { useState, useMemo } from 'react';
+import { _ as __assign } from './tslib.es6-S-VPg1Cw.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import React, { useState, useMemo } from 'react';
 import clsx from 'clsx';
 import SVG from 'react-inlinesvg';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
 import { useStyles } from './hooks/useStyles.js';
-import { a as LinkWrapper } from './Link-DtzAAQn8.js';
-import { T as Tooltip } from './Tooltip-IVq3_vb4.js';
+import { a as LinkWrapper } from './Link-Bqu5amIb.js';
+import { T as Tooltip } from './Tooltip-DJufHBiQ.js';
 
 var iconConfig = {
     appearance: {},
@@ -14,7 +14,7 @@ var iconConfig = {
         iconConfig.appearance = newComponent;
     },
 };
-var Icon = React__default.forwardRef(function Icon(props, ref) {
+var Icon = React.forwardRef(function Icon(props, ref) {
     var _a = useState(false), isTooltipVisible = _a[0], setIsTooltipVisible = _a[1];
     var Badge = props.Badge, SvgImage = props.SvgImage, after = props.after, before = props.before, className = props.className, dataTour = props.dataTour, height = props.height, href = props.href, id = props.id, imageSrc = props.imageSrc, link = props.link, linkRel = props.linkRel, linkTarget = props.linkTarget, showTooltip = props.showTooltip, tooltipAppearance = props.tooltipAppearance, tooltipText = props.tooltipText, tooltipTextSize = props.tooltipTextSize, tooltipTitle = props.tooltipTitle, tooltipTitleSize = props.tooltipTitleSize, width = props.width, onClick = props.onClick;
     var svgSizes = useMemo(function () {
@@ -91,17 +91,17 @@ var Icon = React__default.forwardRef(function Icon(props, ref) {
     var iconStyles = useStyles(props).styles;
     var ImageComponent = useMemo(function () {
         if (SvgImage) {
-            return jsxRuntimeExports.jsx(SvgImage, __assign({}, svgSizes));
+            return jsx(SvgImage, __assign({}, svgSizes));
         }
         if (imageSrc) {
             if (imageSrc.endsWith('.svg')) {
-                return jsxRuntimeExports.jsx(SVG, { preProcessor: removeFillStroke, src: imageSrc });
+                return jsx(SVG, { preProcessor: removeFillStroke, src: imageSrc });
             }
-            return jsxRuntimeExports.jsx("img", { src: imageSrc });
+            return jsx("img", { src: imageSrc });
         }
         return null;
     }, [SvgImage, svgSizes, imageSrc]);
-    return (jsxRuntimeExports.jsx("div", { className: clsx(className, 'icon', fillClass, fillHoverClass, fillSizeClass, fillDisabledClass, iconFillClass, iconFillHoverClass, iconFillDisabledClass, shapeClass, borderColorClass, borderColorHoverClass, borderWidthClass, borderTypeClass, cursorClass, Badge && 'icon_type_with-badge', (link || href || onClick) && 'cursor_type_pointer'), "data-tour": dataTour, id: String(id), ref: ref, style: iconStyles, onClick: onClick, onMouseEnter: function () { return setIsTooltipVisible(true); }, onMouseLeave: function () { return setIsTooltipVisible(false); }, children: jsxRuntimeExports.jsxs(LinkWrapper, { className: clsx(link || href ? 'icon__link' : 'icon__item', iconSizeClass), DefaultComponent: "div", href: link || href, rel: linkRel, target: linkTarget, children: [before, ImageComponent, after, Badge, isTooltipVisible && showTooltip && (jsxRuntimeExports.jsx(Tooltip, { appearance: tooltipAppearance, className: clsx(className, 'icon__tooltip', alignmentClass), text: tooltipText, textSize: tooltipTextSize, title: tooltipTitle, titleSize: tooltipTitleSize }))] }) }));
+    return (jsx("div", { className: clsx(className, 'icon', fillClass, fillHoverClass, fillSizeClass, fillDisabledClass, iconFillClass, iconFillHoverClass, iconFillDisabledClass, shapeClass, borderColorClass, borderColorHoverClass, borderWidthClass, borderTypeClass, cursorClass, Badge && 'icon_type_with-badge', (link || href || onClick) && 'cursor_type_pointer'), "data-tour": dataTour, id: String(id), ref: ref, style: iconStyles, onClick: onClick, onMouseEnter: function () { return setIsTooltipVisible(true); }, onMouseLeave: function () { return setIsTooltipVisible(false); }, children: jsxs(LinkWrapper, { className: clsx(link || href ? 'icon__link' : 'icon__item', iconSizeClass), DefaultComponent: "div", href: link || href, rel: linkRel, target: linkTarget, children: [before, ImageComponent, after, Badge, isTooltipVisible && showTooltip && (jsx(Tooltip, { appearance: tooltipAppearance, className: clsx(className, 'icon__tooltip', alignmentClass), text: tooltipText, textSize: tooltipTextSize, title: tooltipTitle, titleSize: tooltipTitleSize }))] }) }));
 });
 Icon.defaultProps = {
     LinkComponent: 'a',

package/dist/{Image-Bz4Fo3eB.js → Image-8t6PvsaZ.js}

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from './jsx-runtime-C2uP7l8s.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import clsx from 'clsx';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
 import { useStyles } from './hooks/useStyles.js';
@@ -59,7 +59,7 @@ function Image(props) {
     });
     // @ts-expect-error
     var _a = useStyles(props), styles = _a.styles, wrapperStyles = _a.wrapper, imageStyles = _a.image;
-    return (jsxRuntimeExports.jsxs("div", { className: clsx(className, 'image', mode && "image_mode_".concat(mode), type && "image_type_".concat(type), cursorClass, horizontalAlignClass, verticalAlignClass, shapeClass, fillClass, fillHoverClass, resizeModeClass, widthClass, heightClass), onClick: onClick, style: styles, children: [before, jsxRuntimeExports.jsxs("div", { className: clsx('image__wrapper', imageWrapperClassName), style: wrapperStyles, children: [jsxRuntimeExports.jsx("img", { alt: alt, src: src, style: imageStyles, title: title, className: clsx('image__item', imageWidthClass, imageHeightClass, imageClassName, borderColorClass, borderColorImageClass), onError: onError }), overlay, caption, children] }), after] }));
+    return (jsxs("div", { className: clsx(className, 'image', mode && "image_mode_".concat(mode), type && "image_type_".concat(type), cursorClass, horizontalAlignClass, verticalAlignClass, shapeClass, fillClass, fillHoverClass, resizeModeClass, widthClass, heightClass), onClick: onClick, style: styles, children: [before, jsxs("div", { className: clsx('image__wrapper', imageWrapperClassName), style: wrapperStyles, children: [jsx("img", { alt: alt, src: src, style: imageStyles, title: title, className: clsx('image__item', imageWidthClass, imageHeightClass, imageClassName, borderColorClass, borderColorImageClass), onError: onError }), overlay, caption, children] }), after] }));
 }
 
 export { Image as I };